/* Start:/local/components/factor/vue.auth/templates/.default/style.min.css?17539524876630*/
.auth-form__section.form-outer {
    padding-top: 50px;
}

.auth-form__section.form-outer .page__auth {
    max-width: 343px;
    margin: 0 auto;
    padding: 0
}

.auth-form__section.form-outer .page__auth-check-phone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.auth-form__section.form-outer .page__auth-check-phone .title-head {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
}

.auth-form__section.form-outer .page__auth-check-phone .title {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .auth-form__section.form-outer .page__auth-check-phone {
        gap: 12px
    }

    .auth-form__section.form-outer .page__auth-check-phone .field: last-child {
        margin-top: 20px
    }

}

.auth-form__section.form-outer .page__auth-check-phone .f-checkbox-vr2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.auth-form__section.form-outer .page__auth-check-phone .f-checkbox-vr2__placeholder {
    line-height: 20px;
    font-weight: 400;
    font-size: 13px
}

.auth-form__section.form-outer .page__auth-check-phone .f-checkbox-vr2__placeholder-wrapper {
    white-space: normal
}

.auth-form__section.form-outer .page__auth-check-phone .field.section-or {
    color: #8c8c8c;
    text-transform: uppercase
}

.auth-form__section.form-outer .page__auth-check-phone .field.section-login-with,.auth-form__section.form-outer .page__auth-send-code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.auth-form__section.form-outer .page__auth-check-phone .field.btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auth-form__section.form-outer .page__auth-check-phone .field.btns button {
    width: 48%
}

.auth-form__section.form-outer .page__auth-send-code {
    text-align: center;
    gap: 32px
}

.auth-form__section.form-outer .page__auth-send-code :where(.otp-input-field) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field input {
    border-bottom: 1px solid #e1e2e0;
    border-inline: 0 solid;
    border-top: 0 solid;
    text-align: center;
    line-height: 36px;
    font-weight: 500;
    font-size: 28px;
    outline: 0;
    height: 44px;
    width: 40px
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field input::-webkit-outer-spin-button,
.auth-form__section.form-outer .page__auth-send-code .otp-input-field input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field input: focus {
    border-bottom: 1px solid #000
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field input: : -webkit-inner-spin-button,.auth-form__section.form-outer .page__auth-send-code .otp-input-field input: : -webkit-outer-spin-button,.auth-form__section.form-outer .page__auth-send-code .otp-input-field: : -webkit-inner-spin-button,.auth-form__section.form-outer .page__auth-send-code .otp-input-field: : -webkit-outer-spin-button {
    display: none
}

.auth-form__section.form-outer .page__auth-send-code .otp-input-field input[disabled] {
    background-color: transparent
}

.auth-form__section.form-outer .page__auth-send-code .timer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.auth-form__section.form-outer .page__auth-send-code .timer__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.auth-form__section.form-outer .page__auth-send-code .timer__item {
    position: relative
}

.auth-form__section.form-outer .page__auth-send-code .timer__item: : before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.auth-form__section.form-outer .page__auth-send-code .timer__item: not(: last-child): : after {
                                                                                        content: ': ';
                                                                                        position: absolute;
                                                                                        bottom: 1px;
                                                                                        right: -5px
                                                                                    }

.auth-form__section.form-outer .page__auth-send-code .timer__seconds {
    margin-left: 8px
}

.auth-form__section.form-outer .page__auth-send-code .button.disabled {
    color: #8c8c8c;
    border-color: transparent
}

.auth-form__section.form-outer .page__auth-send-code .field.btns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.auth-form__section.form-outer .page__auth-send-code .timer__item::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.auth-form__section.form-outer .page__auth-send-code .timer__item:not(:last-child)::after {
    content: ':';
    position: absolute;
    bottom: 1px;
    right: -5px;
}

/* End */
/* /local/components/factor/vue.auth/templates/.default/style.min.css?17539524876630 */