//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .cms-block-select-dropdown-navigation {
        &.select-is-paired-with-slider {
            margin-bottom: 20px;
        }
        &.select-has-bg {
            padding-bottom: 28px;
            padding-top: 28px;
        }
        &.select-beige {
            background-color: #f8f8f8;
        }
        .label {
            display: block;
            margin-bottom: 5px;
        }
        .select {
            border-color: @form-element-input__border-color;
            border-radius: 30px;
            height: 40px;
            max-width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            width: 400px;
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .cms-block-select-dropdown-navigation {
        &.select-is-paired-with-slider {
            display: block;
            + .select-slider {
                display: none;
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__s) {
    .cms-block-select-dropdown-navigation {
        &.select-is-paired-with-slider {
            display: none;
            + .select-slider {
                display: block;
            }
        }
    }
}