/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.select {
    display: inline-block;
    max-width: 100%;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu,
        Cantarell, "Open Sans", "Helvetica Neue", "Roboto Rouble", sans-serif;
    font-weight: 400;
    border-radius: 4px 4px 0 0;
}

.select,
    .select *,
    .select *:before,
    .select *:after {
        box-sizing: border-box;
    }

.select__inner {
        position: relative;
        display: inline-table;
        vertical-align: top;
        width: 100%;
    }

.select_width_available .select__inner {
        table-layout: fixed;
    }

.select__top {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transform: scale(1) translateY(0);
                transform: scale(1) translateY(0);
        -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
        transition-duration: 200ms;
        transition-property: color, font-size, -webkit-transform;
        transition-property: color, transform, font-size;
        transition-property: color, transform, font-size, -webkit-transform;
        transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    }

.select__sub-wrapper {
        display: table;
        width: 100%;
    }

.select__sub {
        display: table-caption;
        caption-side: bottom;
        padding-top: 5px;
        padding-right: 12px;
        white-space: normal;
    }

.select_size_s .select__sub {
            font-size: 12px;
        }

.select_size_m .select__sub {
            font-size: 13px;
        }

.select_size_l .select__sub {
            font-size: 16px;
        }

.select_size_xl .select__sub {
            font-size: 18px;
        }

.select .select-button,
    .select__native-control {
        display: table-cell;
    }

.select .select-button {
        overflow: hidden;
        display: inline-block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        cursor: pointer;
        outline: 0;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu,
        Cantarell, "Open Sans", "Helvetica Neue", "Roboto Rouble", sans-serif;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: transparent;
        border: none;
        border-radius: 0;
        transition-duration: 250ms;
        transition-property: border-bottom-color, box-shadow, color, width,
            background-color;
        transition-timing-function: cubic-bezier(
            0.23,
            1,
            0.32,
            1
        );
    }

/* TODO @teryaew: add custom easings to styles */

.select .select-button::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

.select .select-button_size_s {
            min-height: 30px;
            padding-right: 30px;
            font-size: 13px;
            line-height: 28px;
        }

.select .select-button_size_m {
            min-height: 40px;
            padding-right: 34px;
            font-size: 16px;
            line-height: 38px;
        }

.select .select-button_size_l {
            min-height: 50px;
            padding-right: 44px;
            font-size: 18px;
            line-height: 48px;
        }

.select .select-button_size_xl {
            min-height: 60px;
            padding-right: 52px;
            font-size: 22px;
            line-height: 58px;
        }

.select .select-button_disabled {
            cursor: default;
        }

.select .select-button .icon-button_size_s {
                width: 24px;
            }

.select .select-button .icon-button_size_m {
                width: 30px;
            }

.select .select-button .icon-button_size_l {
                width: 34px;
            }

.select .select-button .icon-button_size_xl {
                width: 34px;
            }

.select__tick {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }

.select__tick .icon-button__text {
            display: flex;
        }

.select_disabled .select__tick {
        opacity: 0.25;
    }

.select_opened .select__tick,
    .select-button_hovered .select__tick {
        opacity: 1;
    }

.select_width_available {
        width: 100%;
        min-width: 0;
    }

.select.select_no-tick .select__top,
    .select.select_no-tick .select-button {
        padding-right: 0;
    }

.select__native-control {
        opacity: 0;
        overflow-x: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 100%;
    }

.select__placeholder {
        opacity: 0;
        transition: opacity 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    }

.select:not(.select_has-label) .select__placeholder,
    .select.select_has-label.select_has-placeholder .select__placeholder {
        opacity: 1;
    }

.select_size_s.select_has-label {
        padding-top: 8px;
    }

.select_size_s .select__top {
        font-size: 13px;
        line-height: 30px;
        padding-right: 30px;
    }

.select_size_s.select_has-placeholder .select__top, .select_size_s.select_has-value .select__top {
            -webkit-transform: scale(0.92308) translateY(-22px);
                    transform: scale(0.92308) translateY(-22px);
            width: 107.692 %;
            padding-right: 0;
        }

.select_size_m.select_has-label {
        padding-top: 8px;
    }

.select_size_m .select__top {
        font-size: 16px;
        line-height: 40px;
        padding-right: 34px;
    }

.select_size_m.select_has-placeholder .select__top, .select_size_m.select_has-value .select__top {
            -webkit-transform: scale(0.8125) translateY(-30px);
                    transform: scale(0.8125) translateY(-30px);
            width: 118.75 %;
            padding-right: 0;
        }

.select_size_l.select_has-label {
        padding-top: 16px;
    }

.select_size_l .select__top {
        font-size: 18px;
        line-height: 50px;
        padding-right: 44px;
    }

.select_size_l.select_has-placeholder .select__top, .select_size_l.select_has-value .select__top {
            -webkit-transform: scale(0.88889) translateY(-40px);
                    transform: scale(0.88889) translateY(-40px);
            width: 111.111 %;
            padding-right: 0;
        }

.select_size_xl.select_has-label {
        padding-top: 16px;
    }

.select_size_xl .select__top {
        font-size: 22px;
        line-height: 60px;
        padding-right: 52px;
    }

.select_size_xl.select_has-placeholder .select__top, .select_size_xl.select_has-value .select__top {
            -webkit-transform: scale(0.81818) translateY(-50px);
                    transform: scale(0.81818) translateY(-50px);
            width: 118.182 %;
            padding-right: 0;
        }

.select.select_view_filled.select_size_s .select__top {
            padding: 0 8px;
            line-height: 42px;
        }

.select.select_view_filled.select_size_s .select-button {
            height: 42px;
            padding: 0 8px;
        }

.select.select_view_filled.select_size_s .select-button__content {
                padding-right: 14px;
            }

.select.select_view_filled.select_size_s .select-button .icon-button_size_s {
                    margin-right: 8px;
                }

.select.select_view_filled.select_size_s .select__top,
        .select.select_view_filled.select_size_s .select-button {
            font-size: 13px;
        }

.select.select_view_filled.select_size_s__sub {
            padding-top: 4px;
            padding-right: 8px;
            font-size: 12px;
        }

.select.select_view_filled.select_size_s.select_has-label .select-button__content {
                padding-top: 11px;
            }

.select.select_view_filled.select_size_s.select_has-value .select__top, .select.select_view_filled.select_size_s.select_has-placeholder .select__top {
                font-size: 12px;
                -webkit-transform: translateY(-8px);
                        transform: translateY(-8px);
                width: auto;
            }

.select.select_view_filled.select_size_m .select__top {
            padding: 0 12px;
            line-height: 56px;
        }

.select.select_view_filled.select_size_m .select-button {
            height: 56px;
            padding: 0 12px;
        }

.select.select_view_filled.select_size_m .select-button__content {
                padding-right: 18px;
            }

.select.select_view_filled.select_size_m .select-button .icon-button_size_m {
                    margin-right: 4px;
                }

.select.select_view_filled.select_size_m .select__top,
        .select.select_view_filled.select_size_m .select-button {
            font-size: 16px;
        }

.select.select_view_filled.select_size_m__sub {
            padding-top: 4px;
            padding-right: 12px;
            font-size: 13px;
        }

.select.select_view_filled.select_size_m.select_has-label .select-button__content {
                padding-top: 17px;
            }

.select.select_view_filled.select_size_m.select_has-value .select__top, .select.select_view_filled.select_size_m.select_has-placeholder .select__top {
                font-size: 13px;
                -webkit-transform: translateY(-12px);
                        transform: translateY(-12px);
                width: auto;
            }

.select.select_view_filled .select__top {
        -webkit-transform-origin: 0 50%;
                transform-origin: 0 50%;
    }

.select.select_view_filled .select-button {
        border-radius: 4px 4px 0 0;
    }

.select.select_view_filled .select-button__content {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.select.select_view_filled.select_no-tick .select-button__text {
        padding-right: 0;
    }

.select.select_view_filled__sub {
        line-height: 1.2;
    }

.select.select_view_filled.select_has-label {
        padding-top: 0;
    }

/*# sourceMappingURL=select.css.map */
