@charset "UTF-8";

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Bold.woff2) format("woff2");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-BoldItalic.woff2) format("woff2");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Demi.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-DemiItalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Heavy.woff2) format("woff2");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-HeavyItalic.woff2) format("woff2");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Italic.woff2) format("woff2");
    font-weight: undefined;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-LightItalic.woff2) format("woff2");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-MediumItalic.woff2) format("woff2");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Medium.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-Thin.woff2) format("woff2");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-ThinItalic.woff2) format("woff2");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-UltraLight.woff2) format("woff2");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    font-display: swap;
    src: url(../fonts/AvenirNextCyr-UltraLightIt.woff2) format("woff2");
    font-weight: undefined;
    font-style: normal
}

* {
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

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

:active,
:focus {
    outline: 0
}

aside,
footer,
header,
nav {
    display: block
}

html {
    scroll-behavior: smooth;
    -webkit-transition: opacity .8s ease-in-out;
    transition: opacity .8s ease-in-out
}

html.loaded {
    opacity: 1
}

html.lock {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden
}

html.lock [data-lp] {
    padding-right: 1rem;
    padding-right: var(--bh-scrollbar-width, 1rem)
}

html.lock .wrapper {
    margin-right: 1rem;
    margin-right: var(--bh-scrollbar-width, 1rem)
}

body,
html {
    width: 100%;
    height: 100%;
    min-width: 320px
}

body {
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    line-height: 1.25;
    line-height: var(--bs-line-height);
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: "Avenir Next Cyr", sans-serif;
    font-family: var(--bs-font-family);
    font-size: 10px;
    font-size: var(--bs-font-size);
    font-weight: 300;
    font-weight: var(--bs-font-weight);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

button,
input,
textarea {
    font-family: inherit
}

input::-ms-clear {
    display: none
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

a:active,
a:focus {
    outline: 0
}

a:visited {
    -webkit-text-decoration: none;
    text-decoration: none
}

li,
ul {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400
}

sup {
    color: inherit
}

@-webkit-keyframes show-header {
    0% {
        top: -100%
    }

    100% {
        top: 0
    }
}

@keyframes show-header {
    0% {
        top: -100%
    }

    100% {
        top: 0
    }
}

@-webkit-keyframes fade-up-big {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up-big {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.ibg {
    position: relative
}

.ibg img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.ibg_contain img {
    -o-object-fit: contain;
    object-fit: contain
}

:root {
    --bs-font-family: "Avenir Next Cyr", sans-serif;
    --bs-font-size: 10px;
    --bs-font-weight: 300;
    --bs-line-height: 1.25;
    --main-color: #EA5344;
    --bg-color: #FFDA9E;
    --light-color: #FFF3E8;
    --dark-color: #130F10;
    --darkSecondary-color: #402123
}

body,
html {
    background-color: #ffda9e;
    background-color: var(--bg-color);
    font: 10px/1.25 "Avenir Next Cyr", sans-serif;
    font: var(--bs-font-size)/var(--bs-line-height) var(--bs-font-family);
    font-weight: 300;
    font-weight: var(--bs-font-weight);
    color: #130f10;
    color: var(--dark-color);
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden
}

.page {
    overflow: hidden;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main {
    /* -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto */
}

body.lock {
    overflow: hidden;
    min-height: 100%
}

.wrapper {
    --max-width: 340px;
    --padding-side: 24px;
    width: min(340px, 100% - 24px * 2);
    width: min(var(--max-width), 100% - var(--padding-side) * 2);
    margin-left: auto;
    margin-right: auto
}

.main-color {
    color: #ea5344;
    color: var(--main-color)
}

.instruction__section {
    padding-left: 24px;
    padding-right: 24px
}

.instruction__title-bg {
    position: relative;
    z-index: 1
}

.instruction__title-bg::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
    background-image: url(../images/regestration-bg-elements.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.instruction__title-title {
    font-size: 5.4em;
    font-weight: 800;
    position: relative;
    z-index: 1;
    text-align: center
}

.instruction__title-title-broken {
    font-size: 6.2em;
    line-height: .9
}

.instruction__title-title-broken .instruction__title-title-span {
    display: inline-block
}

.instruction__title-title-broken .instruction__title-title-span-2 {
    margin-left: 42%
}

.instruction__title-subtitle {
    font-size: 2.7em;
    font-weight: 700;
    letter-spacing: -.05em;
    color: #ea5344;
    color: var(--main-color);
    text-align: center;
    margin-top: 20px
}

.instruction__title-subtitle.mt-40 {
    margin-top: 40px
}

.instruction__text {
    margin-top: 30px;
    text-align: center
}

.instruction__text-title {
    font-size: 1.8em;
    font-weight: 700
}

.instruction__text-text {
    font-size: 1.4em;
    margin-top: 25px;
    line-height: 1.5
}

.instruction__text.mt-65 {
    margin-top: 65px
}

.instruction__section {
    margin-top: 20px
}

.instruction__picture {
    width: 100%;
    height: 366px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

.instruction__picture-img {
    width: 100%;
    height: 100%
}

.instruction__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
}

.instruction__slider-item {
    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: 16px
}

.instruction__slider-item_picture {
    width: 85px;
    height: 85px;
    border-radius: 18px;
    background: #fff3e8;
    background: var(--light-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.instruction__slider-item_picture-img {
    height: 52px
}

.instruction__slider-item_text {
    font-size: 1.2em;
    text-align: center;
}

.instruction__slider-item.active {
    margin-top: 35px
}

.instruction__slider-item.active .instruction__slider-item_picture {
    width: 127px;
    height: 127px;
    border-radius: 21px
}

.instruction__slider-item.active .instruction__slider-item_picture-img {
    height: 76px
}

.instruction__slider-item.active .instruction__slider-item_text {
    font-size: 1.7em
}

.instruction__slider_nav {
    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;
    -webkit-column-gap: 26px;
    -moz-column-gap: 26px;
    column-gap: 26px;
    margin-top: 35px
}

.instruction__slider_nav-item {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #130f10;
    background: var(--dark-color)
}

.instruction__slider_nav-item.active {
    background: #ea5344;
    background: var(--main-color);
    width: 36px;
    height: 36px
}

.action__section {
    padding-top: 24px;
    padding-bottom: 30px;
    padding-left: 24px;
    padding-right: 24px;
    max-height: 50px;
    border-radius: 12px 12px 0 0;
    background: #ea5344;
    background: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
}

.action__section-choose-lang {
    border-radius: 22px 22px 0 0;
    padding-top: 20px
}

.action__section-choose-lang .action__btn {
    margin-top: 30px
}

.action__title {
    text-align: center
}

.action__title-title {
    font-size: 2.2em;
    letter-spacing: -.05em
}

.action__choose-lang {
    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;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px
}

.action__choose-lang-item {
    width: 60px;
    height: 40px;
    cursor: pointer;
    position: relative;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.action__choose-lang-item:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.action__choose-lang-item.active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.action__choose-lang-item-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.action__choose-lang-item-input:checked+img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(0 0 5px #fff3e8);
    filter: drop-shadow(0 0 5px #fff3e8);
    -webkit-filter: drop-shadow(0 0 5px var(--light-color));
    filter: drop-shadow(0 0 5px var(--light-color))
}

.action__choose-lang-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.action__btn {
    text-align: center;
    margin: 0 auto;
    padding: 25px 0;
}

.action__btn-btn {
    font-size: 2.2em;
    font-weight: 700;
    letter-spacing: -.05em;
    color: #fff3e8;
    color: var(--light-color);
    display: block;
    text-align: center;
    margin: 0 auto;
}

.rating {
    margin-top: 15px
}

.rating_text {
    text-align: center
}

.rating_text_line {
    width: 100%;
    height: 1px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    position: relative
}

.rating_text_line::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.rating_text_line::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.rating_text_title {
    font-size: 2.8em;
    font-weight: 800;
    padding-top: 10px
}

.rating_text_subtitle {
    margin-top: 15px;
    font-size: 1.6em;
    color: #ea5344;
    color: var(--main-color);
    text-transform: uppercase
}

.rating_text_text {
    margin-top: 15px;
    font-size: 1.4em;
    text-align: justify;
    padding-bottom: 15px
}

.bank__section {
    margin-top: 45px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 7px;
    text-align: center;
    padding: 32px 22px;
    padding-bottom: 16px;
    position: relative
}

.bank__section::after,
.bank__section::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ea5344;
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    top: 8px
}

.bank__section::after {
    left: 8px
}

.bank__section::before {
    right: 8px
}

.bank__img {
    width: 72px;
    height: 72px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bank__img img {
    width: 35px;
    height: 35px
}

.bank__title {
    position: relative;
    z-index: 1;
    font-size: 1.7em;
    font-weight: 450;
    text-transform: uppercase
}

.bank__count {
    font-size: 2.5em;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px;
    border: 1px solid #130f10;
    border: 1px solid var(--dark-color);
    border-radius: 7px;
    margin-top: 13px
}

.bank__count img {
    width: 32px;
    height: 32px;
    margin-left: 13px
}

.position__section {
    margin-top: 25px
}

.position__title {
    text-align: left;
    font-size: 1.4em;
    font-weight: 450;
    text-transform: uppercase
}

.position__item {
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 7px;

    position: relative;
}

.position__item.big {
    margin-top: 25px
}
.position__item.big .position__item_img{
    margin-left: 80px;
}
.position__item.big .position__item_img img {
    width: 58px;
    height: 58px;
    border: 2px solid #fff3e8;
    border-radius: 50%
}
.position__item.big .position__item_name{
    margin-left: 40px;
}

.position__item_count {
    font-size: 1.7em;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    width: 35px;
    height: 100%;
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    border-radius: 4px 0 0 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;

    position: absolute;
    top: 0;
    left: 0;
}

.position__item_img {
    margin-left: 13px;
    position: relative;
    margin-left: 70px;
}

.position__item_img img {
    width: 36px;
    height: 36px;
    border-radius: 50%;


    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.position__item_name {
    font-size: 1.7em;
    margin-left: 28px;
    padding: 3px 0;
}

.position__item_rating {
    font-size: 1.7em;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin-left: auto
}

.position__item_rating img {
    width: 18px;
    height: 18px
}

.position__item.top {
    background: #e4fed4
}

.position__title-main {
    margin-top: 30px;
    font-size: 2.2em;
    font-weight: 750;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 13px
}

.position__list {
    margin-top: 20px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

.profile__user {
    margin-top: 25px
}

.profile__user_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.profile__user_picture {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    overflow: hidden
}

.profile__user_picture img {
    width: 100%;
    height: 100%
}

.profile__user_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 1.7em;
    font-weight: 700
}

.profile__user_title img {
    width: 24px;
    height: 24px
}

.profile__user_text_text {
    margin-top: 20px;
    font-size: 1.2em
}

.profile__user_text_text span {
    font-weight: 700;
    color: #ea5344;
    color: var(--main-color)
}

.info_block {
    margin-top: 25px
}

.info_block_title {
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase
}

.info_block_line {
    width: 100%;
    height: 1px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    position: relative;
    margin: 13px 0
}

.info_block_line::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.info_block_line::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.info_block_text {
    font-size: 1.4em
}

.info_block_text-sub {
    text-align: center;
    margin-top: 15px
}

.info_block_text-sub span {
    font-weight: 700;
    color: #ea5344;
    color: var(--main-color)
}

.info_block_mainBtn {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    font-size: 1.7em;
    font-weight: 450;
    text-transform: uppercase;
    padding: 5px 7px;
    padding-left: 10px;
    border-radius: 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.info_block_timer {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.info_block_star_btn {
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    width: 85px;
    height: 30px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 25px
}

.info_block_star_btn i {
    width: 20px;
    height: 20px
}

.info_block_timer_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.info_block_timer_item:last-child {
    margin-left: 10px
}

.info_block_timer_item_num {
    background-color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 2.8em;
    font-weight: 700;
    color: #ea5344;
    color: var(--main-color);
    line-height: 1
}

.info_block_timer_item_text {
    font-size: 1.8em
}

.info_block_energy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    margin-top: 15px
}

.info_block_energy_text {
    font-size: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.info_block_energy_text span {
    font-weight: 700
}

.info_block_obmen_inputWrap {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.info_block_obmen_input {
    width: calc(50% - 7.5px);
    border-radius: 7px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    padding: 3px 13px;
    padding-bottom: 6px;
    position: relative
}

.info_block_obmen_input_label {
    font-size: 1.2em
}

.info_block_obmen_input_input {
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-bottom: 1px solid #130f10;
    border-bottom: 1px solid var(--dark-color);
    max-width: 50px;
    display: block
}

.info_block_obmen_input_icon {
    position: absolute;
    top: 4px;
    right: 14px;
    width: 26px;
    height: 26px
}

.info_block_obmen_input_icon img {
    width: 100%;
    height: 100%
}

.info_block_mainBtn {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    min-width: 185px;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    font-size: 1.7em;
    font-weight: 450;
    text-transform: uppercase
}

.info_block_mainBtn_icon {
    width: 36px;
    height: 36px;
    background-color: #ea5344;
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -14px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.info_block_mainBtn_icon img {
    width: 14px;
    height: 14px;
    margin-top: 7px
}

.info_block_title.big {
    font-size: 1.8em;
    text-align: center
}

.info_block_title.min {
    text-transform: none;
    margin-bottom: 12px
}

.info_block_itemWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 20px
}

.info_block_item {
    border-radius: 7px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    padding-top: 14px;
    padding-bottom: 7px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    width: 104px;
    height: 73px;
    text-align: center
}

.info_block_item_title {
    font-size: 1.6em;
    font-weight: 750;
    text-transform: uppercase
}

.info_block_item_count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    font-size: 1em;
    font-weight: 700;
    color: #fff3e8;
    color: var(--light-color);
    width: 100%;
    background-color: #ea5344;
    background-color: var(--main-color);
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    line-height: 1
}

.info_block_item_count i {
    width: 13px;
    height: 13px
}

.info_block_count {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px;
    text-align: center
}

.info_block_count_count {
    font-size: 1.8em;
    font-weight: 700;
    color: #fff3e8;
    color: var(--light-color);
    background-color: #ea5344;
    background-color: var(--main-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.info_block_count_text {
    font-size: 1.4em;
    max-width: 80%
}

.info_block_payment {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    background-color: #fff3e8;
    background-color: var(--light-color);
    padding: 8px 10px;
    border-radius: 7px
}

.info_block_paymentWrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.info_block_payment_label {
    font-size: 1.2em;
    display: block;
    margin-bottom: 5px
}

.info_block_payment_input {
    background-color: #fff3e8;
    background-color: var(--light-color);
    display: block;
    width: 100%
}

.info_block_payment_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    font-size: 1em;
    text-align: center
}

.info_block_payment_icon img {
    width: 26px;
    height: 26px
}

.info_block_lang {
    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;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px
}

.info_block_lang_item-item {
    width: 60px;
    height: 40px;
    cursor: pointer;
    position: relative;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.info_block_lang_item-item:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.info_block_lang_item-item.active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.info_block_lang_item-item-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.info_block_lang_item-item-input:checked+img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(0 0 5px #fff3e8);
    filter: drop-shadow(0 0 5px #fff3e8);
    -webkit-filter: drop-shadow(0 0 5px var(--light-color));
    filter: drop-shadow(0 0 5px var(--light-color))
}

.info_block_lang_item-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info_block_lang_item-item.active::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 15.52 15.52 20 10 20C4.47 20 0 15.52 0 10C0 4.47 4.47 0 10 0C15.52 0 20 4.47 20 10ZM8.84 15.29L16.26 7.87C16.51 7.62 16.51 7.21 16.26 6.96L15.35 6.05C15.09 5.79 14.68 5.79 14.43 6.05L8.38 12.1L5.56 9.27C5.31 9.02 4.9 9.02 4.64 9.27L3.73 10.18C3.48 10.44 3.48 10.84 3.73 11.1L7.93 15.29C8.18 15.54 8.59 15.54 8.84 15.29Z' fill='%23000000'/%3E%3C/svg%3E");
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -6px;
    top: -10px
}

.info_block_faq {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 20px
}

.info_block_faq_item {
    cursor: pointer;
    position: relative
}

.info_block_faq_item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #ffe5ba;
    padding: 4px 10px;
    min-height: 32px
}

.info_block_faq_item_header_icon_q {
    width: 15px;
    height: 15px
}

.info_block_faq_item_header_icon_q img {
    width: 100%;
    height: 100%
}

.info_block_faq_item_header_title {
    font-size: 1.4em
}

.info_block_faq_item_header_icon_a {
    width: 24px;
    height: 24px;
    margin-left: auto;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 4px
}

.info_block_faq_item_header_icon_a img {
    width: 100%;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.info_block_faq_item.active .info_block_faq_item_header_icon_a {
    bottom: -10px;
    top: auto
}

.info_block_faq_item.active .info_block_faq_item_header_icon_a img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.info_block_faq_item_content {
    border-radius: 4px;
    background: #ffe5ba;
    font-size: 1.2em;
    height: 0;
    padding: 0;
    margin-top: 0;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.info_block_faq_item.active .info_block_faq_item_content {
    height: auto;
    padding: 10px;
    margin-top: 10px
}

.roadmap {
    padding: 40px 0
}

.roadmap__title {
    font-size: 3.6em;
    font-weight: 600;
    margin-bottom: 24px;
    color: #130f10;
    color: var(--dark-color)
}

.roadmap__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.roadmap__item {
    list-style: decimal;
    font-size: 3em;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    margin-left: 35px;
    font-weight: 500
}

.roadmap__item:hover {
    color: #ea5344;
    color: var(--main-color)
}

.roadmap__item:hover .roadmap__link {
    color: #ea5344;
    color: var(--main-color)
}

.roadmap__link {
    color: #130f10;
    color: var(--dark-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-weight: 500
}

.user__section {
    margin-top: 10px
}

.user__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.user__picture {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.user__picture-img {
    width: 100%;
    height: 100%
}

.user__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 27px
}

.user__info_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.user__info_title {
    font-size: 1.4em
}

.user__info_count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.user__info_count-number {
    font-size: 1.6em;
    font-weight: 700
}

.user__info_count-img {
    width: 24px;
    height: 24px
}

.user__energy {
    margin-top: 10px
}

.user__energy_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 15px
}

.user__energy_title {
    font-size: 1.4em
}

.user__energy_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 1.2em;
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    padding: 3px 14px;
    border-radius: 4px;
    line-height: 1;
    margin-bottom: 3px
}

.user__energy_button-count {
    background-color: #fff3e8;
    background-color: var(--light-color);
    color: #ea5344;
    color: var(--main-color);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user__energy_count {
    font-size: 1.4em
}

.user__energy_count-active {
    font-weight: 700;
    color: #ea5344;
    color: var(--main-color)
}

.user__energy_progress {
    width: 100%;
    height: 2px;
    background-color: #130f10;
    background-color: var(--dark-color);
    border-radius: 2px;
    position: relative;
    margin-top: 12px
}

.user__energy_progress-bar {
    height: 9px;
    background-color: #ea5344;
    background-color: var(--main-color);
    border-radius: 10px;
    -webkit-transition: width .3s;
    transition: width .3s;
    width: 0%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.game {
    margin: 0 15px
}

.game__section_inner {
    margin-top: 20px;
    padding: 18px 0 20px;
    border: 1px solid #130f10;
    border: 1px solid var(--dark-color);
    border-radius: 17px
}

.game__header_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 26px
}

.game__header_top_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    padding: 6px 16px 6px 14px;
    border-radius: 0 5px 5px 0
}

.game__header_top_title-text {
    font-size: 1.8em;
    text-transform: uppercase
}

.game__header_top_title-img {
    width: 24px;
    height: 24px
}

.game__header_top_icon {
    width: 25px;
    height: 25px
}

.game__header_top_icon-img {
    width: 100%;
    height: 100%
}

.game__header_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 15px 0;
    padding-bottom: 13px;
    border-bottom: 1px solid #130f10;
    border-bottom: 1px solid var(--dark-color)
}

.game__header_info_number {
    font-size: 1.4em;
    text-transform: uppercase
}

.game__header_info_time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.game__header_info_time-text {
    font-size: 1.8em
}

.game__header_info_time-count {
    background-color: #fff;
    color: #ea5344;
    color: var(--main-color);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2.8em;
    font-weight: 700
}

.game_title {
    margin-top: 18px;
    font-size: 1.8em;
    text-align: center;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    border-radius: 5px;
    padding: 5px 0;
    display: none
}

.game_title.win {
    color: var(--light-color);
    background-color: #258330;
}

.game_title.show {
    display: block
}

.game_inner {
    display: grid;
    grid-template-columns: repeat(3, 90px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-row-gap: 22px;
    row-gap: 22px;
    width: 100%;
    margin-top: 18px
}

.game_item {
    width: 100%;
    height: 90px;
    background-color: #ea5344;
    background-color: var(--main-color);
    border-radius: 13px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.game_item.open {
    background-color: #ffda9e;
    background-color: var(--bg-color)
}

.game_item.win::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background: url(../images/icon/star-red.svg) center/contain no-repeat
}

.game__buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    display: none
}

.game__buttons.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.game__button {
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 1.2em;
    text-transform: uppercase
}

.game__modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 14px 40px 14px;
    background-color: #ffda9e;
    background-color: var(--bg-color);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.game__modal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.game__modal.active .game__modal_inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.game__modal_inner {
    width: 100%;
    background-color: #fff3e8;
    background-color: var(--light-color);
    border-radius: 13px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding: 10px 20px 30px 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.game__modal_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px;
    text-align: center
}

.game__modal_header_title {
    font-size: 4.2em;
    font-weight: 800
}

.game__modal_header_img {
    width: 50px;
    height: 50px
}

.game__modal_header_img-img {
    width: 100%;
    height: 100%
}

.game__modal_header_subtitle {
    font-size: 2.7em;
    font-weight: 700;
    text-transform: uppercase;
    color: #ea5344;
    color: var(--main-color)
}

.game__modal_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 10px;
    margin-top: 30px
}

.game__modal_content_item {
    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;
    text-align: center;
    gap: 14px;
    width: calc(50% - 10px)
}

.game__modal_content_item_picture {
    width: 106px;
    height: 106px;
    background-color: #ffda9e;
    background-color: var(--bg-color);
    border-radius: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game__modal_content_item_picture-img {
    height: 64px
}

.game__modal_content_item_text {
    font-size: 1.2em
}

.game__modal_content_item.big {
    width: 70%;
    margin: 0 auto
}

.game__modal_content_item.big .game__modal_content_item_picture {
    width: 127px;
    height: 127px
}

.game__modal_content_item.big .game__modal_content_item_picture-img {
    height: 76px
}

.game__modal_content_item.big .game__modal_content_item_text {
    font-size: 1.7em
}

.game__modal_cross {
    margin-top: 30px;
    width: 72px;
    height: 72px;
    background-color: #130f10;
    background-color: var(--dark-color);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.game__modal_cross .icon {
    width: 32px;
    height: 32px
}

.footer {
    margin-top: 25px;
    background-color: #ea5344;
    background-color: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    border-radius: 12px 12px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.footer__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: 17px;
    padding-bottom: 28px;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

.footer__item {
    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;
    text-align: center;
    gap: 9px
}

.footer__item.active .footer__item_picture i {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.footer__item.active .footer__item_title {
    color: #130f10;
    color: var(--dark-color)
}

.footer__item_picture {
    height: 33px;
    width: 33px
}

.footer__item_picture i {
    height: 100%;
    width: 100%
}

.footer__item_title {
    font-size: 1.2em;
    color: #fff3e8;
    color: var(--light-color)
}

.footer__tizer {
    width: 100%;
    height: 100px;
    border-radius: 12px 12px 0 0;
}
.footer__tizer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}



.tasks__section {
    margin-top: 28px
}

.tasks_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px
}

.tasks-item {
    border-radius: 4px;
    background: #ffe5ba;
    padding-top: 11px;
    padding-bottom: 17px;
    padding-left: 9px
}

.tasks-item_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.tasks-item_header_icon {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.tasks-item_header_icon-img {
    width: 100%;
    height: 100%
}

.tasks-item_header_title {
    font-size: 1.7em;
    font-weight: 500
}

.tasks-item_header_reward {
    border-radius: 4px 0 0 4px;
    background: #ea5344;
    padding: 5px 11px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.tasks-item_header_reward-text {
    font-size: 1.4em;
    font-weight: 500;
    color: #fff3e8;
    color: var(--light-color)
}

.tasks-item_header_reward-icon {
    width: 18px;
    height: 18px
}

.tasks-item_content {
    margin-right: 11px;
    margin-top: 10px;
    padding-top: 13px;
    border-top: 1px solid #130f10;
    border-top: 1px solid var(--dark-color)
}

.tasks-item_content_text {
    font-size: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.taskModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    z-index: 100;
    padding: 0 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.taskModal.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.taskModal.active .taskModal__inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.taskModal__inner {
    position: relative;
    z-index: 101;
    background: #fff3e8;
    background: var(--light-color);
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding: 20px 11px;
    padding-bottom: 50px;
    width: 100%;
    max-width: 344px;
    overflow: hidden
}

.taskModal__inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 13px;
    background: #ea5344;
    background: var(--main-color)
}

.taskModal__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 13px;
    background: #ea5344;
    background: var(--main-color)
}

.taskModal_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: 700
}

.taskModal_reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    margin-top: 15px
}

.taskModal_reward_item {
    width: calc(50% - 5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 10px
}

.taskModal_reward_item_img {
    width: 54px;
    height: 54px;
    border-radius: 50%
}

.taskModal_reward_item_img img {
    width: 100%;
    height: 100%
}

.taskModal_reward_item_title {
    font-size: 1.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.taskModal_reward_item_title .main-color {
    font-weight: 700
}

.taskModal_reward_item_title img {
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.taskModal_text {
    margin-top: 23px;
    padding-top: 21px;
    border-top: 1px solid #130f10;
    border-top: 1px solid var(--dark-color);
    font-size: 1.4em;
    text-align: center
}

.taskModal_buttons {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.taskModal_button {
    font-size: 1.7em;
    padding: 6px 20px;
    border-radius: 4px;
    background: #ea5344;
    background: var(--main-color);
    color: #fff3e8;
    color: var(--light-color);
    font-weight: 700;
    text-transform: uppercase
}

.taskModal_close {
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 102;
    width: 64px;
    height: 64px;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    background: #130f10;
    background: var(--dark-color);
    border-radius: 50%
}

.taskModal_close img {
    width: 14px;
    height: 14px;
    margin-left: 25px;
    margin-top: 10px
}

.taskModal_massage {
    margin-top: 18px;
    font-size: 1.8em;
    text-align: center;
    background-color: #c2bf29;
    color: #fff3e8;
    color: var(--light-color);
    border-radius: 5px;
    padding: 5px 0;
    width: 100%;
    display: none
}

.taskModal_massage.show {
    display: block
}

.taskModal_massage.success {
    background-color: #258330
}

.taskModal_massage.error {
    background-color: #ce2020
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    margin-top: 50px
}

.pagination__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid #130f10;
    border: 1px solid var(--dark-color);
    border-radius: 6px
}

.pagination__item.arrow {
    background: rgba(64, 33, 35, .66);
    border-color: transparent
}

.pagination__item .pagination__link {
    font-size: 1.4em;
    font-weight: 700;
    color: #130f10;
    color: var(--dark-color);
    line-height: 1
}

.pagination__item .pagination__link i {
    width: 11px;
    height: 11px;
    background-color: #ffda9e;
    background-color: var(--bg-color)
}

.pagination__item.active {
    border-color: #ea5344;
    border-color: var(--main-color)
}

.pagination__item.active .pagination__link {
    color: #ea5344;
    color: var(--main-color)
}

.history__section {
    margin-top: 20px
}

.history__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #130f10;
    border-bottom: 1px solid var(--dark-color)
}

.history__header_item {
    font-size: 1.7em
}

.history__header_item:last-child {
    text-align: right
}

.history__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    margin-top: 18px
}

.history__body_item {
    border-radius: 4px;
    background: #ffe5ba;
    padding: 0 11px;
    padding-top: 7px
}

.history__body_item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    font-size: 1.4em;
    padding-bottom: 7px
}

.history__body_item_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.history__body_item_reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    line-height: 1
}

.history__body_item-content {
    border-top: 1px solid #130f10;
    border-top: 1px solid var(--dark-color);
    padding-top: 11px;
    padding-bottom: 12px;
    text-align: center;
    display: none
}

.history__body_item-content_inner {
    border-radius: 7px;
    background: #fff3e8;
    background: var(--light-color);
    padding: 12px 20px
}

.history__body_item.active .history__body_item-content {
    display: block
}

.history__body_item_top {
    display: grid;
    grid-template-columns: 75px 105px 77px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.history__body_item_top_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.history__body_item_top_item_title {
    font-size: 1em;
    text-transform: uppercase;
    line-height: 2
}

.history__body_item_top_item_name {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1
}

.history__body_item_top_item-picture {
    height: 20px
}

.history__body_item_top_item-picture img {
    height: 100%
}

.history__body_item_bottom {
    display: grid;
    grid-template-columns: 75px 105px 77px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 10px;
    gap: 10px;
    margin-top: 10px
}

.history__body_item_bottom_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

.history__body_item_bottom_item_title {
    font-size: 1em;
    text-transform: uppercase;
    line-height: 2
}

.history__body_item_bottom_item_title.main-color {
    font-weight: 700
}

.history__body_item_bottom_item_count {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1
}

.history__body_item_bottom_item_count img {
    height: 18px;
    width: 18px;
    margin-left: 4px
}

.history__body.active .history__body_item-content {
    display: block
}

.icon-home {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="36.000000" height="33.385010" viewBox="0 0 36 33.385" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path id="Vector" d="M35.77 16.03L28.42 9.37L28.42 3.41L24.94 3.41L24.9 6.12L18.53 0.22C18.38 0.09 18.19 0 17.98 0C17.77 0 17.58 0.07 17.44 0.2L0.22 16.03C0.07 16.18 0 16.39 0 16.6L0 19.1C0 19.54 0.36 19.88 0.78 19.88L3.55 19.88L3.55 32.6C3.55 33.04 3.91 33.38 4.33 33.38L15.51 33.38L15.51 22.1L20.51 22.1L20.51 33.34L20.51 33.38L31.66 33.38C32.1 33.38 32.44 33.02 32.44 32.6L32.44 19.88L35.21 19.88C35.65 19.88 36 19.52 36 19.1L36 16.6C36 16.39 35.92 16.18 35.77 16.03Z" fill="%23fff" fill-opacity="1.000000" fill-rule="nonzero"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="36.000000" height="33.385010" viewBox="0 0 36 33.385" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path id="Vector" d="M35.77 16.03L28.42 9.37L28.42 3.41L24.94 3.41L24.9 6.12L18.53 0.22C18.38 0.09 18.19 0 17.98 0C17.77 0 17.58 0.07 17.44 0.2L0.22 16.03C0.07 16.18 0 16.39 0 16.6L0 19.1C0 19.54 0.36 19.88 0.78 19.88L3.55 19.88L3.55 32.6C3.55 33.04 3.91 33.38 4.33 33.38L15.51 33.38L15.51 22.1L20.51 22.1L20.51 33.34L20.51 33.38L31.66 33.38C32.1 33.38 32.44 33.02 32.44 32.6L32.44 19.88L35.21 19.88C35.65 19.88 36 19.52 36 19.1L36 16.6C36 16.39 35.92 16.18 35.77 16.03Z" fill="%23fff" fill-opacity="1.000000" fill-rule="nonzero"/></svg>')
}

.icon-home.active {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.icon-tasks {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="25.862061" height="32.960205" viewBox="0 0 25.8621 32.9602" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="task - icon" d="M22.95 3.24L19.88 3.24L19.88 4.72L21.39 4.72C22.6 4.72 23.56 5.7 23.56 6.89L23.56 28.03C23.56 29.24 22.6 30.2 21.39 30.2L11.49 30.2C10.3 30.2 9.3 29.24 9.27 28.05L9.16 24.21C9.15 23.58 8.62 23.06 7.99 23.06L4.44 23.11C3.22 23.11 2.25 22.14 2.25 20.95L2.25 6.89C2.25 5.68 3.24 4.72 4.43 4.72L5.45 4.72L5.45 3.24L2.92 3.24C1.3 3.24 0 4.53 0 6.09L0 30.1C0 31.66 1.32 32.96 2.92 32.96L22.94 32.96C24.55 32.96 25.86 31.66 25.86 30.1L25.86 6.09C25.86 4.53 24.55 3.24 22.94 3.24L22.95 3.24ZM7.26 28.27L4.41 25.13C3.8 24.45 2.53 22.87 2.73 22.85C2.93 22.85 3.9 23.92 5.7 23.85L6.7 23.85C7.62 23.82 8.37 24.57 8.37 25.48L8.37 26.86C8.33 28.52 9.47 29.27 9.47 29.54C9.47 29.81 7.87 28.95 7.25 28.27L7.26 28.27ZM21.34 11.07C21.34 11.47 21.02 11.8 20.61 11.8L5.34 11.8C4.94 11.8 4.61 11.47 4.61 11.07C4.61 10.66 4.94 10.34 5.34 10.34L20.61 10.34C21.02 10.34 21.34 10.66 21.34 11.07ZM21.34 14.96C21.34 15.36 21.02 15.69 20.61 15.69L5.34 15.69C4.94 15.69 4.61 15.36 4.61 14.96C4.61 14.55 4.94 14.23 5.34 14.23L20.61 14.23C21.02 14.23 21.34 14.55 21.34 14.96ZM21.34 18.79C21.34 19.2 21.02 19.52 20.61 19.52L5.34 19.52C4.94 19.52 4.61 19.2 4.61 18.79C4.61 18.39 4.94 18.06 5.34 18.06L20.61 18.06C21.02 18.06 21.34 18.39 21.34 18.79ZM21.34 22.6C21.34 23 21.02 23.33 20.61 23.33L11.92 23.33C11.51 23.33 11.19 23 11.19 22.6C11.19 22.19 11.51 21.87 11.92 21.87L20.61 21.87C21.02 21.87 21.34 22.19 21.34 22.6ZM18.98 3.61L18.98 3.09C18.98 2.32 18.35 1.69 17.59 1.69L15.21 1.69C15.11 0.74 13.68 0 12.7 0C11.71 0 10.29 0.74 10.18 1.69L7.79 1.69C7.03 1.69 6.4 2.32 6.4 3.09L6.4 5.99L18.96 5.99L18.96 3.61L18.98 3.61ZM12.66 2.98C12.1 2.98 11.63 2.53 11.63 1.95C11.63 1.37 12.09 0.91 12.66 0.91C13.24 0.91 13.7 1.37 13.7 1.95C13.7 2.53 13.24 2.98 12.66 2.98Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="25.862061" height="32.960205" viewBox="0 0 25.8621 32.9602" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="task - icon" d="M22.95 3.24L19.88 3.24L19.88 4.72L21.39 4.72C22.6 4.72 23.56 5.7 23.56 6.89L23.56 28.03C23.56 29.24 22.6 30.2 21.39 30.2L11.49 30.2C10.3 30.2 9.3 29.24 9.27 28.05L9.16 24.21C9.15 23.58 8.62 23.06 7.99 23.06L4.44 23.11C3.22 23.11 2.25 22.14 2.25 20.95L2.25 6.89C2.25 5.68 3.24 4.72 4.43 4.72L5.45 4.72L5.45 3.24L2.92 3.24C1.3 3.24 0 4.53 0 6.09L0 30.1C0 31.66 1.32 32.96 2.92 32.96L22.94 32.96C24.55 32.96 25.86 31.66 25.86 30.1L25.86 6.09C25.86 4.53 24.55 3.24 22.94 3.24L22.95 3.24ZM7.26 28.27L4.41 25.13C3.8 24.45 2.53 22.87 2.73 22.85C2.93 22.85 3.9 23.92 5.7 23.85L6.7 23.85C7.62 23.82 8.37 24.57 8.37 25.48L8.37 26.86C8.33 28.52 9.47 29.27 9.47 29.54C9.47 29.81 7.87 28.95 7.25 28.27L7.26 28.27ZM21.34 11.07C21.34 11.47 21.02 11.8 20.61 11.8L5.34 11.8C4.94 11.8 4.61 11.47 4.61 11.07C4.61 10.66 4.94 10.34 5.34 10.34L20.61 10.34C21.02 10.34 21.34 10.66 21.34 11.07ZM21.34 14.96C21.34 15.36 21.02 15.69 20.61 15.69L5.34 15.69C4.94 15.69 4.61 15.36 4.61 14.96C4.61 14.55 4.94 14.23 5.34 14.23L20.61 14.23C21.02 14.23 21.34 14.55 21.34 14.96ZM21.34 18.79C21.34 19.2 21.02 19.52 20.61 19.52L5.34 19.52C4.94 19.52 4.61 19.2 4.61 18.79C4.61 18.39 4.94 18.06 5.34 18.06L20.61 18.06C21.02 18.06 21.34 18.39 21.34 18.79ZM21.34 22.6C21.34 23 21.02 23.33 20.61 23.33L11.92 23.33C11.51 23.33 11.19 23 11.19 22.6C11.19 22.19 11.51 21.87 11.92 21.87L20.61 21.87C21.02 21.87 21.34 22.19 21.34 22.6ZM18.98 3.61L18.98 3.09C18.98 2.32 18.35 1.69 17.59 1.69L15.21 1.69C15.11 0.74 13.68 0 12.7 0C11.71 0 10.29 0.74 10.18 1.69L7.79 1.69C7.03 1.69 6.4 2.32 6.4 3.09L6.4 5.99L18.96 5.99L18.96 3.61L18.98 3.61ZM12.66 2.98C12.1 2.98 11.63 2.53 11.63 1.95C11.63 1.37 12.09 0.91 12.66 0.91C13.24 0.91 13.7 1.37 13.7 1.95C13.7 2.53 13.24 2.98 12.66 2.98Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/></svg>')
}

.icon-tasks.active {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.icon-user {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="27.858398" height="33.586426" viewBox="0 0 27.8584 33.5864" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Vector" d="M13.92 18.22C18.55 18.22 22.3 14.14 22.3 9.11C22.3 4.08 18.55 0 13.92 0C9.3 0 5.55 4.08 5.55 9.11C5.55 14.14 9.3 18.22 13.92 18.22Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="" fill="%23FFF3E8" fill-opacity="0" fill-rule="evenodd"/><path id="Vector" d="M27.85 29.98C27.85 32.66 23.72 33.58 13.92 33.58C4.13 33.58 0 32.66 0 29.98C0 24.1 3.09 19.94 9.11 18.03C10.47 18.86 12.1 19.34 13.92 19.34C15.75 19.34 17.38 18.86 18.74 18.03C24.75 19.94 27.85 24.1 27.85 29.98Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="" fill="%23FFF3E8" fill-opacity="0" fill-rule="evenodd"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="27.858398" height="33.586426" viewBox="0 0 27.8584 33.5864" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Vector" d="M13.92 18.22C18.55 18.22 22.3 14.14 22.3 9.11C22.3 4.08 18.55 0 13.92 0C9.3 0 5.55 4.08 5.55 9.11C5.55 14.14 9.3 18.22 13.92 18.22Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="" fill="%23FFF3E8" fill-opacity="0" fill-rule="evenodd"/><path id="Vector" d="M27.85 29.98C27.85 32.66 23.72 33.58 13.92 33.58C4.13 33.58 0 32.66 0 29.98C0 24.1 3.09 19.94 9.11 18.03C10.47 18.86 12.1 19.34 13.92 19.34C15.75 19.34 17.38 18.86 18.74 18.03C24.75 19.94 27.85 24.1 27.85 29.98Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="" fill="%23FFF3E8" fill-opacity="0" fill-rule="evenodd"/></svg>')
}

.icon-user.active {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.icon-history {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="33.772583" height="33.586670" viewBox="0 0 33.7726 33.5867" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Vector" d="M12.58 0L14.27 0L14.27 3.91L12.58 3.91L12.58 0Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M22.95 12.6L26.84 12.6L26.84 14.29L22.95 14.29L22.95 12.6Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M22.32 3.33L19.56 6.09L20.76 7.3L23.5 4.53L22.32 3.33Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M7.28 6.09L4.53 3.33L3.33 4.53L6.09 7.3L7.28 6.09Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M0 12.6L3.89 12.6L3.89 14.29L0 14.29L0 12.6Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M18.19 7.94L13.58 12.46L11.07 10.02L9.89 11.22L13.6 14.83L19.37 9.14L18.19 7.94Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M12.58 23L14.27 23L14.27 26.91L12.58 26.91L12.58 23Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M7.28 20.79L6.09 19.59L3.33 22.37L4.53 23.57L7.28 20.79Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M26.15 18.3C21.93 18.3 18.52 21.73 18.52 25.94C18.52 30.16 21.95 33.58 26.15 33.58C30.35 33.58 33.77 30.16 33.77 25.94C33.77 21.73 30.35 18.3 26.15 18.3ZM29.23 29.03C29.08 29.38 28.86 29.69 28.57 29.94C28.28 30.19 27.94 30.4 27.53 30.55C27.13 30.7 26.69 30.8 26.2 30.84L26.04 32.48C26.04 32.48 26.04 32.57 26.01 32.58C25.99 32.62 25.96 32.63 25.91 32.67C25.86 32.68 25.79 32.7 25.71 32.72C25.62 32.72 25.52 32.73 25.38 32.73C25.21 32.73 25.1 32.73 24.99 32.72C24.89 32.72 24.82 32.68 24.76 32.65C24.69 32.62 24.67 32.58 24.64 32.53C24.62 32.48 24.62 32.43 24.64 32.38L24.79 30.82C24.57 30.79 24.37 30.75 24.16 30.7C23.98 30.65 23.79 30.6 23.64 30.53C23.49 30.48 23.35 30.41 23.23 30.35C23.11 30.28 23.03 30.23 22.98 30.16C22.93 30.11 22.88 30.01 22.86 29.91C22.83 29.79 22.83 29.62 22.83 29.4C22.83 29.23 22.83 29.08 22.83 28.97C22.83 28.86 22.86 28.77 22.88 28.72C22.89 28.65 22.93 28.62 22.98 28.6C23.01 28.59 23.06 28.57 23.11 28.57C23.18 28.57 23.28 28.6 23.4 28.69C23.54 28.77 23.69 28.86 23.89 28.94C24.1 29.03 24.33 29.11 24.62 29.2C24.91 29.28 25.23 29.31 25.62 29.31C26.21 29.31 26.65 29.2 26.96 28.97C27.25 28.75 27.4 28.45 27.4 28.09C27.4 27.86 27.33 27.65 27.21 27.48C27.09 27.33 26.93 27.18 26.7 27.06C26.5 26.94 26.26 26.84 25.99 26.74C25.72 26.64 25.47 26.54 25.18 26.43C24.91 26.33 24.64 26.2 24.37 26.06C24.1 25.93 23.88 25.74 23.66 25.54C23.45 25.33 23.28 25.08 23.15 24.77C23.03 24.47 22.96 24.11 22.96 23.69C22.96 23.3 23.03 22.96 23.15 22.64C23.28 22.32 23.45 22.05 23.71 21.81C23.94 21.57 24.25 21.39 24.59 21.23C24.94 21.08 25.33 21 25.77 20.95L25.93 19.41C25.93 19.41 25.93 19.34 25.96 19.3C25.98 19.27 26.01 19.25 26.06 19.22C26.11 19.2 26.18 19.18 26.26 19.17C26.35 19.17 26.45 19.17 26.59 19.17C26.74 19.17 26.87 19.17 26.98 19.18C27.08 19.18 27.16 19.22 27.21 19.25C27.26 19.29 27.3 19.32 27.31 19.37C27.31 19.42 27.33 19.47 27.33 19.52L27.18 20.98C27.31 21 27.47 21.03 27.64 21.07C27.79 21.1 27.94 21.15 28.08 21.18C28.21 21.23 28.33 21.29 28.45 21.34C28.57 21.39 28.64 21.44 28.69 21.49C28.74 21.54 28.77 21.57 28.79 21.62C28.81 21.67 28.82 21.73 28.84 21.79C28.84 21.86 28.86 21.93 28.87 22.03C28.87 22.12 28.87 22.22 28.87 22.34C28.87 22.49 28.87 22.62 28.87 22.73C28.87 22.83 28.86 22.91 28.84 22.96C28.82 23.01 28.79 23.05 28.77 23.06C28.74 23.08 28.72 23.1 28.69 23.1C28.62 23.1 28.52 23.06 28.4 23C28.28 22.93 28.11 22.86 27.92 22.78C27.74 22.69 27.52 22.62 27.28 22.56C27.04 22.49 26.77 22.45 26.48 22.45C26.21 22.45 25.99 22.49 25.81 22.54C25.62 22.59 25.47 22.66 25.35 22.76C25.23 22.84 25.15 22.96 25.1 23.08C25.04 23.22 25.01 23.35 25.01 23.5C25.01 23.74 25.08 23.94 25.2 24.11C25.33 24.28 25.5 24.42 25.71 24.54C25.91 24.66 26.16 24.76 26.42 24.86C26.69 24.96 26.96 25.06 27.23 25.16C27.5 25.27 27.79 25.4 28.04 25.54C28.31 25.67 28.55 25.86 28.75 26.06C28.96 26.26 29.13 26.52 29.26 26.81C29.4 27.09 29.45 27.45 29.45 27.87C29.45 28.31 29.36 28.7 29.21 29.06L29.23 29.03Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="33.772583" height="33.586670" viewBox="0 0 33.7726 33.5867" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Vector" d="M12.58 0L14.27 0L14.27 3.91L12.58 3.91L12.58 0Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M22.95 12.6L26.84 12.6L26.84 14.29L22.95 14.29L22.95 12.6Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M22.32 3.33L19.56 6.09L20.76 7.3L23.5 4.53L22.32 3.33Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M7.28 6.09L4.53 3.33L3.33 4.53L6.09 7.3L7.28 6.09Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M0 12.6L3.89 12.6L3.89 14.29L0 14.29L0 12.6Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M18.19 7.94L13.58 12.46L11.07 10.02L9.89 11.22L13.6 14.83L19.37 9.14L18.19 7.94Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M12.58 23L14.27 23L14.27 26.91L12.58 26.91L12.58 23Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="evenodd"/><path id="Vector" d="M7.28 20.79L6.09 19.59L3.33 22.37L4.53 23.57L7.28 20.79Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/><path id="Vector" d="M26.15 18.3C21.93 18.3 18.52 21.73 18.52 25.94C18.52 30.16 21.95 33.58 26.15 33.58C30.35 33.58 33.77 30.16 33.77 25.94C33.77 21.73 30.35 18.3 26.15 18.3ZM29.23 29.03C29.08 29.38 28.86 29.69 28.57 29.94C28.28 30.19 27.94 30.4 27.53 30.55C27.13 30.7 26.69 30.8 26.2 30.84L26.04 32.48C26.04 32.48 26.04 32.57 26.01 32.58C25.99 32.62 25.96 32.63 25.91 32.67C25.86 32.68 25.79 32.7 25.71 32.72C25.62 32.72 25.52 32.73 25.38 32.73C25.21 32.73 25.1 32.73 24.99 32.72C24.89 32.72 24.82 32.68 24.76 32.65C24.69 32.62 24.67 32.58 24.64 32.53C24.62 32.48 24.62 32.43 24.64 32.38L24.79 30.82C24.57 30.79 24.37 30.75 24.16 30.7C23.98 30.65 23.79 30.6 23.64 30.53C23.49 30.48 23.35 30.41 23.23 30.35C23.11 30.28 23.03 30.23 22.98 30.16C22.93 30.11 22.88 30.01 22.86 29.91C22.83 29.79 22.83 29.62 22.83 29.4C22.83 29.23 22.83 29.08 22.83 28.97C22.83 28.86 22.86 28.77 22.88 28.72C22.89 28.65 22.93 28.62 22.98 28.6C23.01 28.59 23.06 28.57 23.11 28.57C23.18 28.57 23.28 28.6 23.4 28.69C23.54 28.77 23.69 28.86 23.89 28.94C24.1 29.03 24.33 29.11 24.62 29.2C24.91 29.28 25.23 29.31 25.62 29.31C26.21 29.31 26.65 29.2 26.96 28.97C27.25 28.75 27.4 28.45 27.4 28.09C27.4 27.86 27.33 27.65 27.21 27.48C27.09 27.33 26.93 27.18 26.7 27.06C26.5 26.94 26.26 26.84 25.99 26.74C25.72 26.64 25.47 26.54 25.18 26.43C24.91 26.33 24.64 26.2 24.37 26.06C24.1 25.93 23.88 25.74 23.66 25.54C23.45 25.33 23.28 25.08 23.15 24.77C23.03 24.47 22.96 24.11 22.96 23.69C22.96 23.3 23.03 22.96 23.15 22.64C23.28 22.32 23.45 22.05 23.71 21.81C23.94 21.57 24.25 21.39 24.59 21.23C24.94 21.08 25.33 21 25.77 20.95L25.93 19.41C25.93 19.41 25.93 19.34 25.96 19.3C25.98 19.27 26.01 19.25 26.06 19.22C26.11 19.2 26.18 19.18 26.26 19.17C26.35 19.17 26.45 19.17 26.59 19.17C26.74 19.17 26.87 19.17 26.98 19.18C27.08 19.18 27.16 19.22 27.21 19.25C27.26 19.29 27.3 19.32 27.31 19.37C27.31 19.42 27.33 19.47 27.33 19.52L27.18 20.98C27.31 21 27.47 21.03 27.64 21.07C27.79 21.1 27.94 21.15 28.08 21.18C28.21 21.23 28.33 21.29 28.45 21.34C28.57 21.39 28.64 21.44 28.69 21.49C28.74 21.54 28.77 21.57 28.79 21.62C28.81 21.67 28.82 21.73 28.84 21.79C28.84 21.86 28.86 21.93 28.87 22.03C28.87 22.12 28.87 22.22 28.87 22.34C28.87 22.49 28.87 22.62 28.87 22.73C28.87 22.83 28.86 22.91 28.84 22.96C28.82 23.01 28.79 23.05 28.77 23.06C28.74 23.08 28.72 23.1 28.69 23.1C28.62 23.1 28.52 23.06 28.4 23C28.28 22.93 28.11 22.86 27.92 22.78C27.74 22.69 27.52 22.62 27.28 22.56C27.04 22.49 26.77 22.45 26.48 22.45C26.21 22.45 25.99 22.49 25.81 22.54C25.62 22.59 25.47 22.66 25.35 22.76C25.23 22.84 25.15 22.96 25.1 23.08C25.04 23.22 25.01 23.35 25.01 23.5C25.01 23.74 25.08 23.94 25.2 24.11C25.33 24.28 25.5 24.42 25.71 24.54C25.91 24.66 26.16 24.76 26.42 24.86C26.69 24.96 26.96 25.06 27.23 25.16C27.5 25.27 27.79 25.4 28.04 25.54C28.31 25.67 28.55 25.86 28.75 26.06C28.96 26.26 29.13 26.52 29.26 26.81C29.4 27.09 29.45 27.45 29.45 27.87C29.45 28.31 29.36 28.7 29.21 29.06L29.23 29.03Z" fill="%23FFF3E8" fill-opacity="1.000000" fill-rule="nonzero"/></svg>')
}

.icon-history.active {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.icon-rating {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzNiAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzLjQgMThMMjYuMSAxOEMyNi41NSAxOCAyNyAxNy41NCAyNyAxNy4xTDI3IDcuNjRDMjcgNy4xOSAyNi41NSA2Ljc1IDI2LjEgNi43NUwyMy40IDYuNzVDMjIuOTUgNi43NSAyMi41IDcuMTkgMjIuNSA3LjY0TDIyLjUgMTcuMUMyMi41IDE3LjU0IDIyLjk1IDE4IDIzLjQgMThaTTMwLjE1IDE4TDMyLjg0IDE4QzMzLjMgMTggMzMuNzUgMTcuNTQgMzMuNzUgMTcuMUwzMy43NSAwLjg5QzMzLjc1IDAuNDQgMzMuMyAwIDMyLjg0IDBMMzAuMTUgMEMyOS43IDAgMjkuMjUgMC40NCAyOS4yNSAwLjg5TDI5LjI1IDE3LjFDMjkuMjUgMTcuNTQgMjkuNyAxOCAzMC4xNSAxOFpNOS45IDE4TDEyLjYgMThDMTMuMDUgMTggMTMuNSAxNy41NCAxMy41IDE3LjFMMTMuNSAxMi4xNEMxMy41IDExLjcgMTMuMDUgMTEuMjUgMTIuNiAxMS4yNUw5LjkgMTEuMjVDOS40NCAxMS4yNSA5IDExLjcgOSAxMi4xNEw5IDE3LjFDOSAxNy41NCA5LjQ0IDE4IDkuOSAxOFpNMTYuNjUgMThMMTkuMzUgMThDMTkuNzkgMTggMjAuMjUgMTcuNTQgMjAuMjUgMTcuMUwyMC4yNSAzLjE0QzIwLjI1IDIuNjkgMTkuNzkgMi4yNSAxOS4zNSAyLjI1TDE2LjY1IDIuMjVDMTYuMiAyLjI1IDE1Ljc1IDIuNjkgMTUuNzUgMy4xNEwxNS43NSAxNy4xQzE1Ljc1IDE3LjU0IDE2LjIgMTggMTYuNjUgMThaTTM0Ljg3IDIyLjVMNC41IDIyLjVMNC41IDEuMTJDNC41IDAuNSAzLjk5IDAgMy4zNyAwTDEuMTIgMEMwLjUgMCAwIDAuNSAwIDEuMTJMMCAyNC43NUMwIDI1Ljk5IDEgMjcgMi4yNSAyN0wzNC44NyAyN0MzNS40OSAyNyAzNiAyNi40OSAzNiAyNS44N0wzNiAyMy42MkMzNiAyMyAzNS40OSAyMi41IDM0Ljg3IDIyLjVaIiBmaWxsPSIjRkZGM0U4IiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzNiAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTIzLjQgMThMMjYuMSAxOEMyNi41NSAxOCAyNyAxNy41NCAyNyAxNy4xTDI3IDcuNjRDMjcgNy4xOSAyNi41NSA2Ljc1IDI2LjEgNi43NUwyMy40IDYuNzVDMjIuOTUgNi43NSAyMi41IDcuMTkgMjIuNSA3LjY0TDIyLjUgMTcuMUMyMi41IDE3LjU0IDIyLjk1IDE4IDIzLjQgMThaTTMwLjE1IDE4TDMyLjg0IDE4QzMzLjMgMTggMzMuNzUgMTcuNTQgMzMuNzUgMTcuMUwzMy43NSAwLjg5QzMzLjc1IDAuNDQgMzMuMyAwIDMyLjg0IDBMMzAuMTUgMEMyOS43IDAgMjkuMjUgMC40NCAyOS4yNSAwLjg5TDI5LjI1IDE3LjFDMjkuMjUgMTcuNTQgMjkuNyAxOCAzMC4xNSAxOFpNOS45IDE4TDEyLjYgMThDMTMuMDUgMTggMTMuNSAxNy41NCAxMy41IDE3LjFMMTMuNSAxMi4xNEMxMy41IDExLjcgMTMuMDUgMTEuMjUgMTIuNiAxMS4yNUw5LjkgMTEuMjVDOS40NCAxMS4yNSA5IDExLjcgOSAxMi4xNEw5IDE3LjFDOSAxNy41NCA5LjQ0IDE4IDkuOSAxOFpNMTYuNjUgMThMMTkuMzUgMThDMTkuNzkgMTggMjAuMjUgMTcuNTQgMjAuMjUgMTcuMUwyMC4yNSAzLjE0QzIwLjI1IDIuNjkgMTkuNzkgMi4yNSAxOS4zNSAyLjI1TDE2LjY1IDIuMjVDMTYuMiAyLjI1IDE1Ljc1IDIuNjkgMTUuNzUgMy4xNEwxNS43NSAxNy4xQzE1Ljc1IDE3LjU0IDE2LjIgMTggMTYuNjUgMThaTTM0Ljg3IDIyLjVMNC41IDIyLjVMNC41IDEuMTJDNC41IDAuNSAzLjk5IDAgMy4zNyAwTDEuMTIgMEMwLjUgMCAwIDAuNSAwIDEuMTJMMCAyNC43NUMwIDI1Ljk5IDEgMjcgMi4yNSAyN0wzNC44NyAyN0MzNS40OSAyNyAzNiAyNi40OSAzNiAyNS44N0wzNiAyMy42MkMzNiAyMyAzNS40OSAyMi41IDM0Ljg3IDIyLjVaIiBmaWxsPSIjRkZGM0U4IiBmaWxsLW9wYWNpdHk9IjEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==)
}

.icon-rating.active {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.icon-cross {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="34.002262" height="34.007935" viewBox="0 0 34.0023 34.0079" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Line 2" d="M1 32.99L32.99 1" stroke="%23FFF3E8" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linecap="round"/><path id="Line 3" d="M32.99 33L1 1" stroke="%23FFF3E8" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linecap="round"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="34.002262" height="34.007935" viewBox="0 0 34.0023 34.0079" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Line 2" d="M1 32.99L32.99 1" stroke="%23FFF3E8" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linecap="round"/><path id="Line 3" d="M32.99 33L1 1" stroke="%23FFF3E8" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linecap="round"/></svg>')
}

.icon-cross.active {
    background-color: #130f10;
    background-color: var(--dark-color)
}

.icon-arrow-right {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="10.196411" height="17.564453" viewBox="0 0 10.1964 17.5645" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Rectangle 43" d="M1.71 0.29L10.19 8.78L1.71 17.26L0.29 15.85L8.07 8.07L8.78 8.78L8.07 9.48L0.29 1.71L1.71 0.29ZM1.71 17.23L1.71 17.26C1.31 17.66 0.69 17.66 0.29 17.26C-0.1 16.87 -0.1 16.24 0.29 15.85L0.32 15.85L1.71 17.23ZM0.32 1.71L0.29 1.71C-0.1 1.31 -0.1 0.69 0.29 0.29C0.69 -0.1 1.31 -0.1 1.71 0.29L1.71 0.32L0.32 1.71Z" fill="%23FFE5BA" fill-opacity="1.000000" fill-rule="evenodd"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="10.196411" height="17.564453" viewBox="0 0 10.1964 17.5645" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Rectangle 43" d="M1.71 0.29L10.19 8.78L1.71 17.26L0.29 15.85L8.07 8.07L8.78 8.78L8.07 9.48L0.29 1.71L1.71 0.29ZM1.71 17.23L1.71 17.26C1.31 17.66 0.69 17.66 0.29 17.26C-0.1 16.87 -0.1 16.24 0.29 15.85L0.32 15.85L1.71 17.23ZM0.32 1.71L0.29 1.71C-0.1 1.31 -0.1 0.69 0.29 0.29C0.69 -0.1 1.31 -0.1 1.71 0.29L1.71 0.32L0.32 1.71Z" fill="%23FFE5BA" fill-opacity="1.000000" fill-rule="evenodd"/></svg>')
}

.icon-arrow-left {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="10.196411" height="17.564453" viewBox="0 0 10.1964 17.5645" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Rectangle 43" d="M1.71 0.29L10.19 8.78L1.71 17.26L0.29 15.85L8.07 8.07L8.78 8.78L8.07 9.48L0.29 1.71L1.71 0.29ZM1.71 17.23L1.71 17.26C1.31 17.66 0.69 17.66 0.29 17.26C-0.1 16.87 -0.1 16.24 0.29 15.85L0.32 15.85L1.71 17.23ZM0.32 1.71L0.29 1.71C-0.1 1.31 -0.1 0.69 0.29 0.29C0.69 -0.1 1.31 -0.1 1.71 0.29L1.71 0.32L0.32 1.71Z" fill="%23FFE5BA" fill-opacity="1.000000" fill-rule="evenodd"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="10.196411" height="17.564453" viewBox="0 0 10.1964 17.5645" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Rectangle 43" d="M1.71 0.29L10.19 8.78L1.71 17.26L0.29 15.85L8.07 8.07L8.78 8.78L8.07 9.48L0.29 1.71L1.71 0.29ZM1.71 17.23L1.71 17.26C1.31 17.66 0.69 17.66 0.29 17.26C-0.1 16.87 -0.1 16.24 0.29 15.85L0.32 15.85L1.71 17.23ZM0.32 1.71L0.29 1.71C-0.1 1.31 -0.1 0.69 0.29 0.29C0.69 -0.1 1.31 -0.1 1.71 0.29L1.71 0.32L0.32 1.71Z" fill="%23FFE5BA" fill-opacity="1.000000" fill-rule="evenodd"/></svg>');
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-tg-star {
    font-size: 24px;
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    line-height: 1;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="25.000000" height="24.000000" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Vector" d="M24.31 8.59L16.74 7.89C16.46 7.87 16.22 7.69 16.11 7.43L13.19 0.46C12.93 -0.16 12.06 -0.16 11.8 0.46L8.88 7.43C8.77 7.69 8.53 7.87 8.25 7.89L0.68 8.59C0.02 8.65 -0.25 9.48 0.26 9.92L3.57 12.74C4.1 13.18 4.78 13.4 5.47 13.34L11.87 12.73C12.51 12.67 12.79 13.52 12.24 13.85L6.67 17.22C6.07 17.58 5.65 18.16 5.49 18.84L4.5 23.06C4.35 23.72 5.06 24.24 5.63 23.88L12.1 19.84C12.34 19.69 12.65 19.69 12.89 19.84L19.36 23.88C19.93 24.24 20.64 23.72 20.49 23.06L18.74 15.56C18.67 15.28 18.77 14.99 18.98 14.81L24.73 9.92C25.24 9.48 24.97 8.65 24.31 8.59L24.31 8.59Z" fill="%23EA5344" fill-opacity="1.000000" fill-rule="nonzero"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="25.000000" height="24.000000" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><desc>Created with Pixso.</desc><defs/><path id="Vector" d="M24.31 8.59L16.74 7.89C16.46 7.87 16.22 7.69 16.11 7.43L13.19 0.46C12.93 -0.16 12.06 -0.16 11.8 0.46L8.88 7.43C8.77 7.69 8.53 7.87 8.25 7.89L0.68 8.59C0.02 8.65 -0.25 9.48 0.26 9.92L3.57 12.74C4.1 13.18 4.78 13.4 5.47 13.34L11.87 12.73C12.51 12.67 12.79 13.52 12.24 13.85L6.67 17.22C6.07 17.58 5.65 18.16 5.49 18.84L4.5 23.06C4.35 23.72 5.06 24.24 5.63 23.88L12.1 19.84C12.34 19.69 12.65 19.69 12.89 19.84L19.36 23.88C19.93 24.24 20.64 23.72 20.49 23.06L18.74 15.56C18.67 15.28 18.77 14.99 18.98 14.81L24.73 9.92C25.24 9.48 24.97 8.65 24.31 8.59L24.31 8.59Z" fill="%23EA5344" fill-opacity="1.000000" fill-rule="nonzero"/></svg>')
}





.popup-ad {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    
    justify-content: center;
    align-items: center;
    z-index: 1000;

    display: none;
    
}
.popup-ad.active {
    display: flex;
}
.popup-ad__inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.popup-ad__close {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;

    font-size: 38px;
    color: #000;
    z-index: 1001;
    line-height: 1;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.popup-ad__close.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.popup-ad__content {
    width: 100%;
    height: 100%;
}
.popup-ad__content-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}