// @import '../_utils.scss';
// @import './icon.scss';

.#{$panel-prefix-cls} {
  &-wrap {
    width: 100%;
    padding: $panel-wrap-padding;
    border: $panel-wrap-border;
    @include theme-border-color($__fieldpanel_border-color);
    border-radius: $panel-wrap-border-radius;
    height: auto;
    position: relative;
    @include theme-background-color($__fieldpanel_background-color);
    @include theme-color($__fieldpanel_font-color);
  }

  &-footer {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: $panel-footer-margin-top;
    margin-right: $panel-footer-margin-right;
    background: $panel-footer-background;
    @include theme-background-color($__fieldpanel_background-color);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;

    a {
      line-height: $panel-footer-a-line-height;
      padding: $panel-footer-a-padding;
      font-weight: $panel-footer-a-font-weight;
      text-align: center;
      display: inline-block;
      cursor: pointer;
      color: $panel-footer-a-color;
      @include theme-color($__fieldpanel-footer_icon-color);
      background: $panel-footer-a-background;
      @include theme-background-color($__fieldpanel_background-color);
    }

    &-icon {
      transform: rotate(180deg);
    }

  }

  legend {
    font-size: $panel-legend-font-size;
    color: $text-color;
    @include theme-color($__fieldpanel-legend_font-color);
    font-weight: bold;
  }
}