/* 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/. */

.tag-button {
    display: inline-block;
    position: relative;
    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: center;
    white-space: nowrap;
    border-width: 1px;
    border-color: transparent;
    border-radius: 30px;
    transition-duration: 200ms;
    transition-property: background, color, width;
    transition-timing-function: ease;
}

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

.tag-button_hovered,
    .tag-button_hovered.tag-button_focused,
    .tag-button_focused {
        border-color: transparent;
        box-shadow: none;
    }

.tag-button__text {
        font-weight: 500;
    }

.tag-button_size_s {
        min-height: 30px;
        padding: 0 10px;
        font-size: 13px;
        line-height: 28px;
    }

.tag-button_size_m {
        min-height: 40px;
        padding: 0 14px;
        font-size: 16px;
        line-height: 38px;
    }

.tag-button_size_l {
        min-height: 50px;
        padding: 0 18px;
        font-size: 18px;
        line-height: 48px;
    }

.tag-button_size_xl {
        min-height: 60px;
        padding: 0 22px;
        font-size: 22px;
        line-height: 58px;
    }

.tag-button_width_available {
        width: 100%;
    }

.tag-button_disabled {
        cursor: default;
    }

.tag-button_theme_alfa-on-color {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
}

.tag-button_theme_alfa-on-color.tag-button_hovered {
        background: rgba(255, 255, 255, 0.4);
    }

.tag-button_theme_alfa-on-color.tag-button_focused {
        background: rgba(255, 255, 255, 0.55);
    }

.tag-button_theme_alfa-on-color.tag-button_focused.tag-button_checked {
            background: rgba(255, 255, 255, 0.55);
        }

.tag-button_theme_alfa-on-color.tag-button_pressed {
        background: rgba(255, 255, 255, 0.6);
    }

.tag-button_theme_alfa-on-color.tag-button_checked {
        color: rgba(11, 31, 53, 0.95);
        background: rgba(255, 255, 255, 0.75);
    }

.tag-button_theme_alfa-on-color.tag-button_disabled {
        color: rgba(255, 255, 255, 0.4);
        background: transparent;
        border-color: rgba(255, 255, 255, 0.2);
        border-style: dashed;
    }

.tag-button_theme_alfa-on-white {
    color: rgba(11, 31, 53, 0.95);
    background: rgba(11, 31, 53, 0.05);
}

.tag-button_theme_alfa-on-white.tag-button_hovered {
        background: rgba(11, 31, 53, 0.08);
    }

.tag-button_theme_alfa-on-white.tag-button_focused {
        background: rgba(11, 31, 53, 0.14);
    }

.tag-button_theme_alfa-on-white.tag-button_focused.tag-button_checked {
            background: rgb(11, 31, 53);
        }

.tag-button_theme_alfa-on-white.tag-button_pressed {
        background: rgba(11, 31, 53, 0.18);
    }

.tag-button_theme_alfa-on-white.tag-button_checked {
        color: #fff;
        background: rgba(11, 31, 53, 0.9);
    }

.tag-button_theme_alfa-on-white.tag-button_disabled {
        color: rgba(11, 31, 53, 0.3);
        background: transparent;
        border-color: rgba(11, 31, 53, 0.2);
        border-style: dashed;
        border-width: 1px;
    }

.tag-button_theme_alfa-light {
    color: #000;
    background: #f3f4f5;
}

.tag-button_theme_alfa-light.tag-button_hovered {
        background: #e9e9eb;
    }

.tag-button_theme_alfa-light.tag-button_focused {
        background: #e9e9eb;
    }

.tag-button_theme_alfa-light.tag-button_focused.tag-button_checked {
            background: #121212;
        }

.tag-button_theme_alfa-light.tag-button_pressed {
        background: #e9e9eb;
    }

.tag-button_theme_alfa-light.tag-button_checked {
        color: #fff;
        background: #202022;
    }

.tag-button_theme_alfa-light.tag-button_disabled {
        color: #dcdcdd;
        background: transparent;
        border-color: #dcdcdd;
        border-style: dashed;
        border-width: 1px;
    }

.tag-button_theme_alfa-dark {
    color: #fff;
    background: #202022;
}

.tag-button_theme_alfa-dark.tag-button_hovered {
        background: #2c2c2e;
    }

.tag-button_theme_alfa-dark.tag-button_focused {
        background: #2c2c2e;
    }

.tag-button_theme_alfa-dark.tag-button_focused.tag-button_checked {
            background: #fff;
        }

.tag-button_theme_alfa-dark.tag-button_pressed {
        background: #2c2c2e;
    }

.tag-button_theme_alfa-dark.tag-button_checked {
        color: #000;
        background: #f3f4f5;
    }

.tag-button_theme_alfa-dark.tag-button_disabled {
        color: #2a2a2c;
        background: transparent;
        border-color: #2b2b2e;
        border-style: dashed;
        border-width: 1px;
    }

/*# sourceMappingURL=tag-button.css.map */
