@import '../../common/styles/_abstract-select';
@import '../../common/styles/_abstract-control';
@import '../../common/styles/_abstract-control-text';
@import '../../common/styles/_layers';

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
:local(.bloko-select) {
    /* stylelint-disable-next-line property-no-unknown */
    composes: bloko-select from '../controlGroup/controlGroup.less';
}

.bloko-select {
    .abstract-select();
}

.bloko-select_scale-small {
    height: @control-height-scale-small;
}

.bloko-select_scale-large {
    height: @control-height-scale-large;
}

.bloko-select_light {
    .select-light();

    [disabled] &,
    &[disabled] {
        .select-light-disabled();
    }

    &.bloko-select_invalid {
        .select-light-invalid();
    }

    /* необходимо для того, чтобы в браузерах на винде option не красисились в красный */
    option {
        color: @control-color;
    }
}

.bloko-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.bloko-select-wrapper_flexible {
    width: auto;
}

.bloko-select-placeholder {
    @placeholder-offset: @control-border-width + 1;

    position: absolute;
    z-index: @above-content;
    top: @placeholder-offset;
    left: @control-box-shadow-focus-visible-width;
    right: @select-padding-right;
    bottom: @placeholder-offset;
    background: @control-background-color;
    color: @control-placeholder-color;
    padding-left: @control-padding-horizontal;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.bloko-select-placeholder-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}