@use 'mixins/mixins' as *;
@use 'mixins/var' as *;
@use 'common/var' as *;

@include b(panel) {
  background-color: getCssVar('text-white', '1');
  padding: 12px;
  box-sizing: border-box;

  @each $type in $border-radius-types {
    @include m($type + '-br') {
      @if $type == 'base' {
        border-radius: getCssVar('br');
      } @else {
        border-radius: getCssVar('br', $type);
      }
    }
  }

  @include m(margin) {
    margin: 10px 16px;
  }

  @include e(title) {
    font-size: getCssVar('text', 'base');
    font-weight: getCssVar('text-w', 'm');
    margin-bottom: 12px;
  }
}