@include b(select) {
  position: relative;
  flex: 1;
  cursor: pointer;
  &-ref {
    @include flex-x(space-between);

    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 40px;
    background-color: $white;
    color: $auxiliary-text-color;
    font-size: $size-14;
    .icon-drop {
      transform: rotate(0deg);
      transition-duration: $transition-time;
      transition-timing-function: linear;
    }
  }
  &-options {
    z-index: 666;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    transform-origin: top;
  }
  &-disabled {
    cursor: not-allowed;
  }
  &-disabled &-ref {
    background-color: $disabled-background-color;
  }
  &-active {
    .icon-drop {
      transform: rotate(180deg);
    }
  }
}