@use 'sass:map';

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

@include b(select-dropdown) {
  @include b(cig-select-action) {
    width: 100%;
    height: 32px;

    /* Neutral/N50 */
    background: #fafbff;
    @include b(cig-select-action__header) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
      padding: 0 12px;
    }
  }
  @include b(cig-select) {
    box-sizing: border-box;
    @include b(form-item) {
      &:not(.is-error) {
        @include b(input) {
          border-radius: var(--el-input-border-radius);
          border: 1px solid var(--el-color-primary);
        }
        @include b(input__wrapper) {
          box-shadow: none;
        }
      }
    }
    @include b(form-item__content) {
      padding: 0 4px;
      @include b(input) {
        flex: 1;
      }
    }

    @include b(cig-select-form__icon) {
      width: 55px;
      display: flex;
      align-items: center;
      @include b(icon) {
        margin-left: 10px;
      }
    }
  }
}