@charset "UTF-8";
.auth-form__input,
.calendar-deep-controls button,
.edu-filters__btn,
html {
    font-family: Montserrat;
}
.hystmodal__close,
button {
    background: 0 0;
    border: none;
}
.question-icon,
.tooltip-container,
button {
    cursor: pointer;
}
.section,
.section__inner {
    width: 100%;
}
body,
main {
    min-height: 100vh;
    max-width: 100%;
}
.auth-form__btn,
.btn,
.ws-packs__btn {
    text-align: center;
    text-transform: uppercase;
}
.auth-form__btn,
.btn,
.i-nums__num-1,
.if-text-content__text-1 span,
.text-uppercase,
.ws-packs__btn {
    text-transform: uppercase;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:root {
    --gray: #858b8e;
    --black: #212324;
    --blue: #29197d;
    --white: #fff;
    --red: #e1171a;
    --pink: #d42d67;
    --purp: #974ce2;
    --yellow: #ffc001;
    --pastel-pink: #ff7ba9;
    --light-gray: #e2e5e7;
    --pastel-yellow: #ffdf80;
    --bordo: #911842;
    --second-family: "Unbounded", sans-serif;
    --font3: "Onest", sans-serif;
}
html {
    font-size: 16px !important;
    font-weight: 500;
}
body {
    background-color: #f2f4f6;
    padding: 46px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    cursor: none;
}
@media (min-width: 768px) {
    body {
        padding: 0;
    }
}
body * {
    cursor: none !important;
}
a {
    text-decoration: none;
    outline: 0;
}
input,
textarea {
    font-family: inherit;
    border: none;
    background: #fff;
    outline: 0;
}
address {
    font-style: normal;
}
ul {
    list-style: none;
}
button {
    outline: 0;
}
.section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
}
@media (min-width: 768px) {
    .section {
        padding: 0 20px;
    }
}
@media (min-width: 1366px) {
    .section {
        padding-left: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
        padding-right: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
    }
}
@media (min-width: 1920px) {
    .section {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    padding: 40px 0 60px;
}
.legend__question .q-answer,
.question-container .q-answer {
    z-index: 500;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    bottom: 0;
}
@media (min-width: 1024px) {
    main {
        padding: 80px 0 200px;
    }
}
.label {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    color: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 12px;
    background-color: var(--black);
}
.q-answer__text-content,
.title-block {
    display: -webkit-box;
    display: -ms-flexbox;
}
@media (min-width: 1024px) {
    .label {
        font-weight: 500;
        font-size: calc(0.8125rem + (1vw - 10.24px) * 0.78125);
    }
}
@media (min-width: 1920px) {
    .label {
        font-size: 1.25rem;
    }
}
.a-delay-100 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.a-delay-200 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.a-delay-300 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.a-delay-400 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.a-delay-500 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.a-delay-600 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.a-delay-700 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.a-delay-800 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.a-delay-900 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.a-delay-1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.title-block {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px 24px;
}
.question-bg,
.quetion-fill {
    fill: transparent;
}
.question-container {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}
@media (min-width: 1400px) {
    .question-container {
        width: 56px;
        height: 56px;
    }
}
.question-container .q-answer {
    display: none;
    position: fixed;
    left: 0;
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    transform: translate(0, 25%);
    -webkit-filter: drop-shadow(8px 8px 40px rgba(133, 139, 142, 0.2));
    filter: drop-shadow(8px 8px 40px rgba(133, 139, 142, 0.2));
    max-height: 100vh;
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
@media (min-width: 1024px) {
    .title-block {
        gap: 32px;
    }
    .question-container .q-answer {
        position: absolute;
        bottom: 0;
        left: 24px;
        -webkit-transform: translate(0, calc(100% + 28px));
        -ms-transform: translate(0, calc(100% + 28px));
        transform: translate(0, calc(100% + 28px));
    }
}
.quarter-table__value.current.tooltip-container div {
    height: auto;
}
.quarter-table__value.current.tooltip-container .q-answer {
    display: none;
    z-index: 500;
    position: absolute;
    bottom: 0;
    left: 24px;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.quarter-table__value.current.tooltip-container .q-answer__inner {
    padding: 24px;
    border-radius: 0 24px 24px;
    background-color: var(--purp);
    width: 140px;
}
.quarter-table__value.current.tooltip-container .q-answer.left-mode {
    -webkit-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
}
.quarter-table__value.current.tooltip-container .q-answer.left-mode .q-answer__inner {
    border-radius: 24px 0 24px 24px;
}
.legend__question .q-answer {
    display: none;
    position: absolute;
    left: 24px;
    -webkit-transform: translate(0, calc(100% + 28px));
    -ms-transform: translate(0, calc(100% + 28px));
    transform: translate(0, calc(100% + 28px));
    -webkit-filter: drop-shadow(8px 8px 40px rgba(133, 139, 142, 0.2));
    filter: drop-shadow(8px 8px 40px rgba(133, 139, 142, 0.2));
    max-height: 100vh;
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.footer-menu__link,
.question-icon path {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.legend__question .q-answer__inner {
    padding: 20px;
    border-radius: 0 24px 24px;
    background-color: #fff;
    width: 240px;
}
@media (min-width: 1024px) {
    .legend__question .q-answer__inner {
        width: 320px;
        border-radius: 0 24px 24px;
    }
}
@media (min-width: 1400px) {
    .legend__question .q-answer__inner {
        width: 518px;
    }
}
.q-answer.left-mode {
    -webkit-transform: translate(-100%, calc(100% + 28px));
    -ms-transform: translate(-100%, calc(100% + 28px));
    transform: translate(-100%, calc(100% + 28px));
}
.q-answer.left-mode .q-answer__inner {
    border-radius: 24px 0 24px 24px;
}
.q-answer__inner {
    padding: 40px;
    border-radius: 24px 24px 0 0;
    background-color: #fff;
    width: 100vw;
}
@media (min-width: 1024px) {
    .q-answer__inner {
        width: 320px;
        border-radius: 0 24px 24px;
    }
}
@media (min-width: 1400px) {
    .q-answer__inner {
        width: 518px;
    }
}
.question-container.active .q-answer {
    display: block;
    -webkit-animation: showanswermob 0.3s forwards;
    animation: showanswermob 0.3s forwards;
}
@media (min-width: 1024px) {
    .question-container.active .q-answer {
        -webkit-animation: showanswer 0.3s forwards;
        animation: showanswer 0.3s forwards;
    }
    .question-container.active .q-answer.left-mode {
        -webkit-animation: showanswerLeftMode 0.3s forwards;
        animation: showanswerLeftMode 0.3s forwards;
    }
}
.question-container.active .question-bg {
    fill: var(--yellow);
}
.question-container.active .quetion-fill {
    fill: var(--purp);
}
.legend__question.active .q-answer {
    display: block;
    -webkit-animation: showanswer 0.3s forwards;
    animation: showanswer 0.3s forwards;
}
@media (min-width: 1024px) {
    .legend__question.active .q-answer.left-mode {
        -webkit-animation: showanswerLeftMode 0.3s forwards;
        animation: showanswerLeftMode 0.3s forwards;
    }
}
.legend__question.active .question-bg {
    fill: var(--yellow);
}
.legend__question.active .quetion-fill {
    fill: var(--purp);
}
.quarter-table__value.current.tooltip-container.active .q-answer {
    display: block;
    -webkit-animation: showHint 0.3s forwards;
    animation: showHint 0.3s forwards;
}
.quarter-table__value.current.tooltip-container.active .q-answer.left-mode {
    -webkit-animation: showHintLeftMode 0.3s forwards;
    animation: showHintLeftMode 0.3s forwards;
}
@-webkit-keyframes showanswermob {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showanswermob {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes showanswer {
    to {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% + 8px));
        transform: translate(0, calc(100% + 8px));
    }
}
@keyframes showanswer {
    to {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% + 8px));
        transform: translate(0, calc(100% + 8px));
    }
}
@-webkit-keyframes showHint {
    to {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% - 8px));
        transform: translate(0, calc(100% - 8px));
    }
}
@keyframes showHint {
    to {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% - 8px));
        transform: translate(0, calc(100% - 8px));
    }
}
@-webkit-keyframes showHintLeftMode {
    to {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% - 8px));
        transform: translate(-100%, calc(100% - 8px));
    }
}
@keyframes showHintLeftMode {
    to {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% - 8px));
        transform: translate(-100%, calc(100% - 8px));
    }
}
@-webkit-keyframes showanswerLeftMode {
    to {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% + 8px));
        transform: translate(-100%, calc(100% + 8px));
    }
}
@keyframes showanswerLeftMode {
    to {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% + 8px));
        transform: translate(-100%, calc(100% + 8px));
    }
}
.quarter-table__value.current.tooltip-container.active.closing .q-answer {
    -webkit-animation: hideanswerinf 0.3s forwards;
    animation: hideanswerinf 0.3s forwards;
}
.quarter-table__value.current.tooltip-container.active.closing .q-answer.left-mode {
    -webkit-animation: hideanswerinfLeftMode 0.3s forwards;
    animation: hideanswerinfLeftMode 0.3s forwards;
}
.question-container.active.closing .q-answer {
    -webkit-animation: hideanswermob 0.3s forwards;
    animation: hideanswermob 0.3s forwards;
}
@media (min-width: 1024px) {
    .question-container.active.closing .q-answer {
        -webkit-animation: hideanswer 0.3s forwards;
        animation: hideanswer 0.3s forwards;
    }
}
.question-container.active.closing .q-answer.left-mode {
    -webkit-animation: hideanswermob 0.3s forwards;
    animation: hideanswermob 0.3s forwards;
}
@media (min-width: 1024px) {
    .question-container.active.closing .q-answer.left-mode {
        -webkit-animation: hideanswerLeftMode 0.3s forwards;
        animation: hideanswerLeftMode 0.3s forwards;
    }
}
@-webkit-keyframes hideanswer {
    from {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% + 8px));
        transform: translate(0, calc(100% + 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, calc(100% + 24px));
        transform: translate(0, calc(100% + 24px));
    }
}
@keyframes hideanswer {
    from {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% + 8px));
        transform: translate(0, calc(100% + 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, calc(100% + 24px));
        transform: translate(0, calc(100% + 24px));
    }
}
@-webkit-keyframes hideanswerLeftMode {
    from {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% + 8px));
        transform: translate(-100%, calc(100% + 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-100%, calc(100% + 24px));
        transform: translate(-100%, calc(100% + 24px));
    }
}
@keyframes hideanswerLeftMode {
    from {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% + 8px));
        transform: translate(-100%, calc(100% + 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-100%, calc(100% + 24px));
        transform: translate(-100%, calc(100% + 24px));
    }
}
@-webkit-keyframes hideanswerinf {
    from {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% - 8px));
        transform: translate(0, calc(100% - 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, calc(100% + 0));
        transform: translate(0, calc(100% + 0));
    }
}
@keyframes hideanswerinf {
    from {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% - 8px));
        transform: translate(0, calc(100% - 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, calc(100% + 0));
        transform: translate(0, calc(100% + 0));
    }
}
@-webkit-keyframes hideanswerinfLeftMode {
    from {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% - 8px));
        transform: translate(-100%, calc(100% - 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-100%, calc(100% + 0));
        transform: translate(-100%, calc(100% + 0));
    }
}
@keyframes hideanswerinfLeftMode {
    from {
        opacity: 1;
        -webkit-transform: translate(-100%, calc(100% - 8px));
        transform: translate(-100%, calc(100% - 8px));
    }
    to {
        opacity: 0;
        -webkit-transform: translate(-100%, calc(100% + 0));
        transform: translate(-100%, calc(100% + 0));
    }
}
@-webkit-keyframes hideanswermob {
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0, 25%);
        transform: translateY(0, 25%);
    }
}
@keyframes hideanswermob {
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0, 25%);
        transform: translateY(0, 25%);
    }
}
.legend__question.active.closing .q-answer {
    -webkit-animation: hideanswer 0.3s forwards;
    animation: hideanswer 0.3s forwards;
}
.legend__question.active.closing .q-answer.left-mode {
    -webkit-animation: hideanswermob 0.3s forwards;
    animation: hideanswermob 0.3s forwards;
}
.question-icon {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.mini-popup,
.mini-popup__content,
.q-answer__text-content {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
@media (min-width: 1400px) {
    .question-icon {
        width: 56px;
        height: 56px;
    }
}
.question-icon path {
    transition: 0.5s;
}
.q-answer__text-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.q-answer__close {
    position: relative;
}
.q-answer__close::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.auth-form__btn,
.btn,
.mini-popup.bg-yellow,
.swiper-slide.inner-nav-link.current .inner-nav-link__icon,
.ws-packs__btn {
    background-color: var(--yellow);
}
.q-answer__close-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 6px;
    margin-top: 40px;
}
.s-assessement,
.s-privacy {
    margin-bottom: 80px;
}
@media (min-width: 1024px) {
    .legend__question.active.closing .q-answer.left-mode {
        -webkit-animation: hideanswerLeftMode 0.3s forwards;
        animation: hideanswerLeftMode 0.3s forwards;
    }
    .q-answer__close-container {
        display: none;
    }
    .s-privacy {
        margin-bottom: 200px;
    }
}
.btn-wrap {
    border-radius: 18px;
    border: 2px solid var(--black);
    padding: 10px;
}
.btn,
.hamburger {
    border-radius: 100px;
}
@media (min-width: 600px) {
    .btn-wrap {
        width: auto;
        display: inline-block;
    }
}
@media (min-width: 1400px) {
    .btn-wrap {
        margin-top: -12px;
    }
}
.btn {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.08em;
    width: 100%;
    padding: 24px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: inline-block;
    color: var(--black);
}
@media (min-width: 600px) {
    .btn {
        padding: 24px 64px;
        width: auto;
    }
}
.btn:hover {
    background-color: #f4bc11;
}
.btn:active {
    -webkit-transform: scale(0.975);
    -ms-transform: scale(0.975);
    transform: scale(0.975);
}
.btn.disabled,
.btn:disabled {
    background-color: #d2d2d2 !important;
    cursor: default;
}
.s-privacy .title-3 {
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .s-privacy .title-3 {
        margin-bottom: 64px;
        max-width: 1060px;
    }
}
.mini-popup {
    position: fixed;
    bottom: 0;
    width: 100vw;
    left: 0;
    border-radius: 24px 24px 0 0;
    padding: 40px;
    z-index: 100;
    flex-direction: column;
    gap: 60px;
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    display: none;
}
@media (min-width: 640px) {
    .mini-popup {
        border-radius: 24px;
        left: unset;
        right: 16px;
        width: 520px;
        bottom: 40px;
    }
}
@media (min-width: 768px) {
    .mini-popup {
        right: 20px;
    }
}
@media (min-width: 1366px) {
    .mini-popup {
        right: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
    }
}
@media (min-width: 1920px) {
    .mini-popup {
        right: 5rem;
    }
}
.mini-popup.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: showMimiPopup 0.8s 0.2s forwards;
    animation: showMimiPopup 0.8s 0.2s forwards;
}
.mini-popup.active.closing {
    -webkit-animation: hideMiniPopup 0.3s 0s forwards;
    animation: hideMiniPopup 0.3s 0s forwards;
}
@-webkit-keyframes showMimiPopup {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showMimiPopup {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes hideMiniPopup {
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
    }
}
@keyframes hideMiniPopup {
    from {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, -50px);
        transform: translate(0, -50px);
    }
}
.mini-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
}
.mini-popup__close-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mini-popup__close-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    outline: var(--black) solid 2px;
}
.mini-popup.with-hero {
    padding-top: 190px;
}
@media (min-width: 640px) {
    .mini-popup__close-btn-container {
        position: absolute;
        width: 80px;
        height: 80px;
        right: 0;
        top: -16px;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    .mini-popup__close-btn {
        outline: 0;
    }
    .mini-popup.with-hero {
        padding-top: 40px;
    }
}
.mini-popup.bg-pink {
    background-color: var(--pastel-pink);
}
.auth-form__input,
.hystmodal__shadow {
    background-color: transparent;
}
.mini-popup.bg-pink rect {
    fill: var(--pastel-pink);
}
.mp-hero {
    position: absolute;
    max-width: 230px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -33%);
    -ms-transform: translate(-50%, -33%);
    transform: translate(-50%, -33%);
}
@media (min-width: 640px) {
    .mp-hero {
        left: unset;
        right: 80px;
        top: 0;
        -webkit-transform: translate(15%, -50%);
        -ms-transform: translate(15%, -50%);
        transform: translate(15%, -50%);
    }
}
.hystmodal__shadow.hystmodal__shadow--show {
    opacity: 0;
}
@media (min-width: 768px) {
    .hystmodal__shadow.hystmodal__shadow--show {
        opacity: 1;
        background-color: rgba(242, 244, 246, 0.8);
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
    }
}
.hystmodal__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.hystmodal__window {
    padding: 60px 24px 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    border-radius: 24px 24px 0 0;
    -webkit-transition:
        opacity 0.5s ease 0s,
        -webkit-transform 0.5s ease 0s;
    -o-transition:
        transform 0.5s ease 0s,
        opacity 0.5s ease 0s;
    transition:
        transform 0.5s ease 0s,
        opacity 0.5s ease 0s;
    transition:
        transform 0.5s ease 0s,
        opacity 0.5s ease 0s,
        -webkit-transform 0.5s ease 0s;
}
.hystmodal--active .hystmodal__window {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hystmodal__wrap-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 1024px) {
    .hystmodal__window {
        border-radius: 24px;
    }
    .hystmodal__wrap-close {
        width: 80px;
        height: 80px;
    }
}
.hystmodal__close {
    outline: 0 !important;
    position: static;
    width: 80px;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--yellow);
    border-radius: 50%;
    border: 2px solid var(--black);
}
.ppk-dot,
.ppk-dot-outline {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    z-index: 99999;
    opacity: 0;
}
.ppk-dot-outline.hide,
.ppk-dot.hide,
.starbox {
    display: none;
}
.ppk-dot {
    pointer-events: none;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition:
        opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    -o-transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    width: 36px;
    height: 36px;
}
.ppk-dot-outline {
    pointer-events: none;
    left: -100vw;
    -webkit-transform: translate(calc(-50% + 12px), calc(-50% + 12px));
    -ms-transform: translate(calc(-50% + 12px), calc(-50% + 12px));
    transform: translate(calc(-50% + 12px), calc(-50% + 12px));
    -webkit-transition:
        opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    -o-transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    width: 80px;
    height: 80px;
    -webkit-backdrop-filter: hue-rotate(100deg) saturate(80%) brightness(1.1);
    backdrop-filter: hue-rotate(100deg) saturate(80%) brightness(1.1);
}
.ppk-dot svg {
    -webkit-transform: translate(12px, 12px);
    -ms-transform: translate(12px, 12px);
    transform: translate(12px, 12px);
}
.container {
    max-width: 1200px;
    margin: 0 auto;
}
.container .ppk-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.container .ppk-row .ppk-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1;
    width: 100%;
}
.back-link {
    margin-bottom: 24px;
}
.ttt {
    font-family: var(--font3);
    font-size: 22.133333333vw;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-align: left;
    background-image: url(../img/text-bg.png);
    background-position: 50% 0;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-animation: text-bg 80s infinite;
    animation: text-bg 80s infinite;
}
@media (min-width: 720px) {
    .ttt {
        font-size: 160px;
    }
}
@-webkit-keyframes text-bg {
    0%,
    100% {
        background-position: 50% 0;
    }
    50% {
        background-position: 50% 100%;
    }
}
@keyframes text-bg {
    0%,
    100% {
        background-position: 50% 0;
    }
    50% {
        background-position: 50% 100%;
    }
}
.header {
    padding: 0 16px;
}
@media (min-width: 768px) {
    .header {
        padding: 20px;
    }
}
@media (min-width: 1366px) {
    .header {
        padding-left: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
        padding-right: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
    }
}
@media (min-width: 1024px) {
    .back-link {
        margin-bottom: 40px;
    }
    .header {
        padding-top: calc(1.25rem + (1vw - 10.24px) * 3.125);
    }
}
@media (min-width: 1920px) {
    .header {
        padding-left: 5rem;
        padding-right: 5rem;
        padding-top: 3rem;
    }
}
@media (min-width: 1921px) {
    .header {
        padding: 48px 4.166666666vw;
    }
}
.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.header__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.header__logo img {
    width: 95px;
    height: 56px;
}
@media (min-width: 1366px) {
    .header__logo img {
        width: 106px;
        height: 61px;
    }
}
.header__auth-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.header__auth {
    font-weight: 600;
    color: var(--black);
    padding: 12px 20px;
    border: 2px solid var(--black);
    border-radius: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 10px;
}
.header__auth span {
    display: none;
}
.hamburger {
    padding: 9px 18px;
    border: 2px solid var(--black);
}
@media (min-width: 992px) {
    .header__auth span {
        display: initial;
        font-size: 15px;
    }
    .hamburger {
        display: none;
    }
}
.user-stats {
    display: none;
    gap: 24px;
}
@media (min-width: 1024px) {
    .user-stats {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.user-stat-btn {
    background-color: var(--white);
    padding: 8px 24px 8px 8px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.user-stat-btn-text {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--black);
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .user-stats {
        gap: 1.25vw;
    }
    .user-stat-btn {
        padding-right: 1.25vw;
    }
    .user-stat-btn-text {
        font-size: 1.1vw;
    }
}
.profile-btn {
    gap: 0 24px;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}
.profile-btn:hover {
    -webkit-filter: drop-shadow(0 0 14px var(--light-gray));
    filter: drop-shadow(0 0 14px var(--light-gray));
}
@media (min-width: 1024px) {
    .profile-btn {
        -webkit-box-ordinal-group: 1000;
        -ms-flex-order: 999;
        order: 999;
    }
}
.authorized-controls.active,
.profile-btn__user-data {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
}
.profile-btn__photo {
    width: 60px;
    height: 60px;
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .profile-btn {
        gap: 0 1.25vw;
    }
    .profile-btn__photo {
        width: 3.125vw;
        height: 3.125vw;
    }
}
.profile-btn__user-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.profile-btn__state {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--gray);
}
.currency-btn__qty,
.legend__num {
    font-weight: 700;
    color: var(--black);
    font-family: var(--second-family);
}
.currency-btn {
    gap: 12px;
}
.currency-btn img {
    width: 60px;
    height: 60px;
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .profile-btn__state {
        font-size: 0.9vw;
    }
    .currency-btn img {
        width: 3.125vw;
        height: 3.125vw;
    }
    .currency-btn {
        gap: 0.75vw;
    }
}
.currency-btn__qty {
    font-size: 16px;
    background: var(--light-gray);
    padding: 8px 16px;
    border-radius: 200px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.attempts__num,
.legend__indicator-level.level-1,
.steps-container::before,
.w-instructions-item__description {
    background-color: var(--purp);
}
.legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    position: relative;
    z-index: 5;
}
.legend__status {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    position: relative;
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .currency-btn__qty {
        font-size: 1.1vw;
        padding: 8px 0.5vw;
    }
    .legend {
        gap: 1.25vw;
    }
    .legend__status {
        width: 3.125vw;
        height: 3.125vw;
    }
}
.legend__question {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 32px;
    height: 32px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .legend__question {
        width: 1.66666666vw;
        height: 1.66666666vw;
    }
}
.legend__question:hover {
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.legend__question:hover .legend__question-icon {
    -webkit-filter: contrast(1.5);
    filter: contrast(1.5);
}
.legend__question-icon {
    width: 32px;
    height: 32px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .legend__question-icon {
        width: 1.66666666vw;
        height: 1.66666666vw;
    }
}
.legend__status-img {
    width: 60px;
    height: 60px;
    position: relative;
}
.legend__stats {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
}
.legend__num {
    font-size: 16px;
    line-height: 1;
}
@media (min-width: 1024px) and (max-width: 1600px) {
    .legend__status-img {
        width: 3.125vw;
        height: 3.125vw;
    }
    .legend__num {
        font-size: 1.1vw;
    }
}
.legend__indicator {
    width: 50px;
    overflow: hidden;
    height: 12px;
    border: 1px solid var(--black);
    border-radius: 100px;
}
@media (min-width: 1600px) {
    .legend__indicator {
        width: 100px;
    }
}
.legend__indicator-level {
    height: 100%;
    width: 0%;
}
.legend__indicator-level.level-2 {
    background: var(--pastel-pink);
}
.legend__indicator-level.level-3 {
    background: var(--yellow);
}
.authorized-controls.active {
    position: fixed;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    background-color: #f2f4f6;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px;
    padding: 46px 16px;
    z-index: 500;
}
.f-welcome .section__inner,
.footer-soc-links__link img {
    z-index: 5;
    position: relative;
}
@media (min-width: 768px) {
    .authorized-controls.active {
        padding: 20px;
    }
}
.authorized-controls.active .hamburger {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.authorized-controls.active .legend__num {
    font-size: 3.5vw;
}
.authorized-controls.active .user-stats {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.authorized-controls.active .legend__indicator {
    width: 11vw;
}
.authorized-controls.active .legend__stats {
    gap: 1.75vw;
}
@media (min-width: 375px) {
    .authorized-controls.active .legend__num {
        font-size: 16px;
    }
    .authorized-controls.active .legend__stats {
        gap: 8px;
    }
}
.authorized-controls.active .legend {
    gap: 6.4vw;
}
@media (min-width: 375px) {
    .authorized-controls.active .legend {
        gap: 24px;
    }
}
.authorized-controls.active .mob-mark {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-name: showMobUserData;
    animation-name: showMobUserData;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes showMobUserData {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showMobUserData {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.footer {
    padding: 40px 16px;
    position: relative;
}
@media (min-width: 768px) {
    .footer {
        padding: 40px 20px;
    }
}
@media (min-width: 1024px) {
    .footer {
        padding-top: calc(2.5rem + (1vw - 10.24px) * 5.0223214286);
        padding-bottom: calc(2.5rem + (1vw - 10.24px) * 7.8125);
    }
}
@media (min-width: 1366px) {
    .footer {
        padding-left: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
        padding-right: calc(1.25rem + (1vw - 13.66px) * 10.8303249097);
    }
}
@media (min-width: 1920px) {
    .footer {
        padding: 5.3125rem 5rem 6.875rem;
    }
}
@media (min-width: 1921px) {
    .footer {
        padding: 5.3125rem 4.166666666vw 6.875rem;
    }
}
.footer__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}
.footer-menu,
.footer__left {
    display: -webkit-box;
    -webkit-box-direction: normal;
}
.footer__inner::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: var(--gray);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
@media (min-width: 1024px) {
    .footer__inner::before {
        top: calc(-2.5rem + (1vw - 10.24px) * -5.0223214286);
    }
    .footer__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 40px;
    }
}
.footer__left {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}
@media (min-width: 640px) {
    .footer__left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer-menu__item {
        text-align: right;
    }
}
@media (min-width: 1024px) {
    .footer__left {
        -webkit-column-gap: calc(2.5rem + (1vw - 10.24px) * 28.5714285714);
        -moz-column-gap: calc(2.5rem + (1vw - 10.24px) * 28.5714285714);
        column-gap: calc(2.5rem + (1vw - 10.24px) * 28.5714285714);
    }
}
.footer__logo img {
    /*width: 192px;*/
    width: 210px;
    height: auto;
}
@media (min-width: 1024px) {
    .footer__logo img {
        width: calc(12rem + (1vw - 10.24px) * 12.2767857143);
    }
}
@media (min-width: 1920px) {
    .footer__inner::before {
        top: -5.3125rem;
    }
    .footer__left {
        -webkit-column-gap: 18.5rem;
        -moz-column-gap: 18.5rem;
        column-gap: 18.5rem;
    }
    .footer__logo img {
        /*width: 18.875rem;*/
        width: 210px;
    }
}
.footer-menu {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.footer-menu__link {
    font-weight: 400;
    font-size: 16px;
    color: var(--gray);
    transition: 0.5s;
}
.ws-packs__text,
.ws-packs__title {
    font-weight: 500;
    letter-spacing: 0;
}
.footer-menu__link:hover {
    color: var(--blue);
}
.footer-soc-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-soc-links__link,
.inner-nav-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
}
@media (min-width: 1024px) {
    .footer-menu__item {
        text-align: left;
    }
    .footer-soc-links {
        -webkit-column-gap: calc(1.5rem + (1vw - 10.24px) * 1.7857142857);
        -moz-column-gap: calc(1.5rem + (1vw - 10.24px) * 1.7857142857);
        column-gap: calc(1.5rem + (1vw - 10.24px) * 1.7857142857);
    }
}
@media (min-width: 480px) {
    .footer-soc-links {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media (min-width: 640px) {
    .footer-soc-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (min-width: 1024px) {
    .footer-soc-links {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.footer-soc-links__link {
    position: relative;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.f-welcome .text-block,
.ws-packs {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.footer-soc-links__link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0%;
    height: 0%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid var(--blue);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.footer-soc-links__link:hover::before {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}
.f-welcome {
    position: relative;
}
.f-welcome .title {
    margin-bottom: 28px;
}
.f-welcome .text-block {
    max-width: 640px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (min-width: 1366px) {
    .f-welcome .text-block {
        max-width: 860px;
    }
}
.f-welcome__arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(60%, 25%);
    -ms-transform: translate(60%, 25%);
    transform: translate(60%, 25%);
}
.f-welcome__ring {
    display: none;
}
@media (min-width: 1024px) {
    .f-welcome .title {
        margin-bottom: 32px;
    }
    .f-welcome__arrow {
        bottom: unset;
        right: 0;
        top: 0;
        -webkit-transform: translate(-2%, -17%);
        -ms-transform: translate(-2%, -17%);
        transform: translate(-2%, -17%);
    }
    .f-welcome__ring {
        display: initial;
        position: absolute;
        right: 40%;
        bottom: -24%;
    }
}
.f-welcome__crystal {
    display: none;
}
@media (min-width: 1024px) {
    .f-welcome__crystal {
        display: initial;
        position: absolute;
        top: 3%;
        right: 22%;
    }
}
.f-welcome__rectangle {
    position: absolute;
    max-width: 50px;
    height: auto;
    right: -4%;
    top: -4%;
}
@media (min-width: 480px) {
    .f-welcome__rectangle {
        right: 0;
        top: 0;
    }
}
.f-welcome__round {
    display: none;
}
@media (min-width: 1024px) {
    .f-welcome__rectangle {
        max-width: unset;
        right: 38%;
        top: -4%;
    }
    .f-welcome__round {
        display: initial;
        position: absolute;
        right: 23%;
        bottom: -57%;
    }
}
.f-welcome__star {
    position: absolute;
    right: 6%;
    top: 13%;
    max-width: 40px;
}
.welcome-stickers {
    margin: 80px 0;
}
@media (min-width: 375px) {
    .welcome-stickers {
        margin-top: calc(5rem + (1vw - 3.75px) * 5.1779935275);
        margin-bottom: calc(5rem + (1vw - 3.75px) * 5.1779935275);
    }
}
@media (min-width: 1920px) {
    .footer-soc-links {
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem;
    }
    .welcome-stickers {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
}
.welcome-stickers .label {
    margin-bottom: 12px;
}
@media (min-width: 1024px) {
    .f-welcome__star {
        max-width: initial;
        right: 32%;
        top: 47%;
    }
    .welcome-stickers .label {
        margin-bottom: 32px;
    }
}
.welcome-stickers__title-block {
    margin-bottom: 48px;
}
@media (min-width: 375px) {
    .welcome-stickers__title-block {
        margin-bottom: calc(3rem + (1vw - 3.75px) * 2.071197411);
    }
}
@media (min-width: 1920px) {
    .welcome-stickers__title-block {
        margin-bottom: 5rem;
    }
}
.ws-packs {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (min-width: 1360px) {
    .ws-packs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 50px;
    }
}
.w-about-stickers__title-block,
.ws-packs__block {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.ws-packs__block {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 640px) {
    .ws-packs__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 1360px) {
    .ws-packs__block {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(50% - 25px);
    }
}
.swiper.sticker-slider {
    width: 100%;
    background-color: #fff;
    position: relative;
    border-radius: 40px;
}
@media (min-width: 640px) {
    .swiper.sticker-slider {
        width: 340px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .ws-packs__text-block {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}
@media (min-width: 768px) {
    .swiper.sticker-slider {
        width: 410px;
    }
}
@media (min-width: 1360px) {
    .swiper.sticker-slider {
        width: 21.354166666vw;
        border-radius: 64px;
    }
}
.swiper.sticker-slider .swiper-slide {
    padding-bottom: 90.243902439%;
    position: relative;
}
.swiper.sticker-slider .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: calc(100% - 140px);
    max-height: calc(100% - 40px);
}
.sticker-slider-next,
.sticker-slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 5;
}
.sticker-slider-next img,
.sticker-slider-prev img {
    width: 64px;
    height: 64px;
}
.sticker-slider-next:active img,
.sticker-slider-prev:active img {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.sticker-slider-prev {
    left: 0;
}
.sticker-slider-next {
    right: 0;
}
.ws-packs__title {
    font-family: var(--second-family);
    font-size: 16px;
    line-height: 1.1875;
    margin-bottom: 12px;
}
@media (min-width: 1024px) {
    .ws-packs__title {
        font-size: 22px;
    }
}
.ws-packs__text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray);
    margin-bottom: 24px;
}
@media (min-width: 1024px) {
    .ws-packs__text {
        font-size: 16px;
    }
}
.ws-packs__btn-wrap {
    border-radius: 18px;
    border: 2px solid var(--black);
    padding: 10px;
}
@media (min-width: 1360px) {
    .sticker-slider-next img,
    .sticker-slider-prev img {
        width: 100px;
        height: 100px;
    }
    .ws-packs__text {
        margin-bottom: 32px;
    }
    .ws-packs__btn-wrap {
        width: auto;
        display: inline-block;
    }
}
.ws-packs__btn {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.08em;
    width: 100%;
    padding: 24px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 1360px) {
    .ws-packs__btn {
        padding: 24px 60px;
        width: auto;
    }
}
.ws-packs__btn:hover {
    background-color: #f4bc11;
}
.ws-packs__btn:active {
    -webkit-transform: scale(0.975);
    -ms-transform: scale(0.975);
    transform: scale(0.975);
}
.w-about-stickers__title-block {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    z-index: 5;
    max-width: 860px;
    margin-bottom: 32px;
}
.sticker-step,
.sticker-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    z-index: 5;
}
@media (min-width: 1024px) {
    .w-about-stickers__title-block {
        margin-bottom: 48px;
    }
}
.sticker-steps {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    position: relative;
    margin-bottom: 64px;
}
@media (min-width: 1024px) {
    .sticker-steps {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 72px;
    }
    .sticker-steps__decoration {
        display: none;
    }
}
.sticker-step__text-block,
.w-instructions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.sticker-steps__decoration {
    position: absolute;
    right: -16px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.sticker-step {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    position: relative;
}
@media (min-width: 1024px) {
    .sticker-step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 30%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 48px;
    }
}
.sticker-step__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 26.666666666vw;
    height: auto;
    max-width: 150px;
}
.sticker-steps-title {
    margin-bottom: 32px;
}
.sticker-step__text-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.arrow {
    display: none;
}
@media (min-width: 1024px) {
    .sticker-step__icon {
        width: 15vw;
        max-width: 215px;
    }
    .sticker-steps-title {
        margin-bottom: 56px;
    }
    .sticker-step__text-block {
        gap: 16px;
    }
    .arrow {
        display: initial;
        position: absolute;
        right: -2vw;
        top: 50%;
        -webkit-transform: translate(0, -80%);
        -ms-transform: translate(0, -80%);
        transform: translate(0, -80%);
    }
}
.sticker-step.step-1 .arrow {
    width: 13.90625vw;
    height: auto;
}
.sticker-step.step-2 .arrow {
    max-width: 13.541666666vw;
    height: auto;
}
.steps-container {
    position: relative;
    margin-bottom: 40px;
}
.steps-container::before {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 685px;
    height: 685px;
    z-index: -1;
    opacity: 0.1;
    border-radius: 50%;
    -webkit-transform: translate(-25%, 33%);
    -ms-transform: translate(-25%, 33%);
    transform: translate(-25%, 33%);
    -webkit-filter: blur(300px);
    filter: blur(300px);
}
@media (min-width: 1024px) {
    .steps-container::before {
        display: block;
    }
}
.steps-container__cheese {
    display: none;
}
@media (min-width: 1024px) {
    .steps-container__cheese {
        display: initial;
        position: absolute;
        right: 17vw;
        top: 0;
    }
}
.steps-container__sss {
    display: none;
}
@media (min-width: 1024px) {
    .steps-container__sss {
        display: initial;
        position: absolute;
        right: -3vw;
        top: 44%;
    }
}
.steps-container__ring {
    display: none;
}
@media (min-width: 1024px) {
    .steps-container__ring {
        display: initial;
        position: absolute;
        max-width: 76px;
        top: 71%;
        right: 5%;
    }
}
.w-instructions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 1200px) {
    .w-instructions {
        gap: 140px;
    }
}
.w-instructions-item {
    max-width: 420px;
    position: relative;
}
@media (min-width: 900px) {
    .steps-container {
        margin-bottom: 200px;
    }
    .w-instructions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .w-instructions-item {
        max-width: initial;
        width: 30%;
    }
}
.w-instructions-item .dotts {
    display: none;
}
@media (min-width: 1300px) {
    .w-instructions-item {
        width: 26%;
    }
    .w-instructions-item .dotts {
        display: inline;
        position: absolute;
        bottom: 48px;
        right: -32px;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}
.attempts__num span,
.inst-big-rings {
    -webkit-transform: translate(-50%, -50%);
}
.w-instructions-item__icon-block {
    display: inline-block;
    position: relative;
    margin-bottom: 16px;
}
.inst-big-rings {
    position: absolute;
    z-index: -1;
    top: 57%;
    left: 63%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.w-instructions-item__icon {
    width: 180px;
    height: auto;
}
@media (min-width: 900px) {
    .w-instructions-item__icon {
        width: auto;
        height: 140px;
    }
}
@media (min-width: 1300px) {
    .w-instructions-item__icon {
        height: 195px;
    }
}
.w-instructions-item__description {
    padding: 10px 10px 10px 32px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-height: 80px;
}
.w-instructions-item__description-icon {
    width: auto;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.w-instructions-item__description-text {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}
@media (min-width: 900px) {
    .w-instructions-item__description-text {
        font-size: 10px;
    }
    .w-instructions-item.item-3 .first-ring {
        opacity: 0;
    }
}
@media (min-width: 1300px) {
    .w-instructions-item__description-text {
        font-size: 15px;
    }
}
@media (min-width: 1600px) {
    .w-instructions-item__icon-block {
        margin-bottom: 38px;
    }
    .w-instructions-item__description {
        min-height: 110px;
    }
    .w-instructions-item__description-text {
        font-size: 20px;
    }
}
.w-instructions-container {
    margin-bottom: 264px;
    position: relative;
}
@media (min-width: 1300px) {
    .w-instructions-container {
        margin-bottom: 330px;
    }
}
.game-title-block,
.s-collection .title-block,
.s-mini-games .title-block {
    margin-bottom: 40px;
}
.w-instructions-container__cube {
    display: none;
}
.w-instructions-container__compas {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 92px;
    -webkit-transform: translate(0, -56%);
    -ms-transform: translate(0, -56%);
    transform: translate(0, -56%);
}
@media (min-width: 1300px) {
    .w-instructions-container__cube {
        display: initial;
        position: absolute;
        bottom: -260px;
        left: 90px;
    }
    .w-instructions-container__compas {
        max-width: 108px;
        -webkit-transform: translate(30%, -16%);
        -ms-transform: translate(30%, -16%);
        transform: translate(30%, -16%);
    }
}
.w-instructions-container__star {
    position: absolute;
    right: 2%;
    top: 43%;
    max-width: 70px;
}
.w-instructions-item.item-1 .item-arrow {
    display: none;
}
@media (min-width: 1300px) {
    .w-instructions-container__star {
        right: 25%;
        top: -55%;
    }
    .w-instructions-item.item-1 .item-arrow {
        display: initial;
        position: absolute;
        z-index: -1;
        right: 0;
        top: 0;
        -webkit-transform: translate(45%, -15%);
        -ms-transform: translate(45%, -15%);
        transform: translate(45%, -15%);
    }
}
.w-instructions-item.item-2 .item-arrow {
    display: none;
}
@media (min-width: 1300px) {
    .w-instructions-item.item-2 .item-arrow {
        display: initial;
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;
        -webkit-transform: translate(25%, -15%);
        -ms-transform: translate(25%, -15%);
        transform: translate(25%, -15%);
    }
}
.w-instructions-item.item-3 .rectangle {
    position: absolute;
    bottom: -110px;
    left: 250px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
}
.w-instructions-item.item-3 .squares {
    display: none;
}
@media (min-width: 1300px) {
    .w-instructions-item.item-3 .rectangle {
        bottom: unset;
        left: unset;
        right: 24%;
        top: -35%;
    }
    .w-instructions-item.item-3 .squares {
        display: initial;
        position: absolute;
        bottom: 0;
        left: 30px;
        -webkit-transform: translate(0, 150%);
        -ms-transform: translate(0, 150%);
        transform: translate(0, 150%);
    }
}
.w-instructions-container__mob-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translate(-7%, 120%);
    -ms-transform: translate(-7%, 120%);
    transform: translate(-7%, 120%);
}
@media (min-width: 1024px) {
    .w-instructions-container__mob-arrow {
        display: none;
    }
}
.swiper.inner-nav {
    overflow: visible;
}
.inner-nav-link {
    padding: 4px 24px 4px 4px;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    border-radius: 100px;
    border: 1px solid var(--black);
}
.inner-nav-link span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.125;
    color: var(--black);
}
@media (min-width: 1300px) {
    .inner-nav-link span {
        font-size: 16px;
    }
    .inner-nav-link {
        padding: 16px;
        gap: 24px;
    }
}
.auth-form__input,
.awards-block__title,
.btn-pay,
.lesson-item__name {
    font-size: 20px;
    font-weight: 500;
}
.inner-nav-link__icon {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}
.auth-form,
.m-game-card {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
}

@media (min-width: 1300px) {
    .inner-nav-link__icon {
        width: 60px;
        height: 60px;
    }
}
.inner-nav-link__icon img {
    width: 32px;
    height: 32px;
}
@media (min-width: 1300px) {
    .inner-nav-link__icon img {
        width: 48px;
        height: 48px;
    }
    .s-mini-games .content {
        padding-right: calc(0rem + (1vw - 13px) * 25.8064516129);
    }
}
.swiper-slide.inner-nav-link {
    width: auto;
}
.s-mini-games {
    padding-bottom: 64px;
    position: relative;
}
@media (min-width: 375px) {
    .s-mini-games {
        padding-bottom: calc(4rem + (1vw - 3.75px) * 10.4854368932);
    }
}
@media (min-width: 1920px) {
    .s-mini-games {
        padding-bottom: 14.125rem;
    }
    .s-mini-games .content {
        padding-right: 10rem;
    }
}
.s-mini-games__rectangle {
    position: absolute;
    z-index: -1;
    right: 8.5%;
    bottom: 11.5%;
    display: none;
}
@media (min-width: 1600px) {
    .s-mini-games__rectangle {
        display: initial;
        max-width: 71px;
        height: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.s-mini-games__decoration-group {
    position: absolute;
    z-index: -1;
    right: 30px;
    top: 0;
    display: none;
}
@media (min-width: 1600px) {
    .s-mini-games__decoration-group {
        display: initial;
        max-width: 214px;
        height: auto;
        -webkit-transform: translate(0, -11%);
        -ms-transform: translate(0, -11%);
        transform: translate(0, -11%);
    }
}
.mini-games-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 100px;
}
@media (min-width: 768px) {
    .mini-games-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
}
@media (min-width: 1300px) {
    .mini-games-grid {
        grid-gap: 40px;
    }
}
.m-game-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 32px;
}
@media (min-width: 600px) {
    .m-game-card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.m-game-card__img-block {
    width: 100%;
    position: relative;
    padding-bottom: 66.071428571%;
}
.m-game-card__img-block img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.m-game-card__text-block .title-3 {
    margin-bottom: 12px;
}
.content-with-aside {
    display: grid;
    grid-template-columns: 100%;
    /*grid-gap: 40px;*/
    grid-gap: 47px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (min-width: 1460px) {
    .content-with-aside {
        -webkit-column-gap: calc(2.5rem + (1vw - 14.6px) * 10.8695652174);
        -moz-column-gap: calc(2.5rem + (1vw - 14.6px) * 10.8695652174);
        column-gap: calc(2.5rem + (1vw - 14.6px) * 10.8695652174);
    }
}
.aside__arrow {
    display: none;
}
@media (min-width: 1024px) {
    .content-with-aside {
        grid-template-columns: minmax(240px, 18.75vw) 1fr;
        grid-gap: 32px;
    }
    .aside {
        position: relative;
    }
    .aside__arrow {
        position: absolute;
        display: initial;
        bottom: 0;
        -webkit-transform: translate(0, 131%);
        -ms-transform: translate(0, 131%);
        transform: translate(0, 131%);
        left: -20px;
        width: 12.916666666vw;
        max-width: 242px;
        height: auto;
    }
    .auth-section {
        padding-top: calc(0rem + (1vw - 10.24px) * 10.2678571429);
    }
}
.auth-form,
.auth-form__inputs {
    display: -ms-flexbox;
    -webkit-box-direction: normal;
}
@media (min-width: 1366px) {
    .aside__arrow {
        left: calc(-1.25rem + (1vw - 13.66px) * -10.8303249097);
    }
}
.auth-section {
    margin-bottom: 24px;
    /*padding-bottom: 540px;*/
    padding-bottom: 492px;
}
.auth-section .title {
    margin-bottom: 28px;
}
@media (min-width: 1920px) {
    .content-with-aside {
        -webkit-column-gap: 5.625rem;
        -moz-column-gap: 5.625rem;
        column-gap: 5.625rem;
    }
    .aside__arrow {
        left: -5rem;
    }
    .auth-section {
        padding-top: 5.75rem;
    }
}
.auth-form {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 560px;
}
.auth-form__inputs,
.cb-approve-block {
    gap: 24px;
    -webkit-box-orient: vertical;
}
.auth-form-wrap {
    position: relative;
}
.auth-arrow-mob,
.auth-boy,
.auth-cube,
.auth-girl {
    position: absolute;
}




/* new value */
.main-new {
  padding: 39px 0 0;
}

.wrapper-title {
  display: flex;
  align-items: baseline;
  gap: 0 6px;
  margin-bottom: 58px;
  /*margin-bottom: 41px;*/
}

.wrapper-title--text {
  margin-bottom: 40px;
}

.wrapper-title .title {
  margin-bottom: 0;
  font-size: 1.5rem;
}

.wrapper-title__link {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 133%;
  font-family: var(--second-family);
  color: var(--black);
}

.wrapper-title__link--active {
  text-decoration: underline;
}

.separator {
  font-size: 1.5rem;
  font-weight: 700;
}

.auth-form--row {
  width: 100%;
  max-width: 1160px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 27px 0;
}

.auth-form__row {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 27px 0;
}

.auth-form__row--input-file {
  display: block;
  margin-top: 15px;
  margin-bottom: 7px;
}

.auth-form__row .auth-form__input-container {
  width: 100%;
}

.auth-form__row .auth-form__input {
  background-color: #f2f4f6;
  position: relative;
  z-index: 1;
}

.auth-form__label-link {
  font-weight: 700;
  color: var(--gray);
  text-decoration: underline;
  letter-spacing: 0.2px;
}

.auth-form__label-link:hover {
  text-decoration: none;
}

.auth-form__input-wrap--file {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px 0;
  margin-top: 39px;
}

.wrapper-input-type {
  width: 100%;
  position: relative;
  display: inline-block;
  border-radius: 18px;
  border: 2px solid var(--black);
  padding: 10px;
}

.wrapper-input-type__file {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

.wrapper-input-type__text {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 30px 0;
  background-color: var(--light-gray);
  border-radius: 100px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  transition: background-color .3s ease-in-out;
}

.wrapper-input-type__text:hover {
  background-color: var(--yellow);
}

.input-type-add-text {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  color: var(--gray);
}

.auth-form__row--submit {
  margin-top: 13px;
}

.auth-form__row--submit .auth-form__btn-wrap {
  width: 100%;
}

.auth-form__row--submit .auth-form__btn {
  width: 100%;
  padding: 31px 0;
  text-align: center;
}

.input-error {
  margin-top: 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
  color: var(--red);
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}

.input-error--active {
  max-height: 30px;
}

.auth-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.auth-text--thanks {
  /*line-height: 2.5;*/
}

.auth-text--thanks p {
  margin-bottom: 24px;
}

.auth-text--thanks p:last-of-type {
  margin-bottom: 0;
}

.entry-section {
  padding-bottom: 470px;
}

.entry-section .auth-girl {
  bottom: 21px;
}

.entry-section .auth-arrow-mob {
  bottom: 20px;
}

.recovery-section {
  padding-bottom: 778px;
}

.recovery-section .wrapper-title {
  margin-bottom: 29px;
}

.recovery-section .auth-girl {
  bottom: -284px;
}

.recovery-section .auth-arrow-mob {
  bottom: -285px;
}

.text-section {
  padding-bottom: 706px;
}

.text-section .wrapper-title {
  margin-bottom: 39px;
}

.text-section .auth-girl {
  bottom: -215px;
}

.text-section .auth-arrow-mob {
  bottom: -215px;
}

.text-reg-section {
  padding-bottom: 555px;
}

.text-reg-section .auth-girl {
  bottom: -64px;
}

.text-reg-section .auth-arrow-mob {
  bottom: -65px;
}

.inner-nav-link--exit {
  width: max-content;
  border-color: transparent;
}

.title-block--nav {
  flex-direction: column;
}

.btn-wrap--connect .btn {
  background-color: var(--light-gray);
}

.title-block__inner {
  width: 100%;
  display: inline-flex;
  gap: 0 24px;
  align-items: center;
}

.title-block__action {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px 0;
}

.title-block__action .btn-wrap {
  padding: 7px;
  order: 0;
}

.title-block__action .btn-wrap--connect {
  order: 1;
}

.link-back {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0 10px;
  text-decoration: underline;
}

.link-back:hover {
  text-decoration: none;
}

.title-block__action .btn {
  padding: 19px;
}

.s-assessement .title-block--nav {
  margin-bottom: 18px;
}

.lesson-item.lesson-item--add {
  gap: 16px 0;
  align-items: flex-start;
  padding: 20px 20px 15px;
}

.lesson-item__name--name {
  width: 100%;
}

.lesson-item__name-wrap {}

.lesson-item__name-wrap-name {
  font-size: 14px;
  font-style: italic;
  color: var(--light-gray);
  margin-bottom: 10px;
}

.select {}

.choices__inner {
  background-color: transparent;
  border: 2px solid var(--black);
  border-radius: 17px;
}


.is-open .choices__inner {
  border-color: var(--black);
  border-radius: 17px 17px 0 0;
}

.is-focused .choices__inner {
  border-color: var(--black);
}

.choices__list--single {
  padding: 14px 10px 15px 13px;
  font-size: 20px;
  font-weight: 500;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 0px solid #212324;
  border-left: 2px solid #212324;
  background-color: #fff;
  margin: 0;
  border-right: 2px solid #212324;
}

.choices[data-type*=select-one]::after {
  width: 14px;
  height: 8px;
  right: 25px;
  background-color: transparent;
  border: none;
  background-image: url(../img/icons/icon-select.svg);
  background-repeat: no-repeat;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  border: 2px solid var(--black);
  border-top: 1px solid var(--black);;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  font-size: 16px;
}

.number-res {
  height: 70px;
  width: 75px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--black);
  border-radius: 17px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.wrapper-date {
  height: 70px;
  width: 100%;
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  border: 2px solid var(--black);
  border-radius: 17px;
}

.wrapper-date .date-pseudoinput {
  justify-content: space-between;
}

.wrapper-date .calendar-deep-controls {
  display: none;
}

.wrapper-date .start-date-add {
  display: none;
}

/*.wrapper-date input {
  height: 100%;
  width: 100%;
  padding: 0 50px 0 20px;
  font-size: 20px;
  font-weight: 700;
  background-image: url(../img/icons/icon-date.svg);
  background-repeat: no-repeat;
  background-position: 88% center;
}*/

.lesson-item__name--value {}

.lesson-item__name--date {
  width: 67%;
  margin-left: auto;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  appearance: none;
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.lessons-list-actions {
  text-align: center;
}

.lessons-list-save {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 41px 0;
}

.wrapper-input-type--no-decor {
  border: none;
  padding: 0;
}

.wrapper-input-type--no-decor .wrapper-input-type__text {
  padding: 25px 0;
}

.lessons-list-save .auth-form__input-wrap--file {
  gap: 8px 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  .main-new {
    padding: 94px 0 0;
  }

  .wrapper-title {
    margin-bottom: 28px;
  }

  .wrapper-title__link {
    font-size: 2rem;
  }

  .wrapper-title .title {
    font-size: 2rem;
  }

  .separator {
    font-size: 2rem;
  }

  .wrapper-title .title--big {
    font-size: 2.25rem;
  }

  .wrapper-title--text {
    margin-bottom: 32px;
  }

  .auth-form__row {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }

  .auth-form__row .auth-form__input-container {
    width: 48.2%;
  }

  .auth-form__row--input-file {
    margin-top: 10px;
  }

  .auth-form__input-wrap--file {
    flex-direction: row;
    align-items: center;
    gap: 0 33px;
    margin-top: 33px;
  }

  .wrapper-input-type {
    width: auto;
  }

  .wrapper-input-type__text {
    width: auto;
    display: inline-block;
    padding: 16px 41px;
    border-radius: 100px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }

  .auth-form__row--submit {
    margin-top: 17px;
  }

  .auth-form__row--submit .auth-form__btn-wrap {
    width: auto;
  }

  .auth-form__row--submit .auth-form__btn {
    width: auto;
    display: inline-block;
    padding: 31px 58px;
  }

  .header__auth--pc-none {
    display: none;
  }

  .entry-section {
    padding-top: 90px;
    padding-bottom: 285px;
  }

  .entry-section .auth-girl {
    bottom: -150px;
  }

  .entry-section .auth-cube {
    bottom: 135px;
  }

  .recovery-section {
    padding-top: 95px;
    padding-bottom: 530px;
  }

  .recovery-section .auth-girl {
    bottom: -395px;
  }

  .recovery-section .auth-cube {
    bottom: 135px;
  }

  .text-section {
    padding-top: 95px;
    padding-bottom: 906px;
  }

  .text-section .wrapper-title {
    margin-bottom: 29px;
  }

  .text-section .auth-girl {
    bottom: -595px;
  }

  .text-section .auth-arrow-2 {
    bottom: 25px;
  }

  .text-reg-section {
    padding-top: 94px;
    padding-bottom: 780px;
  }

  .text-reg-section .auth-girl {
    bottom: -445px;
  }

  .title-block__action {
    margin-left: auto;
    flex-direction: row;
    gap: 0 15px;
  }

  .lessons-list-save .auth-form__input-wrap--file {
    gap: 0 33px;
  }

  .wrapper-input-type--no-decor .wrapper-input-type__text {
    padding: 16px 41px;
  }
}

@media (min-width: 1240px) {
  .title-block--nav {
    flex-direction: row;
    gap: 0;
  }

  .title-block__inner {
    width: auto;
  }

  .title-block__action {
    width: auto;
  }

  .lessons-list-save {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }

  .lesson-item__name-wrap-name {
    display: none;
  }

  .title-block--add .title-block__inner {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px 0;
  }

  .link-back {
    margin-left: inherit;
    font-size: 20px;
  }

  .main-assessment .content {
    margin-top: -37px;
  }

  .lessons-list--add {
    gap: 2px 0;
  }

  .lesson-item.lesson-item--head {
    padding: 23px 32px;
    gap: 0;
  }

  .lesson-item--head .lesson-item__name--date {
    text-align: right;
  }

  .lesson-item--head .lesson-item__name--value {
    text-align: right;
  }

  .lesson-item.lesson-item--add {
    padding: 14px 33px 15px;
  }

  .lesson-item__name.lesson-item__name--name {
    width: 286px;
  }

  .lesson-item__name.lesson-item__name--value {
    margin-left: auto;
    margin-right: 4.5%;
    width: 75px;
  }

  .lesson-item__name.lesson-item__name--date {
    width: 199px;
    margin-left: inherit;
  }

  .lessons-list-actions {
    margin-top: 10px;
  }

  .lessons-list-actions .btn {
    padding: 24px 40px;
  }

  .lessons-list-save {
    margin-top: 35px;
  }

  .lessons-list-save .auth-form__input-wrap--file {
    margin-top: 13px;
  }

  .wrapper-input-type--no-decor .wrapper-input-type__text {
    padding: 20px 59px;
    font-size: 15px;
  }

  .lessons-list-save .auth-form__btn-wrap {
    margin-top: -19px;
  }

  .main-assessment {
    padding: 80px 0 580px;
  }
}


@media (min-width: 1024px) {
    .auth-form-wrap {
        padding-left: calc(0rem + (1vw - 10.24px) * 63.025210084);
    }
}
@media (min-width: 1500px) {
    .auth-form-wrap {
        padding-left: 18.75rem;
    }
}
.auth-girl {
    display: inline-block;
    bottom: -23px;
    right: -5px;
    -webkit-transform: translate(36%, 105%);
    -ms-transform: translate(36%, 105%);
    transform: translate(36%, 105%);
}
.auth-girl__img {
    width: 114.133333333vw;
    height: auto;
    max-width: 428px;
}
@media (min-width: 1024px) {
    .auth-girl {
        bottom: unset;
        -webkit-transform: translate(48.5%, -15%);
        -ms-transform: translate(48.5%, -15%);
        /*transform: translate(0, -15%);*/
        transform: translate(48.5%, -15%);
        top: 0;
    }
    .auth-girl__img {
        width: 36.979166666vw;
        max-width: 710px;
    }
}
.auth-cube {
    right: 25%;
    /*bottom: 76px;*/
    bottom: 5px;
    max-width: 75px;
    height: auto;
}
@media (min-width: 1400px) {
    .auth-section {
        /*padding-bottom: 226px;*/
        padding-bottom: 70px;
    }
    .auth-cube {
        max-width: initial;
        right: 33%;
        /*bottom: 100px;*/
        bottom: 335px;
    }
}
.auth-arrow-1 {
    display: none;
}
@media (min-width: 1200px) {
    .auth-arrow-1 {
        display: initial;
        position: absolute;
        left: 0;
        /*top: 30px;*/
        top: 50px;
        z-index: -1;
        width: 12.916666666vw;
        height: auto;
        max-width: 248px;
    }
}
.auth-arrow-2 {
    display: none;
}
@media (min-width: 1300px) {
    .auth-arrow-2 {
        display: initial;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        width: 21.302083333vw;
        height: auto;
        max-width: 409px;
        -webkit-transform: translate(-70%, 50%);
        -ms-transform: translate(-70%, 50%);
        transform: translate(-70%, 50%);
    }
}
@media (min-width: 1600px) {
    .auth-arrow-2 {
        -webkit-transform: translate(-59%, 0);
        -ms-transform: translate(-59%, 0);
        /*transform: translate(-70%, 0);*/
        transform: translate(-59%, 0);
    }
}
.auth-arrow-mob {
    left: 0;
    bottom: -25px;
    -webkit-transform: translate(-16px, 100%);
    -ms-transform: translate(-16px, 100%);
    transform: translate(-16px, 100%);
    z-index: -1;
}
.auth-boy {
    /*bottom: 80px;*/
    bottom: 8px;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 49.066666666vw;
    height: auto;
    max-width: 185px;
}
.auth-form__input-wrap,
.pseudo-cb {
    position: relative;
}
@media (min-width: 1024px) {
    .auth-arrow-mob {
        display: none;
    }
    .auth-boy {
        max-width: 300px;
    }
}
.auth-form__inputs {
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 1400px) {
    .auth-boy {
        width: 15.625vw;
        /*bottom: 110px;*/
        /*bottom: 313px;*/
        top: 447px;
    }
    .auth-form__inputs {
        gap: 40px;
    }
    .auth-form__btn-wrap {
        margin-top: -12px;
    }
}
.auth-form__labels-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px;
}
.show-hide-password {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 32px;
    height: 32px;
}
.show-hide-password .hide,
.show-hide-password.show .show {
    display: none;
}
.show-hide-password.show .hide {
    display: inline-block;
}
.auth-form__input {
    padding: 22px 24px;
    border-radius: 20px;
    border: 2px solid #212324;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    width: 100%;
}
.auth-form__label,
.auth-form__recover-password {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0;
    text-align: left;
    color: var(--gray);
}
.auth-form__recover-password {
    color: var(--purp);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: underline;
}
.auth-form__recover-password:hover {
    color: #6f18c6;
}
.auth-form__btn-wrap {
    border-radius: 18px;
    border: 2px solid var(--black);
    padding: 10px;
}
@media (min-width: 600px) {
    .auth-form__btn-wrap {
        width: auto;
        display: inline-block;
    }
}
.auth-form__btn {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.08em;
    width: 100%;
    padding: 32px 24px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.collection__card,
.square-game__card {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
@media (min-width: 600px) {
    .auth-form__btn {
        padding: 24px 60px;
        width: auto;
    }
}
@media (min-width: 1400px) {
    .auth-form__btn {
        padding: 32px 64px;
        font-size: 20px;
    }
    .game-title-block {
        margin-bottom: 80px;
    }
    .game-title-block .btn-wrap {
        margin-top: 0;
    }
}
.auth-form__btn:hover {
    background-color: #f4bc11;
}
.auth-form__btn:active {
    -webkit-transform: scale(0.975);
    -ms-transform: scale(0.975);
    transform: scale(0.975);
}
.auth-form__btn:disabled {
    background-color: #d2d2d2 !important;
    cursor: default;
}
.cb-hidden {
    display: none;
}
.pseudo-cb {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background-color: var(--yellow);
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
}
.pseudo-cb::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 8px;
    width: 22px;
    height: 22px;
    background-image: url(../img/icons/checkbox-arrow.svg);
    opacity: 0;
}
.cb-hidden:checked + .pseudo-cb::before {
    opacity: 1;
}
.calendar,
.quarter.disabled .quarter__title {
    opacity: 0.5;
}
.cb-approve-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cb-approve-block label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.approve-text {
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.25;
    /*letter-spacing: 0;*/
    letter-spacing: 1.2px;
}
.game-title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px;
}
.game-title-block .btn {
    letter-spacing: 0.02em;
}
@media (min-width: 1280px) {
    .game-title-block .btn {
        padding-left: calc(2rem + (1vw - 12.8px) * 5);
        padding-right: calc(2rem + (1vw - 12.8px) * 5);
    }
}
@media (min-width: 1280px) {
    .game-title-block .btn {
        padding-top: calc(1rem + (1vw - 12.8px) * 1.25);
        padding-bottom: calc(1rem + (1vw - 12.8px) * 1.25);
    }
}
@media (min-width: 1280px) {
    .game-title-block .title {
        font-size: calc(1.25rem + (1vw - 12.8px) * 2.5);
    }
}
.game-title-block .title-block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (min-width: 1280px) {
    .game-title-block .title-block {
        max-width: calc(49% - 30px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px 32px;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    .game-title-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 60px;
    }
}
.attempts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 32px;
}
@media (min-width: 1280px) {
    .attempts {
        max-width: calc(51% - 30px);
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.attempts .btn-wrap {
    width: 100%;
}
@media (min-width: 600px) {
    .attempts .btn-wrap {
        width: auto;
    }
}
.attempts__block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}
.attempts__num {
    width: 86px;
    height: 86px;
    border: 2px solid var(--black);
    border-radius: 50%;
    position: relative;
}
@media (min-width: 1280px) {
    .attempts__num {
        width: calc(3rem + (1vw - 12.8px) * 5.9375);
        height: calc(3rem + (1vw - 12.8px) * 5.9375);
    }
}
@media (min-width: 1920px) {
    .game-title-block .btn {
        padding: 1.5rem 4rem;
    }
    .game-title-block .title {
        font-size: 2.25rem;
    }
    .attempts__num {
        width: 5.375rem;
        height: 5.375rem;
    }
}
.attempts__num span {
    position: absolute;
    font-family: var(--second-family);
    font-size: 40px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: 0;
    color: #fff;
    display: inline-block;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (min-width: 1280px) {
    .attempts__num span {
        font-size: calc(1.5rem + (1vw - 12.8px) * 2.5);
    }
}
.s-square {
    padding-bottom: 80px;
}
@media (min-width: 1400px) {
    .s-square {
        padding-bottom: 128px;
    }
}
.square-game {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
@media (min-width: 900px) {
    .square-game {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.square-game__card {
    padding-bottom: 93.959731543%;
    position: relative;
    transition: 0.5s;
}
.square-game__card-backface,
.square-game__card-shirt {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 12px;
}
@media (min-width: 1600px) {
    .square-game {
        grid-gap: 40px;
    }
    .square-game__card-backface,
    .square-game__card-shirt {
        border-radius: 24px;
    }
}
.square-game__card-backface img,
.square-game__card-shirt img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.square-game__card-shirt {
    z-index: 2;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition:
        transform 0.5s,
        -webkit-transform 0.5s;
    cursor: pointer;
}
.square-game__card-backface {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition:
        transform 0.5s,
        -webkit-transform 0.5s;
}
.square-game__card:not(.active):hover {
    -webkit-filter: drop-shadow(0 0 13px rgb(151, 76, 226));
    filter: drop-shadow(0 0 13px rgb(151, 76, 226));
}
.square-game__card.active .square-game__card-shirt {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.square-game__card.active .square-game__card-backface {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}
.s-collection {
    padding-bottom: 80px;
}
@media (min-width: 1400px) {
    .s-collection {
        padding-top: 20px;
        padding-bottom: 128px;
    }
    .s-collection .title-block {
        margin-bottom: 80px;
    }
}
.collection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
@media (min-width: 900px) {
    .collection {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.awards,
.products {
    grid-template-columns: 1fr;
}
.collection__card {
    padding-bottom: 93.959731543%;
    position: relative;
    transition: 0.5s;
}
.award-img,
.collection__download path {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.collection__card-shirt {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 12px;
}
@media (min-width: 1600px) {
    .collection {
        grid-gap: 40px;
    }
    .collection__card-shirt {
        border-radius: 24px;
    }
}
.collection__card-shirt img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.collection__sticker-container {
    background-color: #fff;
    overflow: hidden;
    padding: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 12px;
}
.collection__sticker {
    max-width: 100%;
    max-height: 100%;
}
.collection__download {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 5;
}
@media (min-width: 1600px) {
    .collection__sticker-container {
        border-radius: 24px;
        padding: 40px;
    }
    .collection__download {
        right: 16px;
        top: 16px;
    }
}
.collection__download path {
    transition: 0.5s;
}
.collection__download:hover path {
    stroke: var(--purp);
}
.s-awards {
    padding-bottom: 80px;
}
@media (min-width: 1024px) {
    .s-awards {
        padding-bottom: calc(5rem + (1vw - 10.24px) * 15.625);
    }
}
@media (min-width: 1920px) {
    .attempts__num span {
        font-size: 2.5rem;
    }
    .s-awards {
        padding-bottom: 13.75rem;
    }
}
.s-awards .title-block {
    margin-bottom: 40px;
}
.awards {
    display: grid;
    grid-gap: 50px;
}
.awards-block__title {
    color: var(--black);
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 24px;
}
.awards-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.awards-list.xl,
.lesson-item {
    display: -webkit-box;
    display: -ms-flexbox;
}
@media (min-width: 1400px) {
    .awards {
        grid-gap: 50px;
    }
    .awards-list {
        gap: 32px 64px;
    }
}
.awards-list.xl {
    display: flex;
    gap: 40px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1400px) {
    .awards-list.xl {
        gap: 40px 76px;
    }
}
.awards-list.l {
    display: flex;
    gap: 40px 36px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 1400px) {
    .awards-list.l {
        gap: 40px 65px;
    }
}
.award-img {
    max-width: 79px;
    transition: 0.5s;
}
.award-img.xl,
.product-card__picture {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.award-img:hover {
    -webkit-filter: drop-shadow(0 4px 30px #ffc001);
    filter: drop-shadow(0 4px 30px #ffc001);
}
.award-img.xl {
    max-width: 180px;
    transition: 0.5s;
}
.award-img.xl:hover {
    -webkit-filter: drop-shadow(0 4px 60px #ffc001);
    filter: drop-shadow(0 4px 70px #ffc001);
}
.award-img.l {
    max-width: 95px;
    transition: 0.5s;
}
.award-img.l:hover {
    -webkit-filter: drop-shadow(0 4px 50px #ffc001);
    filter: drop-shadow(0 4px 60px #ffc001);
}
.awards-list__item {
    cursor: pointer;
}
.s-shop {
    padding-bottom: 80px;
}
.s-shop .title-block {
    margin-bottom: 64px;
}
@media (min-width: 1024px) {
    .s-shop {
        padding-bottom: 200px;
    }
    .s-shop .title-block {
        margin-bottom: 40px;
    }
}
.product-card {
    padding-bottom: 74.390243902%;
    position: relative;
}
.product-card:hover .product-card__picture {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}
.product-card:hover .btn-pay {
    right: 0;
}
.product-card:hover .price-span {
    margin-right: 14px;
}
.product-card:hover .bay-arrow {
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    display: initial;
    width: 60px;
}
.product-card:hover .bay-arrow img {
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
}
.lightpick__day span,
.product-card__picture {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 50%;
}
.product-card__picture {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    width: 100%;
    height: 100%;
}
.btn-pay,
.btn-pay span {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.products {
    display: grid;
    grid-gap: 40px;
}
@media (min-width: 540px) {
    .products {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 800px) {
    .products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 1024px) {
    .products {
        grid-template-columns: 1fr 1fr;
    }
    .s-assessement {
        margin-bottom: 120px;
    }
}
@media (min-width: 1200px) {
    .products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.award-content,
.lessons-list,
.quarters-list {
    grid-template-columns: 1fr;
}
.btn-pay {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 14px;
    bottom: 48px;
    border-radius: 100px;
    background-color: var(--yellow);
    line-height: 1.2;
    padding: 8px 24px;
    transition: 0.5s;
}
.btn-pay span {
    transition: 0.5s;
    color: var(--black);
}
.bay-arrow,
.s-edu-stat__link {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
@media (min-width: 1400px) {
    .btn-pay {
        right: 48px;
        bottom: 24px;
    }
}
.bay-arrow {
    display: inline-block;
    -webkit-animation: showbuyarrow 0.5s forwards;
    animation: showbuyarrow 0.5s forwards;
    transition: 0.5s;
    width: 0;
    position: relative;
}
.bay-arrow img {
    width: 0%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-250%, -50%);
    -ms-transform: translate(-250%, -50%);
    transform: translate(-250%, -50%);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.s-assessement {
    position: relative;
}
.s-assessement .title-block {
    margin-bottom: 40px;
    position: relative;
    /*width: 100%;*/
}
@media (min-width: 1024px) {
    .s-assessement .title-block {
        /*width: auto;*/
        width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
.s-assessement .content {
    position: relative;
}
.s-assessement__decoration-1 {
    display: none;
}
@media (min-width: 1024px) {
    .s-assessement__decoration-1 {
        max-width: 214px;
        width: 11.145833333vw;
        height: auto;
        display: initial;
        position: absolute;
        right: -4%;
        top: -5%;
        z-index: -1;
    }
}
.s-assessement__decoration-2 {
    display: none;
}
@media (min-width: 1024px) {
    .s-assessement__decoration-2 {
        width: 20.9375vw;
        max-width: 402px;
        height: auto;
        display: initial;
        position: absolute;
        /*top: 55%;*/
        top: 85%;
        left: 0;
        z-index: -1;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
.s-assessement__star {
    display: none;
}
@media (min-width: 1024px) {
    .s-assessement__star {
        display: initial;
        position: absolute;
        right: -8.5vw;
        -webkit-transform: translate(0, -65%);
        -ms-transform: translate(0, -65%);
        transform: translate(0, -65%);
        top: 0;
        max-width: 70px;
        height: auto;
        z-index: -1;
    }
}
.lessons-list {
    display: grid;
    grid-gap: 8px;
}
.lesson-item {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.assess-container,
.assess-list {
    display: -webkit-box;
    display: -ms-flexbox;
}
@media (min-width: 1400px) {
    .lesson-item {
        padding: 18px 32px;
    }
}
.lesson-item__name {
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
}
@media (min-width: 1240px) {
    .lesson-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .lesson-item__name {
        width: 24%;
    }
}
.assess-container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 480px) {
    .assess-container {
        min-width: 50%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media (min-width: 1240px) {
    .assess-container {
        width: 42.11%;
        min-width: initial;
    }
}
.assess-list {
    display: flex;
    width: 100%;
}
.assess-list__assess,
.assess-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
}
.assess-list__item {
    padding: 0 2px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 16.6666666667%;
}
.assess-list__item:first-of-type {
    padding-left: 0;
}
.assess-list__item:last-of-type {
    padding-right: 0;
}
@media (min-width: 1240px) {
    .assess-list__item {
        width: 3.125vw;
        padding: 0;
    }
    .assess-list__item-day {
        display: none;
    }
}
@media (min-width: 1920px) {
    .assess-list__item {
        width: 60px;
    }
}
.assess-list__item-day {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    letter-spacing: 0;
    text-align: left;
    color: var(--light-gray);
}
.assess-list__assess {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    padding: 4px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid var(--light-gray);
}
@media (min-width: 360px) {
    .assess-list__assess {
        padding: 8px;
    }
}
@media (min-width: 480px) {
    .assess-list__assess {
        min-width: 50px;
    }
}
@media (min-width: 1240px) {
    .assess-list__assess {
        border: none;
        padding: 8px 0;
        min-width: initial;
    }
    .lesson-item__link-block {
        width: 24%;
        text-align: right;
    }
}
.assess-coins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 30px 8px 8px;
    border-radius: 50px;
    gap: 8px;
    background-color: var(--yellow);
}
.assess-coins span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: var(--black);
}
.assess-coins.gray {
    background-color: var(--light-gray);
}
.lesson-item__link {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    text-decoration: underline;
    color: var(--purp);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.lesson-item__link:hover {
    color: #5d13a6;
}
.lesson-item.head {
    background: #e2e5e7;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 5%;
    display: none;
}
@media (min-width: 1240px) {
    .lesson-item.head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.lesson-item.head .lesson-item__name {
    font-weight: 700;
    font-size: 16px;
}
.lesson-item.head .assess-list__item-day {
    display: initial;
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.s-edu-stat__title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 50px;
}
.s-edu-stat__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    color: var(--black);
    font-size: 16px;
    font-weight: 500;
    transition: 0.5s;
}
.edu-filter-container,
.edu-filter-container__block {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
}
.s-edu-stat__link path,
.s-edu-stat__link svg {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.edu-filters__btn,
.text-purp {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.s-edu-stat__link:hover {
    color: var(--purp);
}
.s-edu-stat__link:hover svg {
    -webkit-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
}
.s-edu-stat__link:hover path {
    stroke: var(--purp);
}
.edu-filter-container {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
@media (min-width: 1360px) {
    .edu-filter-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.edu-filter-container__block {
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.edu-filters,
.edu-filters__inner {
    display: -webkit-box;
    display: -ms-flexbox;
}
@media (min-width: 1360px) {
    .edu-filter-container__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.edu-filters {
    display: flex;
    overflow-x: auto;
    overflow-y: visible;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100vw;
    margin-left: -16px;
    padding: 0 16px;
}
.edu-filters ::-webkit-scrollbar {
    display: none;
}
@media (min-width: 1024px) {
    .s-edu-stat__title-block {
        margin-bottom: 64px;
    }
    .edu-filters {
        overflow-x: visible;
        overflow-y: visible;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        padding: 0;
        margin-left: 0;
    }
}
@media (min-width: 1360px) {
    .edu-filters {
        width: auto;
    }
}
.edu-filters__inner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    gap: 4px;
}
.graph-container,
.graph-marks {
    display: -webkit-box;
    display: -ms-flexbox;
}
.edu-filters__btn {
    font-size: 13px;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    letter-spacing: 0;
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px solid var(--black);
    white-space: nowrap;
    transition: 0.3s;
}
.graph-marks__item,
.quarter__title,
.title {
    font-family: var(--second-family);
}
@media (min-width: 1024px) {
    .edu-filters__btn {
        border-radius: 18px;
        padding: 24px 18px;
        min-width: 80px;
    }
}
@media (min-width: 1280px) {
    .edu-filters__btn {
        min-width: 120px;
    }
}
@media (min-width: 1600px) {
    .edu-filters__inner {
        gap: 12px;
    }
    .edu-filters__btn {
        font-size: 15px;
        min-width: 6.25vw;
    }
    .i-nums__num-1 {
        -webkit-text-stroke: 2px var(--purp);
    }
}
.graph-marks__item,
.s-edu-stat__undertitle {
    font-size: 13px;
    color: var(--black);
    letter-spacing: 0;
}
.edu-filters__btn:hover {
    background: rgba(255, 192, 1, 0.75);
    border-color: rgba(255, 192, 1, 0.75);
}
.edu-filters__btn.active {
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.s-edu-stat__undertitle {
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 2px;
}
@media (min-width: 1024px) {
    .s-edu-stat__undertitle {
        font-size: 16px;
        margin-bottom: 4px;
    }
}
.graph-container {
    width: 100%;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    margin-bottom: 60px;
}
@media (min-width: 1024px) {
    .graph-container {
        gap: 80px;
        margin-bottom: 120px;
    }
}
.graph-container__chart-wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.calendar,
.graph-marks {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
}
.graph-marks {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translate(0, -3%);
    -ms-transform: translate(0, -3%);
    transform: translate(0, -3%);
    gap: 32px;
}
.graph-marks__item {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid var(--black);
}
@media (min-width: 1024px) {
    .graph-marks {
        -webkit-transform: translate(0, -1%);
        -ms-transform: translate(0, -1%);
        transform: translate(0, -1%);
        gap: 48px;
    }
    .graph-marks__item {
        width: 70px;
        height: 70px;
        font-size: 36px;
        border-radius: 18px;
    }
}
.chart {
    width: 100% !important;
    height: 240px !important;
}
.quarters-list {
    display: grid;
    grid-gap: 8px;
}
@media (min-width: 640px) {
    .quarters-list {
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px;
    }
}
@media (min-width: 1024px) {
    .chart {
        height: 400px !important;
    }
    .quarters-list {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 24px;
    }
}
.quarter {
    background-color: #fff;
    padding: 24px;
    border-radius: 24px;
    width: 100%;
}
.quarter__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 12px;
}
@media (min-width: 1400px) {
    .quarters-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 40px;
    }
    .quarter {
        padding: 40px;
        max-width: initial;
    }
    .quarter__title {
        margin-bottom: 20px;
    }
}
.quarter-table__title {
    font-size: 13px;
    font-weight: 700;
    color: var(--light-gray);
    line-height: 1;
}
.quarter-table__num {
    font-size: 16px;
    font-weight: 500;
    color: var(--light-gray);
    line-height: 1;
}
.quarter-table__value {
    font-size: 16px;
    font-weight: 700;
}
.quarter-table__value.current {
    outline: solid var(--purp);
    outline-width: 2px;
    cursor: pointer;
    position: relative;
}
.quarter-table__line {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.quarter-table__line:not(:first-of-type) {
    border-bottom: 1px solid var(--light-gray);
}
.quarter-table__line div {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.edu-f-seclect-date__dates {
    display: none;
}
.edu-f-seclect-date__dates.active {
    display: block;
    bottom: -20px;
    right: 0;
    width: 100%;
}
.edu-f-seclect-date {
    position: relative;
}
@media (min-width: 1024px) {
    .edu-f-seclect-date.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        outline: solid var(--yellow);
        outline-width: 2px;
        border-radius: 18px;
        position: relative;
    }
}
.date-pseudoinput__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}
.date-pseudoinput__text {
    font-size: 15px;
}
.date-pseudoinput__btn.active {
    background-color: var(--purp);
}
.date-pseudoinput__btn.active path {
    stroke: #fff;
}
.edu-filter-container__title {
    font-size: 13px;
}
@media (min-width: 1360px) {
    .date-pseudoinput__text {
        font-weight: 600;
    }
    .edu-filter-container__title {
        font-size: 16px;
    }
}
@media (min-width: 1460px) {
    .edu-filter-container__title {
        font-size: 20px;
    }
}
.title {
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
    color: var(--black);
}
.title-2,
.title-3 {
    font-weight: 700;
    line-height: 1.3333;
    color: var(--black);
    font-family: var(--second-family);
    letter-spacing: 0;
}
@media (min-width: 1024px) {
    .title {
        font-size: calc(1.5rem + (1vw - 10.24px) * 1.3392857143);
    }
}
@media (min-width: 1920px) {
    .edu-filters__btn {
        min-width: 120px;
    }
    .title {
        font-size: 2.25rem;
    }
}
.title-2 {
    font-size: 20px;
}
@media (min-width: 1024px) {
    .title-2 {
        font-size: calc(1.25rem + (1vw - 10.24px) * 1.3392857143);
    }
}
@media (min-width: 1920px) {
    .title-2 {
        font-size: 2rem;
    }
}
.title-3 {
    font-size: 16px;
}
.text,
.text-2,
.text-fix {
    font-weight: 500;
}
@media (min-width: 1024px) {
    .title-3 {
        font-size: calc(1rem + (1vw - 10.24px) * 0.6696428571);
    }
}
@media (min-width: 1920px) {
    .title-3 {
        font-size: 1.375rem;
    }
}
.text {
    font-size: 16px;
    line-height: 150%;
    color: var(--black);
}
@media (min-width: 1024px) {
    .text {
        font-size: 20px;
        line-height: 130%;
    }
}
.text-2 {
    font-size: 14px;
    line-height: 1.33;
    color: var(--black);
}
@media (min-width: 1024px) {
    .text-2 {
        font-size: 16px;
        line-height: 1.25;
    }
}
.text-fix {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
}
.fw-bold {
    font-weight: 700;
}
.fw-semibold {
    font-weight: 600;
}
.ff-secondary {
    font-family: var(--second-family);
}
.text-purp {
    color: var(--purp);
    transition: 0.3s;
}
.text-purp:hover {
    color: #832dd9;
}
.text-white {
    color: #fff;
}
.text-gray {
    color: var(--gray);
}
.text-content p {
    white-space: pre-line;
}
.lightpick {
    position: absolute;
    z-index: 99999;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.125em;
}
.lightpick--inlined {
    position: relative;
    display: inline-block;
}
.lightpick,
.lightpick *,
.lightpick::after,
.lightpick::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.lightpick.is-hidden {
    display: none;
}
.lightpick__months {
    display: grid;
    background-color: #eee;
    grid-template-columns: auto;
    grid-gap: 1px;
}
.lightpick--2-columns .lightpick__months {
    grid-template-columns: auto auto;
}
.lightpick--3-columns .lightpick__months {
    grid-template-columns: auto auto auto;
}
.lightpick--4-columns .lightpick__months {
    grid-template-columns: auto auto auto auto;
}
.lightpick--5-columns .lightpick__months {
    grid-template-columns: auto auto auto auto auto;
}
.lightpick__month {
    background-color: #fff;
    width: 100%;
}
.lightpick__month-title-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lightpick__month-title {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: default;
    padding: 0 4px;
    border-radius: 4px;
}
.lightpick__month-title > .lightpick__select {
    border: none;
    background-color: transparent;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.lightpick__month-title > .lightpick__select:disabled {
    color: #333;
}
.lightpick__month-title > .lightpick__select-months {
    font-weight: 700;
    font-size: 1em;
    margin-right: 0.5em;
}
.lightpick__toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.lightpick__close-action,
.lightpick__next-action,
.lightpick__previous-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 6px;
    width: 32px;
    height: 32px;
    outline: 0;
    border: none;
    border-radius: 50%;
    background-color: #ddd;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lightpick__close-action:active,
.lightpick__next-action:active,
.lightpick__previous-action:active {
    color: inherit;
}
.lightpick__next-action,
.lightpick__previous-action {
    font-size: 12px;
}
.lightpick__close-action {
    font-size: 18px;
}
.lightpick__days-of-the-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.lightpick__day-of-the-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lightpick__days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
.lightpick__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
}
.lightpick__day.is-today {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    background-size: 18.8% auto;
    background-position: center bottom;
    color: #dc322f;
}
.lightpick__day:not(.is-disabled):hover {
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23e0e0e0' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}
.lightpick__day.is-disabled {
    opacity: 0.38;
    pointer-events: none;
}
.lightpick__day.is-disabled.is-forward-selected {
    opacity: 1;
}
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
    background-color: rgba(38, 139, 210, 0.1);
    background-image: none;
}
.lightpick__day.disabled-tooltip {
    pointer-events: auto;
}
.lightpick__day.is-next-month,
.lightpick__day.is-previous-month {
    opacity: 0.38;
}
.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
    opacity: 1;
}
.lightpick__day.is-in-range {
    border-radius: 0;
    background-image: none;
}
.lightpick__day.is-in-range:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}
.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped,
.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
    background-color: #268bd2;
    background-image: none;
    border-radius: 0;
}
.lightpick__day.is-start-date.is-end-date {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268bd2' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
}
.lightpick__day.is-end-date,
.lightpick__day.is-end-date:hover,
.lightpick__day.is-start-date,
.lightpick__day.is-start-date:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268bd2' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
    background-size: auto;
    background-position: center;
    color: #fff;
    font-weight: 700;
}
.lightpick__tooltip {
    position: absolute;
    margin-top: -4px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    font-size: 11px;
    pointer-events: none;
}
.lightpick__tooltip::before {
    position: absolute;
    bottom: -5px;
    left: calc(50% - 5px);
    border-top: 5px solid rgba(0, 0, 0, 0.12);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}
.lightpick__tooltip::after {
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.lightpick__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.lightpick__apply-action,
.lightpick__reset-action {
    border-radius: 5px;
    font-size: 12px;
    border: none;
}
.lightpick__reset-action {
    color: #fff;
    background-color: #aeacad;
}
.lightpick__apply-action {
    color: #fff;
    background-color: #2495f3;
}
.lightpick__day {
    width: 32px;
    height: 32px;
    position: relative;
}
.lightpick__day:nth-child(7n + 6),
.lightpick__day:nth-child(7n + 7) {
    color: #ff7ba9;
}
.lightpick__day span {
    position: absolute;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lightpick__day::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.lightpick__tooltip {
    display: none !important;
}
.calendar-deep-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 36px;
}
#start-date,
.calendar {
    display: none;
}
.calendar-deep-controls button {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--purp);
}
.lightpick__day {
    font-family: var(--second-family);
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
}
.lightpick {
    padding: 40px;
    width: 375px;
}
.lightpick__next-action,
.lightpick__previous-action {
    width: 56px;
    height: 56px;
    background-color: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.lightpick__next-action:active,
.lightpick__previous-action:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}
.lightpick__previous-action {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.28676 27.4581C14.6068 22.5724 20.3898 18.3365 26.7473 14.8976C27.0883 14.7145 27.5298 14.9047 27.6734 15.2278C27.695 15.2386 27.7165 15.2458 27.738 15.2637C28.5421 15.9314 29.2206 16.8504 30.1109 17.3996C30.3657 17.5576 30.398 17.8555 30.276 18.1032C29.9421 18.7852 29.5688 19.5929 29.1201 20.3145C33.4709 19.5032 37.9688 19.2986 42.3052 18.4837C42.7145 18.4083 43.0124 18.6345 43.138 18.9288C47.0616 19.8478 46.8678 24.8986 46.8678 28.2155C46.8678 30.7463 47.0114 33.8478 46.096 36.2386C45.4821 37.8432 42.6857 38.7191 41.2068 39.0924C41.0704 39.1283 40.9483 39.0996 40.8442 39.0386C40.8227 39.035 40.8011 39.035 40.7796 39.0278C36.9062 37.8468 33.0437 36.6263 29.1811 35.4058C29.7591 36.734 30.0391 38.3493 30.1791 39.6632C30.2006 39.857 30.0462 40.0293 29.8991 40.1263C29.0375 40.6863 27.9893 41.3073 26.9375 41.0991C26.8945 41.0919 26.8586 41.0668 26.8334 41.0381C26.618 41.1888 26.3165 41.2283 26.0904 41.0847C20.1027 37.2437 14.5924 32.9073 9.2724 28.194C9.06061 28.0073 9.09291 27.6376 9.28676 27.4581ZM45.6293 24.8555C44.9042 24.1878 44.1827 23.5776 43.2565 23.1217C42.9191 22.9565 43.1775 22.4181 43.5221 22.5329C44.1647 22.7411 44.8216 23.0606 45.3924 23.4842C45.0155 21.9837 44.2293 20.6986 42.6642 19.9196H42.6606C42.4991 19.9555 42.3375 19.9878 42.176 20.0237C42.2765 21.5601 42.3124 23.0965 42.3124 24.6329C42.8796 25.0242 43.4432 25.4083 43.9816 25.8391C44.5488 26.2878 45.2237 26.7042 45.6975 27.2606C45.7191 26.4493 45.7119 25.6381 45.6293 24.8555ZM45.6473 27.5514C44.9186 27.3217 44.2832 26.7868 43.6586 26.356C43.1775 26.0258 42.736 25.6524 42.3016 25.2647C42.2945 25.9396 42.2729 26.6109 42.2514 27.2858C43.4252 28.1258 44.4878 29.1201 45.5611 30.0858C45.5611 30.0786 45.5611 30.0714 45.5611 30.0642C45.597 29.2601 45.6545 28.4058 45.6868 27.5478C45.676 27.5514 45.6652 27.5586 45.6473 27.5514ZM45.5575 30.897C45.5396 30.8899 45.5216 30.8863 45.5037 30.8719C44.4088 30.0068 43.2673 29.1668 42.2298 28.2227C42.1975 29.1129 42.1545 30.0032 42.1042 30.8899C42.1545 30.8755 42.2119 30.8827 42.2765 30.915C43.4862 31.6006 44.4806 32.5088 45.3996 33.5499C45.615 33.794 45.2596 34.1386 45.0298 33.8981C44.1288 32.954 43.1093 32.1247 42.0791 31.3242C42.0324 32.175 41.9786 33.0258 41.9211 33.8765H41.9247C42.9011 34.4617 43.9529 35.1258 44.8073 35.9155C45.6221 35.0181 45.5683 32.4658 45.5575 30.897ZM44.2509 36.3606C43.4145 35.894 42.6175 35.2981 41.878 34.695C41.8098 35.7252 41.7416 36.7555 41.677 37.7822C42.5709 37.3729 43.4324 36.9314 44.2509 36.3606ZM26.0509 19.4924C25.7888 20.0811 25.5196 20.6663 25.2432 21.2478C25.997 21.0181 26.758 20.8242 27.5227 20.6483C27.537 20.6052 27.5586 20.5658 27.5729 20.5227C27.0847 20.2319 26.6145 19.9232 26.1442 19.5929C26.1011 19.5642 26.0724 19.5283 26.0509 19.4924ZM26.9447 17.5432C26.9339 17.5288 26.9268 17.5145 26.9196 17.5001C26.697 18.0278 26.4673 18.5555 26.2339 19.0796C26.2986 19.0617 26.3739 19.0652 26.4493 19.1011C26.9411 19.3345 27.415 19.5822 27.8852 19.8442C28.0863 19.4637 28.3196 19.0904 28.5637 18.7314C27.9355 18.5088 27.3898 18.017 26.9447 17.5432ZM29.217 17.8232C28.7468 17.1663 28.0934 16.6135 27.5406 16.014C27.3755 16.4304 27.196 16.8396 27.0201 17.2524C27.0632 17.2345 27.1134 17.2381 27.1637 17.274C27.6842 17.6617 28.2729 18.017 28.7504 18.4658C28.9083 18.2432 29.0662 18.0278 29.217 17.8232ZM26.137 37.3478C26.2052 37.3299 26.2842 37.337 26.356 37.3945C26.9734 37.9006 27.6663 38.3601 28.377 38.7263C28.718 38.9022 28.4057 39.3976 28.0647 39.2288C27.4006 38.9022 26.8334 38.5037 26.3201 37.994C26.5391 38.7909 26.7832 39.5806 27.0739 40.3668C27.0919 40.417 27.0955 40.4637 27.0991 40.5104C27.6914 40.094 28.3914 39.8391 29.0088 39.4334C28.8257 38.816 28.6714 38.1878 28.5063 37.5668C28.1545 37.1576 27.7668 36.7986 27.3252 36.4863C26.8873 36.1776 26.2878 36.034 25.9145 35.6606C25.7816 35.5278 25.9001 35.334 26.0652 35.3232C26.6037 35.2945 27.1852 35.736 27.6088 36.0268C27.817 36.1704 28.0109 36.3283 28.1975 36.497C28.0396 35.9873 27.878 35.4883 27.7847 34.9678C27.0345 34.7309 26.2842 34.494 25.5304 34.257C25.6775 35.3017 25.8786 36.3283 26.137 37.3478ZM25.2145 38.9488C24.6724 37.1611 24.2991 35.3483 24.0945 33.4637C24.0406 32.9863 24.3996 32.5017 24.9309 32.6704C30.1001 34.2858 35.2801 35.876 40.435 37.5309C41.2929 31.7945 41.2463 25.9935 41.2965 20.2104C35.6139 21.3124 29.7663 21.194 24.1842 22.9278C23.6098 23.1073 23.2616 22.436 23.495 21.9801C24.3386 20.336 25.0888 18.6524 25.7852 16.9437C20.3252 20.0668 15.1668 23.6745 10.4391 27.8386C15.0662 31.895 20.0596 35.5781 25.2145 38.9488Z' fill='%23974CE2'/%3e%3c/svg%3e");
}
.lightpick__next-action {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.7132 27.4581C41.3932 22.5724 35.6102 18.3365 29.2527 14.8976C28.9117 14.7145 28.4702 14.9047 28.3266 15.2278C28.305 15.2386 28.2835 15.2458 28.262 15.2637C27.4579 15.9314 26.7794 16.8504 25.8891 17.3996C25.6343 17.5576 25.602 17.8555 25.724 18.1032C26.0579 18.7852 26.4312 19.5929 26.8799 20.3145C22.5291 19.5032 18.0312 19.2986 13.6948 18.4837C13.2855 18.4083 12.9876 18.6345 12.862 18.9288C8.93837 19.8478 9.13221 24.8986 9.13221 28.2155C9.13221 30.7463 8.98862 33.8478 9.90401 36.2386C10.5179 37.8432 13.3143 38.7191 14.7932 39.0924C14.9296 39.1283 15.0517 39.0996 15.1558 39.0386C15.1773 39.035 15.1989 39.035 15.2204 39.0278C19.0938 37.8468 22.9563 36.6263 26.8189 35.4058C26.2409 36.734 25.9609 38.3493 25.8209 39.6632C25.7994 39.857 25.9538 40.0293 26.1009 40.1263C26.9625 40.6863 28.0107 41.3073 29.0625 41.0991C29.1055 41.0919 29.1414 41.0668 29.1666 41.0381C29.382 41.1888 29.6835 41.2283 29.9096 41.0847C35.8973 37.2437 41.4076 32.9073 46.7276 28.194C46.9394 28.0073 46.9071 27.6376 46.7132 27.4581ZM10.3707 24.8555C11.0958 24.1878 11.8173 23.5776 12.7435 23.1217C13.0809 22.9565 12.8225 22.4181 12.4779 22.5329C11.8353 22.7411 11.1784 23.0606 10.6076 23.4842C10.9845 21.9837 11.7707 20.6986 13.3358 19.9196H13.3394C13.5009 19.9555 13.6625 19.9878 13.824 20.0237C13.7235 21.5601 13.6876 23.0965 13.6876 24.6329C13.1204 25.0242 12.5568 25.4083 12.0184 25.8391C11.4512 26.2878 10.7763 26.7042 10.3025 27.2606C10.2809 26.4493 10.2881 25.6381 10.3707 24.8555ZM10.3527 27.5514C11.0814 27.3217 11.7168 26.7868 12.3414 26.356C12.8225 26.0258 13.264 25.6524 13.6984 25.2647C13.7055 25.9396 13.7271 26.6109 13.7486 27.2858C12.5748 28.1258 11.5122 29.1201 10.4389 30.0858C10.4389 30.0786 10.4389 30.0714 10.4389 30.0642C10.403 29.2601 10.3455 28.4058 10.3132 27.5478C10.324 27.5514 10.3348 27.5586 10.3527 27.5514ZM10.4425 30.897C10.4604 30.8899 10.4784 30.8863 10.4963 30.8719C11.5912 30.0068 12.7327 29.1668 13.7702 28.2227C13.8025 29.1129 13.8455 30.0032 13.8958 30.8899C13.8455 30.8755 13.7881 30.8827 13.7235 30.915C12.5138 31.6006 11.5194 32.5088 10.6004 33.5499C10.385 33.794 10.7404 34.1386 10.9702 33.8981C11.8712 32.954 12.8907 32.1247 13.9209 31.3242C13.9676 32.175 14.0214 33.0258 14.0789 33.8765H14.0753C13.0989 34.4617 12.0471 35.1258 11.1927 35.9155C10.3779 35.0181 10.4317 32.4658 10.4425 30.897ZM11.7491 36.3606C12.5855 35.894 13.3825 35.2981 14.122 34.695C14.1902 35.7252 14.2584 36.7555 14.323 37.7822C13.4291 37.3729 12.5676 36.9314 11.7491 36.3606ZM29.9491 19.4924C30.2112 20.0811 30.4804 20.6663 30.7568 21.2478C30.003 21.0181 29.242 20.8242 28.4773 20.6483C28.463 20.6052 28.4414 20.5658 28.4271 20.5227C28.9153 20.2319 29.3855 19.9232 29.8558 19.5929C29.8989 19.5642 29.9276 19.5283 29.9491 19.4924ZM29.0553 17.5432C29.0661 17.5288 29.0732 17.5145 29.0804 17.5001C29.303 18.0278 29.5327 18.5555 29.7661 19.0796C29.7014 19.0617 29.6261 19.0652 29.5507 19.1011C29.0589 19.3345 28.585 19.5822 28.1148 19.8442C27.9137 19.4637 27.6804 19.0904 27.4363 18.7314C28.0645 18.5088 28.6102 18.017 29.0553 17.5432ZM26.783 17.8232C27.2532 17.1663 27.9066 16.6135 28.4594 16.014C28.6245 16.4304 28.804 16.8396 28.9799 17.2524C28.9368 17.2345 28.8866 17.2381 28.8363 17.274C28.3158 17.6617 27.7271 18.017 27.2496 18.4658C27.0917 18.2432 26.9338 18.0278 26.783 17.8232ZM29.863 37.3478C29.7948 37.3299 29.7158 37.337 29.644 37.3945C29.0266 37.9006 28.3337 38.3601 27.623 38.7263C27.282 38.9022 27.5943 39.3976 27.9353 39.2288C28.5994 38.9022 29.1666 38.5037 29.6799 37.994C29.4609 38.7909 29.2168 39.5806 28.9261 40.3668C28.9081 40.417 28.9045 40.4637 28.9009 40.5104C28.3086 40.094 27.6086 39.8391 26.9912 39.4334C27.1743 38.816 27.3286 38.1878 27.4937 37.5668C27.8455 37.1576 28.2332 36.7986 28.6748 36.4863C29.1127 36.1776 29.7122 36.034 30.0855 35.6606C30.2184 35.5278 30.0999 35.334 29.9348 35.3232C29.3963 35.2945 28.8148 35.736 28.3912 36.0268C28.183 36.1704 27.9891 36.3283 27.8025 36.497C27.9604 35.9873 28.122 35.4883 28.2153 34.9678C28.9655 34.7309 29.7158 34.494 30.4696 34.257C30.3225 35.3017 30.1214 36.3283 29.863 37.3478ZM30.7855 38.9488C31.3276 37.1611 31.7009 35.3483 31.9055 33.4637C31.9594 32.9863 31.6004 32.5017 31.0691 32.6704C25.8999 34.2858 20.7199 35.876 15.565 37.5309C14.7071 31.7945 14.7537 25.9935 14.7035 20.2104C20.3861 21.3124 26.2337 21.194 31.8158 22.9278C32.3902 23.1073 32.7384 22.436 32.505 21.9801C31.6614 20.336 30.9112 18.6524 30.2148 16.9437C35.6748 20.0668 40.8332 23.6745 45.5609 27.8386C40.9338 31.895 35.9404 35.5781 30.7855 38.9488Z' fill='%23974CE2'/%3e%3c/svg%3e");
}
.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range {
    border-radius: 50%;
}
.lightpick__day-of-the-week {
    font-size: 13px;
    line-height: 15px;
    font-family: Montserrat;
    font-weight: 700;
    color: rgba(39, 39, 39, 0.3019607843);
}
.lightpick__day {
    background-image: none !important;
}
.is-flipped {
    background-color: none;
}
.is-flipped.is-in-range {
    background-color: transparent;
}
.lightpick__day.is-available.is-end-date,
.lightpick__day.is-available.is-start-date {
    background-color: var(--purp) !important;
    border-radius: 50% !important;
    color: #fff;
    position: relative;
}
.lightpick__day.is-available.is-end-date::before,
.lightpick__day.is-available.is-start-date::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: 50%;
    border: 1px solid var(--purp);
    -webkit-transform: translate(-51%, -51%);
    -ms-transform: translate(-51%, -51%);
    transform: translate(-51%, -51%);
}
@media (min-width: 1024px) {
    .lightpick__day.is-available.is-end-date::before,
    .lightpick__day.is-available.is-start-date::before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
.lightpick__day.is-in-range {
    background-color: rgba(151, 76, 226, 0.1);
}
.calendar {
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.calendar__inner,
.if-text-content {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
}
.calendar.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: showcalendarMob 0.3s ease-in-out forwards;
    animation: showcalendarMob 0.3s ease-in-out forwards;
}
.calendar__inner,
.date-pseudoinput {
    display: -webkit-box;
    display: -ms-flexbox;
}
@media (min-width: 1024px) {
    .calendar {
        width: 375px;
        height: auto;
        position: absolute;
        -webkit-transform: translate(0, calc(100% + 50px));
        -ms-transform: translate(0, calc(100% + 50px));
        transform: translate(0, calc(100% + 50px));
        left: unset;
        right: 0;
        border-radius: 24px;
    }
    .calendar.active {
        -webkit-animation: showcalendarDesk 0.3s ease-in-out forwards;
        animation: showcalendarDesk 0.3s ease-in-out forwards;
        -webkit-box-shadow: 8px 8px 40px 0 rgba(133, 139, 142, 0.2);
        box-shadow: 8px 8px 40px 0 rgba(133, 139, 142, 0.2);
    }
}
.calendar-reset {
    background: 0 0;
}
@-webkit-keyframes showcalendarMob {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showcalendarMob {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes showcalendarDesk {
    to {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% + 12px));
        transform: translate(0, calc(100% + 12px));
    }
}
@keyframes showcalendarDesk {
    to {
        opacity: 1;
        -webkit-transform: translate(0, calc(100% + 12px));
        transform: translate(0, calc(100% + 12px));
    }
}
.calendar__inner {
    background-color: #fff;
    padding: 40px 0;
    width: 100%;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px 24px 0 0;
    gap: 40px;
    overflow-y: auto;
    overflow-x: hidden;
}
.lightpick__month-title > .lightpick__select {
    font-size: 1rem;
    font-weight: 700;
}
.lightpick__month {
    padding: 0;
}
.hide-calendar {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media (min-width: 1024px) {
    .calendar__inner {
        border-radius: 24px;
        padding: 0;
    }
    .hide-calendar {
        display: none;
    }
}
.date-pseudoinput {
    width: 100%;
    padding: 12px 10px;
    border-radius: 18px;
    border: 1px solid var(--gray);
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 1024px) {
    .date-pseudoinput {
        width: 260px;
        border: none;
    }
}
.lightpick__days {
    gap: 8px;
}
.lightpick__apply-action-wrap {
    width: 100%;
    margin-top: 24px;
}
.lightpick__apply-action {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--yellow);
    height: 48px;
    border-radius: 8px;
    color: var(--black);
    font-size: 15px;
    font-weight: 600;
}
.lightpick__apply-action:disabled {
    background-color: var(--light-gray);
    cursor: default;
}
.i-title-block {
    max-width: 1130px;
    margin: 0 auto 28px;
    position: relative;
}
@media (min-width: 1280px) {
    .i-title-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto 36px;
    }
}
.i-slider-section {
    position: relative;
    margin-top: 20px;
    padding-bottom: 100px;
}
@media (min-width: 1024px) {
    .i-slider-section {
        padding-bottom: calc(6.25rem + (1vw - 10.24px) * 11.1607142857);
    }
}
@media (min-width: 1920px) {
    .i-slider-section {
        padding-bottom: 12.5rem;
    }
}
@media (min-width: 900px) {
    .i-slider-section {
        margin-top: 64px;
    }
}
.i-slider-section__decoration-1 {
    display: none;
    -webkit-transform: translate(0, -63%);
    -ms-transform: translate(0, -63%);
    transform: translate(0, -63%);
    position: absolute;
    height: auto;
    max-width: 148px;
    z-index: -1;
    right: 0;
    top: 0;
}
.i-slider-section__decoration-2 {
    max-width: 200px;
    -webkit-transform: translate(-15%, 15%);
    -ms-transform: translate(-15%, 15%);
    transform: translate(-15%, 15%);
    position: absolute;
    height: auto;
    z-index: -1;
    left: 0;
    bottom: 0;
}
@media (min-width: 1024px) {
    .i-slider-section__decoration-1 {
        display: initial;
    }
    .i-slider-section__decoration-2 {
        max-width: 335px;
        -webkit-transform: translate(0, 25%);
        -ms-transform: translate(0, 25%);
        transform: translate(0, 25%);
    }
}
.i-title-block__plus {
    position: absolute;
    display: none;
}
@media (min-width: 1280px) {
    .i-title-block__plus {
        display: initial;
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-45%, -125%);
        -ms-transform: translate(-45%, -125%);
        transform: translate(-45%, -125%);
    }
}
.i-title-block__triangle {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-34%, -16%);
    -ms-transform: translate(-34%, -16%);
    transform: translate(-34%, -16%);
}
.i-decoration-2 {
    position: absolute;
    display: none;
}
@media (min-width: 1280px) {
    .i-title-block__triangle {
        -webkit-transform: translate(-23%, -25%);
        -ms-transform: translate(-23%, -25%);
        transform: translate(-23%, -25%);
    }
    .i-decoration-2 {
        display: initial;
        max-width: 300px;
        left: 0;
        bottom: 0;
        -webkit-transform: translate(-122%, 60%);
        -ms-transform: translate(-122%, 60%);
        transform: translate(-122%, 60%);
    }
}
.i-title-block__word-1 img {
    width: 62.933333333vw;
    height: auto;
    max-width: 450px;
}
.i-title-block__word-2 {
    margin-top: -10%;
}
.i-title-block__word-2 img {
    width: 87.2vw;
    height: auto;
    max-width: 629px;
}
@media (min-width: 768px) {
    .i-title-block__word-2 {
        margin-top: -72px;
    }
}
.i-f-section {
    position: relative;
    padding-top: 90px;
    padding-bottom: 80px;
}
@media (min-width: 1280px) {
    .i-title-block__word-2 {
        margin-top: 0;
    }
    .i-f-section {
        padding-top: 180px;
        padding-bottom: 254px;
    }
}
.i-f-section .section__inner {
    position: relative;
    z-index: 5;
}
div.i-decoration-0-2 svg,
div.i-decoration-2 svg {
    position: absolute;
}
.i-f-section .btn {
    padding: 32px 24px;
}
div.i-decoration-2 {
    width: 300px;
    height: 292px;
}
div.i-decoration-2 .el-1 {
    left: 0;
    top: 0;
    -webkit-animation: rot 16s linear infinite;
    animation: rot 16s linear infinite;
}
div.i-decoration-2 .el-2 {
    top: 84px;
    left: 72px;
    -webkit-animation: levitate2 7s alternate ease-in-out infinite;
    animation: levitate2 7s alternate ease-in-out infinite;
}
div.i-decoration-2 .el-3 {
    bottom: 0;
    right: 0;
}
@-webkit-keyframes rot {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rot {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
div.i-decoration-0-2 {
    width: 875px;
    height: 171px;
}
div.i-decoration-0-2 .el-1 {
    left: 0;
    bottom: 20px;
}
div.i-decoration-0-2 .el-2 {
    top: 15px;
    left: 216px;
    -webkit-animation: levitate 4s alternate ease-in-out infinite;
    animation: levitate 4s alternate ease-in-out infinite;
}
div.i-decoration-0-2 .el-3 {
    bottom: 0;
    left: 48%;
}
div.i-decoration-0-2 .el-4 {
    right: 0;
    top: 50%;
}
div.i-decoration-0-2 .tr {
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
div.i-decoration-0-2 .tr.show {
    opacity: 1;
}
div.i-decoration-0-2 .pl {
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
div.i-decoration-0-2 .pl.show {
    opacity: 1;
}
@-webkit-keyframes levitate {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px);
    }
}
@keyframes levitate {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px);
    }
}
@-webkit-keyframes levitate2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 45px);
        transform: translate(0, 45px);
    }
}
@keyframes levitate2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 45px);
        transform: translate(0, 45px);
    }
}
.i-decoration-0-2 {
    display: none;
}
@media (min-width: 1280px) {
    .i-f-section .btn {
        font-size: 22px;
        padding: 32px 54px;
    }
    .i-decoration-0-2 {
        max-width: 875px;
        height: auto;
        position: absolute;
        z-index: -1;
        display: initial;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-62%, -48%);
        -ms-transform: translate(-62%, -48%);
        transform: translate(-62%, -48%);
    }
}
.i-decoration-0-3 {
    display: none;
}
@media (min-width: 1280px) {
    .i-decoration-0-3 {
        max-width: 248px;
        height: auto;
        position: absolute;
        z-index: -1;
        display: initial;
        top: 50%;
        right: 0;
        -webkit-transform: translate(-42%, -42%);
        -ms-transform: translate(-42%, -42%);
        transform: translate(-42%, -42%);
    }
}
.main-index {
    position: relative;
}
.i-boy,
.i-decoration-1,
.i-gray-cube {
    position: absolute;
}
.i-boy {
    max-width: 246px;
    top: 0;
    left: 0;
    -webkit-transform: translate(-46%, -25%) rotate(30deg);
    -ms-transform: translate(-46%, -25%) rotate(30deg);
    transform: translate(-46%, -25%) rotate(30deg);
}
@media (min-width: 1280px) {
    .i-boy {
        left: 8%;
        max-width: 248px;
        -webkit-transform: translate(-13%, -33%) rotate(0);
        -ms-transform: translate(-13%, -33%) rotate(0);
        transform: translate(-13%, -33%) rotate(0);
    }
}
@media (min-width: 1700px) {
    .i-boy {
        -webkit-transform: translate(-13%, -12%) rotate(0);
        -ms-transform: translate(-13%, -12%) rotate(0);
        transform: translate(-13%, -12%) rotate(0);
    }
}
.i-decoration-1 {
    max-width: 408px;
    right: 0;
    top: 0;
    -webkit-transform: translate(46%, -8%) rotate(58deg);
    -ms-transform: translate(46%, -8%) rotate(58deg);
    transform: translate(46%, -8%) rotate(58deg);
}
@media (min-width: 1280px) {
    .i-decoration-1 {
        right: unset;
        left: 0;
        top: unset;
        bottom: 0;
        -webkit-transform: translate(29%, 35%) rotate(0);
        -ms-transform: translate(29%, 35%) rotate(0);
        transform: translate(29%, 35%) rotate(0);
        max-width: 537px;
    }
    .i-gray-cube {
        display: none;
    }
}
.i-gray-cube {
    -webkit-transform: translate(0, 0) rotate(0);
    -ms-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
    max-width: 67px;
    top: 90px;
    right: 10px;
}
.if-text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 50px;
    max-width: 1130px;
    margin: 0 auto;
}
@media (min-width: 900px) {
    .if-text-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
    }
}
.if-text-content__text-1,
.if-text-content__text-2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    color: var(--black);
}
@media (min-width: 1280px) {
    .if-text-content__text-1,
    .if-text-content__text-2 {
        font-size: 28px;
    }
}
.if-text-content__text-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
    position: relative;
}
.i-arrow-1,
.i-girl,
.slider-play {
    position: absolute;
}
.if-text-content__text-1 span {
    font-size: 16px;
    color: #fff;
    padding: 16px 32px;
    display: inline-block;
    background-color: var(--red);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    border-radius: 12px;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.if-text-content__text-2 {
    width: 50%;
}
.i-girl {
    right: 0;
    max-width: 250px;
    bottom: 0;
    -webkit-transform: translate(40%, -36%);
    -ms-transform: translate(40%, -36%);
    transform: translate(40%, -36%);
    height: auto;
}
@media (min-width: 640px) {
    .if-text-content__text-1 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .i-girl {
        -webkit-transform: translate(40%, -20%);
        -ms-transform: translate(40%, -20%);
        transform: translate(40%, -20%);
    }
}
.i-arrow-1 {
    left: 0;
    top: 34%;
}
@media (min-width: 900px) {
    .if-text-content__text-2 {
        width: auto;
    }
    .i-girl {
        -webkit-transform: translate(100%, 50%);
        -ms-transform: translate(100%, 50%);
        transform: translate(100%, 50%);
    }
    .if-text-content__text-group {
        position: relative;
    }
}
.i-foot {
    display: none;
}
@media (min-width: 1280px) {
    .if-text-content__text-1 span {
        font-size: 22px;
    }
    .i-girl {
        -webkit-transform: translate(95%, 82%);
        -ms-transform: translate(95%, 82%);
        transform: translate(95%, 82%);
        max-width: 280px;
    }
    .i-arrow-1 {
        top: unset;
        bottom: 0;
        -webkit-transform: translate(0, 10%);
        -ms-transform: translate(0, 10%);
        transform: translate(0, 10%);
    }
    .i-foot {
        display: initial;
        position: absolute;
        left: 0;
        top: 125px;
        -webkit-transform: translate(-25%, 0);
        -ms-transform: translate(-25%, 0);
        transform: translate(-25%, 0);
        z-index: -1;
    }
}
.media-slide {
    padding-bottom: 64%;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
@media (min-width: 375px) {
    .media-slide {
        border-radius: calc(0.75rem + (1vw - 3.75px) * 2.3300970874);
    }
}
.slider-play {
    display: inline-block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    width: 56px;
    height: 56px;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    z-index: 50;
}
.left-slide-decor,
.right-slide-decor {
    position: absolute;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
@media (min-width: 1024px) {
    .slider-play {
        width: calc(3.5rem + (1vw - 10.24px) * 7.1428571429);
        height: calc(3.5rem + (1vw - 10.24px) * 7.1428571429);
    }
}
@media (min-width: 1920px) {
    .media-slide {
        border-radius: 3rem;
    }
    .slider-play {
        width: 7.5rem;
        height: 7.5rem;
    }
}
.slider-play svg {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.slider-play path {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.slider-play:hover path {
    stroke: var(--yellow);
}
.media-slide__preview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.left-slide-decor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: 0;
    top: 0;
    -webkit-transform: translate(-65%, -56%);
    -ms-transform: translate(-65%, -56%);
    transform: translate(-65%, -56%);
}
.slide-decor--left-line-1,
.slide-decor--left-line-2 {
    width: 314px;
    height: 1px;
    background-color: var(--yellow);
    display: none;
}
@media (min-width: 1024px) {
    .left-slide-decor {
        top: 80px;
        -webkit-transform: translate(-51%, 0);
        -ms-transform: translate(-51%, 0);
        transform: translate(-51%, 0);
    }
    .slide-decor--left-line-1,
    .slide-decor--left-line-2 {
        display: block;
    }
}
.left-slide-decor--arrow-group {
    gap: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.left-slide-decor--arrow-group .slide-decor--left-micro-arrow {
    max-width: 172px;
    display: initial;
    margin-bottom: 0;
}
.slide-decor--left-arrow {
    max-width: 100px;
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.slide-decor--left-line-1,
.slide-decor--left-line-2 {
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
@media (min-width: 1024px) {
    .left-slide-decor--arrow-group .slide-decor--left-micro-arrow {
        display: none;
    }
    .left-slide-decor--arrow-group {
        margin-bottom: 27px;
    }
    .slide-decor--left-arrow {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        max-width: initial;
    }
}
.slide-decor--left-line-1 {
    margin-bottom: 15px;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px);
    transition-delay: 0.2s;
    transition-duration: 0.5s;
}
.slide-decor--left-line-2 {
    margin-bottom: 127px;
    -webkit-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    transform: translate(0, 25px);
    transition-delay: 0.2s;
    transition-duration: 0.5s;
}
.slide-decor--left-micro-arrow,
.slide-decor--right-line-1 {
    opacity: 0;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
.slide-decor--left-micro-arrow {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    transition-delay: 0.2s;
    transition-duration: 0.5s;
    display: none;
}
@media (min-width: 1024px) {
    .slide-decor--left-micro-arrow {
        display: initial;
    }
}
.right-slide-decor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(60%, 48%);
    -ms-transform: translate(60%, 48%);
    transform: translate(60%, 48%);
}
.right-slide-decor--arrow-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.slide-decor--right-line-1,
.slide-decor--right-line-2 {
    width: 314px;
    height: 1px;
    background-color: var(--yellow);
    display: none;
}
@media (min-width: 1024px) {
    .right-slide-decor {
        bottom: 70px;
        -webkit-transform: translate(75%, 0);
        -ms-transform: translate(75%, 0);
        transform: translate(75%, 0);
    }
    .slide-decor--right-line-1,
    .slide-decor--right-line-2 {
        display: block;
    }
}
.slide-decor--right-line-1 {
    margin-bottom: 20px;
    -webkit-transform: translate(-10%, 15px);
    -ms-transform: translate(-10%, 15px);
    transform: translate(-10%, 15px);
    transition-delay: 0.2s;
    transition-duration: 0.5s;
}
.slide-decor--right-arrow,
.slide-decor--right-line-2 {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    opacity: 0;
}
.slide-decor--right-line-2 {
    margin-bottom: 40px;
    -webkit-transform: translate(0, 25px);
    -ms-transform: translate(0, 25px);
    transform: translate(0, 25px);
    transition-delay: 0.2s;
    transition-duration: 0.5s;
}
.slide-decor--right-arrow {
    -webkit-transform: translate(-100px, 0);
    -ms-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
    transition-delay: 0.2s;
    transition-duration: 0.5s;
    max-width: 101px;
}
@media (min-width: 1024px) {
    .slide-decor--right-arrow {
        max-width: initial;
    }
}
.slide-decor--right-micro-arrow {
    opacity: 0;
    -webkit-transform: translate(-200px, 0);
    -ms-transform: translate(-200px, 0);
    transform: translate(-200px, 0);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    max-width: 172px;
}
.swiper-slide.swiper-slide-active {
    z-index: 5;
}
.swiper-slide.swiper-slide-active .slider-play {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.swiper-slide.swiper-slide-active .slide-decor--left-arrow {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
@media (min-width: 1024px) {
    .slide-decor--right-micro-arrow {
        max-width: initial;
    }
    .swiper-slide.swiper-slide-active .slide-decor--left-arrow {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
.swiper-slide.swiper-slide-active .slide-decor--left-line-1 {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 1;
    -webkit-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
}
.swiper-slide.swiper-slide-active .slide-decor--left-line-2 {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.swiper-slide.swiper-slide-active .slide-decor--left-micro-arrow {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.swiper-slide.swiper-slide-active .slide-decor--right-line-1 {
    opacity: 1;
    -webkit-transform: translate(-20%, 15px);
    -ms-transform: translate(-20%, 15px);
    transform: translate(-20%, 15px);
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.swiper-slide.swiper-slide-active .slide-decor--right-line-2 {
    opacity: 1;
    -webkit-transform: translate(-50%, 25px);
    -ms-transform: translate(-50%, 25px);
    transform: translate(-50%, 25px);
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.swiper-slide.swiper-slide-active .slide-decor--right-arrow {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.swiper-slide.swiper-slide-active .slide-decor--right-micro-arrow {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.swiper.index-media {
    overflow: visible;
    max-width: 70.291666666vw;
}
.swiper.index-media .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.swiper.index-media .swiper-slide {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    width: 60.520833333vw;
    position: relative;
}
.swiper.index-media .swiper-slide .media-slide {
    padding-bottom: 64%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.swiper.index-media .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--black);
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: 5;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: 12px;
}
@media (min-width: 375px) {
    .swiper.index-media .swiper-slide::before {
        border-radius: calc(0.75rem + (1vw - 3.75px) * 2.3300970874);
    }
}
.swiper.index-media .swiper-slide.swiper-slide-active {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.swiper.index-media .swiper-slide.swiper-slide-active::before {
    opacity: 1;
    -webkit-transform: scale(1) translate(-2%, -4%) rotate(-2deg);
    -ms-transform: scale(1) translate(-2%, -4%) rotate(-2deg);
    transform: scale(1) translate(-2%, -4%) rotate(-2deg);
}
.swiper.index-media .swiper-slide.swiper-slide-active .media-slide {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    padding-bottom: 64%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tis-title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    margin-bottom: 16px;
    position: relative;
}
@media (min-width: 1024px) {
    .swiper.index-media {
        max-width: 57.291666666vw;
    }
    .tis-title-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 32px;
        margin-bottom: calc(2rem + (1vw - 10.24px) * 8.4821428571);
    }
}
.ti-map {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-44%, 0);
    -ms-transform: translate(-44%, 0);
    transform: translate(-44%, 0);
    height: auto;
    width: 183.2vw;
    max-width: 1315px;
}
.i-nums,
.i-nums__num-1.num-1,
.tis-title-block__text {
    position: relative;
}
@media (min-width: 640px) {
    .ti-map {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 120vw;
    }
}
.tis-title-block__num img {
    width: 91.466666666vw;
    height: auto;
    max-width: 558px;
}
@media (min-width: 1024px) {
    .tis-title-block__num img {
        max-width: 480px;
    }
}
@media (min-width: 1280px) {
    .tis-title-block {
        gap: 84px;
    }
    .ti-map {
        -webkit-transform: translate(-36%, -20%);
        -ms-transform: translate(-36%, -20%);
        transform: translate(-36%, -20%);
    }
    .tis-title-block__num img {
        max-width: 558px;
    }
}
.tis-title-block__text img.text-img {
    width: 65.333333333vw;
    height: auto;
    max-width: 510px;
}
@media (min-width: 1024px) {
    .tis-title-block__text img.text-img {
        max-width: 440px;
    }
}
.i-nums__num-1 {
    font-family: Onest;
    font-size: 80px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-align: right;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 2px var(--purp);
}
@media (min-width: 1024px) {
    .i-nums__num-1 {
        font-size: calc(5rem + (1vw - 10.24px) * 14.5089285714);
        -webkit-text-stroke: 2px var(--purp);
        line-height: 0.75;
    }
}
@media (min-width: 1920px) {
    .swiper.index-media .swiper-slide::before {
        border-radius: 3rem;
    }
    .tis-title-block {
        margin-bottom: 6.75rem;
    }
    .i-nums__num-1 {
        font-size: 13.125rem;
    }
}
.tis-bottom-block__text-1,
.tis-bottom-block__text-2 {
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--purp);
    text-align: left;
}
.i-nums__num-1.num-1 {
    z-index: 10;
}
.i-nums__num-1.num-2 {
    position: absolute;
    z-index: 6;
    left: 0;
    top: 0;
    -webkit-transform: translate(-12%, 0) scale(1.05);
    -ms-transform: translate(-12%, 0) scale(1.05);
    transform: translate(-12%, 0) scale(1.05);
}
.i-nums__num-1.num-3 {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    -webkit-transform: translate(-25%, 0) scale(1.05);
    -ms-transform: translate(-25%, 0) scale(1.05);
    transform: translate(-25%, 0) scale(1.05);
}
.i-nums__num-1.num-4 {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    -webkit-transform: translate(-45%, 0) scale(1.05);
    -ms-transform: translate(-45%, 0) scale(1.05);
    transform: translate(-45%, 0) scale(1.05);
}
.ti-section,
.ti-section .section__inner,
.tis-bottom-block,
.tis-btn-block,
.tis-btn-block .btn-wrap {
    position: relative;
}
@media (max-width: 1279px) {
    .i-nums__num-1.num-2,
    .i-nums__num-1.num-3,
    .i-nums__num-1.num-4 {
        display: none;
    }
}
.tis-bottom-block {
    margin-bottom: 132px;
    z-index: 5;
}
@media (min-width: 1024px) {
    .tis-bottom-block {
        margin-bottom: 80px;
    }
}
.tis-bottom-block__text-1 {
    font-size: 32px;
    letter-spacing: 0.04em;
    margin-bottom: 24px;
}
@media (min-width: 1024px) {
    .tis-bottom-block__text-1 {
        font-size: calc(2rem + (1vw - 10.24px) * 1.7857142857);
        margin-bottom: 0;
    }
}
@media (min-width: 1920px) {
    .tis-bottom-block__text-1 {
        font-size: 3rem;
    }
}
.tis-bottom-block__text-2 {
    font-size: 20px;
    letter-spacing: 0;
}
@media (min-width: 768px) {
    .tis-bottom-block__text-2 {
        text-align: center;
    }
    .tis-bottom-block__text-2 br {
        display: none;
    }
}
@media (min-width: 1024px) {
    .tis-bottom-block__text-2 {
        font-size: calc(1.5rem + (1vw - 10.24px) * 2.6785714286);
    }
}
@media (min-width: 1920px) {
    .tis-bottom-block__text-2 {
        font-size: 3rem;
    }
}
.ti-section .btn {
    padding: 32px 24px;
}
@media (min-width: 1280px) {
    .tis-title-block__text img.text-img {
        max-width: 510px;
    }
    .tis-bottom-block__text-2 {
        -webkit-transform: translate(-100px, 0);
        -ms-transform: translate(-100px, 0);
        transform: translate(-100px, 0);
    }
    .ti-section .btn {
        font-size: 22px;
        padding: 32px 54px;
    }
}
.ti-section .section__inner {
    z-index: 3;
}
@media (min-width: 640px) {
    .tis-btn-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.tis-btn-block__compas {
    position: absolute;
    width: 65px;
    height: 65px;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-25%, -140%);
    -ms-transform: translate(-25%, -140%);
    transform: translate(-25%, -140%);
}
@media (min-width: 1024px) {
    .ti-section {
        padding-top: 140px;
    }
    .tis-btn-block__compas {
        width: 106px;
        height: 106px;
        left: 10%;
        top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.ti-cheese {
    display: none;
}
@media (min-width: 1280px) {
    .ti-cheese {
        display: initial;
        position: absolute;
        left: 49%;
        top: 0;
        -webkit-transform: translate(0, -145%);
        -ms-transform: translate(0, -145%);
        transform: translate(0, -145%);
    }
}
.ti-purp-arrow {
    display: none;
}
@media (min-width: 1280px) {
    .ti-purp-arrow {
        display: initial;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translate(175%, -50%);
        -ms-transform: translate(175%, -50%);
        transform: translate(175%, -50%);
    }
}
.ti-yellow-round {
    display: none;
}
@media (min-width: 1280px) {
    .ti-yellow-round {
        display: initial;
        position: absolute;
        right: 0;
        bottom: -54%;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.ti-minimap {
    position: absolute;
    width: 160px;
    height: auto;
    right: 0;
    bottom: 132px;
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
}
@media (min-width: 1024px) {
    .ti-minimap {
        bottom: unset;
        top: 0;
        width: 220px;
        -webkit-transform: translate(0, -42%);
        -ms-transform: translate(0, -42%);
        transform: translate(0, -42%);
        right: 12.5%;
    }
    .tis-bottom-block__top-group {
        margin-bottom: calc(3rem + (1vw - 10.24px) * 6.6964285714);
    }
}
.ti-decoration-group-1 {
    position: absolute;
    right: 0;
    top: 30%;
    max-width: 120px;
    z-index: 2;
    -webkit-transform: translate(16px, 21px);
    -ms-transform: translate(16px, 21px);
    transform: translate(16px, 21px);
}
.tis-bottom-block__top-group {
    position: relative;
    z-index: 2;
}
@media (min-width: 768px) {
    .ti-decoration-group-1 {
        display: none;
    }
    .tis-bottom-block__top-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 45px;
    }
}
@media (min-width: 1920px) {
    .tis-bottom-block__top-group {
        margin-bottom: 6.75rem;
    }
}
@media (min-width: 1024px) {
    .tis-bottom-block__top-group {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.tis-btn-block__decoration {
    display: none;
}
@media (min-width: 1280px) {
    .tis-bottom-block__top-group {
        gap: 90px;
    }
    .tis-btn-block__decoration {
        display: initial;
        position: absolute;
        max-width: 740px;
        right: 0;
        top: 50%;
        -webkit-transform: translate(100%, -67%);
        -ms-transform: translate(100%, -67%);
        transform: translate(100%, -67%);
    }
}
.tis-bottom-block__decoration {
    display: none;
}
@media (min-width: 1280px) {
    .tis-bottom-block__decoration {
        display: initial;
        position: absolute;
        max-width: 200px;
        left: 0;
        bottom: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: -1;
    }
}
@media (min-width: 1440px) {
    .tis-bottom-block__decoration {
        bottom: 50px;
        max-width: 280px;
    }
}
.ti-rombs {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
@media (min-width: 1280px) {
    .ti-rombs {
        display: initial;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
.cr-ex-title-block,
.s-accordion__content-block {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.s-accordion {
    margin-top: 100px;
}
.s-accordion__content-block {
    display: flex;
    flex-direction: column;
    position: relative;
}
@media (min-width: 768px) {
    .s-accordion__content-block {
        gap: 32px;
    }
}
.s-accordion__content-block .decoration {
    display: none;
    max-width: 367px;
    height: auto;
}
@media (min-width: 1024px) {
    .s-accordion {
        margin-top: 264px;
    }
    .s-accordion__content-block {
        gap: 54px;
    }
    .s-accordion__content-block .decoration {
        display: initial;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translate(0, -36%);
        -ms-transform: translate(0, -36%);
        transform: translate(0, -36%);
    }
}
@media (min-width: 1600px) {
    .s-accordion__content-block .decoration {
        -webkit-transform: translate(-55%, -17%);
        -ms-transform: translate(-55%, -17%);
        transform: translate(-55%, -17%);
    }
}
.s-accordion__arrow {
    display: none;
}
@media (min-width: 1024px) {
    .s-accordion__arrow {
        display: initial;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-transform: translate(0, -5%);
        -ms-transform: translate(0, -5%);
        transform: translate(0, -5%);
    }
}
.modal-colorcube,
.modal-cursor,
.modal-curve,
.modal-curve-shop,
.modal-graycube,
.modal-round,
.modal-round-shop,
.modal-sun,
.modal-sun-shop {
    position: absolute;
    opacity: 0;
    display: none;
    height: auto;
}
.modal-sun {
    width: 15.989583333vw;
    left: 0;
    top: 0;
    -webkit-transform: translate(-75%, -15%);
    -ms-transform: translate(-75%, -15%);
    transform: translate(-75%, -15%);
    -webkit-animation: showSun 0.5s forwards;
    animation: showSun 0.5s forwards;
}
.modal-curve {
    width: 9.010416666vw;
    left: 15%;
    top: 50%;
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-animation: showCurve 0.5s forwards;
    animation: showCurve 0.5s forwards;
}
.modal-round {
    width: 24.010416666vw;
    left: 29%;
    bottom: 0;
    -webkit-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    transform: translate(0, 15%);
    -webkit-animation: showRound 0.5s forwards;
    animation: showRound 0.5s forwards;
}
.modal-graycube {
    width: 12.083333333vw;
    right: 20%;
    bottom: 0;
    -webkit-transform: translate(0, 35%);
    -ms-transform: translate(0, 35%);
    transform: translate(0, 35%);
    -webkit-animation: showRound 0.5s 0.2s forwards;
    animation: showRound 0.5s 0.2s forwards;
}
.modal-colorcube {
    width: 5.625vw;
    right: 15%;
    top: 15%;
    -webkit-transform: translate(0, -15%);
    -ms-transform: translate(0, -15%);
    transform: translate(0, -15%);
    -webkit-animation: showColorCube 0.5s 0.2s forwards;
    animation: showColorCube 0.5s 0.2s forwards;
}
.modal-cursor {
    width: 4.21875vw;
    right: 15%;
    top: 50%;
    -webkit-transform: translate(25%, 25%);
    -ms-transform: translate(25%, 25%);
    transform: translate(25%, 25%);
    -webkit-animation: showColorCube 0.5s 0.3s forwards;
    animation: showColorCube 0.5s 0.3s forwards;
}
.modal-sun-shop {
    width: 15.989583333vw;
    left: 0;
    top: 0;
    min-width: 120px;
    -webkit-transform: translate(-75%, -15%);
    -ms-transform: translate(-75%, -15%);
    transform: translate(-75%, -15%);
    -webkit-animation: showSun 1.5s 0.3s forwards;
    animation: showSun 1.5s 0.3s forwards;
}
.modal-curve-shop {
    width: 9.010416666vw;
    left: 15%;
    top: 50%;
    min-width: 123px;
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-animation: showCurve 1.5s 0.3s forwards;
    animation: showCurve 1.5s 0.3s forwards;
}
.modal-round-shop {
    width: 24.010416666vw;
    left: 29%;
    bottom: 0;
    min-width: 146px;
    -webkit-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    transform: translate(0, 15%);
    -webkit-animation: showRound 1.5s 0.3s forwards;
    animation: showRound 1.5s 0.3s forwards;
}
.modal-graycube-shop {
    width: 12.083333333vw;
    height: auto;
    right: 20%;
    bottom: 0;
    position: absolute;
    opacity: 0;
    display: none;
    -webkit-transform: translate(0, 35%);
    -ms-transform: translate(0, 35%);
    transform: translate(0, 35%);
    -webkit-animation: showRound 1.5s 0.3s forwards;
    animation: showRound 1.5s 0.3s forwards;
}
.modal-colorcube-shop,
.modal-cursor-shop {
    height: auto;
    right: 15%;
    position: absolute;
    opacity: 0;
    display: none;
}
.modal-colorcube-shop {
    width: 5.625vw;
    top: 15%;
    -webkit-transform: translate(0, -15%);
    -ms-transform: translate(0, -15%);
    transform: translate(0, -15%);
    -webkit-animation: showColorCube 1.5s 0.3s forwards;
    animation: showColorCube 1.5s 0.3s forwards;
}
.modal-cursor-shop {
    width: 4.21875vw;
    top: 50%;
    -webkit-transform: translate(25%, 25%);
    -ms-transform: translate(25%, 25%);
    transform: translate(25%, 25%);
    -webkit-animation: showColorCube 1.5s 0.3s forwards;
    animation: showColorCube 1.5s 0.3s forwards;
}
.hystmodal--active .mp-content__img-block .modal-sun-shop {
    display: initial;
    z-index: -1;
}
@media (min-width: 1024px) {
    .hystmodal--active .mp-content__img-block .modal-sun-shop {
        display: none;
    }
}
.hystmodal--active .mp-content__img-block .modal-curve-shop {
    display: initial;
    z-index: -1;
    left: unset;
    top: 6%;
    right: 11%;
}
@media (min-width: 1024px) {
    .hystmodal--active .mp-content__img-block .modal-curve-shop {
        display: none;
    }
}
.hystmodal--active .mp-content__img-block .modal-round-shop {
    display: initial;
    z-index: -1;
    left: 63%;
}
@media (min-width: 1024px) {
    .hystmodal--active .mp-content__img-block .modal-round-shop {
        display: none;
    }
    .hystmodal--active .modal-colorcube,
    .hystmodal--active .modal-colorcube-shop,
    .hystmodal--active .modal-cursor,
    .hystmodal--active .modal-cursor-shop,
    .hystmodal--active .modal-curve,
    .hystmodal--active .modal-curve-shop,
    .hystmodal--active .modal-graycube,
    .hystmodal--active .modal-graycube-shop,
    .hystmodal--active .modal-round,
    .hystmodal--active .modal-round-shop,
    .hystmodal--active .modal-sun,
    .hystmodal--active .modal-sun-shop {
        display: initial;
    }
}
@-webkit-keyframes showRound {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 5%);
        transform: translate(0, 5%);
    }
}
@keyframes showRound {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 5%);
        transform: translate(0, 5%);
    }
}
@-webkit-keyframes showCurve {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showCurve {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes showSun {
    to {
        opacity: 1;
        -webkit-transform: translate(-25%, -5%);
        transform: translate(-25%, -5%);
    }
}
@keyframes showSun {
    to {
        opacity: 1;
        -webkit-transform: translate(-25%, -5%);
        transform: translate(-25%, -5%);
    }
}
@-webkit-keyframes showColorCube {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showColorCube {
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.cr-ex-title-block {
    font-size: 16px;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cr-ex-title-block__text {
    font-family: Montserrat;
    font-weight: 600;
}
.accordion-header,
.award-content__title,
.buy-approve__text b,
.cr-ex-title-block__text.purp,
.cr-exc-form__input {
    font-family: var(--second-family);
}
.cr-ex-title-block__text.purp {
    font-weight: 500;
    color: var(--purp);
}
.cr-exc-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
}
.cr-exc-form .btn-wrap {
    width: 100%;
    margin-top: 24px;
}
.cr-exc-form__input-wrap {
    width: 100%;
    position: relative;
}
.cr-exc-form__input-label {
    width: 100%;
    position: relative;
    display: block;
}
@media (min-width: 768px) {
    .cr-ex-title-block {
        font-size: 24px;
    }
    .cr-exc-form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cr-exc-form__input-label {
        width: 220px;
    }
}
.cr-exc-form__input-label span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--black);
    display: block;
    margin-bottom: 12px;
}
.cr-exc-form__input {
    width: 100%;
    height: 80px;
    border-radius: 18px;
    border: 1px solid var(--black);
    font-size: 32px;
    font-weight: 700;
    padding-left: 24px;
    padding-right: 60px;
}
.cr-exc-form__diamond {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 24px;
}
.hystmodal__close.desk {
    display: none;
}
@media (min-width: 1024px) {
    .hystmodal__close.mob {
        display: none;
    }
    .hystmodal__close.desk {
        display: initial;
        position: absolute;
        right: 20px;
        top: 20px;
    }
}
#crystalexchange .btn {
    width: 100%;
}
#crystalexchange .hystmodal__wrap {
    margin-top: 50px;
}
#crystalexchange .hystmodal__window {
    width: 100%;
    max-width: 731px;
}
@media (min-width: 768px) {
    #crystalexchange .hystmodal__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
    }
    #crystalexchange .hystmodal__window {
        border-radius: 24px;
    }
    #crystalexchange .btn {
        width: auto;
    }
    #crystalexchange .btn-wrap {
        width: auto;
        margin-top: 0;
    }
    #crystalexchange .exchange-icon {
        -webkit-transform: translate(0, 37%);
        -ms-transform: translate(0, 37%);
        transform: translate(0, 37%);
    }
}
#crystalexchange .btn-container {
    width: 100%;
}
.award-content {
    display: grid;
    grid-gap: 20px;
}
@media (min-width: 768px) {
    .award-content {
        grid-template-columns: 31.25vw 1fr;
        grid-gap: 40px 5.2vw;
    }
}
@media (min-width: 1024px) {
    .award-content {
        grid-template-columns: 25.46875vw 1fr;
        grid-gap: 60px 10.416666666vw;
    }
}
.award-content__main-img-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}
.modal-curve-award {
    max-width: 122px;
    position: absolute;
    right: 0;
    top: 30%;
    z-index: -1;
}
.modal-round-award {
    max-width: 146px;
    position: absolute;
    left: 0;
    bottom: 25%;
    z-index: -1;
    -webkit-transform: translate(-66%, 0);
    -ms-transform: translate(-66%, 0);
    transform: translate(-66%, 0);
}
.modal-colorcube-award {
    max-width: 43px;
    position: absolute;
    right: 30%;
    top: -80px;
    z-index: -1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
@media (min-width: 768px) {
    .award-content__main-img-block {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-row: 1/3;
        grid-column: 1/2;
    }
    .modal-colorcube-award,
    .modal-curve-award,
    .modal-round-award {
        display: none;
    }
}
.award-content__description-text,
.mp-content {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.award-content__main-img {
    width: 60vw;
    height: auto;
    max-width: 400px;
}
@media (min-width: 768px) {
    .award-content__main-img {
        max-width: 100%;
    }
}
.award-content__message {
    padding: 40px;
    width: 100%;
    border-radius: 24px 24px 24px 0;
    border: 1px solid var(--light-gray);
    background-color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left;
    max-width: 480px;
}
@media (min-width: 1024px) {
    .award-content__main-img-block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .award-content__message {
        font-size: 16px;
    }
}
.award-content__description-block {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .award-content__description-block {
        margin-bottom: 0;
    }
}
@media (min-width: 1400px) {
    .award-content__description-block {
        padding-right: 7.291666666vw;
    }
}
.award-content__description-text {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .award-content__description-text {
        margin-bottom: 60px;
    }
}
.award-content__description-text p {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
}
.award-content__title,
.buy-approve__cancel {
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
@media (min-width: 1024px) {
    .award-content__description-text p {
        font-size: 16px;
    }
}
.award-content__title {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}
@media (min-width: 1024px) {
    .award-content__title {
        font-size: 32px;
    }
}
@media (min-width: 1280px) {
    .award-content {
        grid-template-columns: 25.46875vw 1fr;
        grid-gap: 100px 10.416666666vw;
    }
    .award-content__description-text {
        gap: 40px;
        margin-bottom: 100px;
    }
    .award-content__title {
        font-size: 40px;
    }
}
.award-content__pa-img img {
    max-width: 140px;
    height: auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
.award-content__pa-img:hover img {
    -webkit-filter: drop-shadow(0 4px 30px #ffc001);
    filter: drop-shadow(0 4px 30px #ffc001);
}
.award-content__pa-title {
    margin-bottom: 32px;
}
.hystmodal.hystmodal-awards .hystmodal__window {
    margin-top: 50px;
    margin-bottom: 0;
    width: 100%;
}
@media (min-width: 768px) {
    .hystmodal.hystmodal-awards .hystmodal__wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .hystmodal.hystmodal-awards .hystmodal__window {
        background-color: transparent;
        margin-top: 0;
        padding-top: 120px;
    }
    .hystmodal.hystmodal-awards .hystmodal__close.mob {
        position: absolute;
        right: 20px;
        top: 20px;
    }
}
.mp-content {
    width: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 130px;
}
.mp-content__img-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.mp-content__img {
    width: 100%;
    height: auto;
    max-width: 980px;
}
.mp-content__mob-bnts-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}
.mp-content__mob-buy-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    width: 100%;
}
.mp-content__price-block .btn {
    display: none;
}
@media (min-width: 1024px) {
    .hystmodal.hystmodal-awards .hystmodal__window {
        padding: 120px 7.291666666vw;
    }
    .mp-content__mob-buy-block {
        display: none;
    }
    .mp-content__price-block .btn {
        display: initial;
    }
    .mp-content__price-block {
        background-color: var(--yellow);
        padding: 28px 56px;
        border-radius: 100px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 80px;
    }
    .mp-content__price-block .btn-pay {
        font-size: 24px;
        padding: 0;
    }
    .mp-content__price-block .btn {
        padding: 24px 56px;
        border: 2px solid var(--black);
    }
}
.accordion,
.buy-approve__window,
.buy-success__window {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
@media (min-width: 1400px) {
    .mp-content__price-block {
        gap: 300px;
    }
    .mp-content__price-block .btn {
        font-weight: 800;
        font-size: 24px;
        padding: 32px 56px;
    }
    .mp-content__price-block .btn-pay {
        font-size: 40px;
        gap: 16px;
    }
    .mp-content__price-block .btn-pay img {
        width: 48px;
        height: 48px;
    }
}
.hystmodal.product-modal .btn-pay {
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
.hystmodal.product-modal .hystmodal__window {
    margin-top: 50px;
    margin-bottom: 0;
    width: 100%;
}
@media (min-width: 768px) {
    .hystmodal.product-modal .hystmodal__window {
        background-color: transparent;
    }
}
.buy-approve,
.buy-success {
    display: none;
    z-index: 10;
    opacity: 0;
    background-color: rgba(242, 244, 246, 0.8);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.buy-success {
    z-index: 20;
}
.buy-approve__window,
.buy-success__window {
    padding: 40px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: #fff;
    border-radius: 24px;
    max-width: 731px;
}
@media (min-width: 640px) {
    .buy-approve__window,
    .buy-success__window {
        padding: 40px;
    }
}
@media (min-width: 1024px) {
    .buy-approve__window,
    .buy-success__window {
        padding: 80px;
        gap: 80px;
    }
}
.buy-success__window {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.buy-approve__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
}
.buy-approve__btns .btn-wrap {
    width: 100%;
}
@media (min-width: 480px) {
    .buy-approve__btns .btn-wrap {
        width: auto;
    }
}
.buy-approve__cancel {
    width: 100%;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    color: var(--black);
    padding: 24px;
}
@media (min-width: 480px) {
    .buy-approve__cancel {
        width: auto;
        -webkit-box-flex: 0.5;
        -ms-flex-positive: 0.5;
        flex-grow: 0.5;
    }
}
.buy-approve.active,
.buy-success.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: showSubModal 0.5s forwards;
    animation: showSubModal 0.5s forwards;
}
.buy-approve.active.closing,
.buy-success.active.closing {
    -webkit-animation: hideSubModal 0.3s forwards;
    animation: hideSubModal 0.3s forwards;
}
.buy-approve__text {
    font-size: 18px;
}
@media (min-width: 1400px) {
    .buy-approve__text {
        font-size: 24px;
    }
}
@-webkit-keyframes showSubModal {
    to {
        opacity: 1;
    }
}
@keyframes showSubModal {
    to {
        opacity: 1;
    }
}
@-webkit-keyframes hideSubModal {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes hideSubModal {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 32px 0;
}
@media (min-width: 1024px) {
    .accordion {
        gap: 48px 0;
        width: 66%;
    }
}
.accordion-item {
    position: relative;
}
.accordion-item.collapsed > .accordion-body {
    display: none;
    visibility: hidden;
}
.accordion-item.collapsed.opening > .accordion-body {
    display: block;
    position: absolute;
}
.accordion-item.opening.collapsed > .accordion-header > .accordion-arrow,
.accordion-item:not(.collapsed) > .accordion-header > .accordion-arrow {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion-item.collapsing > .accordion-header > .accordion-arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.accordion-header {
    padding: 0;
    cursor: pointer;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 16px;
    color: var(--black);
    font-weight: 700;
    z-index: 2;
}
@media (min-width: 1024px) {
    .accordion-header {
        font-size: 16px;
    }
}
.accordion-arrow {
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='13' viewBox='0 0 25 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M22.9699 0.376059L12.6347 10.4507L2.29948 0.376059C2.11482 0.195695 1.86694 0.0947191 1.60881 0.0947191C1.35068 0.0947191 1.1028 0.195695 0.918143 0.376059C0.828733 0.463663 0.757702 0.568225 0.709211 0.683625C0.660719 0.799025 0.635742 0.922942 0.635742 1.04812C0.635742 1.17329 0.660719 1.29721 0.709211 1.4126C0.757702 1.528 0.828733 1.63257 0.918143 1.72017L11.913 12.44C12.1061 12.6282 12.365 12.7335 12.6347 12.7335C12.9043 12.7335 13.1633 12.6282 13.3564 12.44L24.3512 1.72224C24.4413 1.63457 24.5128 1.52975 24.5617 1.41397C24.6106 1.29819 24.6357 1.17379 24.6357 1.04812C24.6357 0.922443 24.6106 0.798044 24.5617 0.682262C24.5128 0.566479 24.4413 0.46166 24.3512 0.37399C24.1666 0.193626 23.9187 0.0926514 23.6606 0.0926514C23.4024 0.0926514 23.1545 0.193626 22.9699 0.37399V0.376059Z' fill='white'/%3e%3c/svg%3e");
    background-size: 100% 100%;
}
.accordion-body {
    padding-top: 16px;
    margin-top: 0;
    width: 100%;
    color: var(--black);
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}
.accordion-body a {
    color: var(--purp);
    font-weight: 700;
}
.accordion-query {
    width: 56px;
    height: 56px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -68px;
}
.accordion-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}
.accordion-header {
    margin-top: 68px;
    position: relative;
}
@media (min-width: 1024px) {
    .accordion-body {
        font-size: 16px;
        padding-left: 80px;
    }
    .accordion-query {
        top: 0;
        left: -80px;
    }
    .accordion-item-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px;
    }
    .accordion-header {
        margin-top: 0;
        margin-left: 80px;
    }
}