@import "../variables";
@import "../mixins";

.Select-dual {
    display: flex;
    margin-bottom: $offset_main * 2;

    .Select-dual-label {
        font-size: $font_size_heading_m;
        font-weight: $weight_bold;
        line-height: $font_size_heading_m * 1.3;
        margin-bottom: $offset_main;
    }
    .Select-dual-buttons {
        margin-top: $font_size_heading_m * 1.3;
        padding: $offset_main;
    }
    .Select-dual-buttons .Form-button {
        margin: 0 0 $offset_main 0;
        width: $offset_main * 9;
    }

    /* stylelint-disable max-nesting-depth */
    .Select-dual-select {
        @include control;

        border: $border_control_input;
        color: $color_dark_text;
        display: block;
        font-size: $font_size_default;
        height: auto;
        line-height: $line_height_control;
        padding: $offset_main_half $offset_main;
        width: $form_item_standart_width;

        &:hover {
            color: $color_dark_text_auxilliary;
        }
    
        &:focus {
            &,
            &:hover {
                border-color: $color_action_main;
                box-shadow: $control_box_shadow;
                color: $color_dark_text_auxilliary;
                outline: none;
            }
        }
    }
    /* stylelint-enable max-nesting-depth */
}