@charset "UTF-8";
*:before, *, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

:focus, :active {
    outline: none
}

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

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

html, body {
    min-height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

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

button {
    cursor: pointer
}

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

a {
    text-decoration: none;
    color: inherit
}

a:hover {
    text-decoration: none
}

ul li, ol li {
    list-style: none;
    padding-left: 0
}

img {
    vertical-align: top
}

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

.wrapper {
    position: relative;
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 20px) * 2);
    margin-top: var(--wrapper-margin, 64px);
    margin-inline: auto;
    padding: 0 var(--offsets, 20px)
}

.wrapper > img {
    width: 100%;
    margin-block: 20px 16px
}

.wrapper > img:last-child {
    margin-bottom: 0
}

.wrapper > .btn:not(:first-child) {
    margin-top: 24px
}

@media (max-width: 767.9px) {
    .wrapper > .btn {
        margin-top: 20px;
        width: 100%
    }
}

.container {
    width: 100%;
    margin-inline: auto;
    max-width: calc(var(--width-container))
}

.breadcrumbs + main > .wrapper:first-child {
    margin-top: 0
}

.bg-block {
    position: relative;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    max-width: unset;
    width: 100%;
    margin-block: 48px;
    margin-top: 16px;
}

.bg-block > * {
    width: 100%;
    max-width: calc(var(--width-container));
    margin-inline: auto
}

.bg-block h1, .bg-block h2 {
    color: var(--Heroscreen-heroscreen-text-main, #fff)
}

.bg-block .wrapper {
    margin-top: 0
}

.bg-block::before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -2;
    bottom: -48px;
    left: 0;
    width: 100%;
    height: calc(100% + 300px);
    border-radius: 0 0 var(--heroscreen-radius, 36px) var(--heroscreen-radius, 36px);
    background: url("../img/bg.jpg") no-repeat center center/cover, radial-gradient(30% 80% at 30% 50%, #064344 0%, rgba(255, 0, 0, 0) 87%), linear-gradient(0deg, rgba(6, 23, 30, 0.6196078431) 0%, rgba(6, 23, 30, 0) 42%, rgba(6, 23, 30, 0) 57%, rgba(6, 23, 30, 0.6392156863) 100%), linear-gradient(91deg, #06171e 0%, #064344 40%, #06171e 100%)
}

@media (max-width: 575.9px) {
    .bg-block {
        margin-block: 32px
    }

    .main > .wrapper.bg-block {
        margin-top: 0;
    }

    .bg-block::before {
        bottom: -32px
    }
}

* + .banner {
    margin-top: 20px;
}

.banner {
    padding: 24px;
    border-radius: var(--card-radius, 20px);
    background: url("../img/bg.jpg") no-repeat center center/cover, radial-gradient(30% 80% at 30% 50%, #064344 0%, rgba(255, 0, 0, 0) 87%), linear-gradient(0deg, rgba(6, 23, 30, 0.6196078431) 0%, rgba(6, 23, 30, 0) 42%, rgba(6, 23, 30, 0) 57%, rgba(6, 23, 30, 0.6392156863) 100%), linear-gradient(91deg, #06171e 0%, #064344 40%, #06171e 100%)
}

@media (max-width: 575.9px) {
    .banner {
        padding: 16px
    }
}

.filled-block {
    position: relative;
    padding-top: var(--wrapper-margin, 64px)
}

.filled-block::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: calc((100vw - 100%) / -2);
    width: 100vw;
    height: calc(100% + var(--wrapper-margin, 64px) * 2 + 30px);
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.sidebar-grid {
    /*display: contents*/
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .sidebar-grid {
        position: relative;
        width: 100%;
        max-width: calc(var(--width-container) + var(--offsets, 20px) * 2);
        margin-inline: auto;
        padding-inline: var(--offsets, 20px);
        display: grid;
        grid-template-columns:1fr 302px;
        column-gap: 16px
    }

    .sidebar-grid > * {
        grid-column: 1/2;
        max-width: 100%;
        min-width: 0;
        padding-inline: 0
    }


    .sidebar-grid .sidebar {
        align-self: flex-start;
        grid-column: 2/3;
        grid-row: 1/100;
        position: sticky;
        top: 0;
        right: 0;
        width: 302px;
        padding-inline: 0
    }
}

@media (max-width: 1023px) {
    .sidebar {
        margin-top: 48px;
    }
}

* + .wrapper-grid {
    margin-top: 16px;
}

.wrapper-grid {
    display: grid;
    grid-template-columns:1fr auto;
    align-items: flex-end;
    gap: 0 32px
}

.wrapper-grid > h2.wp-block-heading {
    margin-bottom: 0;
    align-self: center
}

.wrapper-grid > .btn:not(:first-child) {
    margin-top: 0;
    align-self: center
}

@media (min-width: 576px) {
    .wrapper-grid > * {
        grid-column: 1/-1
    }

    .wrapper-grid > h2 {
        grid-column: 1/2
    }

    .wrapper-grid > .btn {
        grid-column: 2/3
    }
}

@media (max-width: 575.9px) {
    .wrapper-grid {
        grid-template-columns:1fr
    }

    .wrapper-grid > * {
        position: relative;
        order: 5
    }

    .wrapper-grid > h2 {
        order: -1
    }

    .wrapper-grid > .btn {
        order: 10;
        margin-top: 20px
    }

    .wrapper-grid .btn:not(:first-child) {
        margin-top: 20px;
        width: 100%;
    }
}

.rounded-bg {
    padding: 20px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff)
}

.rounded-bg .wrapper {
    margin-top: 48px;
    padding-inline: 0
}

.rounded-bg .wrapper:first-child {
    margin-top: 0
}

@media (max-width: 1023.9px) {
    .rounded-bg + .sidebar {
        margin-top: 16px
    }

}

@media (max-width: 991.9px) {
    .rounded-bg {
        margin-inline: var(--offsets, 20px);
        width: calc(100% - var(--offsets, 20px) * 2)
    }

    .sidebar-grid > .toc {
        order: -1;
    }
}

@media (max-width: 575.9px) {
    .rounded-bg {
        padding: 16px
    }

    .rounded-bg .wrapper {
        margin-top: 32px
    }
}

h2, h3, h4, h5, h6 {
    color: var(--Text-colors-text-main, #0b121b);
    margin-bottom: 16px
}

* + .wp-block-heading {
    margin-top: 20px
}

* + .title {
    margin-top: 20px;
}

h1 {
    color: var(--Text-colors-text-main, #0b121b);
    margin-bottom: 12px;
    font-family: var(--ff-spartan);
    font-size: 2.5rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    h1 {
        font-size: 1.875rem
    }
}

h2 {
    font-family: var(--ff-spartan);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    h2 {
        font-size: 1.5rem
    }
}

h2.wp-block-heading {
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--Line-colors-line-main, #00dfd4)
}

@media (max-width: 575.9px) {
    .slot-review-card > .slot-review-card__img .wp-block-heading {
        padding-bottom: 6px
    }

    h2.wp-block-heading {
        margin-bottom: 4px;
    }
}

h3 {
    font-size: 1.5rem;
    line-height: 130%;
    font-weight: 600
}

@media (max-width: 575.9px) {
    h3 {
        font-size: 1.25rem;
        line-height: 140%
    }
}

h4, h5, h6 {
    font-size: 1.25rem;
    line-height: 140%
}

@media (max-width: 575.9px) {
    h4, h5, h6 {
        font-size: 1.125rem;
        line-height: 150%
    }
}

a {
    color: var(--on-surface-variant)
}

table a {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
}

.wp-block-list a {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
}

p:not([class]) {
    margin-top: var(--editor-content-margin, 16px)
}

p:not([class]):first-child {
    margin-top: 0
}

p:not([class]) a:not([class]), ul:not([class]) a:not([class]), ol:not([class]) a:not([class]) {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

p:not([class]) a:not([class]):active, ul:not([class]) a:not([class]):active, ol:not([class]) a:not([class]):active {
    text-decoration: underline
}

@media (any-hover: hover) {
    p:not([class]) a:not([class]):hover, ul:not([class]) a:not([class]):hover, ol:not([class]) a:not([class]):hover {
        text-decoration: underline
    }

    p:not([class]) a:not([class]):focus, ul:not([class]) a:not([class]):focus, ol:not([class]) a:not([class]):focus {
        text-decoration: underline
    }
}

ul:not([class]):not(:first-child), ul.wp-block-list:not(:first-child), ol:not([class]):not(:first-child), ol.wp-block-list:not(:first-child) {
    margin-top: var(--editor-content-margin, 16px)
}

ul:not([class]) li, ul.wp-block-list li, ol:not([class]) li, ol.wp-block-list li {
    position: relative
}

ol:not([class]), ol.wp-block-list {
    counter-reset: ol-default
}

ol:not([class]) li, ol.wp-block-list li {
    counter-increment: ol-default;
    padding-left: 27px
}

ol:not([class]) li::before, ol.wp-block-list li::before {
    position: absolute;
    content: counter(ol-default) ". ";
    color: var(--Buttons-colors-link-color, #00b1a8);
    width: 27px;
    left: 0;
    text-align: center
}

ul:not([class]), ul.wp-block-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px
}

ul:not([class]) li, ul.wp-block-list li {
    padding: 8px 16px 8px 40px;
    border-radius: 12px;
    background: var(--Cards-card-bg, #fff)
}

ul:not([class]) li::before, ul.wp-block-list li::before {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".8" y=".8" width="14.4" height="14.4" rx="7.2" fill="%2300B2A3"/><path d="m5.056 8.128 2.048 1.92 3.84-4.096" stroke="%23fff" stroke-width="1.219" stroke-linecap="round"/></svg>');
    position: absolute;
    top: 12px;
    left: 16px;
    width: 16px;
    height: 16px
}

@font-face {
    font-family: "LeagueSpartan";
    font-display: swap;
    src: url("../../build/fonts/LeagueSpartan-VariableFont_wght.woff2") format("woff2"), url("../../build/fonts/LeagueSpartan-VariableFont_wght.woff") format("woff");
    font-weight: 100 900;
    font-style: normal
}

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

@font-face {
    font-family: "RedHatDisplay";
    font-display: swap;
    src: url("../../build/fonts/RedHatDisplay-VariableFont_wght.woff2") format("woff2"), url("../../build/fonts/RedHatDisplay-VariableFont_wght.woff") format("woff");
    font-weight: 100 900;
    font-style: normal
}

.form {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px
}

.form__label {
    min-height: 48px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    display: flex
}

.form__label-error {
    position: relative;
    display: none;
    color: var(--Error-Error-Base, #e40048);
    font-size: 0.75rem;
    line-height: 150%
}

.form__label.has-error input, .form__label.has-error textarea {
    color: var(--Error-Error-Base, #e40048) !important;
    background: var(--Error-Error-Lighten-1, #ffe6ee) !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.form__label.has-error .form__label-error {
    display: flex
}

.form__label.form__label--tp.has-error input, .form__label.form__label--tp.has-error textarea {
    color: var(--Heroscreen-heroscreen-text-main, #fff) !important;
    border: 1px solid #ff5073 !important;
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15)) !important
}

.form__label.disabled {
    pointer-events: none
}

.rounded-bg .form .form__label input,
.rounded-bg .form .form__label textarea,
.rounded-bg .form .form__label.form__rate-wrap {
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.form input, .form textarea, .form .form__rate-wrap {
    -webkit-appearance: none;
    appearance: none;
    font-size: 1rem;
    line-height: 150%;
    color: var(--Cards-card-text-secondary, #464a51);
    width: 100%;
    padding: 11px 15px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--Cards-card-bg, #fff);
    color: var(--Cards-card-text, #0b121b);
    transition-property: background, color, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .form input:hover, .form textarea:hover, .form .form__rate-wrap:hover {
        border-color: var(--Line-colors-line-main, #00dfd4)
    }
}

.form input:focus, .form textarea:focus, .form .form__rate-wrap:focus {
    border-color: var(--Line-colors-line-main, #00dfd4)
}

.form input::placeholder, .form textarea::placeholder, .form .form__rate-wrap::placeholder {
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

.form .form__label.form__label--tp input, .form .form__label.form__label--tp textarea, .form .form__label.form__label--tp .form__rate-wrap {
    border-radius: var(--button-radius, 36px);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    color: var(--Heroscreen-heroscreen-text-main, #fff)
}

.form .form__label.form__label--tp input::placeholder, .form .form__label.form__label--tp textarea::placeholder, .form .form__label.form__label--tp .form__rate-wrap::placeholder {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6)
}

.form .form__label.form__label--tp .form__label-error {
    color: #ff5073;
    font-weight: 500
}

.form textarea {
    resize: none;
    min-height: 137px
}

@supports not selector(::-webkit-scrollbar) {
    .form textarea {
        scrollbar-width: thin;
        scrollbar-color: var(--Line-colors-line-main, #00dfd4) rgba(0, 0, 0, 0)
    }
}

.form textarea::-webkit-scrollbar {
    width: 3px
}

.form textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Line-colors-line-main, #00dfd4);
    border-radius: 9px;
    border: 3px solid rgba(0, 0, 0, 0)
}

.form textarea::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.form .form__rate-wrap {
    flex-direction: row;
    align-items: center;
    gap: 12px
}

.form .form__rate {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    gap: 4px
}

.form .form__rate input {
    display: none
}

.form .form__rate-label {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px
}

.form .form__rate-label svg path {
    fill: #ccc;
    transition-property: fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .form .form__rate-label:hover svg path {
        fill: #f9bf00;
        stroke: #f9bf00
    }

    .form .form__rate-label:hover ~ .form__rate-label svg path {
        fill: #f9bf00;
        stroke: #f9bf00
    }
}

.form .form__rate input:checked ~ .form__rate-label svg path {
    fill: #f9bf00;
    stroke: #f9bf00
}

.form .form__response {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: var(--Text-colors-text-secondary, #464a51);
    font-size: 0.75rem;
    line-height: 150%;
    display: none;
}

.form__response.error, .form__response.success {
    display: flex;
}

.form .form__response::before {
    display: block;
    width: 16px;
    height: 16px
}

.form .form__response.success::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".8" y=".8" width="14.4" height="14.4" rx="7.2" fill="%2300B2A3"/><path d="m5.056 8.128 2.048 1.92 3.84-4.096" stroke="%23fff" stroke-width="1.219" stroke-linecap="round"/></svg>')
}

.form .form__response.error::before {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 4.667q.224 0 .375.151.15.15.151.375v2.982a.5.5 0 0 1-.151.376A.5.5 0 0 1 8 8.7a.5.5 0 0 1-.375-.15.5.5 0 0 1-.151-.376V5.193q0-.224.151-.375A.5.5 0 0 1 8 4.667m0 5.236q.24 0 .404.163a.55.55 0 0 1 .163.404q0 .24-.163.403a.55.55 0 0 1-.404.163.55.55 0 0 1-.404-.162.55.55 0 0 1-.163-.404q0-.241.163-.404A.55.55 0 0 1 8 9.903m.001-8.57q-1.383 0-2.6.525a6.7 6.7 0 0 0-2.117 1.425q-.9.9-1.426 2.116A6.5 6.5 0 0 0 1.333 8q0 1.383.525 2.6t1.425 2.117 2.116 1.426a6.5 6.5 0 0 0 2.6.525q1.383 0 2.6-.525a6.7 6.7 0 0 0 2.117-1.425q.9-.9 1.426-2.116a6.5 6.5 0 0 0 .525-2.6q0-1.383-.525-2.6a6.7 6.7 0 0 0-1.425-2.117 6.7 6.7 0 0 0-2.116-1.426A6.5 6.5 0 0 0 8 1.333" fill="%23E40048"/></svg>')
}

@media (max-width: 575.9px) {
    .form > .btn {
        width: 100%
    }
}

.no-scroll {
    overflow: hidden
}

html {
    font: 400 var(--font-default)/1.5 var(--ff-redhat), sans-serif
}

@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: 10px;
        scrollbar-color: var(--Buttons-colors-secondary-button-bg, #102932) rgba(0, 0, 0, 0)
    }
}

html::-webkit-scrollbar {
    width: 10px
}

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--Buttons-colors-secondary-button-bg, #102932)
}

html::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

body {
    background: var(--Site-site-bg, #f2f2f2);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--Text-colors-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

main {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-grow: 1
}

.main.main--front-page .bg-block {
    margin-top: 48px;
}


.main:not(:has(.wrapper.bg-block)) .breadcrumbs li:not(:last-child) .breadcrumbs__list-link {
    color: #000;
}

.main:not(:has(.wrapper.bg-block)) .breadcrumbs li:not(:last-child)::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="m6 12 4-4-4-4" stroke="%23000" stroke-linecap="round"/></svg>');
}


table, .wp-block-table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;

}

* + .wp-block-table {
    margin-top: 16px;
}

.wrapper > .wp-block-table table {
    min-width: 640px;
}

img, svg {
    max-width: 100%;
    height: auto
}

.wrapper .show-more:not(:first-child) {
    margin-top: 20px
}

.wrapper .wrapper {
    padding: 0;
}

.show-more .show-more__btn:not(:first-child) {
    margin-inline: auto;
    margin-top: 20px
}

@media (max-width: 575.9px) {
    .show-more .show-more__btn {
        width: 100%
    }
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.align-center {
    text-align: center
}

.tags {
    font-size: 0.875rem;
    line-height: 150%
}

.tags:not(:first-child) {
    margin-top: var(--editor-content-margin, 16px)
}

.tags span {
    color: var(--Cards-card-text, #0b121b)
}

.scrolling .js-scroll-list * {
    pointer-events: none;
    user-select: none
}

:root {
    --offsets: 20px;
    --width-container: 1280px;
    --wrapper-margin: 64px;
    --font-default: 16px;
    --ff-redhat: "RedHatDisplay", sans-serif;
    --ff-spartan: "LeagueSpartan", sans-serif;
    --ff-poppins: "Poppins", sans-serif;
    --star-color: #f9bf00;
    --star-bg: #ccc;
    --button-radius: 36px;
    --button-radius-rem: 2.25rem;
    --card-radius: 20px;
    --card-radius-rem: 1.25rem;
    --heroscreen-radius: 36px;
    --heroscreen-radius-rem: 2.25rem;
    --Site-site-bg: #f2f2f2;
    --Buttons-colors-button-color: #0b121b;
    --Buttons-colors-button-hover-color: #0b121b;
    --Buttons-colors-button-bg: #00f4e8;
    --Buttons-colors-button-hover-bg: #00d4ca;
    --Buttons-colors-secondary-button-color: #ffffff;
    --Buttons-colors-secondary-button-hover-color: #e6e6e6;
    --Buttons-colors-secondary-button-bg: #102932;
    --Buttons-colors-secondary-button-hover-bg: #1f4350;
    --Cards-card-bg: #ffffff;
    --Accent-colors-accent-text: #0b121b;
    --Accent-colors-accent-main-bg: #00f4e8;
    --Line-colors-line-main: #00dfd4;
    --Buttons-colors-link-color: #00b1a8;
    --Cards-card-text: #0b121b;
    --Cards-card-text-secondary: #464a51;
    --Line-colors-line-secondary: #e8e5e5;
    --Text-colors-text-main: #0b121b;
    --Text-colors-text-secondary: #464a51;
    --Success-success-base: #00b2a3;
    --Error-error-base: #e40048;
    --Success-success-lighten-1: #ffffff;
    --Error-error-lighten-1: #ffe6ee;
    --Cards-card-secondary-bg: #fbfbfb;
    --Success-success-lighten-2: #effffb;
    --Header-header-text-color: #ffffff;
    --Header-header-text-hover-color: #00f4e8;
    --Header-header-main-bg: #06161b;
    --Header-header-secondary-bg: #0a2027;
    --Header-header-secondary-hover-bg: #102d36;
    --Header-header-main-line: #333f42;
    --Footer-footer-text-color: #ffffff;
    --Footer-footer-text-color-hover: #00f4e8;
    --Footer-footer-main-bg: #06161b;
    --Footer-footer-main-line: #333f42;
    --Footer-footer-button-color: #ffffff;
    --Footer-footer-button-color-hover: #0b121b;
    --Footer-footer-button-bg: #00f4e8;
    --Footer-footer-button-bg-hover: #00d4ca;
    --Heroscreen-heroscreen-text-main: #ffffff;
    --Heroscreen-heroscreen-text-secondary: #e6e6e6;
    --Heroscreen-heroscreen-block-bg: #06161b;
    --Heroscreen-heroscreen-line: #466e72;
    --Heroscreen-heroscreen-secondary-card-bg: rgba(177 255 246 / 0.3);
    --Heroscreen-heroscreen-card-bg: rgba(177 255 246 / 0.15);
    --Heroscreen-heroscreen-link-color: #00d0c6;
    --Footer-footer-secondary-bg: #0a2027;
    --Header-header-secondary-text-color: #dddddd;
    --Buttons-colors-button-disable-color: rgba(15 16 17 / 0.4);
    --Buttons-colors-button-disable-bg: #e1e1e1;
    --Accent-colors-accent-secondary-bg: #effffb
}

@media (max-width: 575.9px) {
    :root {
        --offsets: 16px;
        --wrapper-margin: 48px
    }
}

.header {
    position: relative;
    z-index: 100;
    background: var(--Header-header-main-bg, #06161b);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    padding: 12px 48px
}

@media (max-width: 1320px) {
    .header {
        padding-inline: var(--offsets, 20px)
    }
}

@media (max-width: 575.9px) {
    .header {
        gap: 16px;
        padding-block: 16px
    }
}

.header__logo {
    display: flex
}

.header__logo:is(a) {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .header__logo:is(a):hover {
        opacity: .6
    }
}

.header__logo:is(a):active {
    opacity: .6
}

@media (any-hover: hover) {
    .header__logo:is(a):focus {
        opacity: .6
    }
}

.header__logo img, .header__logo svg {
    max-width: 200px;
    max-height: 100px;
    object-fit: contain;

}

@media (max-width: 1239.9px) {
    .header__logo {
        margin-right: auto
    }
}

@media (max-width: 575.9px) {
    .header__logo img, .header__logo svg {
        max-height: 40px;
        object-fit: contain;
        max-width: fit-content;
        max-width: 110px;
    }
}

.header__mob {
    display: contents;
    z-index: 50
}

@media (max-width: 1239.9px) {
    .header__mob {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-block: 16px;
        background: var(--Header-header-main-bg, #06161b);
        position: absolute;
        top: 100%;
        left: 0;
        border-top: 1px solid var(--Header-header-main-line, #333f42);
        width: 100%;
        height: calc(100svh - var(--header-height))
    }
}

.header__nav {
    margin-inline: auto
}

@media (max-width: 1239.9px) {
    .header__nav {
        width: 100%;
        overflow-y: auto
    }

    @supports not selector(::-webkit-scrollbar) {
        .header__nav {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
        }
    }.header__nav::-webkit-scrollbar {
         width: 4px
     }

    .header__nav::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
        border-radius: 9px;
        border: 4px solid rgba(0, 0, 0, 0)
    }

    .header__nav::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
        border-radius: 9px
    }
}

.header__burger {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 4px 1px;
    cursor: pointer;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (min-width: 1240px) {
    .header__burger {
        display: none
    }
}

.header__burger span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s ease .2s, background .2s
}

.header__burger span, .header__burger::before, .header__burger::after {
    width: 18px;
    height: 2px;
    background-color: var(--Header-header-text-color, #fff)
}

.header__burger::before, .header__burger::after {
    content: "";
    position: absolute
}

.header__burger::before {
    top: 4px;
    transition: top .3s ease .3s, transform .3s ease-out .1s, background .2s
}

.header__burger::after {
    bottom: 4px;
    transition: bottom .3s ease .3s, transform .3s ease-out .1s, background .2s
}

.header__burger {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .header__burger:hover {
        opacity: .6
    }
}

.header__burger:active {
    opacity: .6
}

@media (any-hover: hover) {
    .header__burger:focus {
        opacity: .6
    }
}

.header .header-menu {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px
}

@media (max-width: 1239.9px) {
    .header .header-menu {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0
    }
}

.header .header-menu .submenu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

@supports not selector(::-webkit-scrollbar) {
    .header .header-menu .submenu {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
    }
}

.header .header-menu .submenu::-webkit-scrollbar {
    width: 4px
}

.header .header-menu .submenu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid rgba(0, 0, 0, 0)
}

.header .header-menu .submenu::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.header .header-menu .submenu .item {
    flex-shrink: 0
}

.header .header-menu .item {
    position: relative;
    display: flex;
    flex-direction: row;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    color: var(--Header-header-text-color, #fff)
}

.header .header-menu .item.parent {
    cursor: pointer;
    gap: 8px
}

.header .header-menu .item a, .header .header-menu .item span {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    line-height: 150%
}

.header .header-menu .item svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header .header-menu .item svg path {
    transition-property: stroke;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header .header-menu > .item a, .header .header-menu > .item span {
    font-weight: 500
}

@media (min-width: 1240px) {
    .header .header-menu > .item.parent, .header .header-menu > .item:not(.parent) > a, .header .header-menu > .item:not(.parent) > span {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .header .header-menu > .item.parent:active, .header .header-menu > .item:not(.parent) > a:active, .header .header-menu > .item:not(.parent) > span:active {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu > .item.parent:active > svg path, .header .header-menu > .item:not(.parent) > a:active > svg path, .header .header-menu > .item:not(.parent) > span:active > svg path {
        stroke: var(--Header-header-text-hover-color, #00f4e8)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu > .item.parent:hover, .header .header-menu > .item:not(.parent) > a:hover, .header .header-menu > .item:not(.parent) > span:hover {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu > .item.parent:hover > svg path, .header .header-menu > .item:not(.parent) > a:hover > svg path, .header .header-menu > .item:not(.parent) > span:hover > svg path {
        stroke: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu > .item.parent:focus, .header .header-menu > .item:not(.parent) > a:focus, .header .header-menu > .item:not(.parent) > span:focus {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu > .item.parent:focus > svg path, .header .header-menu > .item:not(.parent) > a:focus > svg path, .header .header-menu > .item:not(.parent) > span:focus > svg path {
        stroke: var(--Header-header-text-hover-color, #00f4e8)
    }
}

@media (min-width: 1240px) {
    .header .header-menu > .item.current.parent, .header .header-menu > .item.current:not(.parent) > a, .header .header-menu > .item.current:not(.parent) > span {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu > .item.current.parent svg path, .header .header-menu > .item.current:not(.parent) > a svg path, .header .header-menu > .item.current:not(.parent) > span svg path {
        stroke: var(--Header-header-text-hover-color, #00f4e8)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu > .item.parent:hover > svg {
        transform: rotate(-180deg)
    }
}

@media (min-width: 1240px) {
    .header .header-menu > .item:nth-child(1) {
        z-index: 49
    }

    .header .header-menu > .item:nth-child(2) {
        z-index: 48
    }

    .header .header-menu > .item:nth-child(3) {
        z-index: 47
    }

    .header .header-menu > .item:nth-child(4) {
        z-index: 46
    }

    .header .header-menu > .item:nth-child(5) {
        z-index: 45
    }

    .header .header-menu > .item:nth-child(6) {
        z-index: 44
    }

    .header .header-menu > .item:nth-child(7) {
        z-index: 43
    }

    .header .header-menu > .item:nth-child(8) {
        z-index: 42
    }

    .header .header-menu > .item:nth-child(9) {
        z-index: 41
    }

    .header .header-menu > .item:nth-child(10) {
        z-index: 40
    }

    .header .header-menu > .item:nth-child(11) {
        z-index: 39
    }

    .header .header-menu > .item:nth-child(12) {
        z-index: 38
    }

    .header .header-menu > .item:nth-child(13) {
        z-index: 37
    }

    .header .header-menu > .item:nth-child(14) {
        z-index: 36
    }

    .header .header-menu > .item:nth-child(15) {
        z-index: 35
    }

    .header .header-menu > .item:nth-child(16) {
        z-index: 34
    }

    .header .header-menu > .item:nth-child(17) {
        z-index: 33
    }

    .header .header-menu > .item:nth-child(18) {
        z-index: 32
    }

    .header .header-menu > .item:nth-child(19) {
        z-index: 31
    }

    .header .header-menu > .item:nth-child(20) {
        z-index: 30
    }

    .header .header-menu > .item:nth-child(21) {
        z-index: 29
    }

    .header .header-menu > .item:nth-child(22) {
        z-index: 28
    }

    .header .header-menu > .item:nth-child(23) {
        z-index: 27
    }

    .header .header-menu > .item:nth-child(24) {
        z-index: 26
    }

    .header .header-menu > .item:nth-child(25) {
        z-index: 25
    }

    .header .header-menu > .item:nth-child(26) {
        z-index: 24
    }

    .header .header-menu > .item:nth-child(27) {
        z-index: 23
    }

    .header .header-menu > .item:nth-child(28) {
        z-index: 22
    }

    .header .header-menu > .item:nth-child(29) {
        z-index: 21
    }

    .header .header-menu > .item:nth-child(30) {
        z-index: 20
    }

    .header .header-menu > .item:nth-child(31) {
        z-index: 19
    }

    .header .header-menu > .item:nth-child(32) {
        z-index: 18
    }

    .header .header-menu > .item:nth-child(33) {
        z-index: 17
    }

    .header .header-menu > .item:nth-child(34) {
        z-index: 16
    }

    .header .header-menu > .item:nth-child(35) {
        z-index: 15
    }

    .header .header-menu > .item:nth-child(36) {
        z-index: 14
    }

    .header .header-menu > .item:nth-child(37) {
        z-index: 13
    }

    .header .header-menu > .item:nth-child(38) {
        z-index: 12
    }

    .header .header-menu > .item:nth-child(39) {
        z-index: 11
    }

    .header .header-menu > .item:nth-child(40) {
        z-index: 10
    }

    .header .header-menu > .item:nth-child(41) {
        z-index: 9
    }

    .header .header-menu > .item:nth-child(42) {
        z-index: 8
    }

    .header .header-menu > .item:nth-child(43) {
        z-index: 7
    }

    .header .header-menu > .item:nth-child(44) {
        z-index: 6
    }

    .header .header-menu > .item:nth-child(45) {
        z-index: 5
    }

    .header .header-menu > .item:nth-child(46) {
        z-index: 4
    }

    .header .header-menu > .item:nth-child(47) {
        z-index: 3
    }

    .header .header-menu > .item:nth-child(48) {
        z-index: 2
    }

    .header .header-menu > .item:nth-child(49) {
        z-index: 1
    }

    .header .header-menu > .item:nth-child(50) {
        z-index: 0
    }

    .header .header-menu .item {
        justify-content: space-between
    }

    .header .header-menu .item.parent::before {
        content: "";
        width: 100%;
        height: 36px;
        position: absolute;
        top: 100%;
        left: 0;
        transform: translate(0, -4px);
        display: none
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .item.parent:hover::before {
        display: block
    }

    .header .header-menu .item.parent:hover > .submenu {
        display: flex
    }
}

@media (min-width: 1240px) {
    .header .header-menu .item--left > .submenu {
        left: unset;
        right: 0
    }

    .header .header-menu .item--left > .submenu > .item {
        flex-direction: row-reverse
    }

    .header .header-menu .item--left > .submenu > .item a, .header .header-menu .item--left > .submenu > .item span {
        flex-direction: row-reverse
    }

    .header .header-menu .item--left > .submenu > .item > svg {
        transform: rotate(90deg)
    }

    .header .header-menu .item--left > .submenu .item.parent:hover .submenu {
        border-radius: var(--card-radius, 20px) 0 var(--card-radius, 20px) var(--card-radius, 20px)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .item--left > .submenu .item:first-child.parent:hover {
        border-radius: 0 var(--card-radius, 20px) 0 0
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .item--left > .submenu .item:last-child.parent:hover {
        border-radius: 0 0 var(--card-radius, 20px) 0
    }
}

@media (min-width: 1240px) {
    .header .header-menu .item--left > .submenu .submenu {
        left: 0px;
        transform: translateX(-100%)
    }

    .header .header-menu .item--left > .submenu .submenu .item:first-child {
        border-radius: var(--card-radius, 20px) 0 0 0
    }

    .header .header-menu .submenu {
        width: 244px;
        display: none;
        background: var(--Header-header-secondary-bg, #0a2027);
        border-radius: var(--card-radius, 20px);
        position: absolute;
        top: calc(100% + 32px);
        left: 0
    }

    .header .header-menu .submenu svg {
        transform: rotate(-90deg)
    }

    .header .header-menu .submenu .submenu {
        overflow-y: auto;
        overflow-x: clip;
        max-height: 300px;
        top: 0;
        left: calc(100% - 1px);
        transform: translateX(0)
    }

    @supports not selector(::-webkit-scrollbar) {
        .header .header-menu .submenu .submenu {
            scrollbar-width: thin;
            scrollbar-color: var(--Line-colors-line-main, #00dfd4) rgba(0, 0, 0, 0)
        }
    }.header .header-menu .submenu .submenu::-webkit-scrollbar {
         width: 3px
     }

    .header .header-menu .submenu .submenu::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--Line-colors-line-main, #00dfd4);
        border-radius: 9px;
        border: 3px solid rgba(0, 0, 0, 0)
    }

    .header .header-menu .submenu .submenu::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0);
        border-radius: 9px
    }

    .header .header-menu .submenu .submenu .item:first-child {
        border-radius: 0 var(--card-radius, 20px) 0 0
    }

    .header .header-menu .submenu .item {
        text-transform: none;
        background: var(--Header-header-secondary-bg, #0a2027)
    }

    .header .header-menu .submenu .item:first-child {
        border-radius: var(--card-radius, 20px) var(--card-radius, 20px) 0 0
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .submenu .item:first-child.parent:hover {
        border-radius: var(--card-radius, 20px) 0 0 0
    }
}

@media (min-width: 1240px) {
    .header .header-menu .submenu .item:last-child {
        border-radius: 0 0 var(--card-radius, 20px) var(--card-radius, 20px)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .submenu .item:last-child.parent:hover {
        border-radius: 0 0 0 var(--card-radius, 20px)
    }
}

@media (min-width: 1240px) {
    .header .header-menu .submenu .item.parent:hover .submenu {
        border-radius: 0 var(--card-radius, 20px) var(--card-radius, 20px) var(--card-radius, 20px)
    }

    .header .header-menu .submenu .item.parent, .header .header-menu .submenu .item:not(.parent) > a, .header .header-menu .submenu .item:not(.parent) > span {
        padding: 12px 16px;
        min-height: 48px;
        text-align: left
    }

    .header .header-menu .submenu .item.parent:active, .header .header-menu .submenu .item:not(.parent) > a:active, .header .header-menu .submenu .item:not(.parent) > span:active {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .submenu .item.parent:hover, .header .header-menu .submenu .item:not(.parent) > a:hover, .header .header-menu .submenu .item:not(.parent) > span:hover {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header .header-menu .submenu .item.parent:focus, .header .header-menu .submenu .item:not(.parent) > a:focus, .header .header-menu .submenu .item:not(.parent) > span:focus {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

@media (min-width: 1240px) {
    .header .header-menu .submenu .item.parent > a:active {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header .header-menu .submenu .item.parent > a:hover {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu .submenu .item.parent > a:focus {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }
}

@media (min-width: 1240px) {
    .header .header-menu .submenu .item:not(.parent) {
        overflow: hidden
    }

    .header .header-menu .submenu .item:not(.parent) a, .header .header-menu .submenu .item:not(.parent) span {
        width: 100%
    }

    .header .header-menu .submenu .item.current.parent, .header .header-menu .submenu .item.current:not(.parent) > a, .header .header-menu .submenu .item.current:not(.parent) > span {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

@media (max-width: 1239.9px) {
    .header .header-menu .item.parent.active {
        padding-bottom: 0
    }

    .header .header-menu .item.parent.active > svg {
        transform: rotate(-180deg)
    }

    .header .header-menu .item.parent.active::after {
        display: none
    }

    .header .header-menu .item {
        flex-wrap: wrap
    }

    .header .header-menu .item.parent, .header .header-menu .item:not(.parent) > a, .header .header-menu .item:not(.parent) > span {
        padding: 12px 16px;
        width: 100%;
        min-height: 48px
    }
}

@media (max-width: 1239.9px)and (any-hover: hover) {
    .header .header-menu .item.parent:hover, .header .header-menu .item:not(.parent) > a:hover, .header .header-menu .item:not(.parent) > span:hover {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

@media (max-width: 1239.9px) {
    .header .header-menu .item svg {
        margin-left: auto
    }

    .header .header-menu .item.parent.active {
        position: relative;
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header .header-menu .item.parent.active > svg {
        transform: rotate(-180deg)
    }

    .header .header-menu .item.parent.active > .submenu {
        display: flex
    }

    .header .header-menu .item.parent {
        gap: 12px
    }

    .header .header-menu .item.parent > a, .header .header-menu .item.parent > span {
        max-width: calc(100% - 44px)
    }

    .header .header-menu .item.parent > a:active {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header .header-menu .item.parent::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        transition-property: background;
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s
    }

    .header .header-menu .item.parent.current::before {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header .header-menu .item.parent:active::before {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header .header-menu .item:not(.parent) a:active, .header .header-menu .item:not(.parent) span:active {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header .header-menu .item.current:not(.parent) a, .header .header-menu .item.current:not(.parent) > span {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header .header-menu .submenu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--Header-header-main-bg, #06161b);
        display: none;
        margin-inline: -16px;
        width: calc(100% + 32px);
        max-width: calc(100% + 32px)
    }

    .header .header-menu .submenu .item {
        width: 100%;
        z-index: 1
    }

    .header .header-menu .submenu .item.parent, .header .header-menu .submenu .item:not(.parent) > a, .header .header-menu .submenu .item:not(.parent) > span {
        padding-inline: 32px
    }

    .header .header-menu .submenu .item.parent.active .submenu {
        margin-inline: -32px;
        width: calc(100% + 64px);
        max-width: calc(100% + 64px)
    }

    .header .header-menu .submenu .item.parent.active .item.parent, .header .header-menu .submenu .item.parent.active .item:not(.parent) > a, .header .header-menu .submenu .item.parent.active .item:not(.parent) > span {
        padding-inline: 48px 32px
    }
}

.header__coins {
    padding: 12px;
    border-radius: 42px;
    background: var(--Header-header-secondary-bg, #0a2027);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--Header-header-text-color, #fff);
    font-size: 1rem;
    line-height: 150%;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header__coins img, .header__coins svg {
    max-width: 30px;
    max-height: 30px;
    object-fit: contain
}

.header__coins:active {
    background: var(--Header-header-secondary-hover-bg, #102d36)
}

@media (any-hover: hover) {
    .header__coins:hover {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header__coins:focus {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

@media (max-width: 575.9px) {
    .header__coins {
        padding: 6px 8px
    }

    .header__coins img, .header__coins svg {
        max-width: 24px;
        max-height: 24px
    }
}

.header__profile {
    order: 100;
    position: relative;
    min-width: 48px;
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    background: var(--Header-header-secondary-bg, #0a2027);
    color: var(--Header-header-text-color, #fff);
    font-size: 1rem;
    line-height: 150%
}

.header__profile.active {
    font-weight: 500
}

.header__profile .btn {
    padding: 6px 12px
}

.header__profile-img {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-height: 48px;
    border-radius: 50%;
    overflow: hidden;
    color: var(--Accent-colors-accent-text, #0b121b);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500;
    font-family: var(--ff-spartan)
}

.header__profile-img:not(:has(img,svg)) {
    background: var(--Accent-colors-accent-main-bg, #00f4e8)
}

.header__profile-img img, .header__profile-img svg {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 1240px) {
    .header__profile {
        border-radius: 50%;
        overflow: hidden
    }

    .header__profile span, .header__profile svg, .header__profile .btn {
        display: none
    }

    .header__profile:not(.active)::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--Header-header-secondary-bg, #0a2027);
        transition-property: background;
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        transition-delay: 0s
    }

    .header__profile:not(.active)::after {
        content: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><g clip-path="url(%23b)"><path d="M9.112 1.796C6.776 2.648 7.004 4.673 7.41 5.58c.82 1.726 2.567 2.092 3.337 2.059l6.66-.643c.744-.804.693-3.415.553-4.253-.527-3.583-6.936-1.644-8.847-.947" fill="%23FACD2C"/><path d="M8.848 2.488c1.602-.297 2.792 2.678 3.187 4.202l-1.01.842-3.217-2.008c-.51-.9-.961-2.664 1.04-3.036" fill="url(%23c)"/><path d="M8.068 2.77c1.808-.564 3.51 2.34 3.026 4.398l.983-.39c-.283-.976-.877-2.796-1.904-3.797-.863-.84-1.752-.472-2.105-.21" fill="%23EC8402"/><path d="M15.719 1.122c3.18 1.514.282 4.075-1.685 5.225l-1.531.215c.17-.957-.408-2.062-1.114-2.981-.654-.852-.53-2.09.514-2.34.878-.21 1.796-.314 2.502-.355.45-.026.906.043 1.314.236" fill="url(%23d)"/><path d="m15.795 18.989 12.272-4.868c.26 2.963.145 9.29-2.4 10.896l-.249.157c-3.066 1.936-5.563 3.513-8.19 4.014-2.691.246-5.553-.575-9.068-1.583l-.285-.082c-2.917-.836-4.782-6.875-5.35-9.79l13.272 1.273z" fill="%237ADEE9"/><path d="m17.228 29.188-1.434-10.2 12.273-4.867c.26 2.963.144 9.29-2.4 10.896l-.238.15-.011.008c-3.066 1.935-5.563 3.512-8.19 4.013" fill="%2371C7DA"/><path opacity=".2" d="m2.654 18.324-.253-1.002 13.495 1.263 12.15-5.06.01.188.081 1.503c-2.082 1.261-6.84 3.108-10.165 4.315a9.6 9.6 0 0 1-4.163.54c-5.768-.536-9.77-1.363-11.155-1.747" fill="%23000"/><path d="M16.093 15.116c6.2-2.195 10.551-4.365 12.343-5.465.249-.153.194-.51-.086-.593-5.574-1.67-11.894-1.9-14.548-1.869a2.4 2.4 0 0 0-.756.132C8.107 9.01 3.227 11.372.806 12.761c-.406.232-.382.775.062.917 3.135 1.004 10.632 1.443 14.46 1.558.26.007.52-.034.765-.12" fill="%2363C6DD"/><path d="m.516 13.23 14.709 1.702.66 4.693c-6.009-.166-9.126-.686-13.68-1.619a1.52 1.52 0 0 1-1.197-1.276z" fill="%237ADEE9"/><path d="m28.584 9.285-13.383 5.64.658 4.681c5.611-1.796 8.405-3.145 12.437-5.28.557-.295.869-.908.781-1.532z" fill="%237ADEE9"/><path d="M8.681 15.195c-.46 1.95 1.628 9.353 2.837 13.335a89 89 0 0 1-2.796-.764C6.5 22.32 5.647 17.648 5.397 15.181c-.047-.466.18-.912.575-1.167l4.266-2.76 3.486-.738-4.706 4.191c-.152.136-.29.29-.337.488" fill="%23F8CE25"/><path d="m24.582 25.656-.003.047c-1.02.639-1.594.995-2.644 1.595.338-8.874-1.05-12.956-1.73-14.137a1.1 1.1 0 0 0-.387-.388c-1.236-.745-2.248-.361-2.862-.296l-.98-2.48c1.62.162 5.719.496 7.744 1.05.234.065.436.212.527.437.914 2.258.518 10.389.334 14.172" fill="%23F8B525"/><path opacity=".1" d="m28.584 9.285-13.383 5.64.658 4.681c5.606-1.795 8.399-3.142 12.425-5.273.564-.3.88-.92.791-1.553z" fill="%23000"/><path d="M10.293 10.84c-3.963.972-5.627.813-5.964.613.318 2.257 1.265 2.734 2.163 2.698.718-.029 2.987-1.127 4.031-1.673z" fill="url(%23e)"/><path d="M16.99 6.53c1.45-2.003 5.001-5.697 7.614-4.457 3.265 1.55 4.735 5.746 2.506 7.233s-7.51 2.297-9.917 1.393l-.069-1.416c1.306-.073 3.855-.414 6.061-1.316.592-.279 1.839-.986 1.67-2.135a.3.3 0 0 0-.13-.2c-1-.629-3.624-.765-6.998 3.328l-.605.269z" fill="url(%23f)"/><path opacity=".1" d="M9.732 14.098c-1.522 1.026-3.449.578-4.201.44l-.073-.516 4.909-1.553.66.414z" fill="%23000"/><path d="M2.847 5.724c3.968-2.219 7.652.64 8.998 2.347l-1.09 1.079c-2.673-.392-7.244-1.758-6.39 2.388.682 3.317 5.276 1.568 7.488.28-1.867 1.237-4.44 2.188-5.494 2.51-5.45 1.375-6.972-6.244-3.512-8.604" fill="url(%23g)"/><path d="M26.32 9.242c-3.364 1.755-7.18 1.8-8.668 1.602l-.315-1.579c7.076-.922 7.94-2.795 7.434-3.665 2.857 1.698 2.018 3.283 1.55 3.642" fill="url(%23h)"/><path d="M22.828 10.501c-1.795.276-2.764-.994-3.041-1.64-.81.177-1.27.243-2.093.324-.058.474-.158 1.458-.097 1.604 1.138.396 3.987-.011 5.23-.288" fill="%23EC8402"/><path d="M14.253 5.769c-1.846.198-3.26 1.135-3.967 1.788-.22.202-.347.482-.387.778-.628 4.605 1.34 6.983 2.88 7.664 1.588.702 6.66-.959 6.63-1.655-.03-.695-.642-1.512-1.264-3.05-.36-.889-.37-2.205-.292-3.196.05-.62-.046-1.278-.55-1.642-.619-.447-1.625-.84-3.05-.687" fill="%23F7BD25"/><path d="M18.126 11.247c-.912 1.84-4.468 4.308-7.018 3.356.52.696 1.123 1.154 1.67 1.396 1.589.702 6.66-.959 6.63-1.655-.018-.418-.247-.88-.561-1.517a22 22 0 0 1-.722-1.58" fill="url(%23i)"/><path d="M10.535 9.528c.641-2.942 3.095-2.955 4.856-2.408.677.21 1.171.779 1.382 1.456 1.056 3.4-.338 3.23-2.153 4.715-1.984 1.623-5.062.711-4.085-3.763" fill="url(%23j)"/><path d="M8.108 13.307c-1.317.253-2.482-1.043-2.91-1.704-.412-.01-.6-.04-.85-.14.034.505.367.99.543 1.24.78.955 2.47.8 3.217.604" fill="%23EC8402"/></g></g><defs><linearGradient id="c" x1="8.35" y1="2.557" x2="12.268" y2="7.017" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="d" x1="12.38" y1="1.38" x2="13.374" y2="4.327" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="10.252" y1="10.552" x2="8.466" y2="13.519" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="f" x1="27.64" y1="9.833" x2="18.879" y2="3.578" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="g" x1="2.052" y1="13.085" x2="11.397" y2="9.292" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="h" x1="25.912" y1="7.783" x2="23.198" y2="13.221" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="i" x1="18.067" y1="11.315" x2="11.007" y2="16.604" gradientUnits="userSpaceOnUse"><stop stop-color="%23E98B1E"/><stop offset="1" stop-color="%23EEB530"/></linearGradient><linearGradient id="j" x1="12.269" y1="7.342" x2="13.772" y2="11.051" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="%23fff" d="M0 0h30v30H0z"/></clipPath><clipPath id="b"><path fill="%23fff" d="m-1.942 2.234 29.708-4.176 4.176 29.708-29.708 4.176z"/></clipPath></defs></svg>');
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: giftAnimation 1.3s linear infinite
    }
}

@media (min-width: 1240px)and (any-hover: hover) {
    .header__profile:not(.active):hover::before {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

@media (min-width: 1240px) {
    @keyframes giftAnimation {
        0%, 8% {
            transform: translate(-50%, -50%) rotate(0deg)
        }
        42%, 58% {
            transform: translate(-50%, -50%) rotate(14deg)
        }
        92%, 100% {
            transform: translate(-50%, -50%) rotate(0deg)
        }
    }
}

@media (max-width: 1239.9px) {
    .header__profile {
        width: 100%;
        background: rgba(0, 0, 0, 0);
        padding: 8px 16px;
        margin-top: 32px
    }

    .header__profile > *:last-child {
        margin-left: auto
    }

    .header__profile::before {
        content: "";
        position: absolute;
        top: -16px;
        left: 16px;
        width: calc(100% - 32px);
        height: 1px;
        background: var(--Header-header-main-line, #333f42)
    }
}

@media (max-width: 575.9px) {
    .header__profile-img {
        width: 30px;
        height: 30px;
        min-height: 30px;
        font-size: 1.25rem;
        line-height: 140%;
        font-weight: 600
    }
}

@media (max-width: 1239.9px) {
    .header .lang__list {
        left: unset;
        right: 0;
        transform: unset
    }
}

@media (max-width: 575.9px) {
    .header .lang__list {
        width: calc(100vw - var(--offsets, 20px) * 2);
        max-width: calc(100vw - var(--offsets, 20px) * 2)
    }
}

@media (max-width: 1239.9px) {
    .header:not(.menu-active) .header__mob {
        display: none
    }
}

@media (max-width: 575.9px) {
    .header:not(.menu-active) .lang {
        display: none
    }
}

.header.menu-active .header__burger:before {
    top: 9px;
    transform: rotate(45deg);
    transition: top .2s ease, transform .2s ease-out .2s
}

.header.menu-active .header__burger span {
    opacity: 0
}

.header.menu-active .header__burger::after {
    bottom: 9px;
    transform: rotate(-45deg);
    transition: bottom .2s ease, transform .2s ease-out .2s
}

@media (min-width: 1240px) {
    .header .header-search, .header .header__coins, .header .lang {
        position: relative
    }

    .header .header-search::after, .header .header__coins::after, .header .lang::after {
        content: "";
        width: 1px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: calc(100% + 12px);
        transform: translateY(-50%);
        background: var(--Header-header-main-line, #333f42)
    }

    .header .header-search.profile-hidden::after {
        display: none;
    }

    .header .lang.profile-hidden::after {
        display: none;
    }
}

@media (max-width: 1239.9px) {
    .header .header-search, .header .header__coins, .header .lang {
        position: relative
    }

    .header .header-search::after, .header .header__coins::after, .header .lang::after {
        content: "";
        width: 1px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: -12px;
        transform: translateY(-50%);
        background: var(--Header-header-main-line, #333f42)
    }

    .header .header__mob + *::after {
        display: none
    }
}

@media (max-width: 575.9px) {
    .header .header-search::after, .header .header__coins::after, .header .lang::after {
        left: -8px
    }
}

.footer {
    position: relative;
    padding-block: 32px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    max-width: unset;
    overflow: hidden;
    border-radius: var(--heroscreen-radius, 36px) var(--heroscreen-radius, 36px) 0 0;
    background: var(--Footer-footer-main-bg, #06161b)
}

@media (max-width: 575.9px) {
    .footer {
        padding-block: 24px
    }
}

.footer__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px
}

.footer__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px
}

@media (max-width: 767.9px) {
    .footer__row {
        flex-direction: column
    }
}

@media (max-width: 575.9px) {
    .footer__row {
        gap: 16px
    }
}

.footer__logo {
    display: flex
}

.footer__logo:is(a) {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .footer__logo:is(a):hover {
        opacity: .6
    }
}

.footer__logo:is(a):active {
    opacity: .6
}

@media (any-hover: hover) {
    .footer__logo:is(a):focus {
        opacity: .6
    }
}

.footer__logo img, .footer__logo svg {
    max-width: 200px;
    max-height: 100px;
    object-fit: contain
}

@media (max-width: 575.9px) {
    .footer__logo img, .footer__logo svg {
        max-height: 51px;
        object-fit: contain
    }
}

.footer .soc-block {
    margin-inline: auto
}

@media (max-width: 575.9px) {
    .footer .soc-block .soc-block__link {
        width: 32px;
        min-width: 32px
    }
}

.footer p:not([class]) {
    margin-top: 0;
    color: var(--Footer-footer-text-color, #fff)
}

.footer__nav {
    width: 100%;
    padding-block: 24px;
    border-top: 1px solid var(--Footer-footer-main-line, #333f42);
    border-bottom: 1px solid var(--Footer-footer-main-line, #333f42)
}

.footer__nav-list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 16px 20px
}

@media (max-width: 991.9px) {
    .footer__nav-list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 575.9px) {
    .footer__nav-list {
        grid-template-columns:1fr;
        flex-direction: column
    }
}

.footer__nav-list a {
    display: block;
    width: max-content;
    max-width: 100%;
    position: relative;
    color: var(--Footer-footer-text-color, #fff);
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.footer__nav-list a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    pointer-events: none;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.footer__nav-list a:active {
    color: var(--Footer-footer-text-color-hover, #00f4e8)
}

.footer__nav-list a:active::after {
    transform: scaleX(100%)
}

@media (any-hover: hover) {
    .footer__nav-list a:hover {
        color: var(--Footer-footer-text-color-hover, #00f4e8)
    }

    .footer__nav-list a:hover::after {
        transform: scaleX(100%)
    }

    .footer__nav-list a:focus {
        color: var(--Footer-footer-text-color-hover, #00f4e8)
    }

    .footer__nav-list a:focus::after {
        transform: scaleX(100%)
    }
}

.footer__bottom {
    padding-top: 24px;
    border-top: 1px solid var(--Footer-footer-main-line, #333f42);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

@media (max-width: 991.9px) {
    .footer__bottom {
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

.footer__logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.footer__logos img, .footer__logos svg {
    max-width: 100%;
    max-height: 30px;
    width: auto;
}

@media (max-width: 991.9px) {
    .footer__logos {
        justify-content: flex-start
    }
}

@media (max-width: 575.9px) {
    .footer__logos img, .footer__logos svg {
        max-height: 27px
    }
}

.footer__copyright {
    color: var(--Footer-footer-text-color, #fff);
    font-size: 0.875rem;
    line-height: 150%
}

.header-search {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    color: var(--Header-header-secondary-text-color, #ddd)
}

.header-search.is-loading input, .header-search.is-loading label {
    pointer-events: none;
    opacity: .8
}

.header-search.active {
    z-index: 500;
    position: fixed;
    inset: 0;
    background: var(--Header-header-secondary-bg, #0a2027)
}

.header-search.active .header-search__open {
    display: none
}

.header-search:not(.active) > *:not(.header-search__open) {
    display: none
}

.header-search__open {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 12px;
    background: var(--Header-header-secondary-bg, #0a2027);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .header-search__open:hover {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

.header-search__open::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="m22.8 22.8-5.21-5.21m0 0A9.6 9.6 0 1 0 4.01 4.01a9.6 9.6 0 0 0 13.579 13.58" stroke="%23fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    display: block
}

@media (max-width: 575.9px) {
    .header-search__open {
        padding: 4px
    }

    .header-search__open::before {
        transform-origin: center;
        transform: scale(0.75)
    }
}

.header-search__top {
    min-height: var(--header-height, 64px);
    background: var(--Header-header-main-bg, #06161b);
    padding-block: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.header-search__body, .header-search__top {
    padding-inline: calc((100vw - var(--width-container)) / 2)
}

@media (max-width: 1320px) {
    .header-search__body, .header-search__top {
        padding-inline: var(--offsets, 20px)
    }
}

.header-search__input {
    width: 100%;
    background: rgba(0, 0, 0, 0);
    color: var(--Header-header-text-color, #fff);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.header-search__input::placeholder {
    color: var(--Header-header-secondary-text-color, #ddd);
    font-weight: 400
}

.header-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none
}

@media (min-width: 576px) {
    .header-search__input {
        padding-bottom: 8px;
        border-bottom: 1px solid var(--Header-header-main-line, #333f42)
    }
}

.header-search__label {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 48px
}

@media (max-width: 575.9px) {
    .header-search__label {
        gap: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--Header-header-main-line, #333f42)
    }
}

.header-search__clear {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
    padding: 10px;
    margin: -10px;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .header-search__clear:hover {
        opacity: .6
    }
}

.header-search__clear:active {
    opacity: .6
}

@media (any-hover: hover) {
    .header-search__clear:focus {
        opacity: .6
    }
}

.header-search__clear::before {
    content: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.343 15.5 15.657 4.186M4.343 4.5l11.314 11.314" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 20px;
    height: 20px;
    display: block
}

@media (max-width: 575.9px) {
    .header-search__clear {
        order: -1
    }

    .header-search__clear::before {
        content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9.99q0-.155.054-.29a.7.7 0 0 1 .161-.243L8.27 6.403a.71.71 0 0 1 .547-.225.813.813 0 0 1 .786.795q0 .312-.236.549L7.646 9.22h6.58q.33 0 .551.221.223.22.223.548a.76.76 0 0 1-.223.553.74.74 0 0 1-.551.226h-6.58l1.72 1.72a.7.7 0 0 1 .225.545.83.83 0 0 1-.247.563.77.77 0 0 1-1.097-.01l-3.032-3.054A.78.78 0 0 1 5 9.99" fill="%23fff"/></svg>')
    }
}

.header-search__body {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding-block: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 32px
}

@supports not selector(::-webkit-scrollbar) {
    .header-search__body {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
    }
}

.header-search__body::-webkit-scrollbar {
    width: 4px
}

.header-search__body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid rgba(0, 0, 0, 0)
}

.header-search__body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

@media (max-width: 575.9px) {
    .header-search__body {
        padding-block: 16px
    }
}

.header-search__filter-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap
}

.header-search__filter-item {
    cursor: pointer;
    padding: 3px 11px;
    border-radius: var(--button-radius, 36px);
    background: var(--Header-header-main-bg, #06161b);
    border: 1px solid var(--Header-header-main-bg, #06161b);
    color: var(--Header-header-secondary-text-color, #ddd);
    font-size: 1rem;
    line-height: 150%;
    transition-property: border-color, background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header-search__filter-item input {
    appearance: none;
    display: none
}

.header-search__filter-item:active {
    color: var(--Header-header-text-color, #fff);
    border-color: var(--Line-colors-line-main, #00dfd4);
    background: var(--Header-header-secondary-hover-bg, #102d36)
}

@media (any-hover: hover) {
    .header-search__filter-item:hover {
        color: var(--Header-header-text-color, #fff);
        border-color: var(--Line-colors-line-main, #00dfd4);
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .header-search__filter-item:focus {
        color: var(--Header-header-text-color, #fff);
        border-color: var(--Line-colors-line-main, #00dfd4);
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

.header-search__filter-item:has(input:checked) {
    color: var(--Header-header-text-color, #fff);
    border-color: var(--Line-colors-line-main, #00dfd4);
    background: var(--Header-header-secondary-hover-bg, #102d36)
}

.header-search__result {
    max-width: 100%
}

.header-search__result.scrolling .header-search__result-card {
    pointer-events: none;
    user-select: none
}

.header-search__result-title {
    color: var(--Header-header-text-color, #fff);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.header-search__result-list {
    margin-top: 12px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px
}

.header-search__result-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.header-search__result-link {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    cursor: pointer;
    min-width: 116px;
    padding: 12px;
    border-radius: var(--card-radius, 20px);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header-search__result-link img, .header-search__result-link svg {
    max-height: 48px;
    object-fit: contain;
    margin-bottom: auto
}

.header-search__result-link-title {
    margin-top: 8px;
    color: var(--Header-header-text-color, #fff);
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header-search__result-link-rating {
    margin-top: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.header-search__result-link-rating::before {
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    letter-spacing: 0px
}

.header-search__result-link-rating::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.header-search__result-link:active {
    background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
}

.header-search__result-link:active .header-search__result-link-title {
    color: var(--Header-header-text-hover-color, #00f4e8)
}

@media (any-hover: hover) {
    .header-search__result-link:hover {
        background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
    }

    .header-search__result-link:hover .header-search__result-link-title {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header-search__result-link:focus {
        background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
    }

    .header-search__result-link:focus .header-search__result-link-title {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }
}

.header-search__hint-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px
}

.header-search__hint-item {
    cursor: pointer;
    position: relative;
    padding-left: 22px;
    color: var(--Header-header-text-color, #fff);
    font-size: 1rem;
    line-height: 150%;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.header-search__hint-item input {
    appearance: none;
    display: none
}

.header-search__hint-item::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="m13.3 13.3-3.04-3.04m0 0a5.6 5.6 0 1 0-7.918-7.919 5.6 5.6 0 0 0 7.918 7.92" stroke="%23fff" stroke-width="1.05" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    left: 0;
    display: block
}

.header-search__hint-item:active {
    color: var(--Header-header-text-hover-color, #00f4e8)
}

@media (any-hover: hover) {
    .header-search__hint-item:hover {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }

    .header-search__hint-item:focus {
        color: var(--Header-header-text-hover-color, #00f4e8)
    }
}

.hero-screen {
    display: grid;
    grid-template-columns:1fr;
    gap: 0 80px
}

.bg-block .hero-screen__col {
    color: #fff;
}

@media (max-width: 1239.9px) {
    .hero-screen {
        gap: 0px 40px
    }
}

@media (min-width: 992px) {
    .hero-screen.hero-screen--two-cols {
        grid-template-columns:1fr 1fr
    }

    .hero-screen.hero-screen--two-cols .hero-screen__col {
        grid-column: 1/2
    }

    .hero-screen.hero-screen--two-cols > * {
        grid-column: 1/2
    }

    .hero-screen.hero-screen--two-cols > *:last-child {
        align-self: self-start;
        grid-column: 2/3;
        margin-top: 0
    }

    .hero-screen.hero-screen--two-cols .hero-screen__time {
        grid-column: 1/-1
    }

    .hero-screen:has(.hero-screen__time):last-child {
        grid-row-start: 2
    }

    .hero-screen__time {
        grid-column: 1/-1
    }
}

@media (max-width: 575.9px) {
    .hero-screen .link-cards {
        margin-bottom: 16px
    }
}

.hero-screen__time {
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    font-size: 0.875rem;
    line-height: 150%
}

.hero-screen__time::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="M10 1.5a9 9 0 0 0-9 9 9.002 9.002 0 0 0 15.364 6.364A9 9 0 0 0 19 10.5a9.01 9.01 0 0 0-9-9m0 16.615a7.618 7.618 0 0 1-5.385-13 7.618 7.618 0 0 1 13 5.385A7.62 7.62 0 0 1 10 18.115m4.385-7.615a.7.7 0 0 1-.692.692H10a.7.7 0 0 1-.692-.692V5.885a.692.692 0 1 1 1.384 0v3.923h3c.38.005.688.312.693.692" fill="%23E6E6E6"/></svg>');
    display: block;
    width: 20px;
    height: 21px
}

@media (max-width: 575.9px) {
    .hero-screen__time {
        margin-bottom: 20px
    }
}

.hero-screen h1 + p {
    margin-top: 0
}

.hero-screen .btn:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 767.9px) {
    .hero-screen .btn {
        width: 100%
    }
}

.slot-review {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.bg-block h1 {
    margin-bottom: 0
}

.bg-block p:not([class]) {
    margin-top: 16px
}

@media (max-width: 767.9px) {
    /*.slot-review > * {*/
    /*    order: 10*/
    /*}*/
    /*.slot-review h1 {*/
    /*    order: -1*/
    /*}*/
    /*.slot-review .author-row {*/
    /*    order: 20*/
    /*}*/
    /*.slot-review .slot-review__grid {*/
    /*    order: 2*/
    /*}*/
    .bg-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .bg-block > * {
        order: 10;
    }

    .bg-block h1 {
        order: -1;
    }

    .bg-block .slot-review__grid {
        order: 2;
    }

    .bg-block .author-row {
        order: 20;
    }
}

.slot-review__grid {
    width: 100%;
    display: grid;
    grid-template-columns:1fr 302px;
    grid-template-rows:auto 1fr;
    gap: 8px 16px;
    margin-top: 20px
}

@media (max-width: 991.9px) {
    .slot-review__grid {
        grid-template-columns:1fr 280px
    }
}

@media (max-width: 767.9px) {
    .slot-review__grid {
        grid-template-columns:1fr
    }
}

.slot-review__demo {
    grid-row: 1/3;
    position: relative;
    min-height: 562px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: var(--card-radius, 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    overflow: hidden
}

.slot-review__demo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(0deg, rgba(11, 18, 27, 0.9) 0%, rgba(11, 18, 27, 0.9) 100%)
}

.slot-review__demo > * {
    position: relative;
    z-index: 1
}

.slot-review__demo-btns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px
}

.slot-review__demo-btns .btn {
    width: 100%
}

@media (max-width: 767.9px) {
    .slot-review__demo {
        min-height: 202px
    }
}

.slot-review__rating {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    color: var(--Heroscreen-heroscreen-text-main, #fff)
}

.slot-review__rating-stars {
    margin-top: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    gap: 4px;
    color: var(--Heroscreen-heroscreen-text-main, #fff)
}

.slot-review__rating-stars::before {
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    letter-spacing: 0px
}

.slot-review__rating-stars::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.slot-review__rating-stars span {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6)
}

.slot-review__rating .btn {
    margin-top: 16px;
    width: 100%
}

* + .casino-review {
    margin-top: 20px;
}

.casino-review {
    display: grid;
    grid-template-columns:308px 1fr;
    gap: 20px
}

.casino-review p:not([class]) {
    margin-top: 0;
}

@media (min-width: 768px) {
    .casino-review > * {
        grid-column: 1/-1
    }

    .casino-review .casino-bonus-card {
        grid-column: 1/2;
        align-self: flex-start
    }

    .casino-review__content {
        grid-column: 2/3
    }
}

@media (max-width: 767.9px) {
    .casino-review {
        grid-template-columns:1fr;
        overflow: hidden;
    }

    * + .casino-review {
        margin-top: 20px;
    }
}

.casino-review h1 {
    margin: 0
}

.casino-review .casino-bonus-card + *:not(:first-child) {
    margin-top: 0
}

.casino-review__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px
}

.casino-review__content > *:not(:first-child) {
    margin-top: 0
}

@media (max-width: 767.9px) {
    .casino-review__content > * {
        order: 10
    }

    .casino-review__content .author-row {
        order: 20
    }
}

.casino-review .wp-block-table {
    overflow: hidden;
    background: transparent;
    padding: 0;
}

.casino-review .wp-block-table tbody {
    display: block;
    columns: 2;
    column-gap: 32px;
    margin-top: -13px
}

.casino-review .wp-block-table tr {
    break-inside: avoid;
    margin-top: 12px;
    padding-top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--Heroscreen-heroscreen-line, #466e72)
}

.casino-review .wp-block-table tr:first-child {
    margin-top: 0
}

.casino-review .wp-block-table td {
    text-align: left;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    padding: 0;
    padding-block: 0;
    border: 0;
}

.casino-review .wp-block-table td:first-child {
    font-weight: 400;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6)
}

.casino-review .wp-block-table td:last-child {
    text-align: right
}

@media (max-width: 991.9px) {
    .casino-review .wp-block-table tbody {
        columns: 1
    }
}

.hero-author {
    display: grid
}

.hero-author:not(:first-child) {
    margin-top: 20px
}

.hero-author h1 {
    margin: 0
}

.hero-author p:not([class]):not(:first-child) {
    margin-top: 20px
}

.hero-author .soc-block {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid var(--Heroscreen-heroscreen-line, #466e72)
}

.hero-author .soc-block__item {
    width: 32px;
    min-width: 32px
}

.hero-author__info {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px
}

.hero-author__info:not(:first-child) {
    margin-top: 20px
}

.hero-author__info-card {
    flex: 1;
    padding: 24px;
    border-radius: 16px;
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15))
}

.hero-author__info-title {
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-weight: 500
}

.hero-author__info-list {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px
}

.hero-author__info-item {
    position: relative;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    padding-left: 24px
}

.hero-author__info-item::before {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".8" y=".8" width="14.4" height="14.4" rx="7.2" fill="%2300B2A3"/><path d="m5.056 8.128 2.048 1.92 3.84-4.096" stroke="%23fff" stroke-width="1.219" stroke-linecap="round"/></svg>');
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    top: 3px
}

.hero-author__img {
    margin-left: 64px;
    margin-top: 0;
    width: 368px;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 50%
}

@media (min-width: 768px) {
    .hero-author {
        grid-template-columns:auto minmax(200px, 1fr) 432px
    }

    .hero-author > * {
        grid-column: 1/3
    }

    .hero-author__img {
        grid-area: 1/3/50/-1
    }

    .hero-author h1 {
        grid-column: 1/2
    }

    .hero-author .soc-block {
        grid-column: 2/3
    }
}

@media (max-width: 1239.9px) {
    .hero-author {
        grid-template-columns:auto 1fr 300px
    }

    .hero-author__img {
        width: 250px;
        margin-left: 50px
    }
}

@media (max-width: 991.9px) {
    .hero-author__info {
        flex-direction: column
    }
}

@media (max-width: 767.9px) {
    .hero-author {
        grid-template-columns:1fr
    }

    .hero-author .soc-block {
        margin-top: 8px;
        margin-left: 0;
        padding-left: 0;
        border-left: 0
    }

    .hero-author__img {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }
}

.filter-panel:not(:first-child) {
    margin-top: 20px
}

.filter-panel__top {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    flex-wrap: wrap
}

.filter-panel__top .btn {
    padding-block: 10px
}

.filter-panel__top .btn span:not(:first-child) {
    margin-left: -4px
}

@media (max-width: 767.9px) {
    .filter-panel__top {
        justify-content: space-between
    }

    .filter-panel__top .filter-panel__title, .filter-panel__top .filter-panel__search {
        min-width: unset;
        order: -1
    }

    .filter-panel__top .filter-panel__search {
        width: 100%
    }
}

@media (max-width: 575.9px) {
    .filter-panel__top {
        gap: 16px
    }

    .filter-panel__top .btn {
        padding: 10px 20px;
        margin-left: auto
    }
}

.filter-panel__block {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(296px, 1fr));
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

.filter-panel__block > *:nth-child(1) {
    z-index: 99
}

.filter-panel__block > *:nth-child(2) {
    z-index: 98
}

.filter-panel__block > *:nth-child(3) {
    z-index: 97
}

.filter-panel__block > *:nth-child(4) {
    z-index: 96
}

.filter-panel__block > *:nth-child(5) {
    z-index: 95
}

.filter-panel__block > *:nth-child(6) {
    z-index: 94
}

.filter-panel__block > *:nth-child(7) {
    z-index: 93
}

.filter-panel__block > *:nth-child(8) {
    z-index: 92
}

.filter-panel__block > *:nth-child(9) {
    z-index: 91
}

.filter-panel__block > *:nth-child(10) {
    z-index: 90
}

.filter-panel__block > *:nth-child(11) {
    z-index: 89
}

.filter-panel__block > *:nth-child(12) {
    z-index: 88
}

.filter-panel__block > *:nth-child(13) {
    z-index: 87
}

.filter-panel__block > *:nth-child(14) {
    z-index: 86
}

.filter-panel__block > *:nth-child(15) {
    z-index: 85
}

.filter-panel__block > *:nth-child(16) {
    z-index: 84
}

.filter-panel__block > *:nth-child(17) {
    z-index: 83
}

.filter-panel__block > *:nth-child(18) {
    z-index: 82
}

.filter-panel__block > *:nth-child(19) {
    z-index: 81
}

.filter-panel__block > *:nth-child(20) {
    z-index: 80
}

.filter-panel__block > *:nth-child(21) {
    z-index: 79
}

.filter-panel__block > *:nth-child(22) {
    z-index: 78
}

.filter-panel__block > *:nth-child(23) {
    z-index: 77
}

.filter-panel__block > *:nth-child(24) {
    z-index: 76
}

.filter-panel__block > *:nth-child(25) {
    z-index: 75
}

.filter-panel__block > *:nth-child(26) {
    z-index: 74
}

.filter-panel__block > *:nth-child(27) {
    z-index: 73
}

.filter-panel__block > *:nth-child(28) {
    z-index: 72
}

.filter-panel__block > *:nth-child(29) {
    z-index: 71
}

.filter-panel__block > *:nth-child(30) {
    z-index: 70
}

.filter-panel__block > *:nth-child(31) {
    z-index: 69
}

.filter-panel__block > *:nth-child(32) {
    z-index: 68
}

.filter-panel__block > *:nth-child(33) {
    z-index: 67
}

.filter-panel__block > *:nth-child(34) {
    z-index: 66
}

.filter-panel__block > *:nth-child(35) {
    z-index: 65
}

.filter-panel__block > *:nth-child(36) {
    z-index: 64
}

.filter-panel__block > *:nth-child(37) {
    z-index: 63
}

.filter-panel__block > *:nth-child(38) {
    z-index: 62
}

.filter-panel__block > *:nth-child(39) {
    z-index: 61
}

.filter-panel__block > *:nth-child(40) {
    z-index: 60
}

.filter-panel__block > *:nth-child(41) {
    z-index: 59
}

.filter-panel__block > *:nth-child(42) {
    z-index: 58
}

.filter-panel__block > *:nth-child(43) {
    z-index: 57
}

.filter-panel__block > *:nth-child(44) {
    z-index: 56
}

.filter-panel__block > *:nth-child(45) {
    z-index: 55
}

.filter-panel__block > *:nth-child(46) {
    z-index: 54
}

.filter-panel__block > *:nth-child(47) {
    z-index: 53
}

.filter-panel__block > *:nth-child(48) {
    z-index: 52
}

.filter-panel__block > *:nth-child(49) {
    z-index: 51
}

.filter-panel__block > *:nth-child(50) {
    z-index: 50
}

.filter-panel__block > *:nth-child(51) {
    z-index: 49
}

.filter-panel__block > *:nth-child(52) {
    z-index: 48
}

.filter-panel__block > *:nth-child(53) {
    z-index: 47
}

.filter-panel__block > *:nth-child(54) {
    z-index: 46
}

.filter-panel__block > *:nth-child(55) {
    z-index: 45
}

.filter-panel__block > *:nth-child(56) {
    z-index: 44
}

.filter-panel__block > *:nth-child(57) {
    z-index: 43
}

.filter-panel__block > *:nth-child(58) {
    z-index: 42
}

.filter-panel__block > *:nth-child(59) {
    z-index: 41
}

.filter-panel__block > *:nth-child(60) {
    z-index: 40
}

.filter-panel__block > *:nth-child(61) {
    z-index: 39
}

.filter-panel__block > *:nth-child(62) {
    z-index: 38
}

.filter-panel__block > *:nth-child(63) {
    z-index: 37
}

.filter-panel__block > *:nth-child(64) {
    z-index: 36
}

.filter-panel__block > *:nth-child(65) {
    z-index: 35
}

.filter-panel__block > *:nth-child(66) {
    z-index: 34
}

.filter-panel__block > *:nth-child(67) {
    z-index: 33
}

.filter-panel__block > *:nth-child(68) {
    z-index: 32
}

.filter-panel__block > *:nth-child(69) {
    z-index: 31
}

.filter-panel__block > *:nth-child(70) {
    z-index: 30
}

.filter-panel__block > *:nth-child(71) {
    z-index: 29
}

.filter-panel__block > *:nth-child(72) {
    z-index: 28
}

.filter-panel__block > *:nth-child(73) {
    z-index: 27
}

.filter-panel__block > *:nth-child(74) {
    z-index: 26
}

.filter-panel__block > *:nth-child(75) {
    z-index: 25
}

.filter-panel__block > *:nth-child(76) {
    z-index: 24
}

.filter-panel__block > *:nth-child(77) {
    z-index: 23
}

.filter-panel__block > *:nth-child(78) {
    z-index: 22
}

.filter-panel__block > *:nth-child(79) {
    z-index: 21
}

.filter-panel__block > *:nth-child(80) {
    z-index: 20
}

.filter-panel__block > *:nth-child(81) {
    z-index: 19
}

.filter-panel__block > *:nth-child(82) {
    z-index: 18
}

.filter-panel__block > *:nth-child(83) {
    z-index: 17
}

.filter-panel__block > *:nth-child(84) {
    z-index: 16
}

.filter-panel__block > *:nth-child(85) {
    z-index: 15
}

.filter-panel__block > *:nth-child(86) {
    z-index: 14
}

.filter-panel__block > *:nth-child(87) {
    z-index: 13
}

.filter-panel__block > *:nth-child(88) {
    z-index: 12
}

.filter-panel__block > *:nth-child(89) {
    z-index: 11
}

.filter-panel__block > *:nth-child(90) {
    z-index: 10
}

.filter-panel__block > *:nth-child(91) {
    z-index: 9
}

.filter-panel__block > *:nth-child(92) {
    z-index: 8
}

.filter-panel__block > *:nth-child(93) {
    z-index: 7
}

.filter-panel__block > *:nth-child(94) {
    z-index: 6
}

.filter-panel__block > *:nth-child(95) {
    z-index: 5
}

.filter-panel__block > *:nth-child(96) {
    z-index: 4
}

.filter-panel__block > *:nth-child(97) {
    z-index: 3
}

.filter-panel__block > *:nth-child(98) {
    z-index: 2
}

.filter-panel__block > *:nth-child(99) {
    z-index: 1
}

.filter-panel__block > *:nth-child(100) {
    z-index: 0
}

@media (max-width: 991.9px) {
    .filter-panel__block {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 767.9px) {
    .filter-panel__block {
        grid-template-columns:1fr
    }
}

.filter-panel__sort {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.filter-panel__title {
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: var(--Text-colors-text-main, #0b121b);
    font-size: 1.25rem;
    line-height: 140%;
    font-weight: 600
}

.filter-panel__title span {
    color: var(--Text-colors-text-secondary, #464a51);
    font-weight: 400
}

.filter-panel__switch {
    cursor: pointer;
    padding: 8px 16px 8px 8px;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%;
    transition-property: border-color, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .filter-panel__switch:hover {
        border-color: var(--Line-colors-line-main, #00dfd4)
    }
}

.filter-panel__switch input {
    display: none
}

.filter-panel__switch-btn {
    position: relative;
    width: 40px;
    min-width: 40px;
    height: 22px;
    border-radius: 36px;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    padding: 1px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    transition-property: border-color, background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.filter-panel__switch-btn::after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 2px;
    border-radius: 50%;
    background: var(--Line-colors-line-secondary, #e8e5e5);
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.filter-panel__switch:has(input:checked) {
    border-color: var(--Line-colors-line-main, #00dfd4);
    color: var(--Cards-card-text, #0b121b)
}

.filter-panel__switch:has(input:checked) .filter-panel__switch-btn {
    background: var(--Buttons-colors-button-hover-bg, #00d4ca);
    border-color: var(--Buttons-colors-button-hover-bg, #00d4ca)
}

.filter-panel__switch:has(input:checked) .filter-panel__switch-btn::after {
    transform: translateX(100%)
}

.filter-panel__btns {
    width: max-content;
    margin-right: auto;
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 8px
}

.filter-panel__btns > .btn {
    width: 100%
}

@media (max-width: 767.9px) {
    .filter-panel__btns {
        width: 100%
    }
}

.filter-panel__accord.active .filter-panel__accord-block {
    display: flex
}

.filter-panel__accord-block {
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    width: 100%;
    z-index: 1;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
    display: none;
    padding: 24px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
}

@media (max-width: 575.9px) {
    .filter-panel__accord-block {
        padding: 16px;
        top: calc(100% + 13px)
    }
}

.filter-panel__accord-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.filter-panel__accord-close {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .filter-panel__accord-close:hover {
        opacity: .6
    }
}

.filter-panel__accord-close:active {
    opacity: .6
}

@media (any-hover: hover) {
    .filter-panel__accord-close:focus {
        opacity: .6
    }
}

.filter-panel__accord-close::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.343 15 15.657 3.686M4.343 4l11.314 11.314" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 20px;
    height: 20px
}

.filter-panel__search {
    padding: 10px 15px;
    min-width: 308px;
    min-height: 44px;
    border-radius: var(--button-radius, 36px);
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    border: 1px solid rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    transition-property: border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.filter-panel__search:has(input:focus), .filter-panel__search.has-value {
    border-color: var(--Line-colors-line-main, #00dfd4)
}

@media (any-hover: hover) {
    .filter-panel__search:hover {
        border-color: var(--Line-colors-line-main, #00dfd4)
    }
}

.filter-panel__search.has-value .filter-panel__search-clear {
    visibility: visible;
    pointer-events: all
}

.filter-panel__search-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .filter-panel__search-btn:hover {
        opacity: .6
    }
}

.filter-panel__search-btn:active {
    opacity: .6
}

@media (any-hover: hover) {
    .filter-panel__search-btn:focus {
        opacity: .6
    }
}

.filter-panel__search-btn > svg {
    width: 16px;
    min-width: 16px;
    height: 16px
}

.filter-panel__search-input {
    width: 100%;
    color: var(--Cards-card-text, #0b121b);
    background: rgba(0, 0, 0, 0);
    font-size: 0.875rem;
    line-height: 150%
}

.filter-panel__search-input::placeholder {
    color: var(--Cards-card-text-secondary, #464a51)
}

.filter-panel__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none
}

.filter-panel__search-clear {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .filter-panel__search-clear:hover {
        opacity: .6
    }
}

.filter-panel__search-clear:active {
    opacity: .6
}

@media (any-hover: hover) {
    .filter-panel__search-clear:focus {
        opacity: .6
    }
}

.filter-panel__search-clear::after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m3.475 12 9.05-9.051m-9.05.251 9.05 9.051" stroke="%230B121B" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 16px;
    height: 16px
}

@media (max-width: 767.9px) {
    .filter-panel__search {
        margin-top: -6px
    }
}

.filter-panel__error {
    color: var(--Error-Error-Base, #e40048)
}

.filter-panel .filter-panel__results {
    margin-top: 20px
}

.filter-panel .filter-panel__results-empty {
    padding: 20px;
    border-radius: 12px;
    background: #fff;
    height: 184px;
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--Cards-card-text-secondary, #464a51);
    text-align: center
}

.filter-panel .filter-panel__results.is-empty .filter-panel__results-empty {
    display: flex
}

.filter-panel .filter-panel__results.is-empty .pag {
    display: none
}

@media (max-width: 575.9px) {
    .filter-panel .filter-panel__results {
        margin-top: 24px
    }
}

.filter-panel .filter-panel__accord, .filter-panel .filter-panel__results-block, .filter-panel .filter-panel__results-empty {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.filter-panel.is-loading .filter-panel__accord, .filter-panel.is-loading .filter-panel__results-block, .filter-panel.is-loading .filter-panel__results-empty {
    opacity: .6;
    pointer-events: none
}

.filter-panel:not(.has-error) .filter-panel__error {
    display: none
}

.filter-panel .pag {
    margin-top: 20px
}

.modal {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 200;
    background: rgba(11, 18, 27, .8)
}

.modal:not(.active) {
    display: none
}

.modal__content {
    position: relative;
    width: 952px;
    max-width: calc(var(--width-container));
    max-height: calc(100% - 40px);
    border-radius: var(--card-radius, 20px);
    overflow: hidden;
    margin: auto
}

@media (max-width: 1320px) {
    .modal__content {
        max-width: calc(100% - var(--offsets, 20px) * 2)
    }
}

.modal__close {
    z-index: 10;
    margin-left: auto;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .modal__close:hover {
        opacity: .6
    }
}

.modal__close:active {
    opacity: .6
}

@media (any-hover: hover) {
    .modal__close:focus {
        opacity: .6
    }
}

.modal__close::after {
    content: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m6.516 22.5 16.97-16.97M6.516 6l16.97 16.97" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 30px;
    height: 30px
}

@media (max-width: 575.9px) {
    .modal__close {
        width: 20px;
        height: 20px
    }

    .modal__close::after {
        transform-origin: center;
        transform: scale(0.6666666667)
    }
}

.modal--primary .modal__content {
    padding: 48px;
    border: 1px solid var(--Line-colors-line-main, #00dfd4);
    background: url("../img/bg.jpg") no-repeat top center/cover, radial-gradient(30% 80% at 30% 50%, #064344 0%, rgba(255, 0, 0, 0) 87%), linear-gradient(0deg, rgba(6, 23, 30, 0.6196078431) 0%, rgba(6, 23, 30, 0) 42%, rgba(6, 23, 30, 0) 57%, rgba(6, 23, 30, 0.6392156863) 100%), linear-gradient(91deg, #06171e 0%, #064344 40%, #06171e 100%);
    overflow-y: auto
}

@supports not selector(::-webkit-scrollbar) {
    .modal--primary .modal__content {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) rgba(0, 0, 0, 0)
    }
}

.modal--primary .modal__content::-webkit-scrollbar {
    width: 4px
}

.modal--primary .modal__content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid rgba(0, 0, 0, 0)
}

.modal--primary .modal__content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.modal--primary .modal__title, .modal--primary .modal__subtitle {
    margin-top: 0;
    color: var(--Heroscreen-heroscreen-text-main, #fff)
}

.modal--primary .modal__descr {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6)
}

.modal--primary .modal__close {
    position: absolute;
    top: 24px;
    right: 24px
}

@media (max-width: 575.9px) {
    .modal--primary .modal__content {
        padding: 32px 16px
    }

    .modal--primary .modal__close {
        top: 16px;
        right: 16px
    }
}

.modal__title {
    margin-bottom: 12px;
    text-align: center;
    font-size: 2.5rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .modal__title {
        font-size: 1.875rem
    }
}

@media (max-width: 575.9px) {
    .modal__title {
        margin-bottom: 8px
    }
}

.modal__subtitle {
    margin-bottom: 12px;
    text-align: center;
    font-family: var(--ff-spartan);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .modal__subtitle {
        font-size: 1.5rem
    }
}

@media (max-width: 575.9px) {
    .modal__subtitle {
        margin-bottom: 8px
    }
}

.modal__descr {
    text-align: center;
    font-size: 1.25rem;
    line-height: 140%
}

@media (max-width: 575.9px) {
    .modal__descr {
        font-size: 1rem;
        line-height: 150%
    }
}

.modal.modal-demo .modal-demo__header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

.modal.modal-demo .modal-demo__footer {
    display: grid;
    grid-template-columns:auto 1fr auto;
    align-items: center;
    gap: 16px
}

.modal.modal-demo .modal-demo__footer > img, .modal.modal-demo .modal-demo__footer > svg {
    max-width: 120px;
    border-radius: 12px;
}

.modal.modal-demo .modal-demo__footer-bonus {
    color: var(--Cards-card-text, #0b121b);
    flex: 1;
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 500
}

.modal.modal-demo .modal-demo__footer > .btn {
    margin-inline: auto
}

@media (max-width: 767.9px) {
    .modal.modal-demo .modal-demo__footer {
        grid-template-columns:auto 1fr;
        column-gap: 12px
    }

    .modal.modal-demo .modal-demo__footer .btn {
        grid-column: 1/-1;
        width: 100%
    }
}

@media (max-width: 575.9px) {
    .modal.modal-demo .modal-demo__footer > img, .modal.modal-demo .modal-demo__footer > svg {
        max-width: 110px
    }

    .modal.modal-demo .modal-demo__footer-bonus {
        font-size: 1.125rem;
        line-height: 150%;
        font-weight: 600
    }
}

.modal.modal-demo .modal-demo__title {
    font-family: var(--ff-spartan);
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .modal.modal-demo .modal-demo__title {
        font-size: 1.5rem
    }
}

.modal.modal-demo .modal-demo__body {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    aspect-ratio: 16/9;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff)
}

@media (max-width: 991.9px) {
    .modal.modal-demo .modal-demo__body {
        aspect-ratio: unset;
        flex: 1
    }
}

.modal.modal-demo .modal-demo__body:before {
    content: "Loading...";
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: var(--Cards-card-text, #0b121b);
    animation: loading 1s linear infinite alternate;
    z-index: 1
}

@keyframes loading {
    to {
        opacity: 0
    }
}

.modal.modal-demo iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    z-index: 2
}

.modal.modal-demo .modal__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    padding: 24px;
    background: var(--Cards-card-bg, #fff)
}

@media (max-width: 991.9px) {
    .modal.modal-demo .modal__content {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0
    }
}

@media (max-width: 575.9px) {
    .modal.modal-demo .modal__content {
        padding: 16px;
        gap: 16px
    }
}

.modal.modal-demo .modal__close {
    content: url('data:image/svg+xml,<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m6.516 23 16.97-16.97m-16.97.47 16.97 16.97" stroke="%23000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.news-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap
}

.news-block:not(:first-child) {
    margin-top: 20px
}

.news-block .news-card {
    flex: 1
}

.news-block .sidebar-news {
    width: 396px
}

.news-block .sidebar-news:not(:first-child) {
    margin-top: 0
}

@media (max-width: 1239.9px) {
    .news-block .sidebar-news {
        width: 300px
    }
}

@media (max-width: 991.9px) {
    .news-block {
        flex-direction: column
    }

    .news-block .sidebar-news {
        width: 100%
    }
}

.article-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

.article-block__badges {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

.article-block__views {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--Cards-card-text-secondary, #464a51);
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%
}

.article-block__views::after {
    content: "";
    width: 12px;
    height: 13px;
    display: block;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M11.357 6.403C10.267 3.87 8.215 2.3 6.002 2.3S1.737 3.87.647 6.403a.54.54 0 0 0 0 .431c1.09 2.532 3.141 4.103 5.355 4.103 2.213 0 4.264-1.57 5.355-4.103a.54.54 0 0 0 0-.431M6.002 9.857c-1.712 0-3.331-1.236-4.265-3.239C2.671 4.616 4.29 3.38 6.002 3.38c1.71 0 3.33 1.236 4.264 3.238-.934 2.003-2.553 3.24-4.264 3.24m0-5.398a2.16 2.16 0 1 0 0 4.319 2.16 2.16 0 0 0 0-4.319m0 3.24a1.08 1.08 0 1 1 0-2.16 1.08 1.08 0 0 1 0 2.16" fill="%23464A51"/></svg>')
}

.article-block__dates {
    width: 100%;
    padding-top: 16px;
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px 32px;
    flex-wrap: wrap
}

.article-block__date {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 0.875rem;
    line-height: 150%
}

.article-block__date svg {
    min-width: 16px
}

.article-block__date span {
    font-weight: 500;
    color: var(--Cards-card-text, #0b121b)
}

.article-block.article-block > *:not(:first-child) {
    margin-block: 0
}

@media (max-width: 575.9px) {
    .article-block h1 {
        font-size: 1.5rem;
        line-height: 120%;
        font-weight: 500
    }
}

.modal-compare__content {
    min-width: 500px;
    padding: 24px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto 1fr;
    align-items: flex-start;
    gap: 12px 16px
}

.modal-compare__content > * {
    grid-column: 1/-1
}

@media (max-width: 575.9px) {
    .modal-compare__content {
        padding: 16px
    }
}

.modal-compare__title {
    align-self: center;
    grid-column: 1/2;
    color: var(--Text-colors-text-main, #0b121b);
    font-family: var(--ff-spartan);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .modal-compare__title {
        font-size: 1.5rem
    }
}

.modal-compare__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.modal-compare__list.is-loading {
    pointer-events: none;
    opacity: .6
}

@media (max-width: 575.9px) {
    .modal-compare__list {
        padding-top: 20px
    }
}

.modal-compare__type {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%
}

.modal-compare__delete {
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .modal-compare__delete:hover {
        opacity: .6
    }
}

.modal-compare__delete:active {
    opacity: .6
}

@media (any-hover: hover) {
    .modal-compare__delete:focus {
        opacity: .6
    }
}

.modal-compare__delete svg, .modal-compare__delete img {
    min-width: 20px;
    width: 20px;
    height: 20px
}

.modal-compare__delete::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.023 1.463c-.954 0-1.768.61-2.07 1.464a.732.732 0 1 1-1.38-.488 3.66 3.66 0 0 1 6.9 0 .732.732 0 1 1-1.38.488 2.2 2.2 0 0 0-2.07-1.464M6.511 8.784c.402-.04.76.253.801.655l.488 4.879a.732.732 0 1 1-1.456.145l-.488-4.878a.73.73 0 0 1 .655-.8m5.024 0c.402.04.695.399.655.801l-.488 4.878a.732.732 0 0 1-1.456-.145l.488-4.879a.73.73 0 0 1 .801-.655" fill="%230B121B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.634c0-.404.328-.732.732-.732h16.585a.732.732 0 0 1 0 1.464H.732A.73.73 0 0 1 0 4.634m2.31 1.71a.73.73 0 0 1 .778.68l.449 6.731c.088 1.315.15 2.23.287 2.919.133.668.319 1.021.586 1.27s.631.412 1.307.5c.696.091 1.613.093 2.93.093h.755c1.318 0 2.235-.002 2.931-.093.675-.088 1.04-.25 1.307-.5.267-.249.452-.602.585-1.27.137-.689.2-1.604.288-2.919l.448-6.73a.732.732 0 0 1 1.46.097l-.452 6.782c-.083 1.252-.15 2.262-.308 3.056-.165.824-.444 1.513-1.021 2.053-.578.54-1.283.773-2.117.882-.802.105-1.815.105-3.07.105h-.857c-1.254 0-2.267 0-3.07-.105-.833-.109-1.539-.342-2.116-.882s-.857-1.229-1.021-2.053c-.158-.794-.225-1.805-.309-3.056l-.452-6.782a.73.73 0 0 1 .681-.779" fill="%230B121B"/></svg>');
    width: 19px;
    height: 20px;
    display: block
}

.modal-compare__empty {
    padding: 16px;
    align-items: center;
    justify-content: center;
    display: none;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.modal-compare.is-empty .modal-compare__empty {
    display: flex
}

.modal-compare.is-empty .modal-compare__list {
    display: none
}

.modal-compare .modal__close {
    align-self: center;
    grid-column: 2/3;
    content: url('data:image/svg+xml,<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m6.516 23 16.97-16.97m-16.97.47 16.97 16.97" stroke="%23000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px
}

.modal-compare .modal__close::after {
    transform-origin: center;
    transform: scale(0.8)
}

@media (max-width: 575.9px) {
    .modal-compare__content {
        min-width: unset;
        width: calc(100% - var(--offsets, 20px) * 2)
    }
}

.compare-table.scrolling td {
    pointer-events: none;
    user-select: none
}

.compare-table .compare-table__wrap {
    margin: 0;
    padding: 0
}

.compare-table__top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

@media (max-width: 575.9px) {
    .compare-table__top {
        flex-direction: column;
        align-items: stretch
    }

    .compare-table__top .btn {
        width: 100%
    }
}

.compare-table__title {
    margin: 0;
    color: var(--Text-colors-text-main, #0b121b);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .compare-table__title {
        font-size: 1.5rem
    }
}

.compare-table .compare-table__wrap {
    gap: 0;
    display: block;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff)
}

.compare-table .compare-table__wrap:not(:first-child) {
    margin-top: 24px
}

.compare-table__wrap {
    overflow: scroll;
}


.compare-table__thead th {
    text-align: unset
}

.compare-table__thead th > * {
    height: 100%;
    width: 100%;
}

select.js-bonus-select, select.js-casino-select, select.js-slot-select {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
}

.compare-table__table {
    min-width: max-content;
    width: max-content;
    border-spacing: 16px;
    height: 1px;
    margin: -16px
}

.compare-table__table td {
    position: relative;
    border-radius: 12px;
    padding: 16px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

.compare-table__table td.is-best {
    padding-right: 52px;
    border: 1px solid var(--Line-colors-line-main, #00dfd4)
}

.compare-table__table td.is-best::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M3.72 9.64H2.458a.954.954 0 0 0-.957.96v5.822a.96.96 0 0 0 .957.96h1.264a.96.96 0 0 0 .957-.96V10.6a.96.96 0 0 0-.957-.96m14.86 2.178c.552-.315.92-.906.92-1.59 0-1.01-.815-1.831-1.827-1.831h-4.077a8.3 8.3 0 0 0 .222-1.912c0-.884-.134-1.701-.34-2.33-.154-.473-.322-.888-.556-1.207a1.5 1.5 0 0 0-.414-.387 1.1 1.1 0 0 0-.551-.15c-.03 0-.065 0-.096.004a.7.7 0 0 0-.348.13 1 1 0 0 0-.211.227c-.1.15-.169.319-.222.495-.076.262-.119.53-.138.737-.019.18-.023.315-.023.346-.1 1.32-.41 2.308-.815 3.04A4.5 4.5 0 0 1 9.08 8.67a4.13 4.13 0 0 1-2.061.944q-.094.011-.142.015-.023-.001-.035.004h-.708a.954.954 0 0 0-.957.96v5.821c0 .53.429.96.957.96h.743c.038.004.222.027.44.088.123.035.257.084.387.146.126.062.249.142.344.23.261.246.518.396.79.477.268.08.54.096.839.096.214 0 .444-.008.7-.008h5.426c.023 0 .076.004.15.004.126 0 .31-.007.524-.054a2.3 2.3 0 0 0 .513-.169c.264-.126.528-.326.724-.63.18-.283.3-.656.31-1.124q.226-.099.4-.272a1.33 1.33 0 0 0-.05-1.92 1.346 1.346 0 0 0 .21-2.42z" fill="%2300B2A3"/></svg>');
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.compare-table__table td:first-child {
    width: 249px;
    background: var(--Accent-colors-accent-secondary-bg, #effffb);
    color: var(--Accent-colors-accent-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.compare-table__table th, .compare-table__table td {
    width: 233.5px
}

@media (max-width: 767.9px) {
    .compare-table__table td:first-child, .compare-table__table th:first-child {
        width: 100px;
        font-size: 1rem
    }

    .compare-table__table td, .compare-table__table th {
        width: 157px
    }
}

.compare-table__empty {
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    text-align: center;
    color: var(--Accent-colors-accent-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.compare-table.is-empty .compare-table__table, .compare-table.is-empty .compare-table__clear {
    display: none
}

.compare-table.is-empty .compare-table__empty {
    display: flex
}

.modal-wheel .modal__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.modal-wheel__wrap {
    max-width: 100%;
    margin-inline: auto;
    display: grid;
    grid-template-columns:400px 1fr;
    gap: 64px
}

@media (max-width: 991.9px) {
    .modal-wheel__wrap {
        align-self: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0
    }

    .modal-wheel .form-wizard__title {
        order: 1
    }

    .modal-wheel .form-wizard__descr {
        order: 2
    }

    .modal-wheel .form-wizard__steps, .modal-wheel .form-wizard {
        display: contents
    }

    .modal-wheel .form-wizard__block {
        max-width: 400px;
        order: 10
    }

    .modal-wheel .wheel {
        order: 5;
        margin-top: 32px
    }
}

@media (max-width: 575.9px) {
    .modal-wheel .wheel {
        margin-top: 24px
    }
}

.form-wizard {
    position: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.form-wizard__steps {
    position: relative;
    width: 100%
}

.form-wizard__response {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    color: #ff3b61;
    font-size: 0.75rem;
    line-height: 150%
}

.form-wizard__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

.form-wizard__block:not(:first-child) {
    margin-top: 32px
}

.form-wizard__block .checkbox {
    margin-top: 8px
}

.form-wizard__block .btn {
    width: 100%
}

@media (max-width: 575.9px) {
    .form-wizard__block:not(:first-child) {
        margin-top: 24px
    }
}

.form-wizard__back {
    top: 24px;
    left: 24px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .form-wizard__back:hover {
        opacity: .6
    }
}

.form-wizard__back:active {
    opacity: .6
}

@media (any-hover: hover) {
    .form-wizard__back:focus {
        opacity: .6
    }
}

.form-wizard__back::before {
    content: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 14.986q0-.232.08-.436.081-.203.243-.364l4.58-4.58q.352-.355.821-.34.47.017.824.356.355.37.355.838t-.355.823l-2.58 2.548h9.87q.494 0 .828.332.334.331.334.823 0 .49-.334.829a1.12 1.12 0 0 1-.827.339h-9.871l2.58 2.58q.355.345.34.817-.017.474-.372.844-.354.34-.822.34t-.823-.355l-4.548-4.581a1.17 1.17 0 0 1-.323-.813" fill="%23fff"/></svg>');
    display: block;
    width: 30px;
    height: 30px
}

@media (max-width: 575.9px) {
    .form-wizard__back {
        top: 16px;
        left: 16px;
        width: 20px;
        height: 20px
    }

    .form-wizard__back::before {
        transform: scale(0.6666666667)
    }
}

.form-wizard .unclickable {
    pointer-events: none
}

.form-wizard .btn.is-loading {
    pointer-events: none;
    opacity: .6
}

.form-wizard .hidden {
    display: none !important
}

@media (max-width: 575.9px) {
    .form-wizard .form__label {
        min-height: 41px
    }

    .form-wizard .form__label input {
        padding: 10px 16px;
        font-size: 0.875rem;
        line-height: 150%
    }

    .form-wizard .form__label input::placeholder {
        font-size: 0.875rem;
        line-height: 150%
    }
}

.wheel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.wheel__circle {
    transform-origin: center;
    will-change: transform
}

.wheel__circle-item.active .wheel__circle-item-text {
    stroke: #0b121b;
    stroke-width: .45
}

.modal-quests .modal__content {
    padding: 48px 32px
}

.modal-quests .quests {
    max-width: 600px;
    margin-inline: auto
}

@media (max-width: 767.9px) {
    .modal-quests .modal__content {
        padding: 32px 16px
    }
}

.modal-auth .modal__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.modal-auth__wrap {
    justify-self: center;
    height: auto;
    max-width: 100%;
    margin-inline: auto;
    display: grid;
    grid-template-columns:400px 1fr;
    gap: 64px
}

@media (max-width: 991.9px) {
    .modal-auth__wrap {
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 32px
    }
}

@media (min-width: 992px) {
    .modal-auth:has(.form-wizard__step:not(.hidden):not(:first-child)) .modal-auth__wrap {
        min-height: 353px
    }
}

.modal-auth:has(.modal-auth__result:not(.hidden)) .modal-auth__img {
    display: none
}

.modal-auth:has(.modal-auth__result:not(.hidden)) .modal-auth__wrap {
    grid-template-columns:552px
}

.modal-auth__descr {
    text-align: center;
    margin-top: 16px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .modal-auth__descr {
        margin-top: 12px
    }
}

.modal-auth__img {
    max-width: 100%;
    align-self: center
}

.modal-auth__btns {
    width: max-content;
    max-width: 100%;
    margin-inline: auto
}

.modal-auth__info {
    margin-top: 32px;
    text-align: center;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    font-size: 0.875rem;
    line-height: 150%
}

.modal-auth__info a {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .modal-auth__info a:hover {
        opacity: .6
    }
}

.modal-auth__info a:active {
    opacity: .6
}

@media (any-hover: hover) {
    .modal-auth__info a:focus {
        opacity: .6
    }
}

@media (max-width: 575.9px) {
    .modal-auth__info {
        margin-top: 24px
    }
}

.modal-auth__text {
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    text-align: center;
    font-size: 1rem;
    line-height: 150%
}

.modal-auth__text a {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
    font-weight: 500;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .modal-auth__text a:hover {
        opacity: .6
    }
}

.modal-auth__text a:active {
    opacity: .6
}

@media (any-hover: hover) {
    .modal-auth__text a:focus {
        opacity: .6
    }
}

.modal-auth__text--bottom {
    margin-top: 72px
}

@media (max-width: 991.9px) {
    .modal-auth__text--bottom {
        margin-top: 40px
    }
}

.modal-auth__link {
    background: rgba(0, 0, 0, 0);
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .modal-auth__link:hover {
        opacity: .6
    }
}

.modal-auth__link:active {
    opacity: .6
}

@media (any-hover: hover) {
    .modal-auth__link:focus {
        opacity: .6
    }
}

.modal-auth__variant {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 16px
}

.modal-auth__variant-or {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
    text-align: center;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    font-size: 1rem;
    line-height: 150%
}

.modal-auth__variant-or::before, .modal-auth__variant-or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--Heroscreen-heroscreen-line, #466e72)
}

.modal-auth__variant .btn {
    width: max-content;
    max-width: 100%
}

@media (max-width: 575.9px) {
    .modal-auth__variant .btn {
        width: 100%
    }
}

.modal-auth .is-loading {
    pointer-events: none
}

.modal-auth__result-icon {
    display: block;
    margin-inline: auto;
    margin-bottom: 8px;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain
}

.error-page {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 64px
}

.error-page__wrap {
    max-width: 366px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.error-page__title {
    margin: 0
}

.error-page__descr {
    margin-top: 16px;
    color: var(--Text-colors-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

.error-page .btn:not(:first-child) {
    margin-top: 16px
}

.error-page__code {
    color: #e4e4e4;
    font-size: 316.975px;
    line-height: 100%;
    font-weight: 900
}

@media (max-width: 1239.9px) {
    .error-page__code {
        font-size: 25.5vw
    }
}

@media (max-width: 991.9px) {
    .error-page {
        flex-direction: column-reverse;
        gap: 32px
    }

    .error-page__code {
        font-size: 38.6vw
    }

    .error-page__wrap {
        align-items: center;
        max-width: 100%
    }

    .error-page__descr, .error-page__title {
        text-align: center
    }
}

@media (max-width: 575.9px) {
    .error-page {
        margin-block: 32px -16px
    }
}

.btn {
    cursor: pointer;
    overflow: hidden;
    padding: 12px 48px;
    border-radius: var(--button-radius, 36px);
    transition-property: background, box-shadow, color, border-color, opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    background: rgba(0, 0, 0, 0);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .btn {
        font-size: 14px;
        font-weight: 600;
        padding-block: 10px
    }

    .btn--outlined {
        padding-block: 9px
    }
}

.btn svg {
    min-width: 16px;
    min-height: 16px;
    max-width: 24px;
    max-height: 48px
}

.btn svg path:not(.stroke) {
    fill: currentColor
}

.btn svg .stroke {
    stroke: currentColor
}

.btn[disabled], .btn.disabled {
    opacity: .6;
    pointer-events: none
}

.btn.is-loading {
    opacity: .6;
    pointer-events: none
}

@media (max-width: 575.9px) {
    .btn--l {
        font-size: 1rem;
        line-height: 150%;
        font-weight: 500
    }
}

.btn--primary {
    background: var(--Buttons-colors-button-bg, #00f4e8);
    color: var(--Buttons-colors-button-color, #0b121b)
}

.btn--primary:active {
    color: var(--Buttons-colors-button-hover-color, #0b121b);
    background: var(--Buttons-colors-button-hover-bg, #00d4ca)
}

@media (any-hover: hover) {
    .btn--primary:hover {
        color: var(--Buttons-colors-button-hover-color, #0b121b);
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }

    .btn--primary:focus {
        color: var(--Buttons-colors-button-hover-color, #0b121b);
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }
}

.btn--secondary {
    background: var(--Buttons-colors-secondary-button-bg, #102932);
    color: var(--Buttons-colors-secondary-button-color, #fff)
}

.btn--secondary:active {
    color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
    background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
}

@media (any-hover: hover) {
    .btn--secondary:hover {
        color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }

    .btn--secondary:focus {
        color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }
}

.btn--tertiary {
    color: var(--Buttons-colors-secondary-button-bg, #102932);
    background: var(--Buttons-colors-secondary-button-color, #fff)
}

.btn--tertiary:active {
    color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
    background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6)
}

@media (any-hover: hover) {
    .btn--tertiary:hover {
        color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
        background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6)
    }

    .btn--tertiary:focus {
        color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
        background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6)
    }
}

.btn.btn--outlined.btn--primary {
    border-color: var(--Buttons-colors-button-bg, #00f4e8);
    color: var(--Buttons-colors-secondary-button-bg, #102932)
}

.btn.btn--outlined.btn--primary:active {
    border-color: var(--Buttons-colors-button-bg, #00f4e8);
    background: var(--Buttons-colors-button-hover-bg, #00d4ca)
}

@media (any-hover: hover) {
    .btn.btn--outlined.btn--primary:hover {
        border-color: var(--Buttons-colors-button-bg, #00f4e8);
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }

    .btn.btn--outlined.btn--primary:focus {
        border-color: var(--Buttons-colors-button-bg, #00f4e8);
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }
}

.btn.btn--outlined.btn--secondary {
    border-color: var(--Buttons-colors-secondary-button-bg, #102932);
    color: var(--Buttons-colors-secondary-button-bg, #102932)
}

.btn.btn--outlined.btn--secondary:active {
    color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
    border-color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
    background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
}

@media (any-hover: hover) {
    .btn.btn--outlined.btn--secondary:hover {
        color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        border-color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
        background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }

    .btn.btn--outlined.btn--secondary:focus {
        color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        border-color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
        background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }
}

.btn.btn--outlined.btn--tertiary {
    border-color: var(--Buttons-colors-secondary-button-color, #fff);
    color: var(--Buttons-colors-secondary-button-color, #fff)
}

.btn.btn--outlined.btn--tertiary:active {
    color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
    border-color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
    background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6)
}

@media (any-hover: hover) {
    .btn.btn--outlined.btn--tertiary:hover {
        color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
        border-color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6)
    }

    .btn.btn--outlined.btn--tertiary:focus {
        color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350);
        border-color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6)
    }
}

.btn--link {
    gap: 4px
}

.btn--text {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.btn--text::after {
    content: "";
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: currentColor;
    transition-property: width;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.btn--text:active {
    background: rgba(0, 0, 0, 0)
}

.btn--text:active::after {
    width: 100%
}

@media (any-hover: hover) {
    .btn--text:hover {
        background: rgba(0, 0, 0, 0)
    }

    .btn--text:hover::after {
        width: 100%
    }

    .btn--text:focus {
        background: rgba(0, 0, 0, 0)
    }

    .btn--text:focus::after {
        width: 100%
    }
}

@media (max-width: 767.9px) {
    .btn--text {
        font-size: 1rem;
        line-height: 150%;
        font-weight: 500
    }
}

.btn.btn--text.btn--primary {
    color: var(--Buttons-colors-link-color, #00b1a8) !important
}

.btn.btn--text.btn--secondary {
    color: var(--Buttons-colors-secondary-button-bg, #102932) !important
}

.btn.btn--text.btn--tertiary {
    color: var(--Buttons-colors-secondary-button-color, #fff) !important
}

.btn--filled {
    border: none
}

.btn--outlined {
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-width: 1px;
    border-style: solid;
    padding: 11px 47px
}

.btn--toggle {
    padding: 8px 24px;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    background: var(--Cards-card-bg, #fff);
    color: var(--Buttons-colors-link-color, #00b1a8);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500
}

.btn--copy-link {
    padding: 8px 16px;
    background: #f0efef;
    color: var(--Text-colors-text-main, #0b121b)
}

.btn--copy-link::after {
    content: attr(data-text)
}

.btn--copy-link:active {
    color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
    background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
}

@media (any-hover: hover) {
    .btn--copy-link:hover {
        color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }

    .btn--copy-link:focus {
        color: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        background: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }
}

.btn--copy-link.copied {
    background: var(--Buttons-colors-button-disable-bg, #e1e1e1);
    color: var(--Buttons-colors-button-disable-color, rgba(15, 16, 17, 0.4))
}

.btn--copy-link.copied::after {
    content: attr(data-copied-text)
}

.btn--copy-link.copied::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.21 5a.76.76 0 0 0-.53.24l-6.604 6.857-2.754-2.859a.77.77 0 0 0-.547-.243.75.75 0 0 0-.554.234.8.8 0 0 0-.221.56.8.8 0 0 0 .23.552l3.3 3.425a.76.76 0 0 0 1.092 0l7.15-7.422a.8.8 0 0 0 .168-.86.8.8 0 0 0-.289-.357A.75.75 0 0 0 15.21 5" fill="%230F1011" fill-opacity=".4"/></svg>');
    width: 20px;
    height: 20px;
    display: block
}

.btn--copy-link.copied svg {
    display: none
}

.breadcrumbs {
    padding-block: 12px;
    margin-block: 16px
}

@media (max-width: 575.9px) {
    .breadcrumbs {
        padding-block: 8px
    }
}

.breadcrumbs__list {
    width: max-content;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 8px
}

.breadcrumbs li {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.breadcrumbs li:not(:last-child) {
    padding-right: 32px
}

.breadcrumbs li:not(:last-child)::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="m6 12 4-4-4-4" stroke="%23fff" stroke-linecap="round"/></svg>');
    position: absolute;
    top: 46%;
    right: 8px;
    transform: translate(0, -50%);
    width: 16px;
    height: 16px
}

.breadcrumbs li:last-child a, .breadcrumbs li:last-child span {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6)
}

.breadcrumbs a, .breadcrumbs span {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    line-height: 150%
}

@media (max-width: 575.9px) {
    .breadcrumbs a, .breadcrumbs span {
        font-size: 0.875rem
    }
}

.breadcrumbs a:active {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6)
}

@media (any-hover: hover) {
    .breadcrumbs a:hover {
        color: var(--Heroscreen-heroscreen-link-color, #00d0c6)
    }

    .breadcrumbs a:focus {
        color: var(--Heroscreen-heroscreen-link-color, #00d0c6)
    }
}

.go-up {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 34px;
    height: 34px;
    position: fixed;
    bottom: 84px;
    right: 36px;
    z-index: 100;
    padding: 5px;
    border-radius: 8px;
    background: var(--Buttons-colors-button-bg, #00f4e8);
    cursor: pointer;
    overflow: hidden;
    font-size: 0.625rem;
    line-height: 100%;
    font-weight: 500;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.go-up:not(.active) {
    display: none
}

@media (max-width: 575.9px) {
    .go-up {
        position: fixed;
        bottom: 100px;
        right: 24px;
        padding: 6px;
        font-size: 0.5rem;
        width: 32px;
        height: 32px
    }
}

@media (any-hover: hover) {
    .go-up:hover {
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }
}

@media (any-hover: none)and (pointer: coarse) {
    .go-up:active {
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }
}

.go-up svg {
    max-width: 20px;
    max-height: 20px
}

.mob-btn ~ .go-up {
    bottom: 100px
}

.pros-cons {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px
}

.pros-cons:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 767.9px) {
    .pros-cons {
        grid-template-columns:1fr
    }
}

.pros-cons__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px
}

.pros-cons__list li {
    position: relative;
    padding: 8px 16px 8px 40px;
    border-radius: 12px;
    background: var(--Cards-card-bg, #fff)
}

.pros-cons__list li::before {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".8" y=".8" width="14.4" height="14.4" rx="7.2" fill="%2300B2A3"/><path d="m5.056 8.128 2.048 1.92 3.84-4.096" stroke="%23fff" stroke-width="1.219" stroke-linecap="round"/></svg>');
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: 12px;
    left: 16px;
    width: 16px;
    height: 16px
}

.pros-cons__list--cons li::before {
    content: "";
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.001 14.667a6.5 6.5 0 0 1-2.6-.525 6.7 6.7 0 0 1-2.117-1.424A6.7 6.7 0 0 1 1.858 10.6 6.5 6.5 0 0 1 1.333 8q0-1.382.525-2.6a6.7 6.7 0 0 1 1.425-2.116q.9-.9 2.116-1.426A6.5 6.5 0 0 1 8 1.334q1.383 0 2.6.525t2.117 1.425T14.142 5.4q.525 1.215.525 2.6 0 1.382-.525 2.6a6.7 6.7 0 0 1-1.425 2.117 6.7 6.7 0 0 1-2.116 1.425 6.5 6.5 0 0 1-2.6.525" fill="%23E40048"/><rect x="4.737" y="5.583" width="1.139" height="7.976" rx=".57" transform="rotate(-45 4.737 5.583)" fill="%23FFE6EE"/><rect x="5.542" y="11.223" width="1.139" height="7.976" rx=".57" transform="rotate(-135 5.542 11.223)" fill="%23FFE6EE"/></svg>')
}

.wp-block-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    color: var(--Cards-card-text, #0b121b);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.table.scrolling td, .table.scrolling th {
    pointer-events: none
}

.table:not(:first-child) {
    margin-top: 20px
}

.table::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.table__block {
    min-width: 500px
}

.table--nowrap {
    white-space: nowrap
}

.table--fixed {
    table-layout: fixed;
    word-wrap: break-word
}

.table--pad0 {
    padding: 0
}

.wp-block-table th, .wp-block-table td {
    padding-block: 16px;
    padding-inline: 16px
}

.wp-block-table th:first-child, .wp-block-table td:first-child {
    padding-left: 16px
}

.wp-block-table th:last-child, .wp-block-table td:last-child {
    padding-right: 16px
}

.wp-block-table th:not(:first-child), .wp-block-table td:not(:first-child) {
    padding-left: 8px
}

.wp-block-table th:not(:last-child), .wp-block-table td:not(:last-child) {
    padding-right: 8px
}

.wp-block-table td {
    vertical-align: top
}

.wp-block-table thead td:first-child, .wp-block-table thead th:first-child {
    border-radius: 12px 0 0 12px
}

.wp-block-table thead td:last-child, .wp-block-table thead th:last-child {
    border-radius: 0 12px 12px 0
}

.wp-block-table th {
    white-space: nowrap;
    text-align: left;
    background: var(--Accent-colors-accent-secondary-bg, #effffb);
    font-size: 1.125rem
}

.wp-block-table span {
    font-weight: 400;
    color: var(--Cards-card-text-secondary, #464a51)
}

.wp-block-table tr td {
    border-bottom: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

.wp-block-table tr:last-child td {
    border-bottom: none
}

.toc {
    position: relative;
    border-radius: var(--card-radius, 20px);
    border: 1px solid var(--Accent-colors-accent-main-bg, #00f4e8);
    background: var(--Accent-colors-accent-secondary-bg, #effffb);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    color: var(--Accent-colors-accent-text, #0b121b)
}


.toc:not(:first-child) {
    margin-top: 20px
}

.sidebar + .toc {
    margin-top: 0;
}

.toc.active .toc__title::after {
    transform: rotate(-180deg)
}

.toc.active .toc__nav {
    display: block
}

.toc__title {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    padding: 24px;
    margin: 0;
    font-size: 1.25rem;
    line-height: 140%;
    font-weight: 600
}

.toc__title::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="m5 7.5 5 5 5-5" stroke="%230B121B" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: block;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (max-width: 575.9px) {
    .toc__title {
        padding: 16px;
        font-size: 1.125rem;
        line-height: 150%
    }
}

.toc__nav {
    margin-top: -4px;
    padding: 0 24px 24px;
    display: none
}

@media (max-width: 575.9px) {
    .toc__nav {
        padding: 20px 16px 16px;
        margin-top: 4px
    }
}

.toc__list {
    display: block;
    columns: 2;
    column-gap: 12px
}

@media (max-width: 991.9px) {
    .toc__list {
        columns: 1
    }
}

.toc__item {
    margin-top: 12px;
    display: flex
}

.toc__item:first-child {
    margin-top: 0
}

.toc__item a {
    display: block;
    width: 100%;
    padding: 8px 16px;
    border-radius: 12px;
    background: var(--Cards-card-bg, #fff);
    font-weight: 500;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.toc__item a:active {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .toc__item a:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .toc__item a:focus {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.link-cards {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 12px
}

.link-cards:not(:first-child) {
    margin-top: 24px
}

.link-cards--4 {
    grid-template-columns:repeat(4, 1fr)
}

.link-cards--coins::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: none
}

.link-cards--coins::before {
    pointer-events: none;
    content: "";
    width: calc(100% + 55px + 46px);
    height: calc(100% + 40px + 38px);
    position: absolute;
    z-index: -1;
    top: -40px;
    left: -55px;
    background-image: url("../img/coin-big-1.png"), url("../img/coin-big-2.png"), url("../img/coin-big-3.png");
    background-repeat: no-repeat;
    background-position: 0 0, right 30%, 50% bottom;
    background-size: auto, auto, auto
}

@media (max-width: 1420px) {
    .link-cards--coins::before {
        width: calc(100% + 55px + var(--offsets, 20px))
    }
}

@media (max-width: 1320px) {
    .link-cards--coins::before {
        background-position: 0 0, calc(100% + 46px) 30%, 50% bottom
    }
}

@media (max-width: 1239.9px)and (min-width: 992px) {
    .link-cards--4 {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 992px) {
    .link-cards {
        grid-auto-rows: 1fr
    }
}

@media (max-width: 991.9px) {
    .link-cards--coins::before {
        width: calc(100% + var(--offsets, 20px) * 2);
        left: calc(var(--offsets, 20px) * -1);
        background-position: -35px 0, calc(100% + 26px) 30%, 30% bottom
    }
}

@media (max-width: 767.9px) {
    .link-cards {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 575.9px) {
    .link-cards {
        gap: 8px
    }

    .link-cards--coins::before {
        height: calc(100% + 23px + 30px);
        top: -23px;
        background-position: -10px 0, right 50%, 30% bottom;
        background-size: 65px auto, 60px auto, 63px auto
    }
}

.link-cards__item {
    display: flex
}

.link-cards--block .link-cards__link {
    background: #fff;
    color: var(--Buttons-colors-button-color, #0b121b);
}

.link-cards__link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    border: 1px solid var(--Line-colors-line-main, #00dfd4);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    will-change: backdrop-filter;
    transform: translateZ(0);
    text-align: center;
    color: #fff;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600;
    min-height: 165px;
}

.link-cards__link img, .link-cards__link svg {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain
}

.link-cards__link:active {
    background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
}

@media (any-hover: hover) {
    .link-cards__link:hover {
        background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
    }

    .link-cards__link:focus {
        background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
    }
}

@media (max-width: 575.9px) {
    .link-cards__link {
        font-size: 1rem;
        font-weight: 500
    }

    .link-cards__link img, .link-cards__link svg {
        max-height: 54px
    }
}

.section-hero__content > img {
    margin-top: 20px;
}

.icon-list {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px
}

.icon-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    padding: 8px;
    border-radius: 12px;
    background: var(--Cards-card-bg, #fff);
}

.icon-list__title {
    font-weight: 600;
    color: var(--Text-colors-text-main, #0b121b);
}

.author-link-block__container {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 16px 0;
}

.author-link-block__item {
    display: flex;
    gap: 10px;
    align-items: center;
}

.author-link-block__container img {
    max-width: 50px;
    border-radius: 50%;
}

.author-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: 1rem;
    line-height: 150%
}

.author-row:not(:first-child) {
    margin-top: 20px
}

.author-row img {
    width: 31px;
    min-width: 31px;
    height: 31px;
    object-fit: cover;
    border-radius: 50%
}

.author-row__name {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6)
}

.author-row__name a, .author-row__name span {
    font-weight: 500;
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
    margin-left: 8px;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.author-row__name a {
    display: inline-block
}

.author-row__name a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background: currentColor
}

.author-row__name a:active {
    text-decoration: underline
}

@media (any-hover: hover) {
    .author-row__name a:hover {
        text-decoration: underline
    }

    .author-row__name a:focus {
        text-decoration: underline
    }
}

.author-row__time {
    position: relative;
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    padding-left: 12px
}

.author-row__time::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 31px;
    background: var(--Heroscreen-heroscreen-line, #466e72)
}

.author-row__info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-right: auto
}

.author-row.author-row--big {
    gap: 12px
}

.author-row.author-row--big img {
    width: 50px;
    min-width: 50px;
    height: 50px
}

.author-row.author-row--big .author-row__name {
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1.25rem;
    line-height: 140%
}

.author-row.author-row--big .author-row__name a, .author-row.author-row--big .author-row__name span {
    font-weight: 600;
    color: var(--Cards-card-text, #0b121b)
}

.author-row.author-row--big .author-row__name a:active {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .author-row.author-row--big .author-row__name a:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .author-row.author-row--big .author-row__name a:focus {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

@media (min-width: 768px) {
    .author-row.author-row--big .soc-block:not(:last-child) {
        padding-right: 12px;
        position: relative
    }

    .author-row.author-row--big .soc-block:not(:last-child)::after {
        content: "";
        width: 1px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background: var(--Line-colors-line-secondary, #e8e5e5)
    }
}

@media (max-width: 767.9px) {
    .author-row.author-row--big .soc-block {
        margin-right: auto
    }

    .author-row.author-row--big .author-row__info {
        width: 100%;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
    }
}

@media (max-width: 575.9px) {
    .author-row {
        width: 100%;
        justify-content: center
    }

    .author-row__time {
        width: 100%;
        padding-top: 8px;
        padding-left: 0;
        text-align: center;
        border-top: 1px solid var(--Heroscreen-heroscreen-line, #466e72)
    }

    .author-row__time::after {
        display: none
    }

    .author-row.author-row--big img {
        max-width: 40px;
        min-width: 40px;
        max-height: 40px
    }
}

.checkbox {
    width: max-content;
    max-width: 100%;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 0.875rem;
    line-height: 150%
}

.checkbox input {
    appearance: none;
    display: none
}

.checkbox::before {
    content: "";
    min-width: 16px;
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0;
    margin-top: -2px;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
}

.checkbox::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"><path d="M9.126 3.5a.46.46 0 0 0-.318.144L4.845 7.758 3.193 6.043a.46.46 0 0 0-.328-.146.45.45 0 0 0-.333.14.47.47 0 0 0-.132.336.48.48 0 0 0 .138.332l1.98 2.055a.455.455 0 0 0 .655 0l4.29-4.454a.48.48 0 0 0 .101-.516.47.47 0 0 0-.173-.214.45.45 0 0 0-.265-.076" fill="%230B121B"/></svg>');
    width: 12px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(calc(-50% - 2px));
    opacity: 0;
    display: block
}

.checkbox:has(:checked)::before {
    border-color: var(--Accent-colors-accent-main-bg, #00f4e8);
    background: var(--Accent-colors-accent-main-bg, #00f4e8)
}

.checkbox:has(:checked)::after {
    opacity: 1
}

.slot-card {
    position: relative;
    padding: 0 12px 12px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .slot-card:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }
}

.slot-card > img {
    margin-left: -12px;
    width: calc(100% + 24px);
    max-width: calc(100% + 24px);
    height: 158px;
    margin-bottom: 12px;
    object-fit: cover;
    border-radius: var(--card-radius, 20px) var(--card-radius, 20px) 0 0
}

.slot-card__title {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

@media (max-width: 767.9px) {
    .slot-card__title {
        font-size: 1rem
    }
}

.slot-card a.slot-card__title {
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.slot-card a.slot-card__title:active {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .slot-card a.slot-card__title:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .slot-card a.slot-card__title:focus {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.slot-card__provider {
    margin-top: 2px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 150%
}

.slot-card__row {
    display: grid;
    grid-template-columns:1fr auto;
    column-gap: 16px
}

.slot-card__row > * {
    grid-column: 2/3;
    justify-self: end
}

.slot-card__row .slot-card__title, .slot-card__row .slot-card__provider {
    grid-column: 1/2;
    justify-self: flex-start
}

.slot-card__row .slot-card__title {
    grid-row-start: 1
}

.slot-card__row .slot-card__provider {
    grid-row-start: 2
}

.slot-card__btns {
    padding-top: 8px;
    margin-top: auto;
    gap: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.slot-card__btns .btn {
    width: 100%;
    padding: 10px;
    /*min-width: calc((100% - 4px) / 2)*/
}

.slot-card.slot-card--compare {
    overflow: hidden;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.slot-card.slot-card--compare > img {
    height: auto
}

.slot-card .card-actions {
    position: absolute;
    left: 12px;
    top: 12px
}

@media (max-width: 575.9px) {
    .slot-card .card-actions {
        width: calc(100% - 24px);
        justify-content: space-between
    }

}

@media (max-width: 575.9px) {
    .grid-block--s2 .slot-card > img {
        height: 124px
    }
}

.country-available {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    max-width: 113px;
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.625rem;
    line-height: 150%;
    font-weight: 400
}

.country-available--not .country-available__img::after {
    content: url('data:image/svg+xml,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y=".5" width="13" height="13" rx="6.5" fill="%23E40048"/><rect x="3.963" y="5.308" width="1.196" height="5.98" rx=".598" transform="rotate(-45 3.963 5.308)" fill="%23FFE6EE"/><rect x="4.809" y="9.537" width="1.196" height="5.98" rx=".598" transform="rotate(-135 4.809 9.537)" fill="%23FFE6EE"/></svg>')
}

.country-available--light {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6)
}

.country-available__img {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.country-available__img img, .country-available__img svg {
    min-width: 23px;
    width: 23px;
    height: 23px;
    border-radius: 50%
}

.country-available__img::after {
    content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="13" height="13" rx="6.5" fill="%2300B2A3"/><path d="m3.51 6.63 2.08 1.95 3.9-4.16" stroke="%23fff" stroke-linecap="round"/></svg>');
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-left: -6px
}

.bonus-card {
    position: relative;
    padding: 8px 16px 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .bonus-card:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }
}

.bonus-card.bonus-card--compare {
    overflow: hidden;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.bonus-card.bonus-card--compare .btn {
    padding-inline: 10px
}

@media (max-width: 575.9px) {
    .bonus-card.bonus-card--compare {
        gap: 12px
    }

    .bonus-card.bonus-card--compare .bonus-card__img {
        height: 80px
    }

    .bonus-card.bonus-card--compare:has(.bonus-card__top) {
        padding: 8px 12px 12px
    }

    .bonus-card.bonus-card--compare:has(.bonus-card__top) .country-available {
        left: 8px;
        top: 8px
    }

    .bonus-card.bonus-card--compare:has(.bonus-card__top) .bonus-card__img {
        margin-left: -12px;
        width: calc(100% + 24px);
        margin-top: -4px;
        height: 70px
    }

    .bonus-card.bonus-card--compare:has(.bonus-card__top) .btn {
        margin-top: auto;
    }

    .bonus-card.bonus-card--compare .bonus-card__bonus {
        font-size: 1rem;
        line-height: 150%
    }

    .card-delete::after {
        margin-top: -2px;
    }
}

.bonus-card__top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.bonus-card__top .card-delete {
    position: relative;
    top: unset;
    right: unset
}

.bonus-card__title {
    margin-right: auto;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.bonus-card a.bonus-card__title {
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.bonus-card a.bonus-card__title:active {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .bonus-card a.bonus-card__title:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .bonus-card a.bonus-card__title:focus {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.bonus-card__top + .bonus-card__img {
    height: 127px
}

.bonus-card__img {
    position: relative;
    margin-left: -16px;
    width: calc(100% + 32px);
    height: 143px;
    margin-top: -8px;
    overflow: hidden
}

.bonus-card__img > img, .bonus-card__img > svg {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bonus-card__img .country-available {
    position: absolute;
    top: 12px;
    left: 12px
}

.bonus-card__img .card-actions {
    position: absolute;
    top: 12px;
    right: 12px
}

.bonus-card__img:first-child {
    border-radius: var(--card-radius, 20px) var(--card-radius, 20px) 0 0
}

.bonus-card__bonus {
    position: relative;
    width: 100%;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

.bonus-card__bonus:has(span) {
    padding-top: 18px
}

.bonus-card__bonus span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: max-content;
    padding: 8px 12px;
    border-radius: var(--button-radius, 36px);
    border: 1px solid var(--Accent-colors-accent-main-bg, #00f4e8);
    background: var(--Accent-colors-accent-secondary-bg, #effffb);
    color: var(--Accent-colors-accent-text, #0b121b);
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%
}

.bonus-card .promo-copy:not(:last-child) {
    margin-bottom: -8px
}

.bonus-card > .btn {
    margin-top: auto;
    width: 100%
}

.soc-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap
}

.soc-block--dark .soc-block__link svg path {
    fill: var(--Buttons-colors-button-color, #0b121b)
}

.soc-block__item {
    display: flex
}

.soc-block__link {
    position: relative;
    z-index: auto;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.soc-block__link > * {
    position: relative;
    z-index: 1
}

.soc-block__link::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--Footer-footer-button-bg-hover, #00d4ca);
    transform-origin: center;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.soc-block__link:active::before {
    transform: translate(-50%, -50%) scale(1)
}

.soc-block__link:active svg path {
    fill: var(--Footer-footer-button-color-hover, #0b121b)
}

@media (any-hover: hover) {
    .soc-block__link:hover::before {
        transform: translate(-50%, -50%) scale(1)
    }

    .soc-block__link:hover svg path {
        fill: var(--Footer-footer-button-color-hover, #0b121b)
    }

    .soc-block__link:focus::before {
        transform: translate(-50%, -50%) scale(1)
    }

    .soc-block__link:focus svg path {
        fill: var(--Footer-footer-button-color-hover, #0b121b)
    }
}

.soc-block__link img, .soc-block__link svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.soc-block__link svg path {
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.listing:not(:first-child) {
    margin-top: 20px
}

.listing.hidden .listing__row:nth-of-type(n + 6) {
    display: none
}

.listing__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px
}

.listing__row {
    width: 100%
}

.listing__row:nth-of-type(1) .listing__place {
    color: #000;
    background: linear-gradient(135deg, #f3b200 0%, #fecf33 25%, #ffe89a 54.08%, #ebb318 100%)
}

.listing__row:nth-of-type(2) .listing__place {
    color: #000;
    background: linear-gradient(135deg, #b3b3b3 0%, #c7c7c7 25%, #e9e9e9 54.08%, #828282 100%)
}

.listing__row:nth-of-type(3) .listing__place {
    color: #000;
    background: linear-gradient(135deg, #b3886d 0%, #cf9f7d 25%, #ddc2ab 54.08%, #bc855e 100%)
}

.listing__item {
    position: relative;
    display: grid;
    grid-template-columns:auto 1fr 300px;
    align-items: center;
    gap: 24px 32px;
    padding: 16px 16px 36px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff)
}

.listing__item-block {
    position: relative;
    z-index: 1
}

@media (max-width: 991.9px) {
    .listing__item {
        grid-template-columns:1fr 300px
    }

    .listing__item .listing__info {
        grid-column: 1/-1
    }
}

@media (max-width: 767.9px) {
    .listing__item {
        grid-template-columns:1fr
    }

    .slot-card__btns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.9px) {
    .listing__item {
        gap: 16px
    }
}

.listing__place {
    position: absolute;
    top: -8px;
    left: -8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    border: 1px solid var(--Cards-card-bg, #fff);
    background: var(--Text-colors-text-main, #0b121b);
    width: 28px;
    aspect-ratio: 1/1;
    color: #fff;
    font-weight: 700
}

.listing__name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    color: #000;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500;
    grid-column: 2/3;
    grid-row: 1/3
}

.listing__rate {
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500;
    width: max-content;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px
}

.listing__rate::before {
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    letter-spacing: 0px
}

.listing__rate::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.listing__img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    position: relative;
    border-radius: 12px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    padding: 0 16px 8px;
    width: 145px;
    min-width: 145px
}

.listing__img > img, .listing__img > svg {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    max-height: 145px;
    border-radius: 12px;
    object-fit: cover
}

.listing__img .country-available {
    justify-self: center;
    max-width: 100%
}

@media (max-width: 575.9px) {
    .listing__img {
        width: 125px;
        min-width: 125px
    }

    .listing__img > img, .listing__img > svg {
        max-height: 125px
    }
}

.listing__info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    position: relative
}

@media (max-width: 575.9px) {
    .listing__info {
        gap: 12px
    }
}

.listing__bonus {
    align-self: stretch;
    padding: 16px;
    border-radius: 12px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.listing__bonus span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

.listing__bonus span::before {
    content: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><path d="M7.838.737c-1.621.346-1.66 1.704-1.475 2.34.381 1.216 1.5 1.619 2.011 1.669l4.456.193c.566-.462.775-2.19.76-2.756C13.575-.232 9.164.453 7.838.737" fill="%23FACD2C"/><path d="M7.6 1.169c1.085-.048 1.594 2.027 1.714 3.07l-.746.462-1.937-1.624c-.253-.641-.387-1.848.969-1.908" fill="url(%23b)"/><path d="M7.058 1.283c1.246-.205 2.1 1.87 1.59 3.184l.685-.167c-.096-.67-.32-1.926-.905-2.682-.491-.636-1.112-.475-1.37-.335" fill="%23EC8402"/><path d="M12.262.905c1.959 1.294-.191 2.716-1.597 3.293h-1.03c.2-.616-.078-1.4-.459-2.072C8.823 1.503 9.02.697 9.732.63a10 10 0 0 1 1.685-.003c.3.025.594.112.845.278" fill="url(%23c)"/><path d="m10.655 12.707 8.554-2.075c-.104 1.98-.767 6.147-2.596 6.971l-.179.08c-2.204.994-3.998 1.803-5.78 1.89-1.799-.087-3.612-.894-5.839-1.886l-.18-.08c-1.849-.823-2.52-4.983-2.624-6.96l8.644 2.071z" fill="%237ADEE9"/><path d="M10.655 19.573v-6.866l8.553-2.075c-.103 1.98-.766 6.147-2.595 6.971l-.171.077-.008.004c-2.204.993-3.999 1.802-5.78 1.89" fill="%2371C7DA"/><path opacity=".2" d="m2.041 11.05-.074-.686 8.792 2.086 8.49-2.214-.01.126-.086 1c-1.492.639-4.805 1.417-7.112 1.905a6.4 6.4 0 0 1-2.798-.03c-3.758-.889-6.323-1.806-7.202-2.188" fill="%23000"/><path d="M11.21 10.178c4.298-.874 7.371-1.903 8.656-2.463.179-.078.176-.318 0-.4-3.526-1.619-7.677-2.357-9.432-2.583a1.6 1.6 0 0 0-.512.017c-3.417.657-6.857 1.764-8.585 2.456-.29.116-.324.476-.044.611 1.977.954 6.885 1.94 9.401 2.37.171.03.347.026.517-.008" fill="%2363C6DD"/><path d="m1.102 7.488 9.553 2.488v3.16c-3.952-.668-5.961-1.3-8.88-2.338a1.01 1.01 0 0 1-.673-.954z" fill="%237ADEE9"/><path d="m19.999 7.488-9.36 2.482v3.15c3.872-.665 5.841-1.296 8.702-2.331a1 1 0 0 0 .657-.94z" fill="%237ADEE9"/><path d="M6.31 9.543c-.485 1.244.207 6.325.635 9.066a60 60 0 0 1-1.774-.764c-.962-3.801-1.092-6.964-1.028-8.616a.83.83 0 0 1 .488-.717l3.073-1.427 2.37-.164-3.496 2.33c-.113.076-.219.165-.268.292" fill="%23F8CE25"/><path d="m15.837 17.924-.006.03c-.733.328-1.145.51-1.894.808 1.047-5.827.51-8.65.17-9.493a.7.7 0 0 0-.22-.292c-.746-.607-1.45-.447-1.861-.461l-.418-1.729c1.055.258 3.73.859 5.015 1.413a.51.51 0 0 1 .308.337c.394 1.575-.622 6.906-1.094 9.387" fill="%23F8B525"/><path opacity=".1" d="m19.999 7.488-9.36 2.482v3.15c3.868-.664 5.837-1.295 8.693-2.328.4-.145.666-.526.666-.952z" fill="%23000"/><path d="M7.779 6.817c-2.707.274-3.79.015-3.994-.149 0 1.52.581 1.922 1.177 1.982.477.048 2.077-.467 2.817-.73z" fill="url(%23d)"/><path d="M12.6 4.593c1.143-1.188 3.83-3.297 5.44-2.236 2.011 1.326 2.592 4.232.983 5.007-1.61.775-5.171.82-6.676 0l.086-.941c.869.073 2.583.084 4.123-.306.417-.13 1.305-.481 1.3-1.255a.2.2 0 0 0-.067-.145c-.602-.507-2.321-.84-4.929 1.549l-.424.12z" fill="url(%23e)"/><path opacity=".1" d="M7.106 8.916c-1.1.536-2.33.061-2.814-.1V8.47l3.384-.57.397.335z" fill="%23000"/><path d="M3.338 2.749C6.163 1.652 8.33 3.88 9.06 5.133l-.82.611c-1.728-.507-4.619-1.833-4.44.984.143 2.253 3.338 1.524 4.918.879-1.348.644-3.135 1.033-3.86 1.147-3.726.403-4.024-4.768-1.52-6.005" fill="url(%23f)"/><path d="M18.508 7.25c-2.384.846-4.908.52-5.871.253l-.062-1.072c4.757.048 5.5-1.11 5.248-1.73 1.728 1.386 1.028 2.354.685 2.548" fill="url(%23g)"/><path d="M16.085 7.756c-1.21.015-1.732-.912-1.855-1.365-.551.042-.86.043-1.412.02-.082.307-.24.948-.213 1.05.715.367 2.634.362 3.48.295" fill="%23EC8402"/><path d="M10.863 3.837a4.8 4.8 0 0 0-2.784.812.86.86 0 0 0-.328.478c-.842 2.981.237 4.734 1.19 5.326.983.611 4.486-.015 4.53-.477s-.283-1.058-.551-2.13c-.155-.62-.04-1.49.104-2.138.09-.404.088-.848-.21-1.135-.368-.352-.995-.705-1.95-.736" fill="%23F7BD25"/><path d="M12.912 7.812c-.773 1.131-3.35 2.43-4.944 1.565.278.508.633.866.973 1.076.983.611 4.485-.015 4.53-.477.027-.278-.081-.604-.23-1.054a14 14 0 0 1-.33-1.11" fill="url(%23h)"/><path d="M8.06 5.973c.696-1.883 2.317-1.664 3.43-1.139.427.202.7.623.776 1.09.382 2.343-.522 2.1-1.858 2.912-1.46.888-3.408 0-2.348-2.863" fill="url(%23i)"/><path d="M6.107 8.243c-.893.045-1.541-.92-1.762-1.395-.272-.045-.394-.082-.549-.171-.024.336.15.687.243.869.426.702 1.557.757 2.068.697" fill="%23EC8402"/></g><defs><linearGradient id="b" x1="7.264" y1="1.168" x2="9.437" y2="4.476" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="c" x1="10.034" y1=".765" x2="10.417" y2="2.803" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="7.779" y1="6.623" x2="6.324" y2="8.416" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="e" x1="19.324" y1="7.761" x2="14.12" y2="2.819" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="f" x1="2.129" y1="7.534" x2="8.651" y2="5.897" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="g" x1="18.373" y1="6.248" x2="16.077" y2="9.586" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="h" x1="12.866" y1="7.852" x2="7.715" y2="10.688" gradientUnits="userSpaceOnUse"><stop stop-color="%23E98B1E"/><stop offset="1" stop-color="%23EEB530"/></linearGradient><linearGradient id="i" x1="9.407" y1="4.691" x2="10.056" y2="7.279" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="%23fff" d="M.5 0h20v20H.5z"/></clipPath></defs></svg>');
    width: 21px;
    height: 20px
}

.listing__bonus-text {
    margin-top: 8px;
    color: var(--Cards-card-text, #0b121b);
    text-align: center;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .listing__bonus {
        padding-block: 12px
    }
}

.listing__promo {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 0.875rem;
    line-height: 150%
}

@media (max-width: 575.9px) {
    .listing__promo {
        width: 100%
    }

    .listing__promo .promo-copy {
        flex: 1
    }
}

.listing__btns {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px
}

.listing__btns .btn {
    width: 100%
}

.listing__accord {
    margin-bottom: 17px
}

.listing__accord-trigger {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 150px
}

.listing__accord-trigger::before {
    content: attr(data-closed)
}

.listing__accord-trigger svg {
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.listing__accord-wrap {
    grid-column: 1/-1;
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    user-select: none;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

.listing__accord-block {
    flex: 1
}

.listing__accord-block--col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px
}

.listing__accord-title {
    color: #000;
    font-weight: 500;
    margin-bottom: 12px
}

.listing__accord.active .listing__accord-wrap {
    display: flex
}

.listing__accord.active .listing__accord-trigger::before {
    content: attr(data-opened)
}

.listing__accord.active .listing__accord-trigger svg {
    transform: rotate(-180deg)
}

@media (max-width: 767.9px) {
    .listing__accord-wrap {
        flex-direction: column
    }

    .listing__accord-block {
        width: 100%
    }
}

@media (max-width: 575.9px) {
    .listing__accord-wrap {
        padding-top: 16px
    }

    .listing__accord-block--col {
        gap: 16px
    }
}

.listing__general {
    display: grid;
    grid-template-columns:1fr 1fr;
    align-items: stretch;
    gap: 8px
}

.listing__general-item {
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    text-align: center;
    color: var(--Cards-card-text-secondary, #464a51);
    border-radius: 12px;
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.listing__general-item span {
    font-weight: 700;
    color: var(--Cards-card-text, #0b121b)
}

.listing__pros {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    background: var(--Success-Success-Lighten-2, #effffb)
}

.listing__pros-item {
    position: relative;
    color: var(--Text-colors-text-main, #0b121b);
    padding-left: 28px
}

.listing__pros-item::before {
    content: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.333" y="1" width="18" height="18" rx="9" fill="%2300B2A3"/><path d="m6.653 10.16 2.56 2.4 4.8-5.12" stroke="%23fff" stroke-width="1.524" stroke-linecap="round"/></svg>');
    width: 21px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 575.9px) {
    .listing__pros {
        gap: 8px
    }
}

.listing__payment {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    flex-wrap: wrap;
    width: 100%
}

.listing__payment:not(:first-child) {
    padding-top: 12px;
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

.listing__payment-item {
    border-radius: 6px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--Cards-card-text-secondary, #464a51);
    text-align: center;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    min-width: 48px;
    width: 48px;
    height: 34px
}

.listing__payment-item img, .listing__payment-item svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

@media (max-width: 575.9px) {
    .listing__payment:not(:first-child) {
        padding-top: 16px
    }
}

.listing__apps-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap
}

.listing__apps-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.listing__apps-item img, .listing__apps-item svg {
    width: 32px;
    min-width: 32px;
    height: 32px;
    object-fit: contain
}

.listing__apps-item::after {
    content: "";
    background: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="13" height="13" rx="6.5" fill="%2300B2A3"/><path d="m3.51 6.63 2.08 1.95 3.9-4.16" stroke="%23fff" stroke-linecap="round"/></svg>');
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-left: -6px
}

.listing__apps-item--not-available::after {
    background: url('data:image/svg+xml,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y=".5" width="13" height="13" rx="6.5" fill="%23E40048"/><rect x="3.963" y="5.308" width="1.196" height="5.98" rx=".598" transform="rotate(-45 3.963 5.308)" fill="%23FFE6EE"/><rect x="4.809" y="9.537" width="1.196" height="5.98" rx=".598" transform="rotate(-135 4.809 9.537)" fill="%23FFE6EE"/></svg>')
}

.promo-copy {
    max-width: 100%;
    --promo-copy-bg: var(--Accent-colors-accent-secondary-bg, #effffb);
    --promo-copy-border-color: var(--Accent-colors-accent-main-bg, #00f4e8);
    cursor: pointer;
    padding: 8px 12px 8px 16px;
    border-radius: var(--button-radius, 36px);
    border: 1px dashed var(--promo-copy-border-color, var(--Accent-colors-accent-main-bg, #00f4e8));
    background: var(--promo-copy-bg, var(--Accent-colors-accent-secondary-bg, #effffb));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--Accent-colors-accent-text, #0b121b);
    font-family: var(--ff-poppins);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-transform: uppercase
}

.promo-copy--info {
    --promo-copy-border-color: #ff9d00;
    --promo-copy-bg: rgba(255, 255, 255, 0.5)
}

.promo-copy.copied svg rect {
    fill: var(--Accent-colors-accent-text, #0b121b)
}

.promo-copy__btn {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.promo-copy svg {
    width: 20px;
    min-width: 20px;
    height: 20px
}

.promo-copy svg rect {
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.games-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 32px;
}

.grid-block {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px
}

.grid-block:not(:first-child) {
    margin-top: 20px
}

.grid-block.grid-block--5 {
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))
}

.grid-block.hidden > *:nth-of-type(n + 9) {
    display: none
}

@media (max-width: 575.9px) {
    .grid-block.hidden:not(.grid-block--s2) > *:nth-of-type(n + 5) {
        display: none
    }
}

@media (max-width: 575.9px) {
    .grid-block {
        grid-template-columns:1fr
    }

    .grid-block.grid-block--s2 {
        grid-template-columns:repeat(2, 1fr)
    }
}

.tabs .grid-block.hidden > *:nth-of-type(n + 7) {
    display: none
}

@media (max-width: 575.9px) {
    .tabs .grid-block.hidden:not(.grid-block--s2) > *:nth-of-type(n + 5) {
        display: none
    }
}

.actions-more {
    position: relative;
    z-index: 2;
    display: block;
    width: 26px;
    height: 26px
}

.actions-more.active {
    z-index: 6;
}

.actions-more.active .actions-more__list {
    display: flex
}

.actions-more__btn {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.actions-more__btn::after {
    content: url('data:image/svg+xml,<svg width="4" height="15" viewBox="0 0 4 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.6 1.8a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0m0 5.6a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0m0 5.6A1.8 1.8 0 1 1 0 13a1.8 1.8 0 0 1 3.6 0" fill="%230B121B"/></svg>');
    width: 4px;
    height: 15px;
    display: block
}

.actions-more__list {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    position: absolute;
    top: -2px;
    right: 0;
    transform: translateY(-100%);
    display: none
}

.actions-more__item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 16px;
    border-radius: 12px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04);
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.actions-more__item svg, .actions-more__item img {
    min-width: 20px;
    max-width: 20px;
    max-height: 20px
}

@media (any-hover: hover) {
    .actions-more__item:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.actions-more__item--fill svg path:not(.stroke) {
    fill: currentColor
}

.actions-more__item--fill svg .stroke {
    stroke: currentColor
}

.card-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

.card-actions__btn {
    position: relative;
    border-radius: 8px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    width: 26px;
    height: 26px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.card-actions__btn svg path, .card-actions__btn svg rect {
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .card-actions__btn:hover svg path, .card-actions__btn:hover svg rect {
        fill: var(--Cards-card-text, #0b121b)
    }
}

.card-actions__btn--compare::after {
    content: "";
    background: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y=".769" width="9.231" height="9.231" rx="4.615" fill="%2300B2A3"/><path d="m2.728 5.467 1.313 1.23 2.462-2.625" stroke="%23fff" stroke-width=".781" stroke-linecap="round"/></svg>');
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    right: 3px;
    opacity: 0;
    display: block;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.card-actions__btn.active.card-actions__btn[data-action-type=fav] svg path {
    fill: var(--Error-Error-Base, #e40048)
}

.card-actions__btn.active.card-actions__btn[data-action-type=compare]::after {
    opacity: 1
}

.content-img {
    display: grid;
    grid-template-columns:1fr fit-content(50%);
    column-gap: 64px
}

.content-img:not(:first-child) {
    margin-top: 20px
}

.content-img > *:only-child {
    grid-column: 1/-1
}

.content-img .btn:not(:first-child) {
    margin-top: 20px
}

.content-img__content {
    grid-column: span 1
}

.content-img img {
    grid-column: span 1;
    border-radius: 12px;
}

.content-img--reversed .content-img__content {
    order: 1
}

.content-img--reversed img {
    order: -1
}

@media (max-width: 767.9px) {
    .content-img {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px
    }

    .content-img > img {
        width: 100%;
        order: -1
    }

    .content-img .btn {
        width: 100%
    }
}

.category-card {
    position: relative;
    margin-top: 52px;
    padding: 52px 16px 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    transition-property: filter;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .category-card:hover {
        filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.04))
    }
}

.category-card > img, .category-card > svg {
    position: absolute;
    width: 88px;
    height: 88px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -52px);
    object-fit: cover;
    border-radius: var(--card-radius, 20px)
}

.category-card__title {
    color: var(--Cards-card-text, #0b121b);
    text-align: center;
    margin-bottom: -8px;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.category-card__text {
    color: var(--Text-colors-text-secondary, #464a51);
    text-align: center;
    font-size: 1rem;
    line-height: 150%
}

.category-card .btn {
    width: 100%;
    margin-top: auto
}

.author-block {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: grid;
    grid-template-columns:115px 1fr;
    column-gap: 16px
}

.author-block:not(:first-child) {
    margin-top: 20px
}

.author-block__wrap {
    display: grid;
    grid-template-columns:auto minmax(133px, 1fr);
    column-gap: 12px
}

@media (min-width: 768px) {
    .author-block__wrap > * {
        grid-column: 1/-1
    }

    .author-block__wrap .author-block__title {
        grid-column: 1/2
    }

    .author-block__wrap .soc-block {
        grid-column: 2/3
    }
}

@media (max-width: 767.9px) {
    .author-block {
        grid-template-columns:1fr
    }

    .author-block__wrap {
        grid-template-columns:1fr
    }
}

.author-block .soc-block {
    padding-left: 12px;
    border-left: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

@media (max-width: 767.9px) {
    .author-block .soc-block {
        width: 100%;
        margin-top: 12px;
        padding-top: 12px;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
    }
}

.author-block__img {
    width: 115px;
    height: 115px;
    min-width: 115px;
    object-fit: cover;
    border-radius: 50%
}

.author-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

@media (max-width: 767.9px) {
    .author-block__img {
        margin-bottom: 16px
    }
}

.author-block__title {
    align-self: center;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1.25rem;
    line-height: 140%
}

.author-block__title a, .author-block__title span {
    color: var(--Cards-card-text, #0b121b);
    font-weight: 600;
    margin-left: 8px
}

.author-block__title a {
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.author-block__title a:active {
    color: var(--Buttons-colors-link-color, #00b1a8);
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px
}

@media (any-hover: hover) {
    .author-block__title a:hover {
        color: var(--Buttons-colors-link-color, #00b1a8);
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px
    }

    .author-block__title a:focus {
        color: var(--Buttons-colors-link-color, #00b1a8);
        text-decoration: underline;
        text-underline-offset: 4px;
        text-decoration-thickness: 1px
    }
}

.author-block__text {
    margin-top: 8px
}

.author-block .btn {
    margin-top: 12px
}

.faq {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 20px 16px
}

.faq:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 991.9px) {
    .faq {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 767.9px) {
    .faq {
        grid-template-columns:1fr
    }
}

@media (max-width: 575.9px) {
    .faq {
        gap: 16px
    }
}

.faq__item[open] summary svg {
    transform: rotate(-180deg)
}

.faq summary {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    min-height: 86px;
    cursor: pointer;
    list-style: none;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

.faq summary::marker {
    content: ""
}

.faq summary::-webkit-details-marker {
    display: none
}

.faq summary svg {
    min-width: 20px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (max-width: 767.9px) {
    .faq summary {
        min-height: unset
    }
}

.faq p {
    margin-top: 12px
}

.lang {
    cursor: pointer;
    position: relative;
    z-index: 60;
    padding: 9px;
    border-radius: 50%;
    background: var(--Header-header-secondary-bg, #0a2027);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--Header-header-text-color, #fff);
    font-size: 1rem;
    line-height: 150%;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.lang:active {
    background: var(--Header-header-secondary-hover-bg, #102d36)
}

@media (any-hover: hover) {
    .lang:hover {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }

    .lang:focus {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

.lang img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    /*object-fit: none;*/
    border-radius: 50%
}

.lang svg {
    min-width: 20px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.lang--full {
    padding: 4px 6px;
    border-radius: var(--button-radius, 36px)
}

.lang--full img {
    width: 21px;
    height: 21px;
    min-width: 21px
}

.lang--full > span {
    position: relative;
    padding-left: 8px
}

.lang--full > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--Footer-footer-main-line, #333f42);
    width: 1px;
    height: 14px
}

.lang--full .lang__list {
    padding: 12px;
    gap: 12px;
    top: calc(100% + 4px)
}

.lang--full .lang__item.current .lang__link {
    color: var(--Footer-footer-text-color-hover, #00f4e8)
}

.lang--full .lang__item.current .lang__link::before {
    background: var(--Footer-footer-main-line, #333f42)
}

.lang--full .lang__link {
    padding: 0
}

.lang--full .lang__link img {
    order: -1
}

.lang--full .lang__link::before {
    content: "";
    width: 1px;
    height: 14px;
    background: var(--Footer-footer-main-line, #333f42)
}

@media (any-hover: hover) {
    .lang--full .lang__link:hover {
        color: var(--Footer-footer-text-color-hover, #00f4e8)
    }
}

.lang:not(.lang--full) .lang__item.current .lang__link {
    background: var(--Header-header-secondary-hover-bg, #102d36)
}

@media (any-hover: hover) {
    .lang:not(.lang--full) .lang__link:hover {
        background: var(--Header-header-secondary-hover-bg, #102d36)
    }
}

.lang.active .lang__list {
    display: flex
}

.lang.active > svg {
    transform: rotate(-180deg)
}

.lang__list {
    position: absolute;
    z-index: 1;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    min-width: 100%;
    max-width: 227px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: var(--card-radius, 20px);
    background: var(--Header-header-secondary-bg, #0a2027);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    display: none
}

@supports not selector(::-webkit-scrollbar) {
    .lang__list {
        scrollbar-width: thin;
        scrollbar-color: var(--Line-colors-line-main, #00dfd4) rgba(0, 0, 0, 0)
    }
}

.lang__list::-webkit-scrollbar {
    width: 3px
}

.lang__list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Line-colors-line-main, #00dfd4);
    border-radius: 9px;
    border: 3px solid rgba(0, 0, 0, 0)
}

.lang__list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.lang__link {
    width: 100%;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.lang__link img, .lang__link svg {
    width: 21px;
    height: 21px;
    min-width: 21px
}

@media (max-width: 575.9px) {
    .lang {
        padding: 6px
    }

    .lang__list {
        top: calc(100% + 8px)
    }

    .lang--full {
        padding: 4px 6px
    }

    .lang img, .lang svg {
        width: 24px;
        height: 24px;
        min-width: 24px
    }
}

.banner-brand {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px
}

.banner-brand:not(:first-child) {
    margin-top: 20px
}

.banner-brand img, .banner-brand svg {
    max-width: 276px;
    object-fit: cover;
    border-radius: 12px;
    margin-right: -12px
}

.banner-brand__text {
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1.25rem;
    line-height: 140%;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px
}

.banner-brand__text span {
    color: var(--Heroscreen-heroscreen-link-color, #00d0c6);
    font-family: var(--ff-spartan);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500
}

@media (max-width: 575.9px) {
    .banner-brand__text span {
        font-size: 1.5rem
    }
}

.banner-brand .btn {
    min-width: 260px;
    margin-left: auto
}

.banner-brand__offer {
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 0.75rem;
    line-height: 129%;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    width: min-content;
    padding: 8px 16px 12px 12px;
    border-radius: var(--card-radius, 20px) 0 54px 8px;
    border-right: 1px solid var(--Line-colors-line-main, #00dfd4);
    border-bottom: 1px solid var(--Line-colors-line-main, #00dfd4);
    background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3))
}

@media (max-width: 991.9px) {
    .banner-brand {
        flex-direction: column
    }

    .banner-brand img, .banner-brand svg {
        margin-right: 0
    }

    .banner-brand__text {
        width: 100%
    }

    .banner-brand .btn {
        margin-inline: auto
    }
}

@media (max-width: 575.9px) {
    .banner-brand {
        gap: 16px
    }

    .banner-brand img, .banner-brand svg {
        max-width: 100%;
        width: 100%;
        margin-bottom: -4px
    }

    .banner-brand .btn {
        width: 100%;
        min-width: unset
    }

    .banner-brand__text {
        font-size: 1.125rem;
        line-height: 150%
    }

    .banner-brand__text span {
        font-size: 1.5rem;
        line-height: 120%;
        font-weight: 500
    }
}

.sidebar-grid .banner-brand__text {
    font-size: 1.125rem;
    line-height: 150%
}

.sidebar-grid .banner-brand__text span {
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 500
}

@media (min-width: 576px) {
    .sidebar-grid .banner-brand .btn {
        min-width: unset;
        width: max-content;
        max-width: 100%
    }
}

.banner-game {
    display: grid;
    grid-template-columns:1fr fit-content(428px);
    gap: 24px
}

.banner-game:not(:first-child) {
    margin-top: 20px
}

.banner-game img {
    align-self: center;
    border-radius: 12px;
}

@media (max-width: 991.9px) {
    .banner-game {
        grid-template-columns:1fr
    }

    .banner-game img {
        order: -1;
        width: 100%
    }
}

/*.banner-game__content {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    justify-content: flex-start*/
/*}*/

.content-img__content .wp-block-quote {
    margin-bottom: 16px;
    padding: 6px 16px;
    border-radius: var(--button-radius, 36px);
    background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3));
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 0.75rem;
    line-height: 150%;
    width: fit-content;
    font-weight: 400;
    margin-left: 0;
}

.banner-game.banner .content-img .content-img__content .wp-block-quote p {
    margin: 0;
}

.content-img__content .wp-block-quote::before {
    content: none;
}

.banner-game.banner:has(.content-img) {
    gap: 0;
}

.banner-game .btn {
    color: var(--Buttons-colors-secondary-button-bg, #102932);
    background: var(--Buttons-colors-secondary-button-color, #fff);
}

.banner-game.banner .content-img .wp-block-heading {
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-family: var(--ff-spartan);
    font-size: 1.875rem;
    line-height: 120%;
    font-weight: 500;
    padding-bottom: 0;
    border-bottom: 0;
}

.banner-game.banner .content-img {
    align-items: center;
}

@media (max-width: 575.9px) {
    .banner-game.banner .content-img .wp-block-heading {
        font-size: 1.5rem
    }
}

.banner-game.banner .content-img p {
    margin-top: 8px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1.125rem;
    line-height: 150%
}

.banner-game .btn {
    margin-top: 24px
}

@media (max-width: 575.9px) {
    .banner-game {
        gap: 16px
    }

    .banner-game .btn {
        width: 100%;
        margin-top: 16px
    }

    .banner-game.banner .content-img p {
        font-size: 1rem
    }
}

.casino-bonus-card {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    border: 1px solid var(--Line-colors-line-main, #00dfd4);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    display: grid;
    gap: 16px 8px;
    grid-template-columns:1fr auto
}

.casino-bonus-card > * {
    grid-column: 1/-1;
    width: 100%
}

.casino-bonus-card__img {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    height: 109px
}

.casino-bonus-card__img img, .casino-bonus-card__img svg {
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.casino-bonus-card__bonus {
    padding: 12px;
    border-radius: 12px;
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    text-align: center;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.casino-bonus-card__bonus span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 400
}

.casino-bonus-card__bonus span::before {
    content: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><g clip-path="url(%23b)"><path d="M7.838 1.237c-1.621.346-1.66 1.704-1.475 2.34.381 1.216 1.5 1.619 2.011 1.669l4.456.193c.566-.462.775-2.19.76-2.756C13.575.268 9.164.953 7.838 1.237" fill="%23FACD2C"/><path d="M7.6 1.669c1.085-.048 1.594 2.027 1.714 3.07l-.746.462-1.937-1.624c-.253-.641-.387-1.848.969-1.908" fill="url(%23c)"/><path d="M7.058 1.783c1.246-.205 2.1 1.87 1.59 3.184l.685-.167c-.096-.67-.32-1.926-.905-2.682-.491-.636-1.112-.475-1.37-.335" fill="%23EC8402"/><path d="M12.262 1.405c1.959 1.294-.191 2.716-1.597 3.293h-1.03c.2-.616-.078-1.4-.459-2.072-.353-.623-.156-1.429.556-1.496a10 10 0 0 1 1.685-.003c.3.025.594.112.845.278" fill="url(%23d)"/><path d="m10.655 13.207 8.554-2.075c-.104 1.98-.767 6.147-2.596 6.971l-.179.08c-2.204.994-3.998 1.803-5.78 1.89-1.799-.087-3.612-.894-5.839-1.886l-.18-.08c-1.849-.823-2.52-4.983-2.624-6.96l8.644 2.071z" fill="%237ADEE9"/><path d="M10.655 20.073v-6.866l8.553-2.075c-.103 1.98-.766 6.147-2.595 6.971l-.171.077-.008.004c-2.204.993-3.999 1.802-5.78 1.89" fill="%2371C7DA"/><path opacity=".2" d="m2.041 11.55-.074-.686 8.792 2.086 8.49-2.214-.01.126-.086 1c-1.492.639-4.805 1.417-7.112 1.905a6.4 6.4 0 0 1-2.798-.03c-3.758-.889-6.323-1.806-7.202-2.188" fill="%23000"/><path d="M11.21 10.678c4.298-.874 7.371-1.903 8.656-2.463.179-.078.176-.318 0-.4-3.526-1.619-7.677-2.357-9.432-2.583a1.6 1.6 0 0 0-.512.017c-3.417.657-6.857 1.764-8.585 2.456-.29.116-.324.476-.044.611 1.977.954 6.885 1.94 9.401 2.37.171.03.347.026.517-.008" fill="%2363C6DD"/><path d="m1.102 7.988 9.553 2.488v3.16c-3.952-.668-5.961-1.3-8.88-2.338a1.01 1.01 0 0 1-.673-.954z" fill="%237ADEE9"/><path d="m19.999 7.988-9.36 2.482v3.15c3.872-.665 5.841-1.296 8.702-2.331a1 1 0 0 0 .657-.94z" fill="%237ADEE9"/><path d="M6.31 10.043c-.485 1.244.207 6.325.635 9.066a60 60 0 0 1-1.774-.764c-.962-3.801-1.092-6.964-1.028-8.616a.83.83 0 0 1 .488-.717l3.073-1.427 2.37-.164-3.496 2.33c-.113.076-.219.165-.268.292" fill="%23F8CE25"/><path d="m15.837 18.424-.006.03c-.733.328-1.145.51-1.894.808 1.047-5.827.51-8.65.17-9.493a.7.7 0 0 0-.22-.292c-.746-.607-1.45-.447-1.861-.461l-.418-1.729c1.055.258 3.73.859 5.015 1.413a.51.51 0 0 1 .308.337c.394 1.575-.622 6.906-1.094 9.387" fill="%23F8B525"/><path opacity=".1" d="m19.999 7.988-9.36 2.482v3.15c3.868-.664 5.837-1.295 8.693-2.328.4-.145.666-.526.666-.952z" fill="%23000"/><path d="M7.779 7.317c-2.707.274-3.79.015-3.994-.149 0 1.52.581 1.922 1.177 1.982.477.048 2.077-.467 2.817-.73z" fill="url(%23e)"/><path d="M12.6 5.093c1.143-1.188 3.83-3.297 5.44-2.236 2.011 1.326 2.592 4.232.983 5.007-1.61.775-5.171.82-6.676 0l.086-.941c.869.073 2.583.084 4.123-.306.417-.13 1.305-.481 1.3-1.255a.2.2 0 0 0-.067-.145c-.602-.507-2.321-.84-4.929 1.549l-.424.12z" fill="url(%23f)"/><path opacity=".1" d="M7.106 9.416c-1.1.536-2.33.061-2.814-.1V8.97l3.384-.57.397.335z" fill="%23000"/><path d="M3.338 3.249C6.163 2.152 8.33 4.38 9.06 5.633l-.82.611c-1.728-.507-4.619-1.833-4.44.984.143 2.253 3.338 1.524 4.918.879-1.348.644-3.135 1.033-3.86 1.147-3.726.403-4.024-4.768-1.52-6.005" fill="url(%23g)"/><path d="M18.508 7.75c-2.384.846-4.908.52-5.871.253l-.062-1.072c4.757.048 5.5-1.11 5.248-1.73 1.728 1.386 1.028 2.354.685 2.548" fill="url(%23h)"/><path d="M16.085 8.256c-1.21.015-1.732-.912-1.855-1.365-.551.042-.86.043-1.412.02-.082.307-.24.948-.213 1.05.715.367 2.634.362 3.48.295" fill="%23EC8402"/><path d="M10.863 4.337a4.8 4.8 0 0 0-2.784.812.86.86 0 0 0-.328.478c-.842 2.981.237 4.734 1.19 5.326.983.611 4.486-.015 4.53-.477s-.283-1.058-.551-2.13c-.155-.62-.04-1.49.104-2.138.09-.404.088-.848-.21-1.135-.368-.352-.995-.705-1.95-.736" fill="%23F7BD25"/><path d="M12.912 8.312c-.773 1.131-3.35 2.43-4.944 1.565.278.508.633.866.973 1.076.983.611 4.485-.015 4.53-.477.027-.278-.081-.604-.23-1.054a14 14 0 0 1-.33-1.11" fill="url(%23i)"/><path d="M8.06 6.473c.696-1.883 2.317-1.664 3.43-1.139.427.202.7.623.776 1.09.382 2.343-.522 2.1-1.858 2.912-1.46.888-3.408 0-2.348-2.863" fill="url(%23j)"/><path d="M6.107 8.743c-.893.045-1.541-.92-1.762-1.395-.272-.045-.394-.082-.549-.171-.024.336.15.687.243.869.426.702 1.557.757 2.068.697" fill="%23EC8402"/></g></g><defs><linearGradient id="c" x1="7.264" y1="1.668" x2="9.437" y2="4.976" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="d" x1="10.034" y1="1.265" x2="10.417" y2="3.303" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="7.779" y1="7.123" x2="6.324" y2="8.916" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="f" x1="19.324" y1="8.261" x2="14.12" y2="3.319" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="g" x1="2.129" y1="8.034" x2="8.651" y2="6.397" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="h" x1="18.373" y1="6.748" x2="16.077" y2="10.086" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="i" x1="12.866" y1="8.352" x2="7.715" y2="11.188" gradientUnits="userSpaceOnUse"><stop stop-color="%23E98B1E"/><stop offset="1" stop-color="%23EEB530"/></linearGradient><linearGradient id="j" x1="9.407" y1="5.191" x2="10.056" y2="7.779" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="%23fff" d="M.5.5h20v20H.5z"/></clipPath><clipPath id="b"><path fill="%23fff" d="M.5.5h20v20H.5z"/></clipPath></defs></svg>');
    width: 21px;
    height: 21px;
    display: block
}

.casino-bonus-card__rating {
    grid-column: 1/2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500
}

.casino-bonus-card__rating::before {
    font-size: 18px;
    line-height: 16px;
    height: 18px;
    letter-spacing: 0px
}

.casino-bonus-card__rating::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.casino-bonus-card .country-available {
    grid-column: 2/3
}

.how-to {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
    gap: 16px;
    counter-reset: howto
}

.how-to:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 575.9px) {
    .how-to {
        grid-template-columns:1fr
    }
}

.how-to--left .how-to__item::before {
    left: 16px;
    transform: translate(0, -12px)
}

.how-to__item {
    counter-increment: howto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 12px;
    padding: 32px 16px 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff)
}

.how-to__item::before {
    content: counter(howto);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--Cards-card-bg, #fff);
    background: var(--Text-colors-text-main, #0b121b);
    position: absolute;
    left: 50%;
    top: 0;
    width: 36px;
    height: 36px;
    transform: translate(-50%, -12px);
    color: var(--Cards-card-bg, #fff);
    text-align: center;
    font-size: 1.25rem;
    line-height: 140%;
    font-weight: 600
}

.how-to__item img, .how-to__item svg {
    width: 100%
}

.how-to__item img:first-child, .how-to__item svg:first-child {
    margin-top: -16px
}

.how-to__item-title {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.how-to__item-descr {
    margin-top: -8px;
    color: var(--Text-colors-text-secondary, #464a51)
}

.how-to__item .btn {
    margin-top: auto;
    width: 100%
}

.comments-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px
}

.rounded-bg .comments-list__item {
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.comments-list__item {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: grid;
    grid-template-columns:1fr auto
}

.comments-list__item-title {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

.comments-list__item-descr {
    margin-top: 8px;
    color: var(--Cards-card-text-secondary, #464a51);
    grid-column: 1/-1
}

.comments-list__item-time {
    align-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 0.875rem;
    line-height: 150%
}

.comments-list__item-time::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M8 1.3A7.2 7.2 0 0 0 .8 8.5a7.201 7.201 0 0 0 12.291 5.091A7.2 7.2 0 0 0 15.2 8.5 7.21 7.21 0 0 0 8 1.3m0 13.292A6.095 6.095 0 0 1 1.908 8.5 6.095 6.095 0 0 1 8 2.408 6.095 6.095 0 0 1 14.092 8.5 6.1 6.1 0 0 1 8 14.592M11.508 8.5a.56.56 0 0 1-.554.554H8a.56.56 0 0 1-.554-.554V4.808a.554.554 0 1 1 1.108 0v3.138h2.4c.304.004.55.25.554.554" fill="%23464A51"/></svg>');
    display: block;
    width: 16px;
    height: 17px
}

.comments-list__item-rate {
    grid-column: 1/-1;
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500;
    width: 100%;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse;
    justify-content: flex-end
}

.comments-list__item-rate::before {
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    letter-spacing: 0px
}

.comments-list__item-rate::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (max-width: 575.9px) {
    .comments-list__item {
        grid-template-columns:1fr
    }

    .comments-list__item-time {
        margin-top: 8px
    }
}

.comments-block {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));
    gap: 24px 64px
}

.comments-block:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 991.9px) {
    .comments-block {
        grid-template-columns:1fr
    }
}

.casino-card {
    position: relative;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    height: 100%;
}

.casino-card > img {
    width: 100%;
    height: 109px;
    border-radius: 12px;
    object-fit: cover
}

.casino-card > * {
    grid-column: 1/-1
}

.casino-card .card-actions {
    position: absolute;
    left: 24px;
    top: 24px
}

.casino-card__title {
    grid-column: 1/2;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.casino-card__bonus {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 12px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    text-align: center;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.casino-card__bonus span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--Cards-card-text-secondary, #464a51);
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%
}

.casino-card__bonus span::before {
    content: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><g clip-path="url(%23b)"><path d="M7.838 1.237c-1.622.346-1.66 1.704-1.476 2.34.382 1.216 1.5 1.619 2.012 1.669l4.456.193c.566-.462.775-2.19.76-2.756C13.575.268 9.164.953 7.838 1.237" fill="%23FACD2C"/><path d="M7.6 1.669c1.085-.048 1.594 2.026 1.714 3.07l-.746.462-1.937-1.625c-.253-.64-.387-1.848.969-1.907" fill="url(%23c)"/><path d="M7.058 1.784c1.246-.205 2.1 1.87 1.59 3.183l.685-.166c-.097-.67-.32-1.927-.905-2.683-.492-.635-1.113-.474-1.37-.334" fill="%23EC8402"/><path d="M12.262 1.405c1.959 1.295-.191 2.716-1.597 3.293h-1.03c.2-.616-.078-1.4-.459-2.071-.353-.623-.156-1.43.556-1.497.6-.057 1.215-.04 1.685-.003.3.025.594.113.845.278" fill="url(%23d)"/><path d="m10.655 13.207 8.554-2.075c-.103 1.98-.767 6.147-2.596 6.97l-.179.081c-2.203.994-3.998 1.803-5.779 1.89-1.8-.087-3.613-.895-5.84-1.886l-.18-.08c-1.848-.823-2.519-4.983-2.623-6.96l8.643 2.071z" fill="%237ADEE9"/><path d="M10.654 20.073v-6.866l8.554-2.075c-.103 1.98-.767 6.147-2.595 6.97l-.171.078-.008.003c-2.204.994-3.999 1.803-5.78 1.89" fill="%2371C7DA"/><path opacity=".2" d="m2.041 11.55-.074-.686 8.792 2.086 8.49-2.214-.01.126-.086 1c-1.492.64-4.805 1.417-7.111 1.905a6.4 6.4 0 0 1-2.798-.03c-3.759-.888-6.324-1.806-7.203-2.188" fill="%23000"/><path d="M11.21 10.678c4.298-.873 7.371-1.903 8.656-2.462a.217.217 0 0 0 0-.4c-3.526-1.62-7.677-2.358-9.432-2.583a1.6 1.6 0 0 0-.512.017c-3.417.656-6.857 1.763-8.585 2.455-.29.116-.324.476-.044.611 1.977.954 6.885 1.94 9.401 2.37.171.03.347.027.517-.008" fill="%2363C6DD"/><path d="m1.103 7.987 9.552 2.489v3.16c-3.951-.668-5.961-1.3-8.88-2.339a1.01 1.01 0 0 1-.672-.953z" fill="%237ADEE9"/><path d="M19.998 7.987 10.64 10.47v3.151c3.87-.665 5.84-1.296 8.7-2.332a1 1 0 0 0 .658-.938z" fill="%237ADEE9"/><path d="M6.31 10.042c-.485 1.245.208 6.326.636 9.067a60 60 0 0 1-1.775-.764c-.962-3.802-1.091-6.965-1.027-8.617a.83.83 0 0 1 .487-.717l3.073-1.426 2.37-.164-3.496 2.33c-.113.076-.218.165-.268.291" fill="%23F8CE25"/><path d="m15.837 18.424-.006.03c-.733.328-1.145.51-1.894.808 1.047-5.827.51-8.65.17-9.493a.7.7 0 0 0-.22-.292c-.746-.607-1.45-.447-1.861-.461l-.418-1.729c1.055.258 3.73.859 5.015 1.413a.51.51 0 0 1 .308.337c.394 1.575-.622 6.906-1.094 9.387" fill="%23F8B525"/><path opacity=".1" d="M19.998 7.987 10.64 10.47v3.151c3.867-.664 5.836-1.295 8.691-2.328.4-.145.667-.526.667-.952z" fill="%23000"/><path d="M7.779 7.317c-2.706.274-3.79.015-3.994-.149 0 1.52.581 1.922 1.177 1.982.477.048 2.077-.467 2.817-.73z" fill="url(%23e)"/><path d="M12.6 5.092c1.143-1.187 3.83-3.296 5.44-2.235 2.011 1.326 2.592 4.232.983 5.007-1.61.775-5.171.82-6.676 0l.086-.941c.869.072 2.583.084 4.123-.307.417-.129 1.305-.48 1.3-1.254a.2.2 0 0 0-.067-.145c-.602-.507-2.321-.84-4.929 1.548l-.424.122z" fill="url(%23f)"/><path opacity=".1" d="M7.106 9.416c-1.1.537-2.33.062-2.814-.1V8.97l3.385-.57.396.334z" fill="%23000"/><path d="M3.338 3.249C6.163 2.152 8.33 4.38 9.06 5.633l-.82.611c-1.728-.507-4.619-1.833-4.44.984.143 2.253 3.338 1.524 4.918.879-1.348.644-3.135 1.033-3.86 1.147-3.726.403-4.024-4.768-1.52-6.005" fill="url(%23g)"/><path d="M18.508 7.75c-2.384.846-4.908.521-5.871.253l-.062-1.072c4.757.048 5.5-1.109 5.248-1.73 1.728 1.386 1.028 2.355.685 2.548" fill="url(%23h)"/><path d="M16.086 8.257c-1.211.015-1.733-.913-1.856-1.365-.551.041-.86.042-1.412.02-.082.307-.239.947-.213 1.049.715.367 2.634.363 3.48.296" fill="%23EC8402"/><path d="M10.864 4.336a4.8 4.8 0 0 0-2.785.813.86.86 0 0 0-.328.478c-.841 2.981.238 4.734 1.19 5.326.984.61 4.486-.015 4.53-.477s-.282-1.058-.55-2.131c-.156-.62-.04-1.49.104-2.137.09-.405.088-.848-.211-1.135-.367-.352-.995-.706-1.95-.737" fill="%23F7BD25"/><path d="M12.912 8.313c-.773 1.13-3.35 2.43-4.944 1.564.279.508.634.866.973 1.076.983.612 4.485-.014 4.53-.476.027-.278-.081-.605-.23-1.055a15 15 0 0 1-.321-1.076z" fill="url(%23i)"/><path d="M8.06 6.473c.696-1.883 2.317-1.664 3.43-1.14.427.202.7.624.776 1.09.382 2.344-.522 2.101-1.858 2.913-1.46.888-3.408 0-2.348-2.863" fill="url(%23j)"/><path d="M6.108 8.743c-.893.045-1.542-.919-1.763-1.395-.271-.045-.393-.082-.549-.171-.024.336.151.688.244.869.426.703 1.556.757 2.068.697" fill="%23EC8402"/></g></g><defs><linearGradient id="c" x1="7.264" y1="1.668" x2="9.437" y2="4.976" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="d" x1="10.034" y1="1.265" x2="10.417" y2="3.303" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="7.779" y1="7.123" x2="6.324" y2="8.916" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="f" x1="19.324" y1="8.261" x2="14.12" y2="3.319" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="g" x1="2.129" y1="8.034" x2="8.651" y2="6.397" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="h" x1="18.373" y1="6.748" x2="16.077" y2="10.087" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="i" x1="12.867" y1="8.352" x2="7.715" y2="11.189" gradientUnits="userSpaceOnUse"><stop stop-color="%23E98B1E"/><stop offset="1" stop-color="%23EEB530"/></linearGradient><linearGradient id="j" x1="9.407" y1="5.191" x2="10.056" y2="7.779" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="%23fff" d="M.5.5h20v20H.5z"/></clipPath><clipPath id="b"><path fill="%23fff" d="M.5.5h20v20H.5z"/></clipPath></defs></svg>');
    width: 21px;
    height: 21px;
    display: block
}

.casino-card__descr {
    margin-top: -8px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 0.875rem;
    line-height: 150%
}

.casino-card__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

.casino-card__row--divider {
    position: relative
}

.casino-card__row--divider::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--Line-colors-line-secondary, #e8e5e5)
}

.casino-card__rate {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse;
    color: var(--Cards-card-text, #0b121b)
}

.casino-card__rate::before {
    font-size: 21px;
    line-height: 19px;
    height: 21px;
    letter-spacing: 0px
}

.casino-card__rate::before {
    content: "★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.casino-card .country-available {
    grid-column: 2/3
}

.casino-card .btn {
    width: 100%;
    margin-top: auto
}

@media (any-hover: hover) {
    .casino-card:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }
}
.filled-block .scroll-list {
    padding-top: 20px;
}
.scroll-list {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 16px;
    margin: 0 0 -16px -16px
}

.scroll-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.scroll-list:not(:first-child) {
    margin-top: -8px
}

.scroll-list--4 {
    align-items: stretch
}

.scroll-list--4 > * {
    min-width: calc((var(--width-container, 1280px) - 48px) / 4)
}

@media (max-width: 370px) {
    .scroll-list--4 > * {
        min-width: calc(100% - 32px)
    }
}

.filled-block .scroll-list {
    margin: 0 -15px -16px -16px
}

.filled-block .scroll-list:not(:first-child) {
    margin-top: -8px
}

* + .info-card {
    margin-top: 16px;
}

.info-card {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: linear-gradient(270deg, #f9bf00 0%, #f3df00 100%);
    color: var(--Text-colors-text-main, #0b121b);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.info-card__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 1.5rem;
    line-height: 130%;
    font-weight: 600
}

.info-card__title::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none"><path d="M15 21.75q.42 0 .703-.284a.96.96 0 0 0 .284-.703v-5.592a.96.96 0 0 0-.284-.703.96.96 0 0 0-.703-.284.95.95 0 0 0-.703.284.96.96 0 0 0-.284.703v5.592q0 .42.284.703.285.284.703.284m0-9.818q.451 0 .757-.305.306-.306.306-.758 0-.45-.306-.757A1.03 1.03 0 0 0 15 9.807q-.451 0-.757.305a1.03 1.03 0 0 0-.306.757q0 .452.306.758.306.305.757.305M15.002 28q-2.594 0-4.875-.984a12.6 12.6 0 0 1-3.97-2.672 12.6 12.6 0 0 1-2.672-3.968q-.985-2.28-.985-4.874t.984-4.875a12.6 12.6 0 0 1 2.672-3.97 12.6 12.6 0 0 1 3.968-2.673Q12.404 3 14.998 3t4.875.984a12.6 12.6 0 0 1 3.97 2.672 12.6 12.6 0 0 1 2.672 3.968q.985 2.28.985 4.874t-.984 4.875a12.6 12.6 0 0 1-2.672 3.97 12.6 12.6 0 0 1-3.968 2.672q-2.28.985-4.874.985" fill="%230B121B"/></svg>');
    width: 30px;
    height: 30px;
    display: block
}

.info-card__descr {
    font-size: 1rem;
    line-height: 150%
}

.info-card__descr p:not([class]) {
    margin-top: 0;
}

.info-card__descr span, .info-card__descr a {
    font-weight: 700;
    color: #000;
}

.info-card__descr p:not([class]) a:not([class]),
.info-card__descr ul:not([class]) a:not([class]),
.info-card__descr ol:not([class]) a:not([class]) {
    color: #000;
}

.info-card__brand {
    width: 100%;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    border: 1px solid #ff9d00;
    background: hsla(0, 0%, 100%, .3);
    display: grid;
    grid-template-columns:auto 1fr 300px;
    align-items: center;
    gap: 32px
}

.info-card__brand-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

.info-card__brand-img {
    border-radius: 12px;
    background: #f7cd01;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.info-card__brand-img img, .info-card__brand-img svg {
    max-width: 145px;
    max-height: 300px;
    border-radius: 12px
}

.info-card__brand-img .country-available {
    margin-bottom: 8px
}

.info-card__brand-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    color: #000;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.info-card__brand-rate {
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500;
    --star-color: var(--Cards-card-text, #0b121b);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse
}

.info-card__brand-rate::before {
    font-size: 20px;
    line-height: 18px;
    height: 20px;
    letter-spacing: 0px
}

.info-card__brand-rate::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (max-width: 1239.9px) {
    .info-card__brand {
        grid-template-columns:1fr 300px
    }

    .info-card__brand .info-card__brand-info {
        grid-column: 1/-1
    }
}

@media (max-width: 991.9px) {
    .info-card__brand {
        grid-template-columns:1fr;
        gap: 16px
    }
}

@media (max-width: 575.9px) {
    .info-card__brand-img img, .info-card__brand-img svg {
        max-width: 111px
    }

    .info-card__brand-info {
        gap: 12px
    }
}

.info-card__bonus {
    align-self: stretch;
    padding: 16px;
    border-radius: 12px;
    background: #f7cd01;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.875rem;
    line-height: 150%
}

.info-card__bonus > span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--Cards-card-text, #0b121b);
    text-align: center;
    font-size: 1rem;
    line-height: 150%
}

.info-card__bonus > span::before {
    content: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23a)"><path d="M7.838.737c-1.621.346-1.66 1.704-1.475 2.34.381 1.216 1.5 1.619 2.011 1.669l4.456.193c.566-.462.775-2.19.76-2.757C13.575-.232 9.164.454 7.838.737" fill="%23FACD2C"/><path d="M7.6 1.17c1.085-.049 1.594 2.026 1.714 3.069l-.746.462-1.937-1.624c-.253-.641-.387-1.848.969-1.908" fill="url(%23b)"/><path d="M7.058 1.283c1.246-.205 2.1 1.87 1.59 3.184l.685-.167c-.096-.67-.32-1.926-.905-2.682-.491-.636-1.112-.475-1.37-.335" fill="%23EC8402"/><path d="M12.262.905c1.959 1.294-.191 2.716-1.597 3.293h-1.03c.2-.616-.078-1.4-.459-2.072C8.823 1.503 9.02.697 9.732.63a10 10 0 0 1 1.685-.003c.3.024.594.112.845.278" fill="url(%23c)"/><path d="m10.655 12.707 8.554-2.075c-.104 1.98-.767 6.147-2.596 6.97l-.179.082c-2.204.993-3.998 1.802-5.78 1.89-1.799-.088-3.612-.896-5.839-1.887l-.18-.08c-1.849-.823-2.52-4.983-2.624-6.96l8.644 2.071z" fill="%237ADEE9"/><path d="M10.655 19.573v-6.866l8.553-2.075c-.103 1.98-.766 6.147-2.595 6.97l-.171.078-.008.004c-2.204.993-3.999 1.802-5.78 1.89" fill="%2371C7DA"/><path opacity=".2" d="m2.041 11.05-.074-.686 8.792 2.086 8.49-2.214-.01.126-.086 1c-1.492.639-4.805 1.417-7.112 1.905a6.4 6.4 0 0 1-2.798-.03c-3.758-.889-6.323-1.806-7.202-2.188" fill="%23000"/><path d="M11.21 10.178c4.298-.874 7.371-1.903 8.656-2.463.179-.077.176-.318 0-.4-3.526-1.619-7.677-2.357-9.432-2.583a1.6 1.6 0 0 0-.512.017c-3.417.657-6.857 1.764-8.585 2.456-.29.116-.324.476-.044.611 1.977.954 6.885 1.94 9.401 2.37.171.03.347.026.517-.008" fill="%2363C6DD"/><path d="m1.102 7.488 9.553 2.488v3.16c-3.952-.668-5.961-1.3-8.88-2.338a1.01 1.01 0 0 1-.673-.954z" fill="%237ADEE9"/><path d="m19.999 7.488-9.36 2.482v3.15c3.872-.665 5.841-1.296 8.702-2.331a1 1 0 0 0 .657-.94z" fill="%237ADEE9"/><path d="M6.31 9.543c-.485 1.244.207 6.325.635 9.066a60 60 0 0 1-1.774-.764c-.962-3.801-1.092-6.964-1.028-8.616a.83.83 0 0 1 .488-.718l3.073-1.426 2.37-.164-3.496 2.33c-.113.076-.219.165-.268.292" fill="%23F8CE25"/><path d="m15.837 17.924-.006.03c-.733.328-1.145.51-1.894.808 1.047-5.827.51-8.65.17-9.493a.7.7 0 0 0-.22-.292c-.746-.607-1.45-.447-1.861-.461l-.418-1.729c1.055.258 3.73.859 5.015 1.413a.51.51 0 0 1 .308.337c.394 1.575-.622 6.906-1.094 9.387" fill="%23F8B525"/><path opacity=".1" d="m19.999 7.488-9.36 2.482v3.15c3.868-.664 5.837-1.295 8.693-2.328.4-.145.666-.526.666-.952z" fill="%23000"/><path d="M7.779 6.817c-2.707.274-3.79.015-3.994-.149 0 1.52.581 1.922 1.177 1.982.477.048 2.077-.467 2.817-.73z" fill="url(%23d)"/><path d="M12.6 4.593c1.143-1.188 3.83-3.297 5.44-2.236 2.011 1.326 2.592 4.232.983 5.007-1.61.775-5.171.82-6.676 0l.086-.941c.869.073 2.583.084 4.123-.306.417-.13 1.305-.481 1.3-1.255a.2.2 0 0 0-.067-.145c-.602-.507-2.321-.84-4.929 1.549l-.424.12z" fill="url(%23e)"/><path opacity=".1" d="M7.106 8.916c-1.1.536-2.33.061-2.814-.1V8.47l3.384-.57.397.335z" fill="%23000"/><path d="M3.338 2.749C6.163 1.652 8.33 3.88 9.06 5.133l-.82.611c-1.728-.507-4.619-1.833-4.44.984.143 2.253 3.338 1.525 4.918.879-1.348.644-3.135 1.033-3.86 1.147-3.726.403-4.024-4.768-1.52-6.005" fill="url(%23f)"/><path d="M18.508 7.25c-2.384.846-4.908.52-5.871.253l-.062-1.072c4.757.048 5.5-1.11 5.248-1.73 1.728 1.386 1.028 2.354.685 2.548" fill="url(%23g)"/><path d="M16.085 7.756c-1.21.015-1.732-.912-1.855-1.365-.551.042-.86.043-1.412.02-.082.307-.24.948-.213 1.05.715.367 2.634.362 3.48.295" fill="%23EC8402"/><path d="M10.863 3.837a4.8 4.8 0 0 0-2.784.812.86.86 0 0 0-.328.478c-.842 2.981.237 4.734 1.19 5.326.983.611 4.486-.015 4.53-.477s-.283-1.058-.551-2.13c-.155-.62-.04-1.49.104-2.138.09-.404.088-.848-.21-1.135-.368-.352-.995-.705-1.95-.736" fill="%23F7BD25"/><path d="M12.912 7.812c-.773 1.131-3.35 2.43-4.944 1.565.278.508.633.865.973 1.076.983.611 4.485-.015 4.53-.477.027-.278-.081-.604-.23-1.054a14 14 0 0 1-.33-1.11" fill="url(%23h)"/><path d="M8.06 5.973c.696-1.883 2.317-1.664 3.43-1.14.427.203.7.624.776 1.09.382 2.344-.522 2.101-1.858 2.913-1.46.888-3.408 0-2.348-2.863" fill="url(%23i)"/><path d="M6.107 8.243c-.893.045-1.541-.92-1.762-1.395-.272-.045-.394-.082-.549-.172-.024.337.15.688.243.87.426.702 1.557.757 2.068.697" fill="%23EC8402"/></g><defs><linearGradient id="b" x1="7.264" y1="1.168" x2="9.437" y2="4.476" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="c" x1="10.034" y1=".765" x2="10.417" y2="2.803" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="7.779" y1="6.623" x2="6.324" y2="8.416" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="e" x1="19.324" y1="7.761" x2="14.12" y2="2.819" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="f" x1="2.129" y1="7.534" x2="8.651" y2="5.897" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFF148"/><stop offset="1" stop-color="%23F6B424"/></linearGradient><linearGradient id="g" x1="18.373" y1="6.248" x2="16.077" y2="9.586" gradientUnits="userSpaceOnUse"><stop stop-color="%23FE8C01"/><stop offset="1" stop-color="%23FE8C01"/></linearGradient><linearGradient id="h" x1="12.866" y1="7.852" x2="7.715" y2="10.688" gradientUnits="userSpaceOnUse"><stop stop-color="%23E98B1E"/><stop offset="1" stop-color="%23EEB530"/></linearGradient><linearGradient id="i" x1="9.407" y1="4.691" x2="10.056" y2="7.279" gradientUnits="userSpaceOnUse"><stop stop-color="%23FEFC83"/><stop offset="1" stop-color="%23F9C929" stop-opacity="0"/></linearGradient><clipPath id="a"><path fill="%23fff" d="M.5 0h20v20H.5z"/></clipPath></defs></svg>');
    width: 21px;
    height: 20px;
    display: block
}

.info-card__bonus-text {
    color: var(--Cards-card-text, #0b121b);
    text-align: center;
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

.info-card__promo {
    width: 100%;
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%
}

@media (max-width: 575.9px) {
    .info-card__promo {
        font-size: 0.75rem;
        line-height: 150%
    }

    .info-card__promo .promo-copy {
        gap: 4px
    }
}

.info-card__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px
}

.info-card__btns .btn {
    width: 100%
}

.custom-select {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    line-height: 150%
}

.custom-select select {
    display: none
}

@media (any-hover: hover) {
    .custom-select:hover .custom-select__current {
        border-color: var(--Buttons-colors-button-bg, #00f4e8)
    }
}

.custom-select.selected .custom-select__current {
    border-color: var(--Buttons-colors-button-bg, #00f4e8)
}

.custom-select.selected .custom-select__current-text {
    color: var(--Cards-card-text, #0b121b)
}

.custom-select.active .custom-select__options {
    display: flex
}

.custom-select.active .custom-select__current {
    border-radius: 12px 12px 0 0
}

.custom-select.active .custom-select__current-arrow::after {
    transform: rotate(-180deg)
}

.custom-select__current {
    cursor: pointer;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    transition-property: border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.custom-select__current-text {
    margin-right: auto;
    color: var(--Cards-card-text-secondary, #464a51);
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.custom-select__current-arrow {
    width: 16px;
    height: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.custom-select__current-arrow::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="m4 6 4 4 4-4" stroke="%230B121B" stroke-width="1.6" stroke-linecap="round"/></svg>');
    width: 16px;
    height: 16px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.custom-select__options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 296px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 16px;
    border-radius: 0 0 var(--card-radius, 20px) var(--card-radius, 20px);
    border: 1px solid var(--Line-colors-line-secondary, #e8e5e5);
    border-top: none;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
}

@supports not selector(::-webkit-scrollbar) {
    .custom-select__options {
        scrollbar-width: thin;
        scrollbar-color: var(--Line-colors-line-main, #00dfd4) rgba(0, 0, 0, 0)
    }
}

.custom-select__options::-webkit-scrollbar {
    width: 3px
}

.custom-select__options::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Line-colors-line-main, #00dfd4);
    border-radius: 9px;
    border: 3px solid rgba(0, 0, 0, 0)
}

.custom-select__options::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 9px
}

.custom-select__options li {
    color: var(--Cards-card-text, #0b121b);
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    cursor: pointer
}

.custom-select__options li:active {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .custom-select__options li:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .custom-select__options li:focus {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.custom-select.custom-select--simple .custom-select__current {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    gap: 4px
}

.custom-select.custom-select--simple .custom-select__current-text {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

.custom-select.custom-select--simple .custom-select__current-arrow::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="m4 6 4 4 4-4" stroke="%2300B1A8" stroke-width="1.6" stroke-linecap="round"/></svg>')
}

.custom-select.custom-select--simple .custom-select__options {
    top: calc(100% + 4px);
    padding: 12px;
    border-radius: var(--card-radius, 20px);
    gap: 8px;
    width: max-content;
    max-width: 200px;
    border: 0
}

.pag {
    padding: 16px 24px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.pag:not(:first-child) {
    margin-top: 20px
}

.pag__item {
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    color: var(--Cards-card-text, #0b121b);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.pag__item:active {
    background: var(--Accent-colors-accent-main-bg, #00f4e8)
}

@media (any-hover: hover) {
    .pag__item:hover {
        background: var(--Accent-colors-accent-main-bg, #00f4e8)
    }

    .pag__item:focus {
        background: var(--Accent-colors-accent-main-bg, #00f4e8)
    }
}

.pag__item.active {
    background: var(--Accent-colors-accent-main-bg, #00f4e8)
}

.pag__item.disabled {
    pointer-events: none;
    opacity: .6
}

.pag__item--dots {
    pointer-events: none
}

.pag__item--prev::before, .pag__item--next::before {
    width: 20px;
    height: 20px;
    display: block
}

.pag__item--prev::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m12.5 5-5 5 5 5" stroke="%230B121B" stroke-width="2" stroke-linecap="round"/></svg>')
}

.pag__item--next::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path d="m7.5 15.894 5-5-5-5" stroke="%230B121B" stroke-width="2" stroke-linecap="round"/></svg>')
}

.provider-card {
    display: block;
    width: 163px;
    min-width: 163px;
    align-self: stretch
}

.provider-card__link {
    height: 100%;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: var(--card-radius, 20px);
    overflow: hidden;
    background: var(--Cards-card-bg, #fff);
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.provider-card__link img {
    border-radius: 12px;
}

@media (any-hover: hover) {
    .provider-card__link:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }

    .provider-card__link:hover .provider-card__title {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.provider-card > img, .provider-card > svg {
    width: 100%;
    height: 57px;
    object-fit: cover;
    border-radius: 12px
}

.provider-card__title {
    margin-top: 8px;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.provider-card__text {
    margin-top: 2px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 0.75rem;
    line-height: 150%
}

.provider-card.provider-card--img {
    width: 183px;
    min-width: 183px;
    align-self: flex-start
}

.provider-card.provider-card--img .provider-card__link {
    height: unset;
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.provider-card.provider-card--img > img, .provider-card.provider-card--img > svg {
    height: auto
}

@media (max-width: 575.9px) {
    .provider-card.provider-card--img {
        width: 141px;
        min-width: 141px
    }
}

.slot-review-card {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    display: grid;
    grid-template-columns:auto 1fr auto;
    column-gap: 8px
}

.slot-review-card > * {
    grid-column: 1/-1
}

.slot-review-card > .slot-review-card__img {
    width: 100%;
    height: auto;
    margin-bottom: 16px
}

.slot-review-card__logo {
    max-width: 100%;
    width: 50px;
    max-height: 40px;
    border-radius: 8px;
    object-fit: cover;
    align-self: center;
    grid-column: 1/2
}

.slot-review-card__text {
    grid-column: 2/3;
    align-self: center;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

.slot-review-card .country-available {
    grid-column: 3/4
}

.slot-review-card__bonus {
    border-radius: 12px;
    background: var(--Heroscreen-heroscreen-secondary-card-bg, rgba(177, 255, 246, 0.3));
    margin-top: 12px;
    padding: 12px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    text-align: center;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.sidebar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;

}

@media (max-width: 1023.9px) {
    .sidebar {
        flex-direction: row;
        align-items: flex-start
    }

    .page-single .sidebar {
        order: 1000;
    }

}

@media (max-width: 767.9px) {
    .sidebar {
        flex-direction: column;
        align-items: stretch
    }
}

.sidebar__card {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.sidebar__card img {
    width: 100%
}

.sidebar__card-title {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 600
}

.sidebar__card-rate {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    gap: 4px;
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500
}

.sidebar__card-rate::before {
    font-size: 18px;
    line-height: 16px;
    height: 18px;
    letter-spacing: 0px
}

.sidebar__card-rate::before {
    content: "★★★★★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.sidebar__table {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    overflow: hidden
}

.sidebar__table-tbody {
    display: block
}

.sidebar__table-row {
    break-inside: avoid;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px
}

.sidebar__table-row:not(:first-child) {
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

.sidebar__table-row:first-child {
    margin-top: 0;
    padding-top: 0
}

.sidebar__table td {
    flex: 1;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

.sidebar__table td:last-child {
    text-align: right;
    color: var(--Cards-card-text, #0b121b)
}

.sidebar__table td a {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .sidebar__table td a:hover {
        text-decoration: underline
    }
}

.sidebar .sidebar-news {
    gap: 32px
}

.sidebar .sidebar-news__item:not(:first-child)::before {
    top: -16px
}

.tabs:not(:first-child) {
    margin-top: 20px
}

.tabs__trigger {
    cursor: pointer;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: var(--button-radius, 36px);
    border: 1px solid rgba(0, 0, 0, 0);
    color: var(--Cards-card-text, #0b121b);
    white-space: nowrap;
    transition-property: background, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.tabs__trigger.active {
    border-color: var(--Line-colors-line-main, #00dfd4);
    background: #effffb
}

.tabs__trigger-list {
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border-radius: var(--button-radius, 36px);
    background: var(--Cards-card-bg, #fff);
    scrollbar-width: none;
    -ms-overflow-style: none
}

.tabs__trigger-list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

@media (any-hover: hover) {
    .tabs__trigger:hover {
        border-color: var(--Line-colors-line-main, #00dfd4);
        background: #effffb
    }
}

.tabs__item-list {
    margin-top: 24px
}

.tabs__item:not(.active) {
    display: none
}

@media (max-width: 575.9px) {
    .tabs__item-list {
        margin-top: 20px
    }
}

.gallery {
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

* + .gallery {
    margin-top: 20px
}

.gallery::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.gallery img, .gallery video {
    user-select: none;
    pointer-events: none;
    max-height: 500px;
    object-fit: contain
}

.gallery__item {
    max-width: 100%
}

.gallery__item--video .gallery__item-link::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path d="M25 0C11.188 0 0 11.188 0 25c0 13.813 11.188 25 25 25 13.813 0 25-11.187 25-25C50 11.188 38.813 0 25 0m-5 36.25v-22.5L35 25z" fill="%23fff"/></svg>');
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.gallery__item--video .gallery__item-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(11, 18, 27, .8)
}

.gallery__item-link {
    position: relative;
    display: flex;
    width: fit-content;
    max-width: 100%;
    border-radius: var(--card-radius, 20px);
    overflow: hidden
}

@media (max-width: 575.9px) {
    .gallery__item {
        max-width: 77%;
        min-width: 76%;
    }

    .gallery__item--video .gallery__item-link::after {
        transform-origin: center;
        transform: translate(-50%, -50%) scale(0.8)
    }
}

.scrolling .gallery .gallery__item {
    pointer-events: none
}

.symbol-card {
    padding: 12px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: grid;
    grid-template-columns:70px 1fr;
    grid-template-rows:auto 1fr;
    align-items: center;
    gap: 12px
}

.symbol-card > img, .symbol-card > svg {
    width: 100%;
    object-fit: contain
}

.symbol-card__name {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.symbol-card__table {
    grid-column: 1/-1;
    margin-top: auto;
    align-self: flex-end;
    padding: 12px;
    border-radius: 12px;
    background: var(--Cards-card-secondary-bg, #fbfbfb)
}

.symbol-card__table-row:first-child .symbol-card__table-cell {
    padding-top: 0
}

.symbol-card__table-row:last-child .symbol-card__table-cell {
    padding-bottom: 0;
    border-bottom: 0
}

.symbol-card__table-cell {
    padding-block: 4px;
    color: var(--Cards-card-text, #0b121b);
    text-align: right;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    border-bottom: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

.symbol-card__table-cell:not(:first-child) {
    padding-left: 16px
}

.symbol-card__table-cell:first-child {
    text-align: left;
    color: var(--Cards-card-text-secondary, #464a51);
    font-weight: 400
}

@media (max-width: 575.9px) {
    .symbol-card {
        grid-template-columns:1fr
    }

    .symbol-card > img, .symbol-card > svg {
        width: 60px;
        max-width: 100%;
        justify-self: center
    }

    .symbol-card__name {
        text-align: center;
        font-size: 1rem
    }
}

.simple-card {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .simple-card:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }
}

.simple-card > img, .simple-card > svg {
    max-width: 100%;
    object-fit: contain;
    margin-right: 12px;
    grid-column: 1/2
}

.simple-card__info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap
}

.simple-card__title {
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.simple-card__title span {
    font-size: 0.875rem;
    color: var(--Cards-card-text-secondary, #464a51)
}

.simple-card__descr {
    color: var(--Text-colors-text-secondary, #464a51);
    font-size: 1rem;
    line-height: 150%
}

.simple-card__descr, .simple-card .btn {
    grid-column: 1/-1
}

.simple-card .btn {
    margin-top: auto;
    width: 100%
}

.news-card {
    position: relative;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.news-card.news-card--simple {
    padding: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0)
}

.news-card.news-card--main > img {
    width: 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 8px;
    border-radius: 12px
}

.news-card.news-card--main .news-card__title {
    font-size: 1.5rem;
    line-height: 130%;
    font-weight: 600
}

.news-card > img {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -16px;
    margin-bottom: 8px
}

.news-card__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 4px;
    margin-top: auto;
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%
}

@media (max-width: 575.9px) {
    .news-card__row {
        font-size: 0.75rem;
        line-height: 150%
    }
}

.news-card__time, .news-card__comments {
    color: var(--Cards-card-text-secondary, #464a51)
}

.news-card__comments {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: 6px
}

.news-card__comments::before {
    content: "";
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: var(--Cards-card-text-secondary, #464a51);
    margin-right: 6px
}

.news-card__comments::after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    margin-left: 4px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="m.602 10.598.78-2.34a4.38 4.38 0 0 1-.66-3.3c.18-1.2.9-2.22 1.92-2.94a5.88 5.88 0 0 1 7.08.3 4.44 4.44 0 0 1 .6 6.3 5.52 5.52 0 0 1-3.12 1.8 6 6 0 0 1-3.78-.42z" stroke="%23464A51" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.183 5.198c.36 0 .72.36.72.78a.75.75 0 0 1-1.5 0c0-.42.36-.78.78-.78m-2.76 0c.42 0 .78.36.78.72a.75.75 0 1 1-1.5 0c0-.36.36-.72.72-.72m5.46 0c.36 0 .72.36.72.78a.75.75 0 0 1-1.5 0c0-.42.36-.78.78-.78" fill="%23464A51"/></svg>')
}

.news-card__title {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.news-card__title:active {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .news-card__title:hover {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .news-card__title:focus {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.news-card .news-tag {
    margin-right: 8px
}

@media (any-hover: hover) {
    .news-card:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }

    .news-card:hover.news-card--simple {
        box-shadow: none
    }
}

@media (max-width: 575.9px) {
    .news-card.news-card--main .news-card__title {
        font-size: 1.125rem;
        line-height: 150%;
        font-weight: 500
    }
}

.sidebar-news {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 50px
}

.sidebar-news__item {
    position: relative;
    display: block
}

.sidebar-news__item:not(:first-child)::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: -25px;
    background: var(--Line-colors-line-secondary, #e8e5e5)
}

@media (max-width: 575.9px) {
    .sidebar-news {
        gap: 40px
    }

    .sidebar-news__item {
        position: relative;
        display: block
    }

    .sidebar-news__item:not(:first-child)::before {
        top: -20px
    }
}

.wp-block-quote {
    position: relative;
    padding: 24px 24px 24px 48px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    color: var(--Cards-card-text, #0b121b);
    margin-block: 24px;
    font-size: 1.5rem;
    line-height: 130%;
    font-weight: 600
}

@media (max-width: 575.9px) {
    .wp-block-quote {
        font-size: 1.25rem;
        line-height: 140%
    }
}

.wp-block-quote::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="m4.883 19.2 2.654-4.86q-.14.03-.31.045t-.31.015q-1.865 0-3.191-1.41-1.328-1.41-1.328-3.39t1.327-3.39Q5.054 4.8 6.916 4.8q1.864 0 3.19 1.41 1.328 1.41 1.328 3.39 0 .63-.156 1.23-.154.6-.465 1.17l-3.897 7.2zm10.165 0 2.654-4.86q-.142.03-.31.045-.17.015-.311.015-1.864 0-3.19-1.41-1.328-1.41-1.328-3.39t1.327-3.39 3.19-1.41 3.191 1.41 1.327 3.39q0 .63-.155 1.23T20.977 12l-3.896 7.2z" fill="%230B121B"/></svg>');
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 24px;
    left: 16px
}

.wp-block-quote:first-child {
    margin-top: 0
}

.wp-block-quote:last-child {
    margin-bottom: 0
}

.quick-links {
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.quick-links:not(:first-child) {
    margin-top: 20px
}

.quick-links__title {
    margin: 0;
    color: var(--Cards-card-text, #0b121b);
    font-family: var(--ff-redhat);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.quick-links__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap
}

.quick-links__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: var(--button-radius, 36px);
    background: var(--Buttons-colors-button-bg, #00f4e8);
    color: var(--Buttons-colors-button-color, #0b121b);
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.quick-links__link:active {
    background: var(--Buttons-colors-button-hover-bg, #00d4ca)
}

@media (any-hover: hover) {
    .quick-links__link:hover {
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }

    .quick-links__link:focus {
        background: var(--Buttons-colors-button-hover-bg, #00d4ca)
    }
}

@media (max-width: 575.9px) {
    .quick-links__link {
        font-size: 0.75rem;
        line-height: 150%
    }
}

.news-tag {
    position: relative;
    z-index: 1;
    width: max-content;
    max-width: 100%;
    padding: 3px 11px;
    overflow: hidden;
    border-radius: var(--button-radius, 36px);
    border: 1px solid var(--Accent-colors-accent-main-bg, #00f4e8);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--Accent-colors-accent-text, #0b121b);
    text-align: center;
    font-size: 0.875rem;
    line-height: 150%
}

.news-tag > * {
    position: relative;
    z-index: 10
}

.news-tag::after {
    content: "";
    width: 200%;
    height: 300%;
    position: absolute;
    border-radius: 50%;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: var(--Accent-colors-accent-main-bg, #00f4e8);
    z-index: -1;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .news-tag:is(a):hover::after {
        transform: translate(-50%, -50%) scale(1)
    }
}

@media (max-width: 575.9px) {
    .news-tag {
        font-size: 0.75rem;
        line-height: 150%
    }
}

.review-card {
    display: block
}

.review-card__link {
    height: 100%;
    padding: 0 16px 16px;
    border-radius: var(--card-radius, 20px);
    overflow: hidden;
    background: var(--Cards-card-bg, #fff);
    display: grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr auto;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    transition-property: box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.review-card__link > img, .review-card__link > svg {
    width: calc(100% + 32px);
    max-width: calc(100% + 32px);
    margin-left: -16px;
    margin-bottom: auto
}

.review-card__link > * {
    grid-column: 1/-1
}

.review-card__link:active {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
}

.review-card__link:active .review-card__name {
    color: var(--Buttons-colors-link-color, #00b1a8)
}

@media (any-hover: hover) {
    .review-card__link:hover {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }

    .review-card__link:hover .review-card__name {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }

    .review-card__link:focus {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 12px 24px 0 rgba(0, 0, 0, .04)
    }

    .review-card__link:focus .review-card__name {
        color: var(--Buttons-colors-link-color, #00b1a8)
    }
}

.review-card__name {
    grid-column: 1/2;
    color: var(--Cards-card-text, #0b121b);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.review-card__rate {
    grid-column: 2/3;
    margin-left: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse;
    color: var(--Cards-card-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500
}

.review-card__rate::before {
    font-size: 18px;
    line-height: 16px;
    height: 18px;
    letter-spacing: 0px
}

.review-card__rate::before {
    content: "★";
    display: block;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.articles-list {
    position: relative;
    padding: 16px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    overflow: hidden;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    columns: 3;
    gap: 16px 48px
}

.articles-list:not(:first-child) {
    margin-top: 20px
}

.articles-list.hidden > *:nth-of-type(n + 13) {
    display: none
}

.articles-list::before {
    content: "";
    width: 100%;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--Cards-card-bg, #fff);
    pointer-events: none;
    z-index: 2
}

.articles-list__item {
    position: relative;
    break-inside: avoid;
    padding-top: 16px;
    border-top: 1px solid var(--Line-colors-line-secondary, #e8e5e5)
}

@media (min-width: 992px) {
    .articles-list__item:nth-of-type(-n + 3) {
        padding-top: 0;
        border-top: 0
    }
}

@media (max-width: 991.9px) {
    .articles-list {
        grid-template-columns:repeat(2, 1fr)
    }

    .articles-list.hidden > *:nth-of-type(n + 9) {
        display: none
    }
}

@media (max-width: 991.9px)and (min-width: 768px) {
    .articles-list__item:nth-of-type(-n + 2) {
        padding-top: 0;
        border-top: 0
    }
}

@media (max-width: 767.9px) {
    .articles-list {
        grid-template-columns:1fr
    }

    .articles-list.hidden > *:nth-of-type(n + 7) {
        display: none
    }

    .articles-list__item:first-child {
        padding-top: 0;
        border-top: 0
    }
}

.card-delete {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--Cards-card-secondary-bg, #fbfbfb);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 12px;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .card-delete:hover {
        opacity: .6
    }
}

.card-delete:active {
    opacity: .6
}

@media (any-hover: hover) {
    .card-delete:focus {
        opacity: .6
    }
}

.card-delete::after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.899 11.846 12.6 3.143m-8.701.241 8.702 8.703" stroke="%230B121B" stroke-width="1.538" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 16px;
    height: 16px;
    display: block
}

.won-card {
    position: relative;
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px
}

.won-card > * {
    position: relative;
    z-index: 1
}

.won-card img, .won-card svg {
    border-radius: 12px;
    max-width: 200px;
    max-height: 200px;
    object-fit: contain
}

.won-card__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1.125rem;
    line-height: 150%;
    font-weight: 500
}

.won-card__text span {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 500
}

.won-card::before, .won-card::after {
    content: "";
    position: absolute;
    pointer-events: none
}

.won-card::after {
    z-index: 0;
    inset: 0;
    border-radius: var(--card-radius, 20px);
    border: 1px solid var(--Line-colors-line-main, #00dfd4);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px)
}

.won-card::before {
    width: calc(100% + 38px + 17px);
    height: calc(100% + 19px + 43px);
    z-index: 0;
    top: -19px;
    left: -38px;
    background-image: url("../img/coin-big-1.png"), url("../img/coin-big-2.png"), url("../img/coin-big-3.png");
    background-repeat: no-repeat;
    background-position: 0 0, right 0, 45% bottom;
    background-size: 90px auto, 70px auto, 60px auto
}

@media (max-width: 575.9px) {
    .won-card::before {
        width: calc(100% + 26px + 13px);
        height: calc(100% + 25px + 7px);
        top: -7px;
        left: -26px;
        background-position: 0 3px, right 0, 55% bottom;
        background-size: 65px auto, 56px auto, 50px auto
    }
}

.quests {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

.quests:not(:first-child) {
    margin-top: 32px
}

.quests__item {
    position: relative;
    padding: 12px 12px 12px 52px;
    border-radius: var(--card-radius, 20px);
    border: 1px solid var(--Line-colors-line-main, #00dfd4);
    background: var(--Heroscreen-heroscreen-card-bg, rgba(177, 255, 246, 0.15));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

.quests__item.done .quests__item-text::before {
    content: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 14C0 6.268 6.268 0 14 0s14 6.268 14 14-6.268 14-14 14S0 21.732 0 14" fill="%2300B2A3"/><path d="M19.97 9.25a.8.8 0 0 0-.556.253L12.48 16.7l-2.89-3a.8.8 0 0 0-.575-.256.8.8 0 0 0-.582.245.83.83 0 0 0-.232.588.84.84 0 0 0 .242.58l3.464 3.597a.796.796 0 0 0 1.147 0l7.508-7.794a.83.83 0 0 0 .177-.904.8.8 0 0 0-.304-.374.8.8 0 0 0-.463-.133" fill="%23EFFFFB"/></svg>')
}

.quests__item-text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px
}

.quests__item-text::before {
    content: url('data:image/svg+xml,<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 14.5C0 6.768 6.268.5 14 .5s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14" fill="%23E40048"/><path d="m9.05 18.875 9.9-9.9m-9.9.275 9.9 9.9" stroke="%23FFE6EE" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 28px;
    height: 29px;
    position: absolute;
    top: 0;
    left: -12px;
    transform: translateX(-100%)
}

.quests__item-col {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.quests__item-name {
    color: var(--Heroscreen-heroscreen-text-main, #fff);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.quests__item-descr {
    color: var(--Heroscreen-heroscreen-text-secondary, #e6e6e6);
    font-size: 0.875rem;
    line-height: 150%
}

.quests__item-bonus {
    padding: 4px 8px;
    border-radius: var(--button-radius, 36px);
    background: var(--Buttons-colors-button-bg, #00f4e8);
    white-space: nowrap;
    color: var(--Buttons-colors-button-color, #0b121b);
    text-align: center;
    font-size: 1rem;
    line-height: 150%
}

@media (max-width: 575.9px) {
    .quests__item {
        padding-left: 48px
    }

    .quests__item-text::before {
        left: -16px;
        width: 24px;
        height: 24px;
        transform: translateX(-100%) scale(0.8571428571)
    }

    .quests__item .btn--link {
        font-size: 0.875rem;
        line-height: 150%
    }

    .quests__item-bonus {
        font-size: 0.875rem;
        line-height: 150%
    }
}

.custom-alert {
    position: fixed;
    z-index: 600;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    display: none;
    padding: 10px 16px;
    color: #fff;
    border-radius: var(--card-radius, 20px);
    border: 1px solid var(--Line-colors-line-main, #00dfd4);
    box-shadow: 0px 0px 6px 0px var(--Line-colors-line-main, #00dfd4);
    background: #0a2027;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    pointer-events: none
}

.custom-alert.active {
    animation: arise .2s ease-out forwards;
    display: block
}

@keyframes arise {
    from {
        transform: translate(-50%, -100%)
    }
    to {
        transform: translate(-50%, 50px)
    }
}

.chat-btn {
    cursor: pointer;
    width: 230px;
    max-width: 100%;
    position: fixed;
    z-index: 20;
    bottom: 0;
    right: 36px;
    padding: 12px 16px;
    border-radius: 12px 12px 0 0;
    background: var(--Buttons-colors-secondary-button-color, #fff);
    box-shadow: 0 -4px 24px 0 rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--Buttons-colors-secondary-button-bg, #102932);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500;
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.chat-btn svg, .chat-btn img {
    max-width: 24px;
    max-height: 24px;
    object-fit: contain
}

.chat-btn svg g path, .chat-btn img g path {
    fill: currentColor;
    transition-property: fill;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@media (any-hover: hover) {
    .chat-btn:hover {
        background: var(--Buttons-colors-secondary-button-hover-color, #e6e6e6);
        color: var(--Buttons-colors-secondary-button-hover-bg, #1f4350)
    }
}

@media (max-width: 767.9px) {
    .chat-btn {
        width: max-content;
        height: max-content;
        border-radius: 12px 0 0 12px;
        padding: 12px;
        top: 50%;
        transform: translateY(-50%);
        right: 0
    }

    .chat-btn__text {
        display: none
    }
}

.latest-winner {
    min-width: 107px;
    padding: 12px;
    border-radius: var(--card-radius, 20px);
    background: var(--Cards-card-bg, #fff);
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px
}

.latest-winner img {
    border-radius: 12px;
    width: 100%
}

.latest-winner__game {
    color: var(--Cards-card-text, #0b121b);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 500
}

.latest-winner__name {
    margin-top: -6px;
    color: var(--Cards-card-text-secondary, #464a51);
    font-size: 0.875rem;
    line-height: 150%
}

.latest-winner__sum {
    margin-top: auto;
    padding: 2px 12px;
    border-radius: var(--button-radius, 36px);
    background: var(--Accent-colors-accent-main-bg, #00f4e8);
    color: var(--Accent-colors-accent-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 600
}

.mob-btn {
    position: fixed;
    left: 0;
    bottom: 16px;
    z-index: 30;
    width: 100%;
    max-width: calc(100% - var(--offsets, 20px) * 2);
    margin-inline: 16px;
    padding: 8px;
    border-radius: 12px;
    background: var(--Accent-colors-accent-main-bg, #00f4e8);
    display: flex;
    align-items: center;
    gap: 16px
}

.mob-btn img {
    max-width: 58px;
    object-fit: contain;
    margin-right: -8px
}

.mob-btn__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    color: var(--Accent-colors-accent-text, #0b121b);
    font-size: 0.875rem;
    line-height: 150%;
    font-weight: 600
}

.mob-btn__text span {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 150%
}

.mob-btn__btn {
    min-width: min-content;
    padding: 8px 16px;
    gap: 4px;
    margin-left: auto
}

@media (min-width: 576px) {
    .mob-btn {
        display: none
    }
}


/*========*/


.cr-section-hero {
    /*padding-block: 32px 0;*/
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
    color: var(--on-surface)
}

.cr-section-hero h1 {
    margin-bottom: 32px
}

.cr-section-hero__bonus {
    min-width: 420px;
    max-width: 420px;
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    padding: 24px;
    border-radius: 16px;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1490196078);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1490196078);
    background: #fff;
}

.cr-section-hero__bonus svg {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.cr-section-hero__bonus img {
    width: 100%;
    border-radius: 16px
}

.cr-section-hero__bonus-info {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    font-size: 25px;
    line-height: 136%;
    font-weight: 400;
    color: var(--on-surface);
    text-align: center
}

.cr-section-hero__bonus-info span {
    font-size: 32px;
    line-height: 136%;
    font-weight: 400
}

.cr-section-hero__bonus-copy {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cr-section-hero__bonus-copy-text {
    font-family: var(--ff-secondary)
}

.cr-section-hero__bonus-copy-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cr-section-hero__bonus-copy-wrap > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cr-section-hero__bonus-copy > .btn {
    width: 100%
}

.cr-section-hero__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cr-section-hero__rate-payout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cr-section-hero__rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    font-size: 18px;
    line-height: 136%;
    font-weight: 500;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.cr-section-hero__rate::after, .cr-section-hero__rate::before {
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0
}

.cr-section-hero__rate::before {
    content: "★★★★★";
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-color)), to(var(--star-bg)));
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cr-section-hero__rate::after {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0;
    color: var(--star-color)
}

.cr-section-hero__payout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    font-size: 18px;
    line-height: 136%;
    font-weight: 400
}

.cr-section-hero__payout svg {
    width: 24px;
    height: 24px
}

.cr-section-hero__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: var(--on-surface-var);
    font-size: 18px;
    line-height: 136%;
    font-weight: 400
}

.cr-section-hero__author-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cr-section-hero__author-name p {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cr-section-hero__author-name span {
    color: var(--on-surface)
}

.cr-section-hero__author-img {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--primary-simple)
}

.cr-section-hero__author-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cr-section-hero__soc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.cr-section-hero__soc-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cr-section-hero__soc-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background
}

.cr-section-hero__soc-list li a:active, .cr-section-hero__soc-list li a:focus {
    background: var(--primary-opacity-12-dark)
}

.cr-section-hero__soc-list li svg {
    width: 24px;
    height: 24px
}

.cr-section-hero time {
    padding-left: 8px;
    border-left: 1px solid var(--outline-var);
    margin-top: 0
}

.cr-section-hero__descr {
    font-size: 18px;
    line-height: 136%;
    font-weight: 400;
    color: var(--on-surface);
    margin-top: 20px
}

.cr-section-hero__descr p:first-child {
    margin-top: 0
}

.cr-section-hero__info {
    width: 100%;
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px
}

.cr-section-hero__info-item {
    border-radius: 16px;
    padding: 24px;
    background: #fff;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .1490196078);
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cr-section-hero__info-item_col .cr-section-hero__info-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cr-section-hero__info-item_col .cr-section-hero__info-list > li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.cr-section-hero__info-header {
    font-size: 25px;
    line-height: 136%;
    font-weight: 400;
    color: var(--on-surface);
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--outline-var)
}

.cr-section-hero__table th {
    vertical-align: center;
    font-size: 18px;
    line-height: 136%;
    font-weight: 500;
    color: var(--tertiary);
    margin-top: 0
}

.cr-section-hero__table td {
    vertical-align: top;
    color: var(--on-surface-var);
    font-size: 18px;
    line-height: 136%;
    font-weight: 400
}

.cr-section-hero__table td, .cr-section-hero__table th {
    text-align: left
}

.cr-section-hero__table-list {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    row-gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cr-section-hero__table-tr {
    min-width: calc((100% - 40px) / 3);
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    color: var(--on-surface-var);
    font-size: 18px;
    line-height: 136%;
    font-weight: 400
}

.cr-section-hero__table-tr span {
    display: block;
    font-size: 18px;
    line-height: 136%;
    font-weight: 500;
    color: var(--tertiary)
}

.cr-section-hero__table-inner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cr-section-hero__table-inner-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px
}

.cr-section-hero__table-inner-list li svg {
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px
}


.fixed-el {
    position: sticky;
    left: 0;
    bottom: 0;
    z-index: 80;
    border-radius: 16px 16px 0 0;
    background: var(--Footer-footer-main-bg, #06161b);
    padding: 8px 16px;
    display: none;
    align-items: center;
    gap: 8px;
    color: var(--M3-sys-dark-on-primary, #fff)
}

.fixed-el img, .fixed-el svg {
    max-width: 100px;
    max-height: auto
}

.fixed-el .btn {
    margin-left: auto;
}

.fixed-el__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    font-size: 1.1111111111rem;
    line-height: 1.3333333333rem;
    font-weight: 500;
    color: var(--M3-sys-dark-on-primary-container, #d3e4ff);
    letter-spacing: 0
}

.fixed-el__main span {
    color: var(--Buttons-colors-button-bg, #00f4e8)
}


@media (max-width: 767.9px) {
    .fixed-el {
        display: flex;
    }

    .cr-section-hero__bonus {
        min-width: 100%;
    }

    .cr-section-hero__table-list {
        flex-direction: column;
    }
}