@import './var.less';

.@{whiteboard-prefix-cls} {
  display: flex;
  flex: auto;
  flex-flow: column;
  overflow: hidden;

  .@{whiteboard-prefix-cls}-top {
    margin-bottom: -8px;
    padding: 8px 8px;
    background-color: @whiteboard-top-bg;
  }

  .@{whiteboard-prefix-cls}-bottom {
    display: flex;
    flex: auto;
    flex-flow: column;
    overflow: hidden;
    margin: @whiteboard-bottom-margin;
    padding: @whiteboard-bottom-padding;
    background-color: @whiteboard-bottom-bg;
    border-radius: @whiteboard-bottom-radius-base;
  }
}
