.#{$prefix}panel {
  background-color: $background-color-title;
  width: 100%;
  height: 100%;
  overflow: hidden;

  &-box {
    @include clearfix();

    box-sizing: border-box;
    padding: 0 16px;
    margin-top: 24px;

    &:first-child {
      margin-top: 16px;
    }

    &:last-child {
      margin-bottom: 16px;
    }

    &-left {
      float: left;
      font-size: 14px;
      color: $text-color-default;
      letter-spacing: 0;
    }

    &-right {
      float: right;
      font-size: 14px;
      color: $text-color-default;
      letter-spacing: 0;
      display: flex;
      align-items: center;

      &-text {
        float: left;
        line-height: 14px;
      }
    }

    &-switch {
      margin-left: 16px;
    }

    &-icon {
      color: $border-on-color;
      margin-left: 16px;

      &:hover {
        cursor: pointer;
      }
    }
  }
}