:root {
    --color-accent: #d0f94a;
    --color-accent-active: #d0f94a;
    --color-accent-hover: #edffb1;
    --color-elements: #f0f1f1;
    --color-cards: #fff;
    --color-main: #f7f7f7;
    --color-disabled: #f7f8f9;
    --color-danger: #da4343;
    --color-danger-active: #ae3636;
    --color-danger-hover: #e16969;
    --color-background-footer: #1c1c1c;
    --color-content-secondary: #5e6060;
    --color-content-primary: #191b1c;
    --color-content-static-white: #fff;
    --color-content-info: #1f87e6;
    --color-content-accent: #55660d;
    --color-content-disabled: #babbbb;
    --color-content-tertiary: #8c8d8d;
    --color-soft-accent: #f5ffd0;
    --color-soft-success: #dcf6e1;
    --color-soft-info: #e2f0fe;
    --color-border-primary: #e8e8e8;
    --color-border-primary-active: #5e6060;
    --color-base-0: #fff;
    --color-base-100: #f7f8fa;
    --color-base-200: #f1f1f1;
    --color-base-500: #bbb;
    --color-base-600: #8d8d8d;
    --color-base-700: #5e6060;
    --color-base-800: #474948;
    --color-base-1000: #1a1b1d;
    --color-yellow: #f4bd15;
    --color-yellow-100: #fdf0e0;
    --color-yellow-700: #ba8331;
    --color-accent-800: #e0f49f;
    --color-blue-700: #2d76c5;
    --color-green: #80bc00;
    --color-green-50: #f1faf3;
    --color-green-600: #2eaf4a;
    --color-green-700: #409d56;
    --color-pink-50: #fdf3fe;
    --color-red-base: #f15d5e;
    --color-red-100: #ffedee;
    --color-red-600: #db4244;
    --color-violet-700: #6f47c2;
    --color-violet-600: #804dee;
    --color-violet-500: #9866fb;
    --color-violet-100: #eee7fe;
    --color-violet-50: #f6f2ff;
    --color-neutral-0: #fff;
    --color-marina-800: #0e4e58;
    --color-marina-120: #2c585f;
    --color-marina-110: #32636a;
    --color-marina-100: #386f77;
    --color-marina-80: #608c93;
    --color-marina-60: #88a9ae;
    --color-marina-30: #c3d4d6;
    --color-marina-20: #d8e3e4;
    --color-marina-10: #ebf1f2;
    --color-marina-5: #f5f8f9;
    --header-height: 80px;
    --app-height: 100svh;
    --basic-animation-time: .3s;
    --font-title-xl-size: 8rem;
    --font-title-xl-height: 9.2rem;
    --font-title-l-size: 4rem;
    --font-title-l-height: 5.4rem;
    --font-title-m-size: 2.4rem;
    --font-title-m-height: 3.6rem;
    --font-text-xl-size: 2rem;
    --font-text-xl-height: 3rem;
    --font-text-l-size: 1.8rem;
    --font-text-l-height: 2.7rem;
    --font-text-m-size: 1.6rem;
    --font-text-m-height: 2.4rem;
    --font-text-sm-size: 1.4rem;
    --font-text-sm-height: 2rem;
    --font-text-xs-size: 1.2rem;
    --font-text-xs-height: 1.6rem;
}

@media (max-width:767.98px) {
    :root {
        --header-height: 56px;
        --font-title-xl-size: 6rem;
        --font-title-xl-height: 7.8rem;
        --font-title-l-size: 4rem;
        --font-title-l-height: 5.4rem;
        --font-title-m-size: 2.4rem;
        --font-title-m-height: 3.6rem
    }
}

@media (max-width:575.98px) {
    :root {
        --font-title-xl-size: 3.2rem;
        --font-title-xl-height: 4.8rem;
        --font-title-l-size: 2.4rem;
        --font-title-l-height: 3.6rem;
        --font-title-m-size: 1.8rem;
        --font-title-m-height: 2.7rem
    }
}

@font-face {
    font-display: swap;
    font-family: Formular;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/Formular-Regular.woff2)format("woff2"), url(../assets/fonts/Formular-Regular.woff)format("woff")
}

@font-face {
    font-display: swap;
    font-family: Formular;
    font-style: normal;
    font-weight: 500;
    src: url(../assets/fonts/Formular-Medium.woff2)format("woff2"), url(../assets/fonts/Formular-Medium.woff)format("woff")
}

@font-face {
    font-display: swap;
    font-family: Formular;
    font-style: normal;
    font-weight: 700;
    src: url(../assets/fonts/Formular-Bold.woff2)format("woff2"), url(../assets/fonts/Formular-Bold.woff)format("woff")
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    color: inherit;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

a,
button {
    color: inherit;
    cursor: pointer
}

button {
    background-color: unset;
    border: unset;
    padding: unset;
    font-family: inherit
}

input,
textarea {
    margin: 0
}

input:focus-visible {
    outline: none
}

textarea:focus-visible {
    outline: none
}

html {
    font-size: 62.5%
}

body {
    background-color: var(--color-cards);
    color: var(--color-content-primary);
    font-family: Formular, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Arial;
    overflow-x: hidden
}

body._lock-scroll {
    overflow: hidden
}

.icon {
    height: 1em;
    transition: color var(--basic-animation-time)ease;
    width: 1em;
    display: block
}

.btn {
    color: inherit;
    cursor: pointer;
    text-align: center;
    transition: background-color var(--basic-animation-time)ease, opacity var(--basic-animation-time)ease, color var(--basic-animation-time)ease;
    background: 0 0;
    border: none;
    border-radius: 1.2rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1.1rem 2.4rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    text-decoration: none;
    display: flex
}

.btn:active,
.btn:focus {
    outline: none
}

.btn_content {
    width: max-content
}

@media (min-width:575.98px) {
    .btn_mobile-full {
        width: max-content
    }
}

@media (min-width:767.98px) {
    .btn_tablet-full {
        width: max-content
    }
}

.btn:disabled,
.btn:disabled:active,
.btn:disabled:hover {
    background-color: var(--color-disabled);
    color: var(--color-content-disabled)
}

.btn:disabled:active,
.btn:disabled:hover {
    cursor: default
}

.btn_lg {
    border-radius: 1.6rem;
    padding: 1.65rem 3.2rem;
    font-size: 1.8rem;
    line-height: 2.7rem
}

.btn_sm {
    border-radius: .8rem;
    padding: .6rem 2rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

.btn_primary {
    background-color: var(--color-accent);
    color: var(--color-content-primary)
}

.btn_primary:focus {
    background-color: var(--color-accent-hover)
}

@media (any-hover:hover) {
    .btn_primary:hover {
        background-color: var(--color-accent-hover)
    }
}

.btn_primary:active {
    background-color: var(--color-accent-active)
}

.btn_secondary {
    background-color: var(--color-soft-accent);
    color: var(--color-content-accent)
}

.btn_secondary:focus {
    background-color: var(--color-accent);
    color: var(--color-content-static-white)
}

@media (any-hover:hover) {
    .btn_secondary:hover {
        background-color: var(--color-accent);
        color: var(--color-content-primary)
    }
}

.btn_secondary:active {
    background-color: var(--color-accent-active);
    color: var(--color-content-static-white)
}

.btn_tertiary {
    color: var(--color-content-secondary)
}

.btn_tertiary:focus {
    color: var(--color-content-primary)
}

@media (any-hover:hover) {
    .btn_tertiary:hover {
        color: var(--color-content-primary)
    }
}

.btn_tertiary:active {
    color: var(--color-content-primary)
}

.btn_tertiary:disabled,
.btn_tertiary:disabled:active,
.btn_tertiary:disabled:hover {
    background: 0 0
}

.btn_danger {
    background-color: var(--color-danger);
    color: var(--color-content-static-white)
}

.btn_danger:focus {
    background-color: var(--color-danger-hover)
}

@media (any-hover:hover) {
    .btn_danger:hover {
        background-color: var(--color-danger-hover)
    }
}

.btn_danger:active {
    background-color: var(--color-danger-active)
}

.btn-icon {
    cursor: pointer;
    font-size: inherit;
    background: 0 0;
    border: none;
    border-radius: .4rem;
    width: 4.8rem;
    height: 4.8rem;
    margin: 0;
    padding: 0;
    transition: background-color .3s;
    position: relative
}

.btn-icon_disabled {
    cursor: default
}

@media (any-hover:hover) {
    .btn-icon_disabled:hover {
        background-color: unset
    }
}

.btn-icon_centered {
    justify-content: center;
    align-items: center;
    display: flex
}

.btn-icon__center {
    margin-bottom: 1.6rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.link {
    cursor: pointer;
    transition: color var(--basic-animation-time)ease;
    align-items: center;
    gap: .8rem;
    display: inline-flex;
    position: relative
}

.link_marina {
    color: var(--color-marina-60)
}

.link_marina:focus {
    color: var(--color-content-static-white)
}

@media (any-hover:hover) {
    .link_marina:hover {
        color: var(--color-content-static-white)
    }
}

.link_marina:active {
    color: var(--color-marina-30)
}

.link_marina-dark {
    color: var(--color-marina-80)
}

.link_marina-dark:focus {
    color: var(--color-content-static-white)
}

@media (any-hover:hover) {
    .link_marina-dark:hover {
        color: var(--color-content-static-white)
    }
}

.link_marina-dark:active {
    color: var(--color-marina-30)
}

.link_tight {
    letter-spacing: -.25px
}

.lazyLoad,
.swiper-lazy {
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .3s linear
}

.lazyLoad.isLoaded,
.lazyLoad.swiper-lazy-loaded,
.lazyLoad[data-loaded=true],
.swiper-lazy.isLoaded,
.swiper-lazy.swiper-lazy-loaded,
.swiper-lazy[data-loaded=true] {
    opacity: 1
}

.modal__overlay {
    z-index: calc(var(--_order, 1)*20 + 1);
    background: #17171780;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.modal__wrapper {
    z-index: calc(var(--_order, 1)*20 + 2);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto
}

.modal._hidden .modal__wrapper {
    overflow: hidden
}

.modal__container {
    align-items: var(--_pos-x);
    justify-content: var(--_pos-y);
    min-height: 100%
}

.modal__container,
.modal__item {
    flex-direction: column;
    width: 100%;
    display: flex
}

.modal__item {
    background-color: var(--color-cards);
    border-radius: var(--_br-tl, 1.5rem)var(--_br-tr, 2.4rem)var(--_br-br, 2.4rem)var(--_br-bl, 2.4rem);
    cursor: default;
    z-index: calc(var(--_order, 1)*1000 + 3);
    box-shadow: 0 24px 64px #1b1c1d0a, 0 16px 40px #1b1c1d1f
}

@media (min-width:767.98px) {
    .modal__item {
        border-radius: var(--_br-tl, 2rem)var(--_br-tr, 2rem)var(--_br-br, 2rem)var(--_br-bl, 2rem)
    }
}

.modal__item_fullscreen {
    height: var(--app-height);
    max-width: unset;
    border-radius: 0
}

.modal__item_fullscreen .modal__body {
    flex-grow: 1
}

.modal__item:not(:has(.modal__footer)) {
    padding-bottom: 2.4rem
}

@media (min-width:767.98px) {
    .modal__item:not(:has(.modal__footer)) {
        padding-bottom: 3.2rem
    }
}

.modal__header {
    grid-template-columns: minmax(1px, auto);
    align-items: center;
    gap: 1rem;
    padding: 1.6rem 1.2rem;
    display: grid
}

@media (min-width:320px) {
    .modal__header {
        padding: 2.4rem 2.4rem 1.6rem
    }
}

@media (min-width:767.98px) {
    .modal__header {
        padding: 3.2rem 3.2rem 2rem
    }
}

.modal__header_close {
    grid-template-columns: minmax(1px, auto) 4.32rem;
    padding: 1rem .75rem
}

@media (min-width:320px) {
    .modal__header_close {
        padding: 1.6rem 2.4rem
    }
}

@media (min-width:767.98px) {
    .modal__header_close {
        padding: 2rem 3.2rem
    }
}

.modal__footer {
    padding: 2.4rem 1.12rem
}

@media (min-width:320px) {
    .modal__footer {
        padding: 2.4rem
    }
}

@media (min-width:767.98px) {
    .modal__footer {
        padding: 3.2rem
    }
}

.modal__body {
    flex-grow: 1;
    padding: 0 1.2rem
}

@media (min-width:320px) {
    .modal__body {
        padding: 0 2.4rem
    }
}

@media (min-width:767.98px) {
    .modal__body {
        padding: 0 3.2rem
    }
}

.modal__close .icon {
    font-size: 2.4rem
}

.dark .modal__item {
    box-shadow: 0 12px 10px #191b1c66, 0 -4px 10px #191b1c33
}

.vmodal {
    pointer-events: none;
    z-index: 1000;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden auto
}

.vmodal.open {
    pointer-events: auto
}

.vmodal.hidden {
    overflow: hidden
}

.vmodal__overlay {
    z-index: 1000;
    background-color: #17171780;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0
}

.vmodal__container {
    background-color: var(--color-cards);
    z-index: 1002;
    flex-direction: column;
    padding: 2rem;
    display: flex;
    position: relative;
    overflow: auto
}

.vmodal__header {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
    display: flex;
    position: relative
}

.vmodal__header-icon-wrapper {
    position: absolute
}

.vmodal__header-icon-wrapper_left {
    padding: 2.4rem 5.1rem 2.4rem 0;
    left: 0
}

.vmodal__header-icon-wrapper_right {
    padding: 2.4rem 0 2.4rem 5.1rem;
    right: 0
}

.vmodal__header-icon {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.4rem
}

.vmodal__title {
    flex-grow: 1;
    margin-right: 2.4rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1
}

@media (max-width:991.98px) {
    .vmodal__title {
        font-size: 1.8rem
    }
}

.vmodal__close {
    cursor: pointer;
    outline: none;
    width: 2.4rem;
    height: 2.4rem;
    transition: opacity .2s ease-in-out;
    display: block;
    position: relative
}

.vmodal__close:focus,
.vmodal__close:hover {
    opacity: 1
}

.vmodal__close:active {
    opacity: .5
}

.vmodal__close--text {
    color: #000;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1
}

.vmodal__close svg {
    stroke: #000;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vmodal__body {
    flex: auto;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    display: block
}

.vmodal__footer {
    flex-wrap: wrap;
    justify-content: flex-end;
    display: flex
}

.cycling-hero {
    width: 100%
}

.cycling-hero__item {
    transform: translateY(0)
}

.marquee-line {
    padding-bottom: 1px;
    overflow: hidden
}

.marquee-line__wrapper {
    width: 100000px
}

.marquee-line_paused .marquee-line__item {
    animation-play-state: paused
}

.marquee-line_reverse .marquee-line__item {
    animation-direction: reverse
}

.marquee-line__item {
    animation-duration: var(--_duration, 15s);
    float: left;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: flex
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.tabs__swiper {
    width: 100%;
    margin: 0 0 0 auto !important
}

.tabs__swiper .swiper-wrapper {
    width: max-content;
    margin: 0 auto
}

.tabs__swiper .swiper-slide {
    width: max-content !important
}

.tabs__swiper .swiper-slide:not(:last-child) {
    margin-right: 1.2rem
}

.tabs__swiper .swiper-slide:last-child {
    margin-right: 0 !important
}

.tabs__list {
    justify-content: center;
    margin-bottom: 2.4rem;
    display: flex;
    position: relative
}

@media (min-width:991.98px) {
    .tabs__list {
        justify-content: flex-end
    }
}

.tabs__list-item {
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 10rem;
    outline: none;
    justify-content: center;
    align-items: center;
    width: max-content;
    padding: 1.1rem 2rem;
    text-decoration: none;
    transition: background-color .3s;
    display: flex
}

@media (any-hover:hover) {
    .tabs__list-item:hover {
        background-color: var(--color-elements)
    }
}

.tabs__list-item_active {
    background-color: var(--color-elements);
    cursor: default
}

.tabs__list-item_timer {
    position: relative;
    overflow: hidden
}

.tabs__list-item_timer:before {
    background-color: var(--color-content-primary);
    content: "";
    opacity: .08;
    z-index: 1;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.tabs__list-item_timer._timer:before {
    transition: width var(--_timer-delay)linear;
    width: 100%
}

.image-side {
    gap: 3.2rem;
    display: flex
}

.image-side_place-bottom .image-side__body,
.image-side_place-right .image-side__body {
    order: 1
}

@media (min-width:991.98px) {

    .image-side_place-bottom .image-side__body,
    .image-side_place-right .image-side__body {
        order: 0
    }
}

.image-side_place-bottom .image-side__img-wrapper,
.image-side_place-right .image-side__img-wrapper {
    order: 0
}

@media (min-width:991.98px) {

    .image-side_place-bottom .image-side__img-wrapper,
    .image-side_place-right .image-side__img-wrapper {
        order: 1
    }
}

@media (max-width:991.98px) {

    .image-side_place-left,
    .image-side_place-right {
        flex-direction: column
    }
}

.image-side_place-bottom,
.image-side_place-top {
    flex-direction: column
}

@media (min-width:991.98px) {
    .image-side_align-center .image-side__body {
        align-self: center
    }

    .image-side_align-bottom .image-side__body {
        align-self: flex-end
    }

    .image-side_align-top .image-side__body {
        align-self: flex-start
    }
}

.image-side_round {
    border-radius: .4rem;
    overflow: hidden
}

.image-side__body {
    flex: auto;
    width: 100%
}

.image-side__img-wrapper {
    width: 100%;
    position: relative
}

@media (min-width:991.98px) {
    .image-side__img-wrapper_mobile {
        display: none
    }
}

.image-side__img-wrapper ._ibg {
    padding-top: var(--_banner-ratio-mobile) !important
}

@media (min-width:575.98px) {
    .image-side__img-wrapper ._ibg {
        padding-top: var(--_banner-ratio-tablet) !important
    }
}

@media (min-width:991.98px) {
    .image-side__img-wrapper ._ibg {
        padding-top: var(--_banner-ratio-pc) !important
    }
}

.dynamic-html p:not(:last-child) {
    margin-bottom: 2.4rem
}

.dynamic-html ol li,
.dynamic-html ul li {
    position: relative;
    line-height: 2.4rem !important
}

.dynamic-html ol li:not(:last-child),
.dynamic-html ul li:not(:last-child) {
    margin-bottom: 2rem
}

.dynamic-html ol li ol,
.dynamic-html ol li ul,
.dynamic-html ul li ol,
.dynamic-html ul li ul {
    margin: .8rem 0
}

.dynamic-html ol+h2,
.dynamic-html ol+h3,
.dynamic-html ol+h4,
.dynamic-html ul+h2,
.dynamic-html ul+h3,
.dynamic-html ul+h4 {
    margin-top: 2.4rem
}

.dynamic-html ol strong,
.dynamic-html ul strong {
    margin-right: 4px
}

.dynamic-html ul {
    margin-left: 1.3rem;
    list-style: outside
}

.dynamic-html ol {
    margin-left: 1.7rem;
    list-style: decimal
}

.dynamic-html ol li {
    line-height: inherit
}

.dynamic-html ol li:not(:last-child) {
    margin-bottom: 2rem
}

.dynamic-html b,
.dynamic-html strong {
    font-weight: 700
}

@media (min-width:991.98px) {
    .sticky-slider {
        display: flex
    }
}

.sticky-slider__sidebar {
    display: none
}

@media (min-width:991.98px) {
    .sticky-slider__sidebar {
        height: calc(var(--app-height) - var(--header-height));
        top: var(--header-height);
        width: 50%;
        display: block;
        position: sticky;
        overflow: hidden
    }

    .sticky-slider__slides {
        width: 50%
    }
}

.spoiler {
    width: 100%
}

.spoiler__title {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}

.spoiler._disabled .spoiler__title {
    cursor: default
}

.spoiler__body {
    transition: height var(--_spoiler-duration)cubic-bezier(0, 0, .5, 1), opacity var(--_spoiler-duration)cubic-bezier(0, 0, .5, 1);
    overflow: hidden
}

.spoiler__icon {
    position: relative
}

.spoiler__icon:after,
.spoiler__icon:before {
    background-color: var(--color-base-1000);
    content: "";
    height: 2px;
    transition: transform var(--_spoiler-duration)cubic-bezier(0, 0, .5, 1);
    width: 14px;
    position: absolute;
    top: 50%;
    right: 0
}

.spoiler__icon:after {
    transform: rotate(-90deg)
}

.spoiler__icon_custom {
    transform: rotate(0)
}

.spoiler__icon-wrapper,
.spoiler__icon_custom {
    transition: transform var(--_spoiler-duration)cubic-bezier(0, 0, .5, 1)
}

.spoiler__icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex
}

.spoiler__icon-wrapper.spoiler__icon_custom._active {
    transform: rotate(-180deg)
}

.spoiler__custom-icon,
.spoiler__icon-wrapper._active .spoiler__icon:after {
    transform: rotate(0)
}

.spoiler__custom-icon {
    transition: transform var(--_spoiler-duration)cubic-bezier(0, 0, .5, 1)
}

.spoiler__custom-icon._active {
    transform: rotate(-180deg)
}

.read-more__body {
    position: relative;
    overflow: hidden
}

.read-more__body_fade:after {
    content: "";
    opacity: 1;
    z-index: 1;
    background-image: linear-gradient(#f7f8fa00, #fff);
    height: 4.4rem;
    transition: opacity .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.read-more__icon-wrapper {
    margin-left: .8rem
}

.read-more._active .read-more__body:after {
    opacity: 0
}

.read-more._active .read-more__icon {
    transform: rotate(180deg)
}

.read-more._active .read-more__title-wrapper {
    margin-top: .8rem
}

.read-more__title {
    cursor: pointer;
    align-items: center;
    display: flex
}

.read-more__title-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.read-more__title-wrapper_left {
    justify-content: flex-start
}

.read-more__title-wrapper_right {
    justify-content: flex-end
}

.scrollbar {
    height: 100%;
    max-height: var(--_max-height, unset);
    flex-direction: column;
    display: flex;
    position: relative
}

@media (any-hover:hover) {
    .scrollbar:hover>.scrollbar__thumbPlaceholder {
        opacity: 1
    }
}

.scrollbar_right-shadow {
    --_radius: .5rem
}

.scrollbar_right-shadow-top {
    border-top-right-radius: var(--_radius)
}

.scrollbar_right-shadow-bottom {
    border-bottom-right-radius: var(--_radius)
}

.scrollbar_right-shadow:after {
    content: "";
    pointer-events: none;
    z-index: 10;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(180deg);
    box-shadow: inset 20px 0 20px -20px #0003
}

.scrollbar__scroller {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-x: none;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    scroll-behavior: auto !important
}

.scrollbar__scroller::-webkit-scrollbar {
    display: none
}

.scrollbar__content--vertical {
    display: block
}

.scrollbar__content--vertical.scrollbar__content--fixedThumb {
    display: inline-block
}

.scrollbar__thumbPlaceholder {
    contain: strict;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    z-index: 18;
    justify-content: center;
    align-items: center;
    transition: opacity .275s;
    display: inline-flex;
    position: absolute
}

.scrollbar__thumbPlaceholder--vertical {
    width: var(--_scroll-width);
    top: 3px;
    right: .4rem
}

.scrollbar__thumbPlaceholder--horizontal {
    height: var(--_scroll-width);
    bottom: 0;
    left: 3px
}

.scrollbar__thumbPlaceholder--autoHide {
    opacity: 1
}

@media (any-hover:hover) {
    .scrollbar__thumbPlaceholder--autoHide {
        opacity: 0
    }
}

.scrollbar__thumbPlaceholder--scrolling,
.scrollbar__thumbPlaceholder:hover>.scrollbar__thumb {
    opacity: 1
}

.scrollbar__thumbPlaceholder--autoExpand:hover>.scrollbar__thumb--vertical {
    transform: scaleX(1.5)
}

.scrollbar__thumbPlaceholder--autoExpand:hover>.scrollbar__thumb--horizontal {
    transform: scaleY(1.5)
}

.scrollbar__thumb {
    background-color: var(--color-base-600);
    contain: strict;
    opacity: .6;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    transition: opacity .275s, transform .2s
}

.scrollbar__thumb--vertical {
    right: .4rem
}

.scrollbar__thumb--horizontal {
    bottom: .4rem
}

.scrollbar__shepherd {
    contain: strict;
    position: absolute
}

.scrollbar__shepherd--vertical {
    width: 0;
    height: 100%;
    top: 0;
    right: 0
}

.scrollbar__shepherd--horizontal {
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0
}

.v-popper--theme-tooltip .v-popper__inner {
    width: 100%;
    max-width: 28rem;
    box-shadow: 0 8px 16px -8px #00000029, 0 12px 32px #0000001f, 0 16px 48px 16px #00000014;
    background: var(--color-content-primary) !important;
    border-radius: 1.6rem !important;
    padding: 1.6rem !important
}

.v-popper__popper--show-from .v-popper__wrapper {
    transform: translateY(-10px)
}

.v-popper__popper--show-to .v-popper__wrapper {
    transition: transform .3s;
    transform: none
}

.v-popper__popper--hide-from .v-popper__wrapper {
    transform: none
}

.v-popper__popper--hide-to .v-popper__wrapper {
    transition: transform .1s;
    transform: translateY(-10px)
}

.swiper-links__swiper {
    width: 100%;
    margin: 0 0 0 auto !important
}

.swiper-links__swiper-wrapper {
    width: 100%
}

.swiper-links__swiper .swiper-wrapper {
    width: max-content;
    margin: 0 !important
}

.swiper-links__swiper .swiper-slide {
    width: max-content !important
}

.swiper-links__swiper .swiper-slide:not(:last-child) {
    margin-right: 1.2rem
}

.swiper-links__swiper .swiper-slide:last-child {
    margin-right: 0 !important
}

.swiper-links__list {
    justify-content: flex-start;
    margin-bottom: 2.4rem;
    display: flex;
    position: relative
}

.swiper-links__list-item {
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 10rem;
    outline: none;
    justify-content: center;
    align-items: center;
    width: max-content;
    padding: 1.1rem 2rem;
    text-decoration: none;
    display: flex
}

.swiper-links__list-item_active {
    cursor: default
}

.swiper-links__list_indicator .swiper-wrapper:after {
    background: var(--color-content-primary);
    content: "";
    opacity: 0;
    height: 4px;
    scale: var(--_width, 0)1;
    transform-origin: 0;
    translate: var(--_left, 0)0;
    transition: scale .3s, translate .3s, opacity .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.swiper-links__list_mounted .swiper-wrapper:after {
    opacity: 1
}

.swiper-links__link {
    color: var(--color-content-secondary);
    padding: 1.6rem 1.2rem 2rem;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.8rem;
    transition: color .3s;
    display: block
}

.swiper-links__link.nuxt-link-active,
.swiper-links__link.nuxt-link-exact-active {
    color: var(--color-content-primary)
}

.fade-enter-active,
.fade-leave-active,
.perspective-enter-active,
.perspective-leave-active,
.slideBottom-enter-active,
.slideBottom-leave-active,
.slideLeft-enter-active,
.slideLeft-leave-active,
.slideRight-enter-active,
.slideRight-leave-active,
.slideToBottom-enter-active,
.slideToBottom-leave-active,
.slideTop-enter-active,
.slideTop-leave-active {
    transition-duration: var(--_duration, var(--basic-animation-time));
    transition-property: transform, opacity;
    transition-timing-function: ease
}

.fade-enter-from,
.fade-leave-to,
.perspective-enter-from,
.perspective-leave-to,
.slideBottom-enter-from,
.slideBottom-leave-to,
.slideLeft-enter-from,
.slideLeft-leave-to,
.slideRight-enter-from,
.slideRight-leave-to,
.slideToBottom-enter-from,
.slideToBottom-leave-to,
.slideTop-enter-from,
.slideTop-leave-to {
    opacity: 0
}

.perspective-enter-active,
.perspective-leave-active {
    transform: perspective(600px)translate(0)rotate(0)
}

.perspective-enter-from,
.perspective-leave-to {
    transform: perspective(600px)translateY(-100%)rotateX(45deg)
}

.slideTop-enter-from,
.slideTop-leave-to {
    transform: translateY(-150%)
}

.slideBottom-enter-from,
.slideBottom-leave-to,
.slideToBottom-leave-to {
    transform: translateY(100svh)
}

.slideLeft-enter-from,
.slideLeft-leave-to {
    transform: translate(-100%)
}

.slideRight-enter-from,
.slideRight-leave-to {
    transform: translate(100%)
}

.scale-enter-active,
.scale-leave-active {
    transition: scale var(--basic-animation-time)cubic-bezier(0, 0, .2, 1)
}

.scale-enter-from,
.scale-leave-to {
    scale: 0
}

.tab-left-leave-to,
.tab-right-enter-from {
    opacity: 0;
    transform: translate(20px)
}

.tab-left-enter-from,
.tab-right-leave-to {
    opacity: 0;
    transform: translate(-20px)
}

.tab-left-enter-to,
.tab-left-leave-from,
.tab-right-enter-to,
.tab-right-leave-from {
    opacity: 1
}

.tab-left-enter-active,
.tab-left-leave-active,
.tab-right-enter-active,
.tab-right-leave-active {
    transition: opacity var(--_duration, var(--basic-animation-time))ease, transform var(--_duration, var(--basic-animation-time))ease
}

.table-enter-active,
.table-move {
    transition: opacity .3s ease-out, transform .3s ease-out
}

.table-leave-active {
    opacity: 0;
    width: 100%;
    height: max-content;
    transition: transform .3s;
    position: absolute;
    top: 0;
    left: 0
}

.table-enter-from,
.table-leave-to {
    opacity: 0;
    transform: translate(30px)
}

.list-left-enter-active,
.list-left-move,
.list-right-enter-active,
.list-right-move {
    transition: all .3s ease-out
}

.list-left-leave-active,
.list-right-leave-active {
    transition: all .3s, opacity;
    position: absolute
}

.list-left-enter-from,
.list-left-leave-to,
.list-right-enter-from,
.list-right-leave-to {
    opacity: 0
}

.list-right-enter-from,
.list-right-leave-to {
    opacity: 0;
    transform: translate(50%)
}

.list-left-enter-from,
.list-left-leave-to {
    opacity: 0;
    transform: translate(-50%)
}

.badge {
    border-radius: 7.5rem;
    align-items: center;
    gap: .4rem;
    width: max-content;
    display: flex
}

.badge__icon {
    font-size: 1.4rem
}

.badge_md {
    padding: .2rem 1.2rem
}

.badge_sm {
    padding: 0 .8rem
}

.badge_xs {
    padding: .2rem .8rem;
    font-weight: 500
}

.badge_xs .badge__icon {
    font-size: 1.2rem
}

.popup_absolute {
    width: 100%
}

.popup.v-popper--theme-dropdown .v-popper__inner {
    background: var(--color-base-0);
    color: inherit;
    border: none;
    border-radius: 1.2rem;
    box-shadow: 0 8px 20px #00000014, 0 12px 32px 4px #0000000a
}

.popup.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
    opacity: 0;
    transform: translateY(10px)
}

.popup.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
    transition: transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
    transform: none
}

.popup.v-popper--theme-dropdown.v-popper__popper--hidden-from .v-popper__wrapper {
    transform: none
}

.popup.v-popper--theme-dropdown.v-popper__popper--hidden-to .v-popper__wrapper {
    opacity: 0;
    transition: transform .3s linear, opacity .3s linear;
    transform: translateY(10px)
}

.popup .v-popper__arrow-container {
    display: none
}

.dark .popup.v-popper--theme-dropdown .v-popper__inner {
    box-shadow: 0 12px 10px #191b1c66, 0 -4px 10px #191b1c33
}

._ibg {
    color: #0000;
    padding-top: 100%;
    position: relative
}

._ibg,
._ibg img {
    width: 100%;
    height: 100%;
    display: block
}

._ibg img {
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0
}

.layout {
    flex-direction: column;
    display: flex
}

.page {
    min-height: calc(var(--app-height) - var(--header-height))
}

@media (min-width:991.98px) {
    .page {
        padding-bottom: 4rem
    }
}

.container {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding-left: 4rem;
    padding-right: 4rem
}

@media (max-width:575.98px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.container_vertical {
    padding-top: 8rem;
    padding-bottom: 8rem
}

@media (max-width:991.98px) {
    .container_vertical {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media (max-width:575.98px) {
    .container_vertical {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.container_top {
    padding-top: 8rem
}

@media (max-width:991.98px) {
    .container_top {
        padding-top: 6rem
    }
}

@media (max-width:575.98px) {
    .container_top {
        padding-top: 4rem
    }
}

.container_bottom {
    padding-bottom: 8rem
}

@media (max-width:991.98px) {
    .container_bottom {
        padding-bottom: 6rem
    }
}

@media (max-width:575.98px) {
    .container_bottom {
        padding-bottom: 4rem
    }
}

.container_full {
    max-width: 1520px
}

@media (max-width:991.98px) {
    .container_full {
        padding-left: 0;
        padding-right: 0
    }
}

.header {
    background-color: var(--color-content-static-white);
    transition: box-shadow var(--basic-animation-time)ease;
    z-index: 20;
    width: 100%;
    position: sticky;
    top: 0
}

.header_shadow {
    box-shadow: 0 2px 4px #0000001a
}

.header__wrapper {
    justify-content: space-between;
    align-items: center;
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 1.2rem 2rem;
    display: flex
}

@media (min-width:991.98px) {
    .header__wrapper {
        padding: 1.6rem 4rem
    }
}

.header__right {
    align-items: center;
    display: flex
}

.header__right-menu {
    display: none
}

@media (min-width:1280px) {
    .header__right-menu {
        align-items: center;
        display: flex
    }
}

.header__menu {
    align-items: center;
    display: flex
}

.header__menu-item {
    width: max-content;
    margin-bottom: 0;
    margin-right: 2.4rem;
    padding: 1.3rem 0 1rem
}

.header__menu-item-wrapper {
    display: block
}

.header__arrow {
    transition: transform var(--basic-animation-time)ease;
    font-size: 1.6rem
}

.header__arrow._active {
    transform: rotate(-180deg)
}

.header-burger {
    width: 2.4rem;
    height: 2.4rem
}

@media (min-width:1280px) {
    .header-burger {
        display: none !important
    }
}

.header-burger .icon {
    color: var(--color-content-primary);
    font-size: 2.4rem
}

.header-modal__wrapper {
    padding: 0
}

.header-modal__header {
    padding: 0 2.4rem
}

.logo__wrapper {
    width: 3.2rem;
    height: 3.2rem;
    display: block
}

.f-bran {
    max-width: 35%;
}

@media (min-width:991.98px) {
    .logo__wrapper {
        width: 20.1rem;
        height: 3.6rem
    }
}

.logo__img {
    --_logo-image: var(--_logo-bg-mobile);
    background-image: var(--_logo-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%
}

@media (min-width:991.98px) {
    .logo__img {
        --_logo-image: var(--_logo-bg-pc)
    }
}

.footer {
    background-color: var(--color-background-footer);
    padding: 4rem 0
}

.footer__menu {
    flex-direction: column;
    display: flex
}

@media (min-width:991.98px) {
    .footer__menu {
        grid-column-gap: 78px;
        align-items: baseline;
        display: grid
    }
}

.footer__logo {
    display: none
}

@media (min-width:991.98px) {
    .footer__logo {
        opacity: .2;
        grid-column: 4;
        justify-self: flex-end;
        display: block
    }

    .footer__logo .logo__wrapper {
        width: 15.7rem;
        height: 2.2rem
    }
}

@media (max-width:991.98px) {
    .footer-column:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.footer-column__item:not(:first-child) {
    margin-top: 3.2rem
}

.footer-column__list-item:not(:last-child) {
    margin-bottom: 1.2rem
}

.footer-icons {
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media (max-width:575.98px) {
    .f-bran {
        max-width: 100%;
    }

    .footer-icons {
        flex-direction: column;
        justify-content: center;
        gap: 2rem
    }
}

.footer-icons__list {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3.2rem;
    display: flex
}

.footer-icons__list_social {
    gap: 2rem
}

.footer-icons__list_social .icon {
    font-size: 2.4rem
}

.footer-icons .footer-icons__social {
    color: var(--color-marina-80)
}

.footer-copyright {
    justify-content: space-between;
    display: flex
}

@media (max-width:575.98px) {
    .footer-copyright {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem
    }
}

.footer-copyright__left {
    display: flex
}

@media (max-width:575.98px) {
    .footer-copyright__left {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem
    }
}

.footer-copyright__copy,
.footer-copyright__right {
    color: var(--color-marina-80)
}

.footer-copyright__list {
    gap: 2rem;
    display: flex
}

.footer-copyright__copy {
    margin-right: 1.2rem
}

.wechat .menu-header__modal-wrapper {
    max-height: 54rem
}

.wechat .menu-header__modal-wrapper .vmodal__body {
    height: 100%
}

.wechat__img,
.wechat__img img {
    width: 100%;
    height: 100%
}

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

.main-screen {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.main-screen__wrapper {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-height: 955px;
    margin-top: 6rem;
    margin-bottom: 8rem;
    display: flex;
    position: relative
}

@media (min-width:991.98px) {
    .main-screen__wrapper {
        height: calc(var(--app-height) - var(--header-height) - 120px);
        margin-top: 0;
        margin-bottom: 120px
    }

    .main-screen__wrapper_short {
        margin-bottom: 0
    }
}

.main-screen__img {
    display: block
}

.main-screen__img,
.main-screen__img img {
    width: 100%;
    height: 100%
}

.main-screen__img-wrapper {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width:1520px) {
    .main-screen__img-wrapper_pc {
        display: none
    }
}

.main-screen__img-wrapper_hidden {
    display: none
}

.main-screen__body {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.main-screen__item {
    text-align: center;
    text-wrap: balance;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem
}

@media (min-width:767.98px) {
    .main-screen__item {
        font-size: 6rem;
        line-height: 7.8rem
    }
}

@media (min-width:991.98px) {
    .main-screen__item {
        font-size: 8rem;
        line-height: 9.2rem
    }

    .main-screen__item_small {
        font-size: 6.8rem;
        line-height: 8.4rem
    }

    .main-screen__item_xs {
        font-size: 4.8rem;
        line-height: 6.4rem
    }
}

.main-screen__item-mobile {
    display: block
}

@media (min-width:991.98px) {
    .main-screen__item-mobile {
        display: none
    }
}

.main-screen__item-main {
    display: none
}

@media (min-width:991.98px) {
    .main-screen__item-main {
        display: block
    }
}

.main-screen__text {
    text-wrap: balance
}

@media (max-width:991.98px) {
    .main-screen__text {
        max-width: 56.6rem
    }
}

@media (min-width:991.98px) {
    .main-screen__text {
        max-width: 85%
    }
}

.partner-logo {
    width: 11.4rem;
    height: 3.2rem
}

.partner-logo__img {
    width: 100%;
    padding-top: 28.0702%
}

.partners-marquee .info-wrapper__description {
    margin-bottom: 2rem
}

.count-info_short .info-wrapper__wrapper {
    max-width: 85.7rem
}

@media (max-width:767.98px) {
    .count-info_odd .count-info__item:last-child {
        grid-column: 1/-1
    }
}

.count-info .info-wrapper__title {
    margin-bottom: 2rem
}

.count-info .info-wrapper__description {
    margin-bottom: 3.2rem
}

@media (min-width:575.98px) {
    .count-info .info-wrapper__description {
        margin-bottom: 4.8rem
    }
}

.count-info .info-wrapper__wrapper {
    grid-template-columns: repeat(var(--_column-mobile), 1fr);
    gap: 2.4rem;
    width: 100%;
    margin: 0 auto;
    display: grid
}

@media (min-width:575.98px) {
    .count-info .info-wrapper__wrapper {
        grid-template-columns: repeat(var(--_column-tablet), 1fr);
        gap: 3.2rem
    }
}

@media (min-width:767.98px) {
    .count-info .info-wrapper__wrapper {
        grid-template-columns: repeat(var(--_column-pc), 1fr)
    }
}

.count-info__item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    display: flex
}

.count-info .counter {
    text-align: center;
    width: 100%;
    font-size: 4rem;
    font-weight: 700;
    line-height: 5.2rem
}

@media (min-width:575.98px) {
    .count-info .counter {
        font-size: 6rem;
        line-height: 6rem
    }
}

@media (min-width:991.98px) {
    .count-info .counter {
        font-size: 6.8rem;
        line-height: 6.8rem
    }
}

@media (max-width:991.98px) {
    .sticky-tabs {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (max-width:575.98px) {
    .sticky-tabs {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.sticky-tabs .image-side__img-wrapper_mobile {
    background-color: #eff0f080;
    overflow: hidden
}

@media (max-width:991.98px) {
    .sticky-tabs .image-side__img-wrapper_mobile {
        border-radius: 3.2rem
    }
}

@media (max-width:575.98px) {
    .sticky-tabs .image-side__img-wrapper_mobile {
        border-radius: 2rem
    }
}

.sticky-tabs__img {
    width: 100%;
    height: 100%
}

.sticky-tabs__img-wrapper {
    background-color: #eff0f080;
    width: 100%;
    height: 100%
}

.sticky-tabs__img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block
}

.sticky-tabs__item {
    align-items: center;
    padding: 4rem 0;
    display: flex !important
}

@media (min-width:575.98px) {
    .sticky-tabs__item {
        padding: 6rem 0
    }
}

@media (min-width:991.98px) {
    .sticky-tabs__item {
        min-height: calc(var(--app-height) - var(--header-height));
        padding: 0 8rem
    }
}

.sticky-tabs__item:first-child {
    padding-top: 0
}

@media (min-width:991.98px) {
    .sticky-tabs .image-side__body {
        width: 100%;
        max-width: 52rem
    }
}

.review {
    border: 1px solid var(--color-base-500);
    border-radius: 2.4rem;
    flex-direction: column;
    width: 40rem;
    display: flex
}

.review__body {
    flex-grow: 1
}

.review-avatar {
    background-color: var(--_avatar-bg);
    color: var(--_avatar-text);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    display: flex;
    overflow: hidden
}

.review-avatar__img {
    width: 4.1rem;
    height: 4rem
}

.info-button .text-button {
    border: 1px solid var(--color-base-500);
    border-radius: 3.2rem;
    align-items: center;
    gap: 4rem;
    display: flex
}

@media (max-width:991.98px) {
    .info-button .text-button {
        flex-direction: column
    }
}

.info-button .text-button__wrapper {
    flex-grow: 1
}

@media (max-width:991.98px) {
    .info-button .text-button__btn-wrapper {
        width: 100%
    }
}

.faq__item {
    border-bottom: 1px solid var(--color-border-primary)
}

.info-grid {
    grid-template-columns: repeat(var(--_column-mobile), 1fr);
    gap: 4rem;
    display: grid
}

@media (min-width:575.98px) {
    .info-grid {
        grid-template-columns: repeat(var(--_column-tablet), 1fr);
        gap: 3.2rem
    }
}

@media (min-width:991.98px) {
    .info-grid {
        grid-template-columns: repeat(var(--_column-pc), 1fr)
    }
}

@media (max-width:991.98px) {
    .info-grid_odd .info-grid__item:last-child {
        grid-column: 1/-1
    }
}

.info-grid__img {
    padding-top: 81.43%
}

.info-grid__img-wrapper {
    width: 14rem;
    margin: 0 auto 2.4rem
}

.info-grid__description {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto
}

@media (min-width:575.98px) {
    .assistance-info {
        gap: 4.8rem
    }
}

@media (min-width:991.98px) {
    .assistance-info .image-side__img-wrapper {
        max-width: 56.6rem
    }
}

.marketplace-item {
    grid-template-columns: 28.6rem 16rem 16.7rem 13.8rem 15.8rem 11.2rem 17.8rem;
    width: 100%;
    display: grid
}

.marketplace-item_header {
    border-bottom: unset
}

.marketplace-item_header .marketplace-item__column {
    border-bottom: none;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.marketplace-item__column {
    border-bottom: 1px solid var(--color-border-primary);
    align-items: center;
    padding: 1.8rem 2.4rem;
    display: flex
}

.marketplace-item__column:first-child {
    padding: 1.6rem 1.6rem 1.6rem 2.4rem
}

.marketplace-item__column:last-child {
    padding-left: 0;
    padding-right: 2.4rem
}

.marketplace-item__column_filter {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color .3s
}

.marketplace-item__column_right {
    justify-content: flex-end;
    padding-right: 2.4rem
}

.marketplace-item__column_gambling {
    padding-left: 1.6rem
}

.marketplace-item__link {
    word-break: break-word;
    align-items: center;
    gap: .8rem;
    display: flex
}

.marketplace-item__img-wrapper {
    width: 3.1rem;
    min-width: 3.1rem;
    height: 3.1rem
}

.marketplace-item__gambling {
    color: #2eaf4a;
    font-size: 2.1rem
}

.marketplace-item__filter {
    color: var(--color-content-disabled);
    cursor: pointer;
    background: 0 0;
    border: none;
    margin-left: .6rem;
    padding: 0;
    font-size: .6rem;
    text-decoration: none
}

.marketplace-item__sort {
    width: 6px;
    height: 3.67px
}

.marketplace-item__sort:first-child {
    margin-bottom: .2rem;
    transform: rotate(180deg)
}

.marketplace-products__table {
    overflow-x: auto
}

.marketplace-products__btn-icon {
    margin-left: .8rem;
    font-size: 2rem
}

.marketplace-modal__title {
    align-items: center;
    gap: 2rem;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    display: flex
}

@media (min-width:575.98px) {
    .marketplace-modal__title {
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.2rem
    }
}

.marketplace-modal__img-wrapper {
    width: 4rem;
    height: 4rem
}

.marketplace-modal__btn-icon {
    font-size: 2rem
}

.marketplace-modal__preview {
    padding-top: 56.25%
}

.marketplace-modal__preview-wrapper {
    background-color: var(--color-content-static-white);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.marketplace-modal__preview-icon {
    color: var(--color-content-secondary);
    width: 2.4rem;
    height: 2.4rem;
    font-size: 2.4rem
}

.marketplace-modal__modal-wrapper {
    padding-top: 3.2rem
}

@media (min-width:575.98px) {
    .marketplace-modal__modal-wrapper {
        border-radius: 1.6rem;
        padding: 3.2rem
    }
}

@media (max-width:575.98px) {
    .marketplace-modal__modal-wrapper {
        border-radius: 0;
        height: 100% !important
    }
}

@media (orientation:landscape) and (hover:none) {
    .marketplace-modal__modal-wrapper {
        border-radius: 0
    }
}

.marketplace-modal__modal-wrapper .vmodal__body {
    position: relative;
    overflow-y: auto
}

@media (max-width:767.98px) {
    .marketplace-variants {
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
        display: grid
    }
}

@media (max-width:575.98px) {
    .marketplace-variants {
        grid-template-columns: 1fr
    }
}

.marketplace-variants_more {
    padding-top: 1.2rem
}

.marketplace-variants__item {
    border: 1px solid var(--color-border-primary);
    border-radius: 1.6rem;
    align-items: center;
    width: 100%;
    min-height: 11.2rem;
    display: grid
}

@media (min-width:767.98px) {
    .marketplace-variants__item {
        grid-template-columns: 1.9738fr 1fr 1fr 1fr 17.4rem
    }

    .marketplace-variants__item:not(:last-child) {
        margin-bottom: 1.2rem
    }
}

@media (max-width:767.98px) {
    .marketplace-variants__item {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0 1.6rem
    }
}

.marketplace-variants__column {
    flex-direction: column;
    gap: .8rem;
    padding: 1.6rem 0;
    display: flex
}

.marketplace-variants__column-title {
    color: var(--color-content-secondary);
    width: max-content
}

.marketplace-variants__column_right {
    align-items: flex-end;
    padding-left: 0
}

@media (min-width:767.98px) {
    .marketplace-variants__column_name {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media (max-width:767.98px) {
    .marketplace-variants__column_name {
        grid-area: 1/1/1/4
    }
}

.marketplace-variants__column-desc {
    --_max-lines: 2;
    -webkit-line-clamp: var(--_max-lines);
    cursor: help;
    -webkit-text-decoration: underline dashed var(--color-content-tertiary);
    -webkit-text-decoration: underline dashed var(--color-content-tertiary);
    text-decoration: underline dashed var(--color-content-tertiary);
    text-underline-offset: 3px;
    -webkit-box-orient: vertical;
    line-height: 2.1rem;
    display: -webkit-box;
    overflow: hidden
}

@media (max-width:767.98px) {
    .marketplace-variants__column_gambling {
        grid-area: 2/1/2/2;
        padding: 0
    }

    .marketplace-variants__column_type {
        grid-area: 2/2/2/2;
        padding: 0
    }
}

@media (min-width:767.98px) {
    .marketplace-variants__column_price {
        padding-right: 3.2rem
    }
}

@media (max-width:767.98px) {
    .marketplace-variants__column_price {
        grid-area: 2/3/2/4;
        padding: 0
    }
}

.marketplace-variants__column_btns {
    flex-direction: row
}

@media (min-width:767.98px) {
    .marketplace-variants__column_btns {
        padding-right: 2.4rem
    }
}

@media (max-width:767.98px) {
    .marketplace-variants__column_btns {
        grid-area: 3/1/3/4
    }
}

.marketplace-variants__gambling {
    color: #2eaf4a;
    font-size: 2.1rem
}

.marketplace-variants__icon {
    font-size: 2rem
}

.get-touch .info-grid__description,
.get-touch .info-grid__title {
    margin: 0 0 2rem
}

.get-touch .info-grid__description,
.get-touch .info-grid__footer,
.get-touch .info-grid__title {
    text-align: left
}

.get-touch__mail {
    -webkit-text-decoration: underline solid var(--color-content-accent);
    -webkit-text-decoration: underline solid var(--color-content-accent);
    text-decoration: underline solid var(--color-content-accent);
    text-underline-offset: 4px
}

.pr-distribution .info-grid {
    row-gap: 4.8rem
}

.pr-distribution .info-grid__title {
    margin: 0 0 2rem
}

.pr-distribution .info-grid__description {
    max-width: unset;
    margin: 0
}

.pr-distribution .info-grid__description,
.pr-distribution .info-grid__title {
    text-align: left
}

.legal-content {
    color: var(--color-content-secondary);
    font-size: var(--font-text-m-size);
    line-height: var(--font-text-m-height)
}

.legal-content section {
    margin-bottom: 6rem
}

.legal-content h1,
.legal-content h2,
.legal-content h3 {
    font-size: var(--font-title-l-size);
    font-weight: 700;
    line-height: var(--font-title-l-height);
    margin-bottom: 2rem
}

.legal-content h4 {
    font-weight: 500
}

.legal-content h1,
.legal-content h2,
.legal-content h3,
.legal-content h4,
.legal-content h5,
.legal-content h6 {
    color: var(--color-content-primary)
}

.legal-content p:not(:last-child) {
    margin-bottom: 2rem
}

.legal-content a {
    color: var(--color-content-info);
    font-weight: 700
}

.legal-content .bold {
    font-weight: 700
}

.legal-content ol:not(:last-child),
.legal-content ul:not(:last-child) {
    margin-bottom: 2rem
}

.legal-content ol li,
.legal-content ul li {
    position: relative;
    line-height: 2.4rem !important
}

.legal-content ol li:not(:last-child),
.legal-content ul li:not(:last-child) {
    margin-bottom: 2rem
}

.legal-content ol li ol,
.legal-content ol li ul,
.legal-content ul li ol,
.legal-content ul li ul {
    margin: .8rem 0
}

.legal-content ol+h2,
.legal-content ol+h3,
.legal-content ol+h4,
.legal-content ul+h2,
.legal-content ul+h3,
.legal-content ul+h4 {
    margin-top: 2.4rem
}

.legal-content ol {
    margin-left: 1.7rem;
    list-style: decimal
}

.legal-content ol li {
    line-height: inherit
}

.legal-content ol li:not(:last-child) {
    margin-bottom: 2rem
}

.legal-content b,
.legal-content strong {
    font-weight: 700
}

.legal-content table.privacy-table {
    border-collapse: collapse;
    text-align: left
}

.legal-content table.privacy-table tbody {
    border-collapse: separate;
    border: none
}

.legal-content table.privacy-table td {
    border-bottom: 1px solid var(--color-border-primary);
    padding: 20px
}

.legal-content table.privacy-table th {
    color: var(--color-content-secondary);
    padding: 1.6rem;
    line-height: 20px
}

@media (min-device-width:768px) and (max-device-width:1024px),
only screen and (max-width:760px) {

    .legal-content table.privacy-table table,
    .legal-content table.privacy-table tbody,
    .legal-content table.privacy-table td,
    .legal-content table.privacy-table th,
    .legal-content table.privacy-table thead,
    .legal-content table.privacy-table tr {
        display: block
    }

    .legal-content table.privacy-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .legal-content table.privacy-table tr:nth-child(odd) {
        background-color: var(--color-base-100)
    }

    .legal-content table.privacy-table td {
        border: none;
        border-bottom: 1px solid var(--color-border-primary);
        padding-left: 160px;
        position: relative
    }

    .legal-content table.privacy-table td:before {
        white-space: nowrap;
        position: absolute;
        left: 10px
    }

    .legal-content table.privacy-table td:first-of-type:before {
        content: "Purpose or Activity"
    }

    .legal-content table.privacy-table td:nth-of-type(2):before {
        content: "Type of data"
    }

    .legal-content table.privacy-table td:nth-of-type(3):before {
        content: "Lawful bases"
    }

    .legal-content table.privacy-table td:first-of-type:before,
    .legal-content table.privacy-table td:nth-of-type(2):before,
    .legal-content table.privacy-table td:nth-of-type(3):before {
        color: #00353d;
        font-weight: 500;
        line-height: 20px
    }
}

.legal-content table.cookie-table {
    border-collapse: collapse;
    text-align: left
}

.legal-content table.cookie-table tbody {
    border-collapse: separate;
    border: none
}

.legal-content table.cookie-table td {
    border-bottom: 1px solid var(--color-border-primary);
    vertical-align: text-bottom;
    padding: 2rem 1.6rem 2rem 2.4rem
}

@media only screen and (max-width:695px) and (min-width:320px) {
    .legal-content table.cookie-table td {
        padding-left: 80px;
        position: relative
    }
}

.legal-content table.cookie-table th {
    color: var(--color-content-secondary);
    padding: 2rem 1.6rem 2rem 2.4rem;
    line-height: 20px
}

.legal-content table.cookie-table p {
    line-height: 20px
}

.legal-content table.cookie-table h4 {
    white-space: nowrap
}

@media (min-device-width:768px) and (max-device-width:1024px),
only screen and (max-width:760px) {

    .legal-content table.cookie-table table,
    .legal-content table.cookie-table tbody,
    .legal-content table.cookie-table td,
    .legal-content table.cookie-table th,
    .legal-content table.cookie-table thead,
    .legal-content table.cookie-table tr {
        display: block
    }

    .legal-content table.cookie-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .legal-content table.cookie-table tr:nth-child(odd) {
        background-color: var(--color-base-100)
    }

    .legal-content table.cookie-table td {
        border: none;
        border-bottom: 1px solid var(--color-border-primary);
        padding-left: 200px;
        position: relative
    }

    .legal-content table.cookie-table h4 {
        margin: 0
    }

    .legal-content table.cookie-table td:before {
        white-space: nowrap;
        position: absolute;
        left: 10px
    }

    .legal-content table.cookie-table td:first-of-type:before {
        content: "Cookie"
    }

    .legal-content table.cookie-table td:nth-of-type(2):before {
        content: "Purpose"
    }

    .legal-content table.cookie-table td:first-of-type:before,
    .legal-content table.cookie-table td:nth-of-type(2):before,
    .legal-content table.cookie-table td:nth-of-type(3):before {
        color: #00353d;
        font-weight: 500;
        line-height: 20px
    }
}

@media only screen and (max-width:474px) {
    .legal-content table.cookie-table {
        font-size: 10px
    }

    .legal-content table.cookie-table td:before {
        margin: 0;
        padding: 0;
        display: none
    }

    .legal-content table.cookie-table td {
        margin: 0;
        padding: 2rem 1.6rem 2rem 2.4rem
    }

    .legal-content .privacy-policy ul {
        padding: 0;
        list-style-type: none
    }

    .legal-content .privacy-policy p {
        margin: 0
    }

    .legal-content .privacy-policy ol {
        padding: 0
    }

    .legal-content .privacy-policy li {
        margin-top: 0
    }
}

@media only screen and (max-width:368px) {
    .legal-content .custom-header {
        width: auto
    }
}

.sitemap__title {
    text-align: center;
    padding: 2rem 0 4rem;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem
}

@media (min-width:575.98px) {
    .sitemap__title {
        padding: 4rem 0;
        font-size: 6rem;
        line-height: 7.8rem
    }
}

@media (min-width:991.98px) {
    .sitemap__title {
        padding: 6rem 0;
        font-size: 6.8rem;
        line-height: 8.4rem
    }
}

.sitemap__body {
    grid-column-gap: 112px;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem 3.2rem;
    display: grid
}

@media (min-width:575.98px) {
    .sitemap__body {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 6rem
    }
}

@media (min-width:991.98px) {
    .sitemap__body {
        grid-template-columns: repeat(3, 1fr)
    }
}

.sitemap__column-wrapper {
    flex-direction: column;
    gap: 1.2rem;
    display: flex
}

.error-page {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.error-page__img {
    padding-top: 55.4156%
}

.error-page__img-wrapper {
    width: 100%;
    max-width: 39.7rem
}

.error-page__btn {
    cursor: pointer;
    font-size: inherit;
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.cookies {
    z-index: 10000;
    justify-content: center;
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

@media (min-width:991.98px) {
    .cookies {
        bottom: 4rem
    }
}

.cookies__wrapper {
    background-color: var(--color-main);
    border-radius: 2.4rem;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 100rem;
    margin: 0 2rem 2rem;
    padding: 2rem;
    display: flex;
    box-shadow: 0 8px 20px #00000014, 0 12px 32px 4px #0000000a
}

@media (min-width:991.98px) {
    .cookies__wrapper {
        flex-direction: row;
        gap: 2.4rem;
        padding: 3.2rem
    }
}

.cookies__btn-wrapper {
    align-items: center;
    display: flex
}

.marketplace-special {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
    display: grid
}

@media (min-width:767.98px) {
    .marketplace-special {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1280px) {
    .marketplace-special {
        grid-template-columns: repeat(3, 1fr)
    }

    .marketplace-special_odd .marketplace-special__item:last-child {
        grid-column: 2/3
    }
}

.marketplace-special__item {
    border: 1px solid var(--color-border-primary);
    cursor: pointer;
    transition: border-color var(--basic-animation-time)ease;
    border-radius: 2rem;
    justify-content: space-between;
    gap: .4rem;
    padding: 2.4rem;
    display: flex
}

@media (any-hover:hover) {
    .marketplace-special__item:hover {
        border-color: var(--color-border-primary-active)
    }

    .marketplace-special__item:hover .marketplace-special__arrow {
        color: var(--color-content-primary)
    }
}

.marketplace-special__item-wrapper {
    flex-grow: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.marketplace-special__price {
    flex-grow: 1;
    justify-content: flex-end;
    align-items: baseline;
    gap: .4rem;
    display: flex
}

.marketplace-special__price-wrapper {
    flex-direction: column;
    align-items: flex-end;
    gap: .2rem;
    margin-right: 2.4rem;
    display: flex
}

.marketplace-special__arrow {
    color: var(--color-content-secondary);
    transition: color var(--basic-animation-time)ease;
    font-size: 2.4rem;
    transform: rotate(-180deg)
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-12 {
    margin-bottom: 1.2rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-24 {
    margin-bottom: 2.4rem
}

.mb-32 {
    margin-bottom: 3.2rem
}

.mb-8 {
    margin-bottom: .8rem
}

.ml-16 {
    margin-left: 1.6rem
}

.ml-auto {
    margin-left: auto
}

.mr-20 {
    margin-right: 2rem
}

.mr-32 {
    margin-right: 3.2rem
}

.mr-\[2rem\] {
    margin-right: 2rem
}

.mt-12 {
    margin-top: 1.2rem
}

.mt-32 {
    margin-top: 3.2rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.w-\[2\.4rem\] {
    width: 2.4rem
}

.w-\[31\.2rem\] {
    width: 31.2rem
}

.flex-grow,
.grow {
    flex-grow: 1
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.gap-2 {
    gap: .2rem
}

.gap-8 {
    gap: .8rem
}

.overflow-hidden {
    overflow: hidden
}

.text-balance {
    text-wrap: balance
}

.break-all {
    word-break: break-all
}

.bg-accent-base {
    background-color: var(--color-accent)
}

.bg-base-200 {
    background-color: var(--color-base-200)
}

.bg-content-info {
    background-color: var(--color-content-info)
}

.bg-green-50 {
    background-color: var(--color-green-50)
}

.bg-green-600 {
    background-color: var(--color-green-600)
}

.bg-marina-100 {
    background-color: var(--color-marina-100)
}

.bg-marina-800 {
    background-color: var(--color-marina-800)
}

.bg-red-100 {
    background-color: var(--color-red-100)
}

.bg-red-600 {
    background-color: var(--color-red-600)
}

.bg-soft-accent {
    background-color: var(--color-soft-accent)
}

.bg-violet-100 {
    background-color: var(--color-violet-100)
}

.bg-violet-600 {
    background-color: var(--color-violet-600)
}

.bg-yellow-700 {
    background-color: var(--color-yellow-700)
}

.p-32 {
    padding: 3.2rem
}

.p-8 {
    padding: .8rem
}

.px-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-12 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.py-16 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.py-24 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}

.py-32 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.pb-12 {
    padding-bottom: 1.2rem
}

.pb-24 {
    padding-bottom: 2.4rem
}

.pl-20 {
    padding-left: 2rem
}

.pt-24 {
    padding-top: 2.4rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-\[1\.6rem\] {
    font-size: 1.6rem
}

.text-l {
    font-size: var(--font-text-l-size);
    line-height: var(--font-text-l-height)
}

.text-m {
    font-size: var(--font-text-m-size);
    line-height: var(--font-text-m-height)
}

.text-sm {
    font-size: var(--font-text-sm-size);
    line-height: var(--font-text-sm-height)
}

.text-title-l {
    font-size: var(--font-title-l-size);
    font-weight: 700;
    line-height: var(--font-title-l-height)
}

.text-title-m {
    font-size: var(--font-title-m-size);
    line-height: var(--font-title-m-height)
}

.text-xl {
    font-size: var(--font-text-xl-size);
    line-height: var(--font-text-xl-height)
}

.text-xs {
    font-size: var(--font-text-xs-size);
    line-height: var(--font-text-xs-height)
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.text-accent-800 {
    color: var(--color-accent-800)
}

.text-base-1000 {
    color: var(--color-base-1000)
}

.text-base-700 {
    color: var(--color-base-700)
}

.text-content-accent {
    color: var(--color-content-accent)
}

.text-content-info {
    color: var(--color-content-info)
}

.text-content-primary {
    color: var(--color-content-primary)
}

.text-content-secondary {
    color: var(--color-content-secondary)
}

.text-content-static-white {
    color: var(--color-content-static-white)
}

.text-content-tertiary {
    color: var(--color-content-tertiary)
}

.text-green-600 {
    color: var(--color-green-600)
}

.text-green-base {
    color: var(--color-green)
}

.text-marina-100 {
    color: var(--color-marina-100)
}

.text-marina-800 {
    color: var(--color-marina-800)
}

.text-red-600 {
    color: var(--color-red-600)
}

.text-red-base {
    color: var(--color-red-base)
}

.text-violet-700 {
    color: var(--color-violet-700)
}

.text-yellow-700 {
    color: var(--color-yellow-700)
}

.text-yellow-base {
    color: var(--color-yellow)
}

.line-through {
    text-decoration-line: line-through
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
    transition-duration: .3s
}

.hover\:bg-base-100:hover {
    background-color: var(--color-base-100)
}

@media (min-width:575px) {
    .sm\:mb-24 {
        margin-bottom: 2.4rem
    }

    .sm\:mb-48 {
        margin-bottom: 4.8rem
    }

    .sm\:max-w-\[37\.5rem\] {
        max-width: 37.5rem
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:px-40 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm\:text-title-m {
        font-size: var(--font-title-m-size);
        line-height: var(--font-title-m-height)
    }
}

@media (min-width:757px) {
    .md\:mb-32 {
        margin-bottom: 3.2rem
    }

    .md\:mb-48 {
        margin-bottom: 4.8rem
    }
}

@media (min-width:991px) {
    .lg\:mb-24 {
        margin-bottom: 2.4rem
    }

    .lg\:mb-48 {
        margin-bottom: 4.8rem
    }

    .lg\:mb-80 {
        margin-bottom: 8rem
    }

    .lg\:px-60 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg\:text-xl {
        font-size: var(--font-text-xl-size);
        line-height: var(--font-text-xl-height)
    }
}

@media (min-width:1280px) {
    .xl\:rounded-\[1\.2rem\] {
        border-radius: 1.2rem
    }

    .xl\:px-16 {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.resize-observer[data-v-b329ee4c] {
    opacity: 0;
    background-color: #0000;
    border: none
}

.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
    pointer-events: none;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.v-popper__popper {
    z-index: 10000;
    outline: none;
    top: 0;
    left: 0
}

.v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity .15s, visibility .15s
}

.v-popper__popper.v-popper__popper--shown {
    opacity: 1;
    visibility: visible;
    transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.v-popper__inner {
    box-sizing: border-box;
    position: relative;
    overflow-y: auto
}

.v-popper__inner>div {
    max-height: inherit;
    max-width: inherit;
    z-index: 1;
    position: relative
}

.v-popper__arrow-container {
    width: 10px;
    height: 10px;
    position: absolute
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}

.v-popper__arrow-inner {
    visibility: hidden;
    border-width: 7px
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-width: 0;
    border-bottom-color: #0000 !important;
    border-left-color: #0000 !important;
    border-right-color: #0000 !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-top-width: 0;
    border-top-color: #0000 !important;
    border-left-color: #0000 !important;
    border-right-color: #0000 !important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-width: 0;
    border-top-color: #0000 !important;
    border-bottom-color: #0000 !important;
    border-left-color: #0000 !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-right-width: 0;
    border-top-color: #0000 !important;
    border-bottom-color: #0000 !important;
    border-right-color: #0000 !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    color: #fff;
    background: #000c;
    border-radius: 6px;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    color: #000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.teleports {
    display: none;
}

@media (max-width: 1279px) {
    .teleports {
        display: none;
    }

    .teleports._opened {
        display: block;
    }
}



.crypto-animation {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d0f94a30;
    animation: float 15s infinite linear;
    box-shadow: 0 0 20px rgba(119, 255, 0, 0.5);
}

@keyframes float {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(200px, 150px) rotate(90deg);
    }

    50% {
        transform: translate(400px, 0) rotate(180deg);
    }

    75% {
        transform: translate(200px, -150px) rotate(270deg);
    }

    100% {
        transform: translate(0, 0) rotate(360deg);
    }
}

.crypto-animation:nth-child(2) {
    top: 20%;
    left: 10%;
    width: 15px;
    height: 15px;
    background: rgba(56, 155, 236, 0.3);
    animation-duration: 18s;
}

.crypto-animation:nth-child(3) {
    top: 70%;
    left: 80%;
    width: 25px;
    height: 25px;
    animation-duration: 12s;
}

.crypto-animation:nth-child(4) {
    top: 40%;
    left: 30%;
    width: 18px;
    height: 18px;
    animation-duration: 16s;
}

.crypto-animation:nth-child(5) {
    top: 60%;
    left: 20%;
    width: 22px;
    height: 22px;
    background: rgba(56, 155, 236, 0.3);
    animation-duration: 14s;
}

.crypto-animation:nth-child(6) {
    top: 10%;
    left: 70%;
    width: 12px;
    height: 12px;
    animation-duration: 17s;
}

.crypto-animation:nth-child(7) {
    top: 80%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: rgba(56, 155, 236, 0.3);
    animation-duration: 13s;
}

.crypto-animation:nth-child(8) {
    top: 25%;
    left: 85%;
    width: 16px;
    height: 16px;
    animation-duration: 19s;
}

.crypto-animation:nth-child(9) {
    top: 55%;
    left: 60%;
    width: 14px;
    height: 14px;
    background: rgba(56, 155, 236, 0.3);
    animation-duration: 15s;
}

.crypto-animation:nth-child(10) {
    top: 75%;
    left: 35%;
    width: 24px;
    height: 24px;
    animation-duration: 18s;
}

.crypto-animation:nth-child(11) {
    top: 15%;
    left: 50%;
    width: 13px;
    height: 13px;
    background: rgba(56, 155, 236, 0.3);
    animation-duration: 12s;
}

.d-n {
    display: none;
}

.rot {
    rotate: 180deg;
}

/* Header styles */
header {
    background-color: var(--color-base-0);
    color: #000;
    padding: 1rem 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 1.8rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo i {
    color: var(--primary-color);
}

/* Desktop navigation */
.desktop-nav {
    display: flex;
    gap: 1.5rem;
}

.desktop-nav a {
    color: var(--light-color);
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    transition: var(--basic-animation-time);
}

.desktop-nav a:hover {
    background-color: var(--primary-color);
}

/* Hamburger button */
.hamburger {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: var(--basic-animation-time);
}

.hamburger:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Side navigation */
.side-nav {
    position: fixed;
    top: 0;
    width: 280px;
    height: 100vh;
    background-color: white;
    z-index: 200;
    transition: var(--basic-animation-time);
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    right: -300px;
    display: flex;
    flex-direction: column;
}

.side-nav.active {
    right:0;
}

.side-nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.close-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: var(--basic-animation-time);
}

.close-btn:hover {
    background-color: #f1f5f9;
    color: var(--primary-color);
}

.side-nav-links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.side-nav-links a {
    text-decoration: none;
    color: var(--dark-color);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    transition: var(--basic-animation-time);
    display: flex;
    align-items: center;
    gap: 10px;
}

.side-nav-links a:hover {
    background-color: #e0f2fe;
    color: var(--primary-color);
}

.side-nav-links a i {
    width: 24px;
    text-align: center;
}

/* Overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-base-600);
    z-index: 150;
    opacity: 0;
    visibility: hidden;
    transition: var(--basic-animation-time);
}

.overlay.active {
    opacity: .5;
    visibility: visible;
}


/* Responsive styles */
@media (max-width: 990px) {
    .desktop-nav {
        display: none;
    }

    .hamburger {
        display: block;
    }

}

@media (max-width: 480px) {
    .nav-container {
        padding: 1rem;
    }

    .logo {
        font-size: 1.5rem;
    }


}

.d-n_a {
    color: var(--light-color);
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    transition: var(--basic-animation-time);
}