@include b(dropdown){
  position: fixed;
  z-index: 1;

  @include e(scroll){
    color: $text-color;
    font-size: $text-size;
    background-color: $input-background-color;
    border: solid 1px $input-border-color;
    border-top:none;
    max-height: 200px;
    overflow: auto;
    &::-webkit-scrollbar-corner{
      background-color:$input-background-color;
    }
    &::-webkit-scrollbar-thumb {
      background-color: $scrollbar-color;
    }
  }
  @include e(box){
    background-color: $input-background-color;
    padding: 3px;
    border:solid 1px $input-border-color;
    min-width: 400px;
  }
  @include e(option){
    padding: $padding;
    cursor: pointer;
    &:hover{
      background-color: $input-item-hover-color;
    }
    & + &{
      border-top:solid 1px $input-item-border-color;
    }
    &.disabled{
      background-color: $input-item-hover-color;
      cursor: not-allowed;
    }
  }
}

@include b(select-group__wrap){
  li{
    text-indent: 20px;
  }
  li.mc-select-group__title{
    padding:10px 0;
    color: rgba($text-color, .5);
  }
  li.mc-dropdown__option{
    border: none !important;
    &:hover{

    }
  }
}

@include b(select-footer){
  margin-top: 5px;
  border-top: solid 1px $input-item-border-color;
  padding:15px 20px;
  a{
    cursor: pointer;
    color: $main-color;
  }
}