.__nuxt-error-page {
    padding: 1rem;
    background: #f7f8fb;
    color: #47494e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100 !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.__nuxt-error-page .error {
    max-width: 450px;
}
.__nuxt-error-page .title {
    font-size: 1.5rem;
    margin-top: 15px;
    color: #47494e;
    margin-bottom: 8px;
}
.__nuxt-error-page .description {
    color: #7f828b;
    line-height: 21px;
    margin-bottom: 10px;
}
.__nuxt-error-page a {
    color: #7f828b !important;
    text-decoration: none;
}
.__nuxt-error-page .logo {
    position: fixed;
    left: 12px;
    bottom: 12px;
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width 0.1s, opacity 0.4s;
    background-color: #fff;
    z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
    transition: none;
}
.nuxt-progress-failed {
    background-color: red;
}

@-webkit-keyframes sheen {
    20%,
    to {
        margin-left: calc(100% + 96px);
    }
}
@keyframes sheen {
    20%,
    to {
        margin-left: calc(100% + 96px);
    }
}
@-webkit-keyframes bounce {
    0%,
    18%,
    32% {
        transform: translateZ(0);
    }
    13%,
    14% {
        transform: translate3d(0, -24px, 0) scaleY(1.1);
    }
    22% {
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    26% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0) scaleY(0.95);
    }
    31% {
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@keyframes bounce {
    0%,
    18%,
    32% {
        transform: translateZ(0);
    }
    13%,
    14% {
        transform: translate3d(0, -24px, 0) scaleY(1.1);
    }
    22% {
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    26% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0) scaleY(0.95);
    }
    31% {
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@-webkit-keyframes opacityBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes opacityBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes move {
    0% {
        transform: translateX(-12px);
    }
    50% {
        transform: translateX(12px);
    }
    to {
        transform: translateX(-12px);
    }
}
@keyframes move {
    0% {
        transform: translateX(-12px);
    }
    50% {
        transform: translateX(12px);
    }
    to {
        transform: translateX(-12px);
    }
}
@-webkit-keyframes shakeX {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shakeX {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn {
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes rotate-360 {
    0% {
        top: -16px;
        left: -14px;
    }
    25% {
        top: calc(100% - 16px);
        left: -14px;
    }
    50% {
        top: calc(100% - 16px);
        left: calc(100% - 14px);
    }
    75% {
        top: -16px;
        left: calc(100% - 14px);
    }
    to {
        top: -16px;
        left: -14px;
    }
}
@keyframes rotate-360 {
    0% {
        top: -16px;
        left: -14px;
    }
    25% {
        top: calc(100% - 16px);
        left: -14px;
    }
    50% {
        top: calc(100% - 16px);
        left: calc(100% - 14px);
    }
    75% {
        top: -16px;
        left: calc(100% - 14px);
    }
    to {
        top: -16px;
        left: -14px;
    }
}
@-webkit-keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes opacityImg {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    50%,
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes opacityImg {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    50%,
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes backgroundScrollUp {
    0% {
        background-position: 0 14000px;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes backgroundScrollUp {
    0% {
        background-position: 0 14000px;
    }
    to {
        background-position: 0 0;
    }
}
@-webkit-keyframes showGirlPopup {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-100px);
        opacity: 1;
    }
}
@keyframes showGirlPopup {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-100px);
        opacity: 1;
    }
}
@-webkit-keyframes showGirlPopupText {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-400px);
        opacity: 1;
    }
}
@keyframes showGirlPopupText {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-400px);
        opacity: 1;
    }
}
@-webkit-keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.4);
    }
    50% {
        transform: scale(1.2);
    }
    70% {
        transform: scale(1.4);
    }
    to {
        transform: scale(1);
    }
}
@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.4);
    }
    50% {
        transform: scale(1.2);
    }
    70% {
        transform: scale(1.4);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes dotFalling {
    0% {
        box-shadow: 9999px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #333;
    }
    to {
        box-shadow: 9999px 7px 0 0 transparent;
    }
}
@keyframes dotFalling {
    0% {
        box-shadow: 9999px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #333;
    }
    to {
        box-shadow: 9999px 7px 0 0 transparent;
    }
}
@-webkit-keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #333;
    }
    to {
        box-shadow: 9984px 7px 0 0 transparent;
    }
}
@keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #333;
    }
    to {
        box-shadow: 9984px 7px 0 0 transparent;
    }
}
@-webkit-keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #333;
    }
    to {
        box-shadow: 10014px 7px 0 0 transparent;
    }
}
@keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #333;
    }
    to {
        box-shadow: 10014px 7px 0 0 transparent;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes blurredItemsMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(100vh - 100%));
    }
    to {
        transform: translateY(0);
    }
}
@keyframes blurredItemsMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(100vh - 100%));
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes loaderSpinner {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes loaderSpinner {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
@-webkit-keyframes run-string-mobile {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(100vw - 100%));
    }
}
@keyframes run-string-mobile {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(100vw - 100%));
    }
}
@-webkit-keyframes run-string {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(360px - 100%));
    }
}
@keyframes run-string {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(360px - 100%));
    }
}
@-webkit-keyframes shakeY {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0);
    }
}
@keyframes shakeY {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: translate3d(0, -3000px, 0) scaleY(3);
        opacity: 0;
    }
    60% {
        transform: translate3d(0, 25px, 0) scaleY(0.9);
        opacity: 1;
    }
    75% {
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: translate3d(0, -3000px, 0) scaleY(3);
        opacity: 0;
    }
    60% {
        transform: translate3d(0, 25px, 0) scaleY(0.9);
        opacity: 1;
    }
    75% {
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        transform: translateZ(0);
    }
}
@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        transform: translate3d(0, 20px, 0) scaleY(0.9);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -2000px, 0) scaleY(3);
        opacity: 0;
    }
}
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        transform: translate3d(0, 20px, 0) scaleY(0.9);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -2000px, 0) scaleY(3);
        opacity: 0;
    }
}
@-webkit-keyframes fadeOut {
    0%,
    95% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0%,
    95% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes circleRotate {
    0% {
        transform: rotate(1turn);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes circleRotate {
    0% {
        transform: rotate(1turn);
    }
    to {
        transform: rotate(0deg);
    }
}
body,
html {
    min-height: 100%;
}
html {
    scroll-behavior: smooth;
}
html *,
html :after,
html :before {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}
ol,
ul {
    list-style: none;
}
button,
input,
select {
    outline: none;
}
select option {
    color: #000;
}
img,
video {
    width: 100%;
}
video {
    object-fit: cover;
}
.clear-btn,
.tip_hint {
    display: none;
}
.loading {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}
.loading,
.loading__progress-bar {
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading__progress-bar {
    position: relative;
}
.loading__progress-bar:after,
.loading__progress-bar:before {
    position: absolute;
    content: "";
    -webkit-animation: pulsOut 1.5s ease-in-out infinite;
    animation: pulsOut 1.5s ease-in-out infinite;
    border-radius: 50%;
}
.loading__progress-bar:before {
    width: 100%;
    padding-bottom: 100%;
    -webkit-animation-name: pulsIn;
    animation-name: pulsIn;
}
.loading__progress-bar:after {
    width: calc(100% - 2rem);
    padding-bottom: calc(100% - 2rem);
}
.loading__text {
    max-width: 312px;
    text-align: center;
    color: #303030;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
}
.password-container {
    position: relative;
}
.show-password {
    position: absolute;
    top: 1px;
    right: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
.show-password:active,
.show-password:hover,
.show-password_visible {
    transition: 0.3s linear;
}
.show-password__icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 23px 20px;
}
.show-password__text {
    position: absolute;
    right: 20px;
}
.btn {
    cursor: pointer;
    text-decoration: none !important;
}
.btn_inactive {
    position: relative;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.btn_back {
    cursor: pointer;
    border: none;
    -webkit-tap-highlight-color: transparent;
}
.grecaptcha-badge {
    display: none !important;
}
.cookie-popup {
    font-family: Helvetica, sans-serif;
}

@-webkit-keyframes sheen {
    20%,
    to {
        margin-left: calc(100% + 96px);
    }
}
@keyframes sheen {
    20%,
    to {
        margin-left: calc(100% + 96px);
    }
}
@-webkit-keyframes bounce {
    0%,
    18%,
    32% {
        transform: translateZ(0);
    }
    13%,
    14% {
        transform: translate3d(0, -24px, 0) scaleY(1.1);
    }
    22% {
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    26% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0) scaleY(0.95);
    }
    31% {
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@keyframes bounce {
    0%,
    18%,
    32% {
        transform: translateZ(0);
    }
    13%,
    14% {
        transform: translate3d(0, -24px, 0) scaleY(1.1);
    }
    22% {
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    26% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0) scaleY(0.95);
    }
    31% {
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@-webkit-keyframes opacityBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes opacityBlink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes move {
    0% {
        transform: translateX(-12px);
    }
    50% {
        transform: translateX(12px);
    }
    to {
        transform: translateX(-12px);
    }
}
@keyframes move {
    0% {
        transform: translateX(-12px);
    }
    50% {
        transform: translateX(12px);
    }
    to {
        transform: translateX(-12px);
    }
}
@-webkit-keyframes shakeX {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shakeX {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn {
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        transform: scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes rotate-360 {
    0% {
        top: -16px;
        left: -14px;
    }
    25% {
        top: calc(100% - 16px);
        left: -14px;
    }
    50% {
        top: calc(100% - 16px);
        left: calc(100% - 14px);
    }
    75% {
        top: -16px;
        left: calc(100% - 14px);
    }
    to {
        top: -16px;
        left: -14px;
    }
}
@keyframes rotate-360 {
    0% {
        top: -16px;
        left: -14px;
    }
    25% {
        top: calc(100% - 16px);
        left: -14px;
    }
    50% {
        top: calc(100% - 16px);
        left: calc(100% - 14px);
    }
    75% {
        top: -16px;
        left: calc(100% - 14px);
    }
    to {
        top: -16px;
        left: -14px;
    }
}
@-webkit-keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }
    80% {
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes opacityImg {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    50%,
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes opacityImg {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    50%,
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes backgroundScrollUp {
    0% {
        background-position: 0 14000px;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes backgroundScrollUp {
    0% {
        background-position: 0 14000px;
    }
    to {
        background-position: 0 0;
    }
}
@-webkit-keyframes showGirlPopup {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-100px);
        opacity: 1;
    }
}
@keyframes showGirlPopup {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-100px);
        opacity: 1;
    }
}
@-webkit-keyframes showGirlPopupText {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-400px);
        opacity: 1;
    }
}
@keyframes showGirlPopupText {
    0% {
        opacity: 0;
    }
    to {
        transform: translateX(-400px);
        opacity: 1;
    }
}
@-webkit-keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.4);
    }
    50% {
        transform: scale(1.2);
    }
    70% {
        transform: scale(1.4);
    }
    to {
        transform: scale(1);
    }
}
@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.4);
    }
    50% {
        transform: scale(1.2);
    }
    70% {
        transform: scale(1.4);
    }
    to {
        transform: scale(1);
    }
}
@-webkit-keyframes dotFalling {
    0% {
        box-shadow: 9999px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #333;
    }
    to {
        box-shadow: 9999px 7px 0 0 transparent;
    }
}
@keyframes dotFalling {
    0% {
        box-shadow: 9999px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #333;
    }
    to {
        box-shadow: 9999px 7px 0 0 transparent;
    }
}
@-webkit-keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #333;
    }
    to {
        box-shadow: 9984px 7px 0 0 transparent;
    }
}
@keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #333;
    }
    to {
        box-shadow: 9984px 7px 0 0 transparent;
    }
}
@-webkit-keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #333;
    }
    to {
        box-shadow: 10014px 7px 0 0 transparent;
    }
}
@keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -7px 0 0 transparent;
    }
    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #333;
    }
    to {
        box-shadow: 10014px 7px 0 0 transparent;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes blurredItemsMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(100vh - 100%));
    }
    to {
        transform: translateY(0);
    }
}
@keyframes blurredItemsMove {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(100vh - 100%));
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes loaderSpinner {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes loaderSpinner {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
@-webkit-keyframes run-string-mobile {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(100vw - 100%));
    }
}
@keyframes run-string-mobile {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(100vw - 100%));
    }
}
@-webkit-keyframes run-string {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(360px - 100%));
    }
}
@keyframes run-string {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(360px - 100%));
    }
}
@-webkit-keyframes shakeY {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0);
    }
}
@keyframes shakeY {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fadeInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fadeInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: translate3d(0, -3000px, 0) scaleY(3);
        opacity: 0;
    }
    60% {
        transform: translate3d(0, 25px, 0) scaleY(0.9);
        opacity: 1;
    }
    75% {
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        transform: translateZ(0);
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        transform: translate3d(0, -3000px, 0) scaleY(3);
        opacity: 0;
    }
    60% {
        transform: translate3d(0, 25px, 0) scaleY(0.9);
        opacity: 1;
    }
    75% {
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        transform: translateZ(0);
    }
}
@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        transform: translate3d(0, 20px, 0) scaleY(0.9);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -2000px, 0) scaleY(3);
        opacity: 0;
    }
}
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        transform: translate3d(0, 20px, 0) scaleY(0.9);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -2000px, 0) scaleY(3);
        opacity: 0;
    }
}
@-webkit-keyframes fadeOut {
    0%,
    95% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0%,
    95% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes circleRotate {
    0% {
        transform: rotate(1turn);
    }
    to {
        transform: rotate(0deg);
    }
}
@keyframes circleRotate {
    0% {
        transform: rotate(1turn);
    }
    to {
        transform: rotate(0deg);
    }
}
body,
html {
    min-height: 100%;
}
html {
    scroll-behavior: smooth;
}
html *,
html :after,
html :before {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}
ol,
ul {
    list-style: none;
}
button,
input,
select {
    outline: none;
}
select option {
    color: #000;
}
img,
video {
    width: 100%;
}
video {
    object-fit: cover;
}
.clear-btn,
.tip_hint {
    display: none;
}
.loading {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: #fff;
}
.loading,
.loading__progress-bar {
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading__progress-bar {
    position: relative;
}
.loading__progress-bar:after,
.loading__progress-bar:before {
    position: absolute;
    content: "";
    -webkit-animation: pulsOut 1.5s ease-in-out infinite;
    animation: pulsOut 1.5s ease-in-out infinite;
    border-radius: 50%;
}
.loading__progress-bar:before {
    width: 100%;
    padding-bottom: 100%;
}
.loading__progress-bar:after {
    width: calc(100% - 2rem);
    padding-bottom: calc(100% - 2rem);
}
.loading__text {
    max-width: 312px;
    text-align: center;
    color: #303030;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    line-height: 24px;
}
.password-container {
    position: relative;
}
.show-password {
    position: absolute;
    top: 1px;
    right: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
.show-password:active,
.show-password:hover,
.show-password_visible {
    transition: 0.3s linear;
}
.show-password__icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 23px 20px;
}
.show-password__text {
    position: absolute;
    right: 20px;
}
.btn {
    cursor: pointer;
}
.btn_inactive {
    position: relative;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
.btn_back {
    cursor: pointer;
    border: none;
    -webkit-tap-highlight-color: transparent;
}
.grecaptcha-badge {
    display: none !important;
}
.cookie-popup {
    font-family: Helvetica, sans-serif;
    display: flex;
    background-color: hsla(0, 0%, 100%, 0.9);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}
.cookie-popup_social {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
}
.cookie-popup__text {
    color: #000;
}
.cookie-popup__btn {
    color: #fff;
    background-color: #1d1d1d;
}
.cookie-popup__btn:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l16 16M17 1L1 17' stroke='%23FAFAFA' stroke-width='2'/%3E%3C/svg%3E");
}
.cookie-popup_social .cookie-popup__link {
    color: #000;
    border-color: #000;
    background-color: initial;
}
.cookie-popup_social .cookie-popup__btn {
    color: #dfdfdf;
    background-color: #1d1d1d;
}
.loading__progress-bar {
    width: 116px;
    height: 116px;
    margin: 0 0 24px;
}
.loading__progress-bar:after,
.loading__progress-bar:before {
    -webkit-animation-name: pulsOut;
    animation-name: pulsOut;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: opacity;
    filter: drop-shadow(0 0 1rem rgba(255, 156, 67, 0.75));
}
.loading__progress-bar:before {
    -webkit-animation-name: pulsIn;
    animation-name: pulsIn;
    will-change: opacity;
}
@-webkit-keyframes pulsIn {
    0% {
        opacity: 1;
        box-shadow: inset 0 0 0 1rem #ff9c43;
    }
    50%,
    to {
        opacity: 0;
        box-shadow: inset 0 0 0 0 #ff9c43;
    }
}
@keyframes pulsIn {
    0% {
        opacity: 1;
        box-shadow: inset 0 0 0 1rem #ff9c43;
    }
    50%,
    to {
        opacity: 0;
        box-shadow: inset 0 0 0 0 #ff9c43;
    }
}
@-webkit-keyframes pulsOut {
    0%,
    50% {
        opacity: 0;
        box-shadow: 0 0 0 0 #ff9c43;
    }
    to {
        opacity: 1;
        box-shadow: 0 0 0 1rem #ff9c43;
    }
}
@keyframes pulsOut {
    0%,
    50% {
        opacity: 0;
        box-shadow: 0 0 0 0 #ff9c43;
    }
    to {
        opacity: 1;
        box-shadow: 0 0 0 1rem #ff9c43;
    }
}
.template {
    font-family: Open Sans, sans-serif;
}
.template .background {
    background-color: #acacac;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.header {
    background-color: #fff;
}
.header__inner {
    justify-content: space-between;
    max-width: 100%;
    height: 48px;
    padding: 0 24px;
}
.header-signin__text {
    display: none;
}
.header-signin__btn {
    color: #515151;
    border: 0 solid #fff;
    background-color: #ececec;
    line-height: 16px;
}
.header + .main {
    min-height: calc(100vh - 48px);
}
.logo__img {
    height: 20px;
}
.main {
    justify-content: center;
    min-height: 100vh;
}
.main,
.reg-form {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.reg-form {
    width: 100%;
    max-width: 312px;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 16px 24px rgba(0, 0, 0, 0.25);
}
.footer {
    background-color: #3d3d3d;
}
.footer__inner {
    max-width: 340px;
    height: 48px;
}
.footer__link {
    color: #fff;
    font-family: Times New Roman;
    font-size: 12px;
    line-height: 12px;
}
.step {
    flex-direction: column;
    width: calc(100% - 48px);
    padding: 24px 0 32px;
}
.step,
.step__header {
    display: flex;
    align-items: center;
}
.step__header {
    position: absolute;
    top: 0;
    left: 50%;
    justify-content: center;
    width: 100%;
    max-width: 320px;
    height: 48px;
    transform: translateX(-50%);
}
.step_first {
    width: 100%;
}
.step__img {
    display: flex;
    width: 318px;
    margin-left: -4px;
}
.step__body {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
}
.step__item {
    width: 100%;
}
.step__item_gif {
    overflow: hidden;
    order: 1;
    width: 312px;
}
.step__item_gif .marquee {
    height: 88px;
    -webkit-animation: slide-right 300s linear infinite;
    animation: slide-right 300s linear infinite;
}
.step__item_gif ~ .step__btn {
    order: 2;
}
.step__item_first {
    width: calc(100% - 48px);
}
.step__item_first .step__message {
    margin-bottom: 0;
}
.step__item_gap {
    margin-bottom: 24px;
}
.step__message {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 18px;
}
.step__message_title {
    margin-bottom: 24px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.step__message_gender {
    margin-bottom: 16px;
}
.step__message_last {
    margin-bottom: 16px;
    color: #000;
    font-size: 18px;
    line-height: 24px;
}
.step__message_age {
    margin-bottom: 8px;
}
.step__btn {
    display: flex;
    justify-content: center;
    width: 100%;
}
.step_form:before,
.step_last:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    content: "";
    background-color: #fff;
}
.step_form .step__message_title {
    margin-bottom: 16px;
}
.step-table {
    margin-bottom: 40px;
    border-spacing: 0;
}
.step-table__title {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.step-table__header {
    height: 68px;
    text-align: center;
    vertical-align: initial;
}
.step-table__header:first-child .step-table__title {
    display: inherit;
    width: auto;
}
.step-table__header:nth-child(2) {
    width: 90px;
}
.step-table__header:last-child {
    width: 70px;
    padding-right: 12px;
}
.step-table__header .icon {
    width: 24px;
    height: 24px;
    margin: 0 auto 4px;
}
.step-table__row {
    height: 56px;
    border: none;
}
.step-table__row:nth-child(2n) .step-table__cell {
    background-color: #e9e9e9;
}
.step-table__cell:first-child,
.step-table__header:first-child {
    padding-left: 14px;
    border-radius: 8px 0 0 8px;
}
.step-table__cell:last-child,
.step-table__header:last-child {
    padding-right: 8px;
    border-radius: 0 8px 8px 0;
}
.step-table__cell {
    padding-left: 8px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.step-table__cell .icon_checked,
.step-table__cell .icon_unchecked {
    margin: auto;
}
.step-table__cell:first-child .icon {
    display: inline-block;
    float: none;
    margin-right: 8px;
    margin-bottom: -2px;
}
.btn_back {
    position: relative;
    left: 0;
    width: auto;
    height: 20px;
    padding-left: 24px;
    background: no-repeat 0/18px 16px
        url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 9a1 1 0 100-2v2zM.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM17 7H1v2h16V7z' fill='%23090A0A'/%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    margin-right: 40px;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    line-height: 21px;
}
.auto-complete {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
.auto-complete__inner {
    max-height: 200px;
    margin-top: -2px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.0025);
}
.auto-complete__item {
    height: 40px;
    padding: 8px;
    color: #090a0a;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    line-height: 19px;
}
.auto-complete__item:hover {
    background-color: rgba(241, 105, 78, 0.2);
}
.name-autofill {
    width: 100%;
    max-width: 300px;
}
.name-autofill__inner {
    width: 100%;
    max-height: 200px;
    margin-top: -2px;
    top: 50px;
    max-height: 180px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}
.name-autofill__item {
    height: 36px;
    padding: 8px;
    text-align: left;
    color: #090a0a;
    font-size: 16px;
    line-height: 19px;
}
.name-autofill__item:hover {
    background-color: rgba(241, 105, 78, 0.2);
}
.name-autofill__item:last-child {
    height: 40px;
    line-height: 24px;
}
[dir="ltr"] .name-autofill ~ .tip {
    text-align: left;
}
[dir="rtl"] .name-autofill ~ .tip {
    text-align: right;
}
.name-autofill ~ .tip {
    margin-top: 4px;
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.name-container {
    position: relative;
}
.age-container__inner {
    flex-direction: column;
}
.age-container__item:not(:last-child) {
    margin-bottom: 8px;
}
.age-checkbox {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.age-checkbox__label {
    position: relative;
    display: flex;
    overflow: hidden;
    justify-content: center;
    width: 100%;
    max-width: 228px;
    height: 48px;
    padding: 8px;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 245px;
    background: linear-gradient(270deg, #ff9d42, #ed5a51);
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
}
.age-checkbox__label:before {
    position: absolute;
    top: 0;
    left: -96px;
    display: block;
    width: 96px;
    height: 100%;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='56' fill='none'%3E%3Cpath opacity='.2' d='M0 0h64l32 56H32L0 0z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='64.571' y1='0' x2='19.453' y2='25.407' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    -webkit-animation-name: sheen;
    animation-name: sheen;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.age-checkbox__label + .age-checkbox__label {
    margin-top: 8px;
}
.age-legal-text {
    text-align: left;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px;
    text-align: center;
}
.input {
    color: #5c5c5c;
    box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.12);
    font-weight: 700;
}
.input::placeholder {
    color: #8e8e8e;
    font-weight: 400;
}
.input_filled .clear-btn {
    display: block;
}
.input_filled .input:focus,
.input_filled .input:hover {
    border-color: #5c5c5c;
}
.input:focus,
.input:hover {
    border-color: #ff9c43;
}
.select {
    color: #8e8e8e;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5L.536.5h6.928L4 5z' fill='%23090A0A'/%3E%3C/svg%3E") no-repeat calc(100% - 12px) 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input,
.select {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 8px;
    text-indent: 8px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    background: #f8f8f8;
    font-size: 16px;
    line-height: 24px;
}
.day_filled .select_day,
.month_filled .select_month,
.year_filled .select_year {
    color: #5c5c5c;
    border: 1px solid #5c5c5c;
    font-weight: 700;
}
.error {
    color: red;
}
.error,
.tip {
    text-align: left;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px;
}
.notvalid .input,
.notvalid .select,
.notvalid .terms__label {
    border-color: red;
}
.notvalid .age-checkbox__label_checked {
    border: 1px solid #e16e6e;
}
.notvalid + .tip {
    display: none;
}
.show-password__icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 001 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z' fill='%238a8a8a'/%3E%3C/svg%3E");
}
.show-password_visible .show-password__icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C5.455 0 1.573 2.695 0 6.5 1.573 10.305 5.455 13 10 13c4.546 0 8.427-2.695 10-6.5C18.427 2.695 14.546 0 10 0zm0 10.833c-2.51 0-4.545-1.941-4.545-4.333 0-2.392 2.036-4.333 4.545-4.333 2.51 0 4.546 1.941 4.546 4.333 0 2.392-2.037 4.333-4.546 4.333zM10 3.9c-1.51 0-2.727 1.161-2.727 2.6S8.49 9.1 10 9.1c1.51 0 2.727-1.161 2.727-2.6S11.51 3.9 10 3.9z' fill='gray'/%3E%3C/svg%3E");
    background-size: auto;
}
.clear-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: translateY(-50%);
}
.clear-btn__icon {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M10 0c5.53 0 10 4.47 10 10s-4.47 10-10 10S0 15.53 0 10 4.47 0 10 0zm3.59 5L10 8.59 6.41 5 5 6.41 8.59 10 5 13.59 6.41 15 10 11.41 13.59 15 15 13.59 11.41 10 15 6.41 13.59 5z' fill='%235C5C5C'/%3E%3C/svg%3E");
}
.gender {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.gender__item {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}
.gender__item:first-of-type {
    margin-bottom: 8px;
}
.btn_form,
.gender__item {
    max-width: 212px;
    text-transform: none;
}
.btn,
.gender__item {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 258px;
    padding: 16px 8px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 28px;
    background: linear-gradient(270deg, #ff9d42, #ed5a51);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.btn:before,
.gender__item:before {
    position: absolute;
    top: 0;
    left: -96px;
    display: block;
    width: 96px;
    height: 100%;
    content: "";
    -webkit-animation-name: sheen;
    animation-name: sheen;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='56' fill='none'%3E%3Cpath opacity='.2' d='M0 0h64l32 56H32L0 0z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='64.571' y1='0' x2='19.453' y2='25.407' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.age-checkbox__label:hover,
.btn:hover,
.gender__item:hover {
    background: #f6784b;
}
.age-checkbox__label.active,
.age-checkbox__label.active:hover,
.age-checkbox__label:active,
.age-checkbox__label_checked,
.age-checkbox__label_checked:hover,
.btn.active,
.btn.active:hover,
.btn:active,
.btn_checked,
.btn_checked:hover,
.gender__item.active,
.gender__item.active:hover,
.gender__item:active,
.gender__item_checked,
.gender__item_checked:hover {
    background: #ee5e51;
}
.terms {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 32px;
}
.terms__checkbox {
    left: 0;
    display: flex;
    width: 24px;
    height: 24px;
}
.terms__label {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    transition: 0.3s;
    border: 1px solid #8a8a8a;
    border-radius: 100%;
    background: no-repeat 50% / auto #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='21' fill='none'%3E%3Cpath d='M2 8l9.23 10L26 2' stroke='%23FCE1DC' stroke-width='4'/%3E%3C/svg%3E");
    box-shadow: inset 0 4px 7px rgba(252, 225, 220, 0.3);
}
.terms__label:after {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' fill='none'%3E%3Cpath d='M2 5l5 5 8-8' stroke='%23fff' stroke-width='3'/%3E%3C/svg%3E");
}
.terms__label_checked {
    border-color: #f6784b;
    background: no-repeat 50% / auto url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='21' fill='none'%3E%3Cpath d='M2 8l9.23 10L26 2' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E"),
        linear-gradient(270deg, #ff9d42, #ed5a51);
}
.terms__label__text {
    width: calc(100% - 32px);
    text-align: left;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.terms__label__link {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
}
.terms__label.notvalid {
    margin-bottom: 12px;
}
.terms__label.notvalid ~ .error {
    margin-top: 0;
    margin-bottom: 8px;
}
.terms__input:checked + .terms__label:after {
    content: none;
}
.terms__checkbox {
    position: relative;
    width: 56px;
    height: 56px;
    margin: 0 0 24px;
}
.terms__checkbox:after,
.terms__checkbox:before {
    position: absolute;
    -webkit-animation: pulse 1s ease-in-out infinite;
    animation: pulse 1s ease-in-out infinite;
    border-radius: 100%;
}
.terms__checkbox:before {
    top: -8px;
    left: -8px;
    width: 72px;
    height: 72px;
    content: "";
    background: linear-gradient(0deg, rgba(255, 157, 66, 0.5) 0.71%, rgba(237, 90, 81, 0.5) 100.71%), #fce1dc;
}
.terms__checkbox:after {
    top: -4px;
    left: -4px;
    width: 64px;
    height: 64px;
    content: "";
    background: linear-gradient(0deg, #ff9d42 0.71%, #ed5a51 100.71%), #fce1dc;
}
.terms__link,
.terms__text {
    text-align: center;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 24px;
}
.terms__link {
    font-weight: 700;
}
.preland {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    background-color: #fff;
}
.preland .step {
    width: 100%;
    padding: 24px 0;
}
.preland .step__body {
    width: 100%;
    max-width: 360px;
    padding: 0 16px;
}
.preland .step__body .step-table__cell {
    text-align: left;
}
.preland .step__message {
    text-align: center;
}
.preland .step__message_title {
    margin-top: 24px;
    margin-bottom: 8px;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}
.preland .step__message_title_gap {
    margin: 40px 0;
}
.preland .step__message_subtitle {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 16px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
}
.preland .step__message_subtitle .icon {
    width: 56px;
    height: 56px;
    margin-bottom: 8px;
}
.preland .step__message_subtitle-last {
    margin-bottom: 32px;
}
.preland .step__message_paragraph {
    margin-bottom: 24px;
    text-align: left;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.preland .step__message_paragraph:last-child {
    margin-bottom: 0;
}
.preland .step__message_light {
    margin-top: 8px;
    text-align: left;
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
}
.preland .step__message_icon-coins {
    margin-top: 24px;
    margin-bottom: 16px;
}
.preland .step__message_icon-coins .icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
}
.preland .step__item_section {
    margin-bottom: 32px;
}
.preland .step__item_section-small {
    margin-bottom: 24px;
}
.sticky-container {
    position: sticky;
    bottom: 24px;
    left: 0;
    flex-direction: column;
    margin-bottom: 24px;
}
.btn_icon,
.sticky-container {
    display: flex;
    align-items: center;
}
.btn_icon {
    align-self: center;
    justify-content: center;
}
.btn_icon:after {
    display: block;
    width: 18px;
    height: 17px;
    margin-left: 8px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.889 4.678V6.55h-2.807V4.678c0-1.029-.842-1.871-1.871-1.871-1.03 0-1.872.842-1.872 1.871V6.55c1.03 0 1.872.842 1.872 1.871v6.55c0 1.029-.842 1.871-1.872 1.871H1.983A1.877 1.877 0 01.11 14.971V8.42c0-1.03.842-1.871 1.872-1.871H8.532V4.678A4.68 4.68 0 0113.211 0a4.68 4.68 0 014.678 4.678zm-10.48 9.59v-2.03a1.878 1.878 0 001.123-1.712c0-1.029-.842-1.871-1.871-1.871-1.03 0-1.871.842-1.871 1.871 0 .768.467 1.422 1.122 1.713v2.03H7.41z' fill='%23fff'/%3E%3C/svg%3E");
}
.btn_sticky {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 218px;
    height: 48px;
    text-transform: none;
    font-size: 18px;
}
.btn_sticky:first-letter {
    text-transform: capitalize;
}
.icon {
    display: block;
    width: 20px;
    height: 20px;
    background: 50% / contain no-repeat;
}
.icon_profile {
    background-image: url(../img/d58477d6a68fefd4e29275e7f09e0d521683288449.rng.webp);
}
.icon_regional {
    background-image: url(../img/85857d20a73ee7e2980dd5a75d12b54e1683288515.rng.webp);
}
.icon_free {
    background-image: url(../img/548f344acf4632a5e4f9f99bf0d9e2241683288588.rng.webp);
}
.icon_talk {
    background-image: url(../img/26b898e1763b7855cd262fd530a97aa01683288650.rng.webp);
}
.icon_money {
    background-image: url(../img/6abcb867401deedf08481a9b0e7a9d9b1683288717.rng.webp);
}
.icon_safety {
    background-image: url(../img/c4580e3087b017f6f7117e061a2640171683288773.rng.webp);
}
.icon_least {
    background-image: url(../img/09877355a1d99a44150dea0e12f1c2d61683288829.rng.webp);
}
.icon_star {
    background-image: url(../img/e7315689c3e61ef2d5073ae57b3fbcd61683288964.rng.webp);
}
.icon_coin {
    background-image: url(../img/d661cd153700a418f0caa9edb8eeadcc1683288886.rng.webp);
}
.icon_profile-browsing {
    background-image: url(../img/5127bd05731009a257cb9129ec153e521683289041.rng.webp);
}
.icon_like {
    background-image: url(../img/6317caae5e8d79660dc5a1a55cf433761683289095.rng.webp);
}
.icon_news {
    background-image: url(../img/0f16e79c5e7eedb089fbacba138e45181683289179.rng.webp);
}
.icon_camera {
    background-image: url(../img/8f4ac46fca7030fd491278d02ed896f71683289251.rng.webp);
}
.icon_sticker {
    background-image: url(../img/6445c224d70740bee9428e6eabed9af61683289306.rng.webp);
}
.icon_letter {
    background-image: url(../img/f5f58d38f754e7bca615bcd1dd975ce11683289407.rng.webp);
}
.icon_media {
    background-image: url(../img/0bdac69a56b5880d7b0e4f28fda86de41683289486.rng.webp);
}
.icon_chat {
    background-image: url(../img/1c75b4aaaacc3ce0f6f857d5e6cd6c041683292886.rng.webp);
}
.icon_gift {
    background-image: url(../img/e6443e31e5341320bb442a8d3a8713741683292941.rng.webp);
}
.icon_shine {
    background-image: url(../img/0129dcc2824712aabbf1e2ffb01538fa1683293029.rng.webp);
}
.icon_checked {
    background-image: url(../img/ae2eb159ca4cd4eecd4305892b9a9af31683293099.rng.webp);
}
.icon_unchecked {
    width: 12px;
    height: 12px;
    background-image: url(../img/baca6f66b590902118e04d8bf38a55f71683293176.rng.webp);
}
.icon_varify {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 19px;
    background: 50% / contain no-repeat url(../img/dd52990bc2474a5691a6298e177e84861683293229.rng.webp);
}
@media only screen and (max-width: 540px) {
    .template {
        min-height: calc(100vh - 48px);
    }
    .template .background {
        -webkit-animation-name: backgroundScrollUp;
        animation-name: backgroundScrollUp;
        -webkit-animation-duration: 500s;
        animation-duration: 500s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-repeat: repeat-y;
        background-size: 100%;
    }
    .main {
        justify-content: flex-end;
        min-height: calc(100vh - 48px);
    }
    .header + .main {
        min-height: calc(100vh - 96px);
    }
    .reg-form {
        max-width: 272px;
        margin-bottom: 24px;
    }
    .btn,
    .gender__item {
        max-width: 224px;
        padding: 12px 8px;
        font-size: 18px;
        line-height: 24px;
    }
    .btn_form,
    .gender__item {
        max-width: 176px;
    }
    .step {
        width: calc(100% - 32px);
    }
    .step_age-compact {
        padding: 12px 0;
    }
    .step_age-compact .step__message_title {
        margin-bottom: 8px;
    }
    .step_age-compact .error {
        letter-spacing: -0.1px;
    }
    .step__message_title {
        font-size: 16px;
    }
    .step__message_last {
        font-size: 16px;
        line-height: 20px;
    }
    .step__item_gif {
        display: none;
    }
}
@supports (-webkit-touch-callout: none) {
    .footer,
    .header {
        margin-bottom: -48px;
    }
    .main,
    .template {
        min-height: -webkit-fill-available;
    }
}
.template {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.main {
    flex-grow: 1;
}
.header {
    background-color: initial;
}
.step_form:before {
    content: none;
}
.step__message_regular {
    text-align: center;
    color: #000;
}
.dynamic-text,
.step__message_regular {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 21px;
}
.dynamic-text {
    font-weight: 700;
}
.checkbox,
.pref-gender {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 6px;
    gap: 6px;
}
.checkbox__item,
.pref-gender__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 84px;
    border-radius: 16px;
    background-image: linear-gradient(270deg, #ff9d42, #ed5a51);
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform;
}
@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scaleX(1);
    }
}
.checkbox__item:before,
.pref-gender__item:before {
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 4px;
    content: "";
    background: 50% / contain no-repeat;
}
.checkbox__item.sad:before,
.pref-gender__item.sad:before {
    background-image: url(../img/558efec8053278de4e5b8fc5f99e340e1684683246.rng.webp);
}
.checkbox__item.neutral:before,
.pref-gender__item.neutral:before {
    background-image: url(../img/0dc6a16c742d6023645b16544204ac551684683260.rng.webp);
}
.checkbox__item.happy:before,
.pref-gender__item.happy:before {
    background-image: url(../img/079346fc012f986a5d0baed8e68f7b711684683280.rng.webp);
}
.checkbox__item.angry:before,
.pref-gender__item.angry:before {
    background-image: url(../img/373ddff403596d30ecc49ae93fafc5031684683305.rng.webp);
}
.checkbox__item.in-love:before,
.pref-gender__item.in-love:before {
    background-image: url(../img/fe23db5b7ff5539c23bb02817b949ca11684683320.rng.webp);
}
.checkbox__item.nervous:before,
.pref-gender__item.nervous:before {
    background-image: url(../img/d3fcc87ad24727392427b0fe2ae744781684683332.rng.webp);
}
.checkbox__item:active,
.checkbox__item:hover,
.pref-gender__item:active,
.pref-gender__item:hover {
    background-image: none;
}
.checkbox__item:hover,
.pref-gender__item:hover {
    background-color: #f6784b;
}
.checkbox__item:active,
.pref-gender__item:active {
    background-color: #ee5e51;
}
.checkbox__text,
.pref-gender__text {
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.radio-btn {
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
}
.radio-btn,
.radio-btn__item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.radio-btn__item {
    width: 174px;
    height: 48px;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 25px;
}
.radio-btn__item.no {
    color: #696969;
    background-color: #ffe9d7;
}
.radio-btn__item.no:hover {
    background-color: #fad1af;
}
.radio-btn__item.no:active {
    color: #fff;
    background-color: #f4b17a;
}
.radio-btn__item.yes {
    position: relative;
    overflow: hidden;
    color: #fff;
    background-image: linear-gradient(270deg, #ff9d42, #ed5a51);
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform;
}
.radio-btn__item.yes:before {
    position: absolute;
    top: 0;
    left: -96px;
    display: block;
    width: 96px;
    height: 100%;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='56' fill='none'%3E%3Cpath opacity='.2' d='M0 0h64l32 56H32L0 0z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='64.571' y1='0' x2='19.453' y2='25.407' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    -webkit-animation-name: sheen;
    animation-name: sheen;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.radio-btn__item.yes:active,
.radio-btn__item.yes:hover {
    background-image: none;
}
.radio-btn__item.yes:hover {
    background-color: #f6784b;
}
.radio-btn__item.yes:active {
    background-color: #ee5e51;
}
.radio-btn__text {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.age-checkbox__label,
.btn,
.gender__item {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform;
}
@keyframes pulse {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scaleX(1);
    }
}
.footer {
    margin-bottom: -48px;
}
@media only screen and (max-width: 540px) {
    .template {
        min-height: calc(100vh - 48px);
    }
}
@supports (-webkit-touch-callout: none) {
    .template {
        min-height: -webkit-fill-available;
    }
}
.step__message_last {
    font-size: 16px;
    line-height: 20px;
}
.step__message_last .step__attention {
    display: block;
    margin-bottom: 16px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
.step__item_second-tip {
    width: 100%;
}
.step__item_second-tip .tip {
    margin-bottom: 24px;
    padding: 0 25px;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
}
.step__item_accost .dynamic-text {
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}
.radio-btn__item.average,
.radio-btn__item.one-woman {
    color: #696969;
    background-color: #ffe9d7;
}
.radio-btn__item.hot,
.radio-btn__item.many-women {
    position: relative;
    overflow: hidden;
    -webkit-animation: pulse 1.2s ease-in-out infinite;
    animation: pulse 1.2s ease-in-out infinite;
    color: #fff;
    background-image: linear-gradient(270deg, #ff9d42, #ed5a51);
    will-change: transform;
}
.radio-btn__item.hot:before,
.radio-btn__item.many-women:before {
    position: absolute;
    top: 0;
    left: -96px;
    display: block;
    width: 120px;
    height: 100%;
    content: "";
    transform: rotateX(180deg);
    background: 50% / cover no-repeat url(../img/9a4a57cf9a903c2818df45332e8fa0551695992596.rng.webp);
    -webkit-animation-name: sheen;
    animation-name: sheen;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pref-gender {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
}
.pref-gender__item {
    position: relative;
    display: block;
    overflow: hidden;
    width: 176px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}
.pref-gender__item:before {
    position: absolute;
    top: 0;
    left: -96px;
    display: block;
    width: 120px;
    height: 100%;
    content: "";
    transform: rotateX(180deg);
    background: 50% / cover no-repeat url(../img/9a4a57cf9a903c2818df45332e8fa0551695992596.rng.webp);
    -webkit-animation-name: sheen;
    animation-name: sheen;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pref-gender__text {
    font-size: 18px;
}
.checkbox__item.true-friend:before {
    background-image: url(../img/74e564871c97e92d99313d6665ecbb851695813373.rng.webp);
}
.checkbox__item.gentle-lover:before {
    background-image: url(../img/ba29c1d3e5bd18ff61a9bf022b3637381695813429.rng.webp);
}
.checkbox__item.flirt-partner:before {
    background-image: url(../img/e073f53d6b8fc688862d1d4e2300b4641695813456.rng.webp);
}
.checkbox__item.penpal:before {
    background-image: url(../img/3d14a02c0121489dbf772f3f4d3020ff1695813523.rng.webp);
}
.checkbox__item.partner:before {
    background-image: url(../img/24f5f8830d6aa5f1a590a70b2ed78d1e1695813538.rng.webp);
}
.checkbox__item.soulmate:before {
    background-image: url(../img/e54688177fb5c1dc9bad590e485c015b1695813553.rng.webp);
}
.checkbox_preferences {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
}
.checkbox_preferences .checkbox__item {
    position: relative;
    display: block;
    overflow: hidden;
    width: 176px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}
.checkbox_preferences .checkbox__item:before {
    position: absolute;
    top: 0;
    left: -96px;
    display: block;
    width: 120px;
    height: 100%;
    content: "";
    transform: rotateX(180deg);
    background: 50% / cover no-repeat url(../img/9a4a57cf9a903c2818df45332e8fa0551695992596.rng.webp);
    -webkit-animation-name: sheen;
    animation-name: sheen;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.checkbox_preferences .checkbox__text {
    font-size: 18px;
}
.checkbox_mood .checkbox__item:before {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
}
@media only screen and (max-width: 540px) {
    .step__item_second-tip .tip {
        padding: 0;
    }
}
.template {
    position: relative;
}
.template_bg .main {
    background-color: #fff;
}
.template_bg .reg-form {
    border-radius: 0;
    box-shadow: unset;
}
.template .background-wrap .background {
    -webkit-animation-name: backgroundScrollUp;
    animation-name: backgroundScrollUp;
    -webkit-animation-duration: 500s;
    animation-duration: 500s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: repeat-y;
    background-position: 50%;
    background-size: 100%;
}
.header {
    position: absolute;
    z-index: 10;
    width: 100%;
}
.header-signin__btn {
    width: auto;
    padding: 4px 16px;
    letter-spacing: normal;
    color: #fff;
    border-radius: 4px;
    background-color: hsla(0, 0%, 92.5%, 0.44);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    height: 32px;
    border: none;
}
.footer {
    z-index: 10;
}
.footer,
.main {
    position: relative;
}
.main {
    z-index: 9;
    width: 100%;
    padding-top: 48px;
    background-color: rgba(0, 0, 0, 0.3);
}
.main_preland {
    padding-top: 0;
}
.reg-form {
    border-radius: 0 0 16px 16px;
}
.reg-form_edited {
    border-radius: 16px;
}
.auto-complete__inner {
    max-height: 120px;
}
.name-autofill__inner {
    max-height: 144px;
}
.dynamic-background {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    max-width: 580px;
    margin: 0 auto;
    padding: 16px 12px 0;
}
.dynamic-background__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.dynamic-background__item {
    flex: 1 1 45%;
}
.dynamic-background__item_animated {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.step__item_age-group {
    position: relative;
}
.step__item_notification {
    position: absolute;
    top: 64px;
    right: 16px;
    max-width: 272px;
}
.step__item_loader {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}
.step__item_loader-info {
    margin-top: 32px;
    padding: 16px 20px;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    border: 1px solid #ff9d42;
    border-radius: 8px;
    background-color: #ffe9d7;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}
.step__item_loader-info:before {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
    content: "";
    background: 50% / contain no-repeat url(../img/75db979798ece565b92b5e0b0c9e690b1702384143.rng.webp);
}
.step__item_secrets {
    margin-bottom: 16px;
}
.step__message_loader {
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
.step__message_loader-info {
    color: #000;
    font-size: 16px;
    line-height: 20px;
}
.step__message_loader-info .step__attention {
    font-weight: 700;
}
.step_first {
    width: calc(100% - 48px);
}
.loader__circle_progress {
    fill: none;
    stroke-width: 15;
    stroke: #ff9d42;
    filter: none;
}
.loader__circle_background {
    fill: none;
    stroke-width: 15;
    stroke: #ffe9d7;
    filter: none;
}
.loader__percent {
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: 82px;
    font-weight: 700;
    font-size: 34px;
}
.age-counter {
    position: absolute;
    top: -62px;
    left: -24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% + 48px);
    height: 40px;
    text-align: center;
    color: #000;
    border-radius: 12px 12px 0 0;
    background-color: hsla(0, 0%, 100%, 0.9);
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    grid-gap: 4px;
    gap: 4px;
}
.age-counter__text_start {
    order: 2;
    color: #e45e5e;
}
.age-counter__text_end {
    order: 3;
}
.notification-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    -webkit-animation: fadeInOut 8s forwards;
    animation: fadeInOut 8s forwards;
    text-align: left;
    opacity: 0;
    color: #333;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.notification-popup__img {
    width: 44px;
    height: 44px;
    margin-right: 12px;
    object-fit: contain;
    object-position: center;
}
.notification-popup__text {
    font-weight: 400;
}
.checkbox_preferences .checkbox__item {
    border-radius: 25px;
}
.checkbox_preferences .mature-talk {
    display: flex;
    flex-direction: row-reverse;
}
.checkbox_preferences .mature-talk:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/b6c0f425d1064f3e8f72e7e54bc6b8bf1702550236.rng.webp);
}
.checkbox_preferences .flirty-talk {
    display: flex;
    flex-direction: row-reverse;
}
.checkbox_preferences .flirty-talk:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/9e54d667b57083243cb8a7b4d813f36c1702550684.rng.webp);
}
.checkbox_partners {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    grid-gap: 0;
    gap: 0;
}
.checkbox_partners .checkbox__item {
    width: 174px;
    height: 48px;
    cursor: pointer;
    border-radius: 25px;
}
.checkbox_partners .checkbox__item:before {
    display: none;
}
.checkbox_partners .checkbox__item.one-man,
.checkbox_partners .checkbox__item.one-woman {
    align-items: center;
    margin-bottom: 8px;
    background-color: #ffe9d7;
    background-image: unset;
    justify-items: center;
}
.checkbox_partners .checkbox__item.one-man .checkbox__text,
.checkbox_partners .checkbox__item.one-woman .checkbox__text {
    color: #696969;
}
.checkbox_partners .checkbox__item.one-woman {
    display: flex;
    flex-direction: row-reverse;
}
.checkbox_partners .checkbox__item.one-woman:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/8e9cb57953cf4c817aabcc4c68165a331702551138.rng.webp);
}
.checkbox_partners .checkbox__item.one-man {
    display: flex;
    flex-direction: row-reverse;
}
.checkbox_partners .checkbox__item.one-man:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/33ec888771e419a5c2bf5d5ae375e6001747742128.rng.webp);
}
.checkbox_partners .checkbox__item.many-men {
    display: flex;
    flex-direction: row-reverse;
}
.checkbox_partners .checkbox__item.many-men:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/89d8aaa342d2f310dd8a60e296e44ac61747742150.rng.webp);
}
.checkbox_partners .checkbox__item.many-women {
    display: flex;
    flex-direction: row-reverse;
}
.checkbox_partners .checkbox__item.many-women:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/710e07199c01d43ee06cc0b759c1158c1702551151.rng.webp);
}
.checkbox_partners .checkbox__text,
.dynamic-text_title {
    font-size: 18px;
}
.radio-btn .average {
    display: flex;
    flex-direction: row-reverse;
}
.radio-btn .average:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/47d56c9a2d3c169e17c464040a5318c81702550984.rng.webp);
}
.radio-btn .hot {
    display: flex;
    flex-direction: row-reverse;
}
.radio-btn .hot:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/9e54d667b57083243cb8a7b4d813f36c1702550684.rng.webp);
}
.radio-btn .one-woman {
    display: flex;
    flex-direction: row-reverse;
}
.radio-btn .one-woman:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/8e9cb57953cf4c817aabcc4c68165a331702551138.rng.webp);
}
.radio-btn .many-women {
    display: flex;
    flex-direction: row-reverse;
}
.radio-btn .many-women:after {
    position: relative;
    right: 4px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    content: "";
    background: 50% / contain no-repeat url(../img/710e07199c01d43ee06cc0b759c1158c1702551151.rng.webp);
}
.dynamic-string__text_loader {
    color: #000;
    font-size: 16px;
    line-height: 20px;
}
.dynamic-string__text_loader-weight {
    font-weight: 700;
}
.dynamic-string__text_title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
@-webkit-keyframes fadeInOut {
    10% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    15% {
        transform: translateZ(0);
        opacity: 1;
    }
    90% {
        transform: translateZ(0);
        opacity: 1;
    }
    95% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@keyframes fadeInOut {
    10% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
    15% {
        transform: translateZ(0);
        opacity: 1;
    }
    90% {
        transform: translateZ(0);
        opacity: 1;
    }
    95% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }
}
@media only screen and (max-width: 540px) {
    .dynamic-string__text_title,
    .dynamic-text_title {
        font-size: 16px;
    }
    .background {
        display: none;
    }
    .dynamic-background {
        display: block;
    }
    .step__item_notification {
        position: absolute;
        top: 8px;
        right: unset;
    }
    .step_first {
        width: calc(100% - 32px);
    }
    .age-counter {
        left: -16px;
        width: calc(100% + 32px);
    }
}

.header__inner {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
.header__logo {
    max-width: 136px;
    max-height: 24px;
}
.header-signin__btn {
    cursor: pointer;
    transition: 0.3s linear;
}
.header-signin__btn:hover {
    opacity: 0.85;
}
@media only screen and (max-width: 540px) {
    .header__inner {
        padding: 0 16px;
    }
    .header-signin__text {
        display: none;
    }
}

.footer {
    display: flex;
    justify-content: center;
}
.footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.footer__link {
    text-align: center;
    text-decoration: none;
}
.footer__link_address {
    cursor: default;
}
.footer__container {
    display: flex;
    justify-content: space-between;
    width: 328px;
    padding: 8px;
}
.footer__links-block {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.footer__address-block {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
@media only screen and (max-width: 540px) {
    .footer__inner {
        padding: 0 16px;
    }
    .footer__link {
        font-size: 10px;
        line-height: 10px;
    }
}
@media only screen and (max-width: 374px) {
    .footer__inner {
        padding: 0 12px;
    }
}

button[data-v-b5d6b42a]:disabled {
    position: relative;
    opacity: 0.5;
}
.lds-ring[data-v-b5d6b42a] {
    top: 50%;
    left: 13px;
    display: inline-block;
    transform: translateY(-50%);
}
.lds-ring[data-v-b5d6b42a],
.lds-ring__item[data-v-b5d6b42a] {
    position: absolute;
    width: 16px;
    height: 16px;
}
.lds-ring__item[data-v-b5d6b42a] {
    display: block;
    box-sizing: border-box;
    -webkit-animation: loading-data-v-b5d6b42a 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: loading-data-v-b5d6b42a 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
}
.lds-ring__item[data-v-b5d6b42a]:first-child {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}
.lds-ring__item[data-v-b5d6b42a]:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.lds-ring__item[data-v-b5d6b42a]:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
@-webkit-keyframes loading-data-v-b5d6b42a {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes loading-data-v-b5d6b42a {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

.checkbox__item {
    cursor: pointer;
}
.checkbox__text {
    pointer-events: none;
}

.gender-select__item {
    cursor: pointer;
}

.tooltip__text {
    visibility: hidden;
    transition: opacity 0.2s ease-in-out;
    opacity: 0;
}
.tooltip__btn {
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.tooltip__btn:focus ~ .tooltip__text {
    visibility: visible;
    opacity: 1;
}

.age-container__inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.auto-complete__inner {
    position: absolute;
    z-index: 9;
    display: block;
    overflow: auto;
    width: 100%;
}
.auto-complete__item {
    cursor: pointer;
}

.terms {
    display: flex;
}
.terms__label {
    position: relative;
    display: flex;
    cursor: pointer;
}
.terms__label:before {
    top: 0;
    left: 0;
    content: "";
}
.terms__label:after {
    position: absolute;
    display: flex;
    content: "";
    opacity: 0;
    background-repeat: no-repeat;
    background-position: 50%;
}
.terms__input {
    position: absolute;
    left: -9999px;
}
.terms__input:checked + .terms__label:after {
    opacity: 1;
}
.terms__text .terms__link_regular {
    text-decoration: underline;
    color: #2240e5;
}

.background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.background_animated[data-v-1f479d00] {
    -webkit-animation: animatedBackground-data-v-1f479d00 500s linear infinite;
    animation: animatedBackground-data-v-1f479d00 500s linear infinite;
    background-size: contain;
}
@-webkit-keyframes animatedBackground-data-v-1f479d00 {
    0% {
        background-position: -14000px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes animatedBackground-data-v-1f479d00 {
    0% {
        background-position: -14000px 0;
    }
    to {
        background-position: 0 0;
    }
}

.cookie-popup {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 8px;
    -webkit-animation: dropCookiePopup 1s ease;
    animation: dropCookiePopup 1s ease;
}
.cookie-popup__text {
    margin-right: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
}
.cookie-popup__link {
    text-decoration: underline;
    color: inherit;
}
.cookie-popup__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 40px;
    padding: 0 8px;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.cookie-popup__btn:after {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    content: "";
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.cookie-popup__btn:focus {
    outline: none;
}
@-webkit-keyframes dropCookiePopup {
    0% {
        bottom: -100px;
    }
    to {
        bottom: 0;
    }
}
@keyframes dropCookiePopup {
    0% {
        bottom: -100px;
    }
    to {
        bottom: 0;
    }
}
@media only screen and (max-width: 540px) {
    .cookie-popup__text {
        margin-right: 4px;
        font-size: 12px;
        line-height: 13px;
    }
}

.cookie-popup_social {
    padding: 8px 16px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}
.cookie-popup_social .cookie-popup__text {
    margin-right: 16px;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}
.cookie-popup_social .cookie-popup__btn,
.cookie-popup_social .cookie-popup__link {
    width: 96px;
    min-width: 96px;
    height: 40px;
    padding: 8px;
    cursor: pointer;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    line-height: 100%;
}
.cookie-popup_social .cookie-popup__link {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-right: 8px;
    text-decoration: none;
    border: 1px solid;
}
.cookie-popup_social .cookie-popup__btn {
    border: none;
    font-weight: 700;
}
.cookie-popup_social .cookie-popup__btn:focus {
    outline: none;
}
.cookie-popup_social .cookie-popup__btn:after {
    display: none;
}
@media only screen and (max-width: 540px) {
    .cookie-popup_social {
        padding: 4px 16px;
    }
    .cookie-popup_social .cookie-popup__btn,
    .cookie-popup_social .cookie-popup__link,
    .cookie-popup_social .cookie-popup__text {
        font-size: 12px;
    }
    .cookie-popup_social .cookie-popup__btn,
    .cookie-popup_social .cookie-popup__link {
        width: 72px;
        min-width: 72px;
    }
    .cookie-popup_social .cookie-popup__text {
        margin-right: 8px;
    }
    .cookie-popup_social .cookie-popup__link {
        margin-right: 4px;
    }
}

.cookie-container {
    position: fixed;
    z-index: 999;
    color: #2c2f31;
    font: 16px/1.15 -apple-system, blinkmacsystemfont, Segoe UI, roboto, helvetica, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}
.cookie-container__inner:before {
    visibility: visible;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    opacity: 1;
}
.cookie-container .section__toggle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 50px;
    height: 23px;
    margin: 0;
    cursor: pointer;
    transform: translateZ(0);
    border: 0;
    border-radius: 4em;
    outline: revert;
    outline-offset: 2px;
    font-family: inherit;
    font-size: 100%;
    all: unset;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cookie-container .section__toggle:disabled {
    cursor: not-allowed;
}
.cookie-container .section__toggle:checked ~ .toggle__icon {
    background-color: #30363c;
    box-shadow: 0 0 0 1px #30363c;
}
.cookie-container .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
    transform: translateX(27px);
    background-color: #fff;
}
.cookie-container .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
    opacity: 1;
}
.cookie-container .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
    opacity: 0;
}
.cookie-container .section__toggle:checked:disabled ~ .toggle__icon {
    background-color: #d5dee2;
    box-shadow: 0 0 0 1px #d5dee2;
}
.cookie-container .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
    background-color: #fff;
    box-shadow: none;
}
.cookie-container .section__toggle:checked:disabled ~ .toggle__icon .cookie-preferences__svg {
    stroke: #d5dee2;
}
.cookie-container .section__toggle-wrapper {
    position: absolute;
    z-index: 1;
    right: 18px;
    display: flex;
    cursor: pointer;
}
.cookie-container .section__toggle-wrapper,
.cookie-container .toggle__icon,
.cookie-container .toggle__label {
    width: 50px;
    height: 23px;
    transform: translateZ(0);
    border-radius: 4em;
}
.cookie-container .toggle__icon {
    position: absolute;
    display: flex;
    flex-direction: row;
    transition: all 0.25s ease;
    pointer-events: none;
    background-color: #667481;
    box-shadow: 0 0 0 1px #667481;
}
.cookie-container .toggle__icon-circle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    transition: transform 0.25s ease, background-color 0.25s ease;
    border: none;
    border-radius: 4em;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
}
.cookie-container .toggle__icon-off,
.cookie-container .toggle__icon-on {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.15s ease;
}
.cookie-container .toggle__icon-on {
    transform: rotate(45deg);
    opacity: 0;
}
.cookie-container .toggle__icon-on .cookie-preferences__svg {
    stroke: #30363c;
    transform: scale(0.55) rotate(-45deg);
}
.cookie-container .toggle__icon-off {
    opacity: 1;
}
.cookie-container .toggle__icon-off .cookie-preferences__svg {
    stroke: #667481;
    transform: scale(0.55);
}
.cookie-container .toggle__label {
    position: absolute;
    z-index: -1;
    top: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
}
.cookie-container .cookie-popup__link {
    position: relative;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    transition: background-size 0.25s, color 0.25s ease;
    text-decoration: none;
    outline: revert;
    outline-offset: 2px;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 1px;
    font-family: inherit;
    font-size: 100%;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cookie-container .cookie-popup__link:hover {
    color: #2c2f31;
    background-size: 100% 1px;
}
.cookie-container .cookie-main {
    position: fixed;
    z-index: 1;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    visibility: visible;
    overflow: hidden;
    flex-direction: column;
    max-width: 24em;
    margin-left: 1rem;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    transform: translateY(0);
    opacity: 1;
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
}
.cookie-container .cookie-main__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cookie-container .cookie-main__title {
    padding: 0 0.5em;
    font-size: 1.05em;
    font-weight: 600;
}
.cookie-container .cookie-main__desc {
    overflow-x: visible;
    overflow-y: auto;
    max-height: 60px;
    margin-top: 0.5em;
    padding: 0 0.5em 1em;
    color: #5e6266;
    font-size: 10px;
    line-height: 1.5;
    overscroll-behavior: auto contain;
    scrollbar-width: thin;
}
.cookie-container .cookie-main__texts {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0.5em 0 0;
}
.cookie-container .cookie-main__btns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: unset;
    padding: 0.5em;
    border-top: 1px solid #f0f4f7;
}
.cookie-container .cookie-main__btn-group {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
}
.cookie-container .cookie-main__btn + .cookie-main__btn,
.cookie-container .cookie-main__btn-group + .cookie-main__btn-group {
    margin-top: 0.375rem;
}
.cookie-container .cookie-main__btn {
    all: unset;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    outline: revert;
    outline-offset: 2px;
    font-family: inherit;
    font-size: 0.82em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 42px;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    text-align: center;
    color: #fff;
    border: 1px solid #30363c;
    border-radius: 0.4rem;
    background-color: #30363c;
    font-weight: 600;
}
.cookie-container .cookie-main__btn:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.cookie-container .cookie-main__btn_secondary {
    color: #2c2f31;
    border-color: #eaeff2;
    background-color: #eaeff2;
}
.cookie-container .cookie-main__btn_secondary:hover {
    color: #000;
    border-color: #d4dae0;
    background-color: #d4dae0;
}
.cookie-container .cookie-main__footer {
    padding: 0.4em 0 0.5em;
    color: #5e6266;
    border-top: 1px solid #e4eaed;
    background-color: #eaeff2;
}
.cookie-container .cookie-main__close {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.cookie-container .cookie-preferences-wrapper {
    position: relative;
    z-index: 2;
}
.cookie-container .cookie-preferences {
    position: fixed;
    z-index: 1;
    top: 50%;
    right: 1rem;
    left: 1rem;
    display: flex;
    visibility: visible;
    overflow: hidden;
    flex-direction: column;
    max-width: 43em;
    height: calc(100% - 2em);
    max-height: 37.5em;
    margin: 0 auto;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    transform: translateY(-50%);
    opacity: 1;
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
}
.cookie-container .cookie-preferences__body,
.cookie-container .cookie-preferences__footer,
.cookie-container .cookie-preferences__header {
    padding: 1em 1.4em;
}
.cookie-container .cookie-preferences__header,
.cookie-container .cookie-preferences__title {
    display: flex;
    align-items: center;
}
.cookie-container .cookie-preferences__body {
    overscroll-behavior: auto contain;
    scrollbar-width: thin;
    overflow: auto;
    flex: 1;
}
.cookie-container .cookie-preferences__header {
    justify-content: space-between;
    border-bottom: 1px solid #f0f4f7;
}
.cookie-container .cookie-preferences__title {
    flex: 1;
    margin-right: 2em;
    font-size: 16px;
    font-weight: 600;
}
.cookie-container .cookie-preferences__svg-box {
    display: flex;
    width: 100%;
    height: 100%;
}
.cookie-container .cookie-preferences__svg {
    width: 100%;
    fill: none;
}
.cookie-container .cookie-preferences__svg_close {
    transition: stroke 0.15s ease;
    transform: scale(0.5);
    stroke: #2c2f31;
}
.cookie-container .cookie-preferences__close-btn {
    all: unset;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    outline: revert;
    outline-offset: 2px;
    font-family: inherit;
    font-size: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 40px;
    height: 40px;
    transition: all 0.15s ease;
    border: 1px solid #eaeff2;
    border-radius: 0.4rem;
    background-color: #eaeff2;
}
.cookie-container .cookie-preferences__close-btn:hover {
    border-color: #d4dae0;
    background-color: #d4dae0;
}
.cookie-container .cookie-preferences__close-btn:hover .cookie-preferences__svg {
    stroke: #000;
}
.cookie-container .cookie-preferences__section {
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
    padding: 0;
    border-radius: 0.4rem;
}
.cookie-container .cookie-preferences__section-toggle {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.375rem;
    border-top: none;
    border-radius: 0.4rem;
    background-color: #f0f4f7;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-desc-wrapper {
    display: none;
    overflow: hidden;
    margin-top: 0 !important;
    border: 1px solid #f0f4f7;
    border-top: none;
    border-radius: 0.4rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 58px;
    transition: background-color 0.25s ease, border-color 0.25s ease;
    border: 1px solid #f0f4f7;
    background-color: initial;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-title:hover {
    border-color: #e9eff4;
    background-color: #e9eff4;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-desc {
    margin-top: 0;
    padding: 1em;
}
.cookie-container .cookie-preferences__section-toggle.cookie-preferences__section-toggle_expanded {
    background-color: initial;
}
.cookie-container .cookie-preferences__section-toggle.cookie-preferences__section-toggle_expanded .cookie-preferences__section-title {
    border-color: #dee4e9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.cookie-container .cookie-preferences__section-toggle.cookie-preferences__section-toggle_expanded .cookie-preferences__section-arrow .cookie-preferences__svg {
    transform: scale(0.5) rotate(180deg);
}
.cookie-container .cookie-preferences__section-toggle.cookie-preferences__section-toggle_expanded .cookie-preferences__section-desc-wrapper {
    display: flex;
    border-color: #dee4e9;
}
.cookie-container .cookie-preferences__section-toggle:nth-child(2) .section__toggle-wrapper:after {
    display: none;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-title {
    padding-left: 3.4em;
    cursor: pointer;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-arrow {
    position: absolute;
    left: 18px;
    display: flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    pointer-events: none;
    border-radius: 100%;
    background-color: #d5dee2;
}
.cookie-container .cookie-preferences__section-toggle .cookie-preferences__section-arrow .cookie-preferences__svg {
    transform: scale(0.5);
    stroke: #2c2f31;
}
.cookie-container .cookie-preferences__section-title-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
.cookie-container .cookie-preferences__section-title-wrapper + .cookie-preferences__section-desc-wrapper {
    margin-top: 0.85em;
}
.cookie-container .cookie-preferences__section-title {
    all: unset;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    outline: revert;
    outline-offset: 2px;
    font-family: inherit;
    font-size: 0.95em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.4rem;
    font-weight: 600;
}
.cookie-container .cookie-preferences__section-desc-wrapper {
    display: flex;
    flex-direction: column;
    color: #5e6266;
    font-size: 0.9em;
}
.cookie-container .cookie-preferences__section-desc-wrapper > :not(:last-child) {
    border-bottom: 1px solid #f0f4f7;
}
.cookie-container .cookie-preferences__section-desc {
    font-size: 12px;
    line-height: 1.5em;
}
.cookie-container .cookie-preferences__footer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f0f4f7;
}
.cookie-container .cookie-preferences__btn-group {
    display: flex;
}
.cookie-container .cookie-preferences__btn + .cookie-preferences__btn,
.cookie-container .cookie-preferences__btn-group + .cookie-preferences__btn-group {
    margin-left: 0.375rem;
}
.cookie-container .cookie-preferences__btn {
    all: unset;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    outline: revert;
    outline-offset: 2px;
    font-family: inherit;
    font-size: 0.82em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: auto;
    min-width: 110px;
    height: 42px;
    padding: 0 1.5em;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    text-align: center;
    color: #fff;
    border: 1px solid #30363c;
    border-radius: 0.4rem;
    background-color: #30363c;
    font-weight: 600;
}
.cookie-container .cookie-preferences__btn:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.cookie-container .cookie-preferences__btn_secondary {
    color: #2c2f31;
    border-color: #eaeff2;
    background-color: #eaeff2;
}
.cookie-container .cookie-preferences__btn_secondary:hover {
    color: #000;
    border-color: #d4dae0;
    background-color: #d4dae0;
}
.cookie-container .cookie-preferences-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    content: "";
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.65);
}
.cookie-container .cookie-preferences__list {
    margin-top: 10px;
    padding-left: 16px;
}
@media screen and (max-width: 640px) {
    .cookie-container ::-webkit-scrollbar,
    .cookie-container ::-webkit-scrollbar-thumb,
    .cookie-container ::-webkit-scrollbar-track {
        all: revert;
    }
    .cookie-container ::-webkit-scrollbar-thumb {
        border: 0.25rem solid #fff;
        border-radius: 1rem;
        background-color: #d5dee2;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .cookie-container ::-webkit-scrollbar-thumb:hover {
        background-color: #667481;
    }
    .cookie-container ::-webkit-scrollbar {
        width: 12px;
        background-color: initial;
    }
    .cookie-container .cookie-main {
        right: 0.5em;
        bottom: 0.5em;
        width: auto;
        max-width: none;
        margin-left: 0.5em;
    }
    .cookie-container .cookie-main__body {
        flex-direction: column;
        padding: 0;
    }
    .cookie-container .cookie-main__btns,
    .cookie-container .cookie-main__desc,
    .cookie-container .cookie-main__title {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }
    .cookie-container .cookie-main__btns {
        flex-direction: column;
        min-width: auto;
        max-width: none;
        border-top: 1px solid #f0f4f7;
        border-left: none;
    }
    .cookie-container .cookie-main__btn + .cookie-main__btn,
    .cookie-container .cookie-main__btn-group + .cookie-main__btn-group {
        margin: 0.375rem 0 0;
    }
    .cookie-container .cookie-main__btn-group {
        display: flex;
        flex-direction: column;
        min-width: auto;
    }
    .cookie-container .cookie-main__btn {
        flex: auto;
    }
    .cookie-container .cookie-preferences {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: none;
        height: auto;
        max-height: 100%;
        transform: translateY(0);
        border-radius: 0;
    }
    .cookie-container .cookie-preferences__body,
    .cookie-container .cookie-preferences__footer,
    .cookie-container .cookie-preferences__header {
        padding: 0.9em;
    }
    .cookie-container .cookie-preferences__btn-group,
    .cookie-container .cookie-preferences__footer {
        flex-direction: column;
    }
    .cookie-container .cookie-preferences__btn-group {
        display: flex;
    }
    .cookie-container .cookie-preferences__btn + .cookie-preferences__btn,
    .cookie-container .cookie-preferences__btn-group + .cookie-preferences__btn-group {
        margin: 0.375rem 0 0;
    }
}

.pref-gender__item {
    cursor: pointer;
}

.name-autofill {
    position: relative;
}
.name-autofill__inner {
    position: absolute;
    z-index: 9;
    display: block;
    overflow: auto;
    width: 100%;
}
.name-autofill__item {
    cursor: pointer;
}



/*custom part*/
.cookie-preferences__list {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5em;
    padding-left: 1em !important;
}

body[data-gender="woman"] .background {
    background-image: url(../img/e2c93196d24d0a9845132e91b03243551747895753.rng.webp);
}
body[data-gender="man"] .background{
    background-image: url(../img/5a836b13983b6779df9419a9449063531747895753.rng.webp);
}
.error > * {
    display: none;
}


@media only screen and (max-width: 540px) {
    body[data-gender="woman"] .dynamic-background[data-gender="woman"] {
        display: block;
    }
    body[data-gender="woman"] .dynamic-background[data-gender="man"] {
        display: none;
    }
    body[data-gender="man"] .dynamic-background[data-gender="man"] {
        display: block;
    }
    body[data-gender="man"] .dynamic-background[data-gender="woman"] {
        display: none;
    }
}

.loader {
    position: relative;
}
.loader__svg {
    width: 240px;
    height: 240px;
}
.loader__percent {
    position: absolute;
    top: calc(50% - 35px);
    width: 100%;
    display: block;
    text-align: center;
}
.step__message_loader {
    top: calc(50% + 5px);
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
}



.loader__svg {
    transform: rotate(-90deg);
}

.loader__circle {
    fill: none;
    stroke-width: 15;
}

.loader__circle_background {
    stroke: #eee;
}

.loader__circle_progress {
    stroke: #ff9d42;
    stroke-dasharray: 690; /* 2 * π * r = 2 * π * 110 */
    stroke-dashoffset: 690;
    transition: stroke-dashoffset 0.1s linear;
}