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

.radio {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu,
        Cantarell, "Open Sans", "Helvetica Neue", "Roboto Rouble", sans-serif;
    font-weight: 400;
    white-space: nowrap;
}

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

.radio__control {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        z-index: -1;
    }

.radio__box {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-top: 0.05em;
        border-radius: 50%;
        transition: all 0.1s 0s ease-out;
    }

.radio__box:before,
        .radio__box:after {
            content: "";
            display: block;
            position: absolute;
            background: transparent;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
        }

.radio__box:before {
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            background: white;
            transition: all 0.1s 0s ease-out;
        }

.radio__text {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        line-height: normal;
    }

.radio_size_m {
        font-size: 16px;
    }

.radio_size_m .radio__box {
            width: 16px;
            height: 16px;
        }

.radio_size_m .radio__box:after {
                width: 16px;
                height: 16px;
            }

.radio_size_m .radio__text {
            margin-left: 8px;
        }

.radio_size_m.radio_checked .radio__box:before {
                width: 5px;
                height: 5px;
            }

.radio_size_l {
        font-size: 22px;
    }

.radio_size_l .radio__box {
            width: 24px;
            height: 24px;
        }

.radio_size_l .radio__box:after {
                width: 24px;
                height: 24px;
            }

.radio_size_l .radio__text {
            margin-left: 12px;
        }

.radio_size_l.radio_checked .radio__box:before {
                width: 8px;
                height: 8px;
            }

.radio_disabled {
        cursor: default;
    }

.radio_type_button {
    display: inline-block;
}

.radio_type_button .radio__control {
        visibility: hidden;
        position: absolute;
    }

/* TODO remove? */

.radio_type_button.radio_checked .button__text {
            font-weight: 400;
        }

.radio_width_available {
    width: 100%;
}

.radio_checked .radio__box {
        transition: all 0.1s 0s ease-out;
    }

.radio_checked .radio__box:before {
            opacity: 1;
            transition: all 0.1s 0s ease-out;
        }

.radio_focused .radio__box:after {
            border: 2px solid;
        }

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