@charset "UTF-8";

@font-face {
    font-family: "Rubik";
    font-display: swap;
    src: url("../fonts/Rubik-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Rubik";
    font-display: swap;
    src: url("../fonts/Rubik-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Rubik";
    font-display: swap;
    src: url("../fonts/Rubik-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Rubik";
    font-display: swap;
    src: url("../fonts/Rubik-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Rubik";
    font-display: swap;
    src: url("../fonts/Rubik-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Rubik";
    font-display: swap;
    src: url("../fonts/Rubik-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

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

*: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: var(--wrapper-margin) auto 0;
    padding: 0 var(--offsets, 20px);
}
.wrapper > .btn:not(:first-child) {
    margin-top: 20px;
}
.wrapper > img:not([class]) {
    display: block;
}
.wrapper > img:not([class]):not(:first-child) {
    margin-top: 32px;
}
.wrapper > img:not([class]):not(:last-child) {
    margin-bottom: 32px;
}
@media (max-width: 767.9px) {
    .wrapper > .btn {
        width: 100%;
    }
    .wrapper > .btn:not(:first-child) {
        margin-top: 16px;
    }
}
@media (max-width: 575.9px) {
    .wrapper > img:not([class]):not(:first-child) {
        margin-top: 24px;
    }
    .wrapper > img:not([class]):not(:last-child) {
        margin-bottom: 24px;
    }
}

h3,
h4,
h5,
h6 {
    margin-bottom: 16px;
}
h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child),
h6:not(:first-child) {
    margin-top: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--on-surface-on-surface-light, #fff2f2);
}

p:not([class]) {
    margin-top: 24px;
}
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]) {
    cursor: pointer;
    /*color: var(--on-surface-on-surface-light, #fff2f2);*/
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

p:not([class]) a:not([class]):active,
ul:not([class]) a:not([class]):active,
ol:not([class]) a:not([class]):active {
    color: var(--primary-primary, #d32f6f);
    text-decoration: underline;
    text-underline-offset: 3px;
}
@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 {
        color: var(--primary-primary, #d32f6f);
        text-decoration: underline;
        text-underline-offset: 3px;
    }
    p:not([class]) a:not([class]):focus,
    ul:not([class]) a:not([class]):focus,
    ol:not([class]) a:not([class]):focus {
        color: var(--primary-primary, #d32f6f);
        text-decoration: underline;
        text-underline-offset: 3px;
    }
}

h1 {
    margin-bottom: 32px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}
@media (max-width: 575.9px) {
    h1 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}
@media (max-width: 575.9px) {
    h1 {
        margin-bottom: 16px;
    }
}

h2 {
    margin-bottom: 32px;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
}
@media (max-width: 575.9px) {
    h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
@media (max-width: 575.9px) {
    h2 {
        margin-bottom: 24px;
    }
}

h3 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 2rem;
}
h3:not([class]) {
    margin-top: 20px;
}
@media (max-width: 575.9px) {
    h3 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
@media (max-width: 575.9px) {
    h3:not([class]) {
        margin-top: 20px;
    }
}

ul:not([class]),
ul.wp-block-list,
ol:not([class]),
ol.wp-block-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}
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: 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: 32px;
}
ol:not([class]) li::before,
ol.wp-block-list li::before {
    position: absolute;
    content: counter(ol-default);
    left: 1px;
    top: 1px;
    width: 22px;
    height: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--surface-container-surface-container-low, #1f122a);
    border-radius: 1px;
    background: var(--on-surface-on-surface-light, #fff2f2);
}

ul:not([class]) li,
ul.wp-block-list li {
    padding-left: 26px;
}
ul:not([class]) li::before,
ul.wp-block-list li::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M13.5 4.5v5.293L9.793 13.5H4.5v-9z" stroke="%23B36290"/></svg>');
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
}

.form {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}
.form > .btn {
    width: 100%;
}
.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 + .form__label {
    margin-top: 6px;
}
.form__label-text {
    position: absolute;
    left: 14px;
    top: 16px;
    background: var(--surface-container-high, #282b24);
    color: var(--on-surface-variant, #c3c8bb);
    padding-inline: 2px;
    pointer-events: none;
    transition-property: transform, top, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.form__label-error {
    position: relative;
    left: 8px;
    display: none;
    align-items: center;
    gap: 6px;
    color: var(--error, #ffb4ab);
}
.form__label.has-value input,
.form__label.has-value textarea {
    border-color: var(--primary, #7ade50);
    box-shadow: 0 0 0 1px var(--primary, #7ade50);
}
.form__label.has-value .form__label-text {
    top: 0px;
    transform: translateY(-50%);
    color: var(--primary, #7ade50);
}
.form__label.has-error input,
.form__label.has-error textarea {
    border-color: var(--error, #ffb4ab) !important;
    box-shadow: 0 0 0 1px var(--error, #ffb4ab) !important;
}
.form__label.has-error .form__label-text {
    color: var(--error, #ffb4ab) !important;
}
.form__label.has-error .form__label-error {
    display: flex;
}
.form input,
.form textarea {
    font-size: 1.125rem;
    line-height: 136%;
    color: var(--on-surface-var, #c0c8d8);
}
.form input {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 15px;
    background: transparent;
    border-radius: 4px;
    border: 1px solid var(--outline, #8d9287);
    box-shadow: 0 0 0 1px transparent;
    color: var(--on-surface, #e1e4d9);
    transition-property: border-color, box-shadow;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .form input:hover {
        border-color: var(--on-surface, #e1e4d9);
    }
    .form input:hover + .form__label-text {
        color: var(--on-surface, #e1e4d9);
    }
}
.form input:focus {
    border-color: var(--primary, #7ade50);
    box-shadow: 0 0 0 1px var(--primary, #7ade50);
}
.form input:focus ~ .form__label-text,
.form input:focus .form__label-text {
    top: 0px;
    transform: translateY(-50%);
    color: var(--primary, #7ade50);
}
.form .form__response {
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    text-align: center;
}

.no-scroll {
    overflow: hidden;
    touch-action: none;
}

html {
    font-size: var(--font-default);
}
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: 10px;
        scrollbar-color: var(--primary-primary, #d32f6f) transparent;
    }
}
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--primary-primary, #8b5cf6);
}
html::-webkit-scrollbar-track {
    background: transparent;
}

body {
    background: var(--surface-surface, #190e22);
    color: var(--on-surface-on-surface-dark, #b8929d);
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 100vh;
    font-family: var(--ff-rubik);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
@media (max-width: 575.9px) {
    body {
        font-size: 0.9375rem;
    }
}

main {
    flex-grow: 1;
}

table {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
}

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

:root {
    --offsets: 20px;
    --width-container: 1232px;
    --wrapper-margin: 48px;
    --font-default: 16px;
    --ff-rubik: "Rubik", sans-serif;
    --ff-secondary: "Nippo", "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif;
    --star-color: #ff8f4a;
    --star-bg: transparent;
    --surface-surface: #190e22;
    --on-surface-on-surface-light: #fff2f2;
    --surface-container-surface-container: #3d123f;
    --on-surface-on-surface: #fbe8ee;
    --on-surface-on-surface-dark: #b8929d;
    --surface-surface-dim: #120b16;
    --primary-primary: #d32f6f;
    --primary-on-primary: #fdf1d1;
    --primary-primary-hover: #e85691;
    --primary-primary-disabled: #7d3d56;
    --secondary-secondary: #f177a5;
    --secondary-secondary-hover: #f8a4c1;
    --secondary-secondary-focus: #ffbad2;
    --secondary-secondary-disabled: #a6647e;
    --tertiary-tertiary: #b36290;
    --tertiary-tertiary-hover: #d58bb1;
    --tertiary-tertiary-focus: #e399bf;
    --tertiary-tertiary-disabled: #77546c;
    --outline-outline-light: #9271a1;
    --surface-container-on-surface-container-disabled: #c1a7cf;
    --outline-outline: #5b3d64;
    --states-focused: rgba(255, 255, 255, 0.12);
    --states-hovered: rgba(255, 255, 255, 0.08);
}
@media (max-width: 575.9px) {
    :root {
        --offsets: 16px;
        --wrapper-margin: 32px;
    }
}

.header {
    --header-height: 60px;
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 20px) * 2);
    margin: 0 auto;
    padding: 0 var(--offsets, 20px);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    padding-block: 16px;
}
@media (max-width: 1239.9px) {
    .header {
        min-height: unset;
        padding-block: 8px;
    }
}
@media (max-width: 767.9px) {
    .header {
        display: grid;
        grid-template-columns: auto auto 1fr;
        column-gap: 16px;
        row-gap: 17px;
    }
}
@media (max-width: 575.9px) {
    .header {
        flex-wrap: wrap;
        gap: 16px;
    }
}
.header__logo {
    display: flex;
}
.header__logo:is(a) {
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .header__logo:is(a):hover {
        opacity: 0.6;
    }
}
.header__logo:is(a):active {
    opacity: 0.6;
}
@media (any-hover: hover) {
    .header__logo:is(a):focus {
        opacity: 0.6;
    }
}
.header__logo img,
.header__logo svg {
    max-width: 200px;
    max-height: 60px;
    object-fit: contain;
}
@media (max-width: 575.9px) {
    .header__logo img,
    .header__logo svg {
        max-height: 40px;
        width: auto;
    }
}
.header__block {
    z-index: 50;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 24px;
    row-gap: 32px;
}
.header__block-bg {
    display: none;
}
.header__nav {
    margin-inline: 24px auto;
}
@media (max-width: 1239.9px) {
    .header__nav {
        margin-inline: 0;
        overflow-y: auto;
        max-height: 100%;
    }
    @supports not selector(::-webkit-scrollbar) {
        .header__nav {
            scrollbar-width: thin;
            scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) transparent;
        }
    }
    .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 transparent;
    }
    .header__nav::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 9px;
    }
}
.header__burger {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 8px;
    margin: 2px;
    align-self: center;
    cursor: pointer;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .header__burger:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.header__burger:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .header__burger:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}
@media (min-width: 1240px) {
    .header__burger {
        display: none;
    }
}
.header__burger span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.2s ease 0.2s, background 0.2s;
}
.header__burger span, .header__burger::before, .header__burger::after {
    width: 18px;
    height: 2px;
    background-color: #fff;
    border-radius: 3px;
}
.header__burger::before, .header__burger::after {
    content: "";
    position: absolute;
}
.header__burger::before {
    top: 11px;
    transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0.1s, background 0.2s;
}
.header__burger::after {
    bottom: 11px;
    transition: bottom 0.15s ease 0.2s, transform 0.15s ease-out 0.1s, background 0.2s;
}
.header__bonus {
    position: relative;
    min-width: 240px;
    min-height: 44px;
    padding: 10px 21px 10px 61px;
    margin-left: auto;
    color: var(--tertiary-tertiary, #b36290);
    filter: drop-shadow(0px 2px 22px rgba(179, 98, 144, 0.4));
    background: transparent;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.header__bonus svg {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
}
.header__bonus svg .line {
    transition-property: fill;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.header__bonus::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 14px;
    transform: translateY(-50%);
    background-image: url("../images/gift.webp");
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
}
.header__bonus:active {
    color: var(--tertiary-tertiary-hover, #d58bb1);
}
.header__bonus:active svg .line {
    fill: var(--tertiary-tertiary-hover, #d58bb1);
}
@media (any-hover: hover) {
    .header__bonus:hover {
        color: var(--tertiary-tertiary-hover, #d58bb1);
    }
    .header__bonus:hover svg .line {
        fill: var(--tertiary-tertiary-hover, #d58bb1);
    }
    .header__bonus:focus {
        color: var(--tertiary-tertiary-hover, #d58bb1);
    }
    .header__bonus:focus svg .line {
        fill: var(--tertiary-tertiary-hover, #d58bb1);
    }
}
@media (max-width: 767.9px) {
    .header__bonus {
        grid-row: 2/3;
        grid-column: 1/-1;
        margin: 0;
        justify-self: flex-start;
    }
}
.header__lang {
    cursor: pointer;
    position: relative;
    z-index: 40;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 10px 8px;
    border: 1px solid var(--outline-outline, #5b3d64);
    color: var(--on-surface-on-surface, #fbe8ee);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: uppercase;
}
@media (max-width: 1239.9px) {
    .header__lang {
        padding: 8px;
    }
}
@media (max-width: 767.9px) {
    .header__lang {
        margin-left: auto;
    }
}
.header__lang::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="m13.834 5.935-1.253-1.268-4.08 4.12-4.08-4.12-1.254 1.268 5.334 5.398z" fill="%23FBE8EE"/></svg>');
    width: 16px;
    height: 16px;
    display: block;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.header__lang img,
.header__lang svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    object-fit: cover;
    border-radius: 500px;
}
.header__lang.active::after {
    transform: rotate(-180deg);
}
.header__lang.active .header__lang-list {
    display: flex;
}
.header__lang-list {
    position: absolute;
    z-index: 1;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background: #271c2f;
    display: none;
}
@supports not selector(::-webkit-scrollbar) {
    .header__lang-list {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) transparent;
    }
}
.header__lang-list::-webkit-scrollbar {
    width: 4px;
}
.header__lang-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid transparent;
}
.header__lang-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}
.header__lang-item {
    display: flex;
}
.header__lang-item.current .header__lang-link {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
.header__lang-link {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    padding: 10px 8px;
    color: var(--on-surface-on-surface, #fbe8ee);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .header__lang-link:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.header__lang-link:active {
    background: var(--states-hovered, rgba(255, 255, 255, 0.08));
}
@media (any-hover: hover) {
    .header__lang-link:focus {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.header .header-menu {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: 32px;
    row-gap: 10px;
}
.header .header-menu .item a,
.header .header-menu .item span {
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: var(--on-surface-on-surface-light, #fff2f2);
    transition-property: background, color, border-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media (any-hover: hover) {
    .header .header-menu .item:not(.current) a:hover,
    .header .header-menu .item:not(.current) span:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.header .header-menu .item:not(.current) a:active,
.header .header-menu .item:not(.current) span:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .header .header-menu .item:not(.current) a:focus,
    .header .header-menu .item:not(.current) span:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}
.header .header-menu .item.current a,
.header .header-menu .item.current span {
    background: var(--states-hovered, rgba(255, 255, 255, 0.08));
}
@media (max-width: 1239.9px) {
    .header .header-menu {
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 0;
    }
    .header .header-menu .item a,
    .header .header-menu .item span {
        padding: 16px 32px;
    }
}
.header:not(.menu-active) .header__block {
    display: contents;
}
@media (max-width: 1239.9px) {
    .header:not(.menu-active) .header__nav {
        display: none;
    }
}
.header.menu-active .header__logo {
    justify-self: flex-end;
}
.header.menu-active .header__block {
    width: 320px;
    max-width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 100dvh;
    padding: 8px 16px 16px 16px;
}
.header.menu-active .header__block-bg {
    display: block;
    z-index: -2;
    width: 100vw;
    height: 100vh;
    position: fixed;
    inset: 0;
    background-color: rgba(25, 14, 34, 0.5);
}
.header.menu-active .header__block::after {
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--surface-container-surface-container, #2b1c3c);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.header.menu-active .header__nav {
    grid-column: 1/-1;
    width: calc(100% + 32px);
    margin-left: -16px;
}
.header.menu-active .header__burger:before {
    top: 17px;
    transform: rotate(45deg);
    transition: top 0.2s ease, transform 0.2s ease-out 0.2s;
}
.header.menu-active .header__burger span {
    opacity: 0;
}
.header.menu-active .header__burger::after {
    bottom: 17px;
    transform: rotate(-45deg);
    transition: bottom 0.2s ease, transform 0.2s ease-out 0.2s;
}
@media (max-width: 767.9px) {
    .header.menu-active {
        grid-template-columns: 1fr;
    }
}

.footer {
    position: relative;
    padding-block: 64px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    row-gap: 32px;
}
@media (max-width: 1239.9px) {
    .footer {
        background: var(--surface-container-surface-container, #2b1c3c);
    }
}
@media (max-width: 991.9px) {
    .footer {
        grid-template-columns: auto 1fr;
    }
}
@media (max-width: 575.9px) {
    .footer {
        padding-block: 32px;
        row-gap: 24px;
    }
}
.footer > * {
    grid-column: 1/-1;
}
.footer::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc((100vw - 100%) / -2);
    top: 0;
    height: 100%;
    width: 100vw;
    background: var(--surface-container-surface-container, #2b1c3c);
}
@media (max-width: 1239.9px) {
    .footer::before {
        display: none;
    }
}
.footer__nav {
    grid-column: 2/3;
}
.footer__nav-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 20px;
    color: var(--on-surface-on-surface-light, #fff2f2);
}
@media (max-width: 1239.9px) {
    .footer__nav-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575.9px) {
    .footer__nav-list {
        grid-template-columns: 1fr;
    }
}
.footer__nav-item {
    display: flex;
}
.footer__nav a.footer__nav-link,
.footer__nav-item > span {
    padding: 8px 16px;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media (any-hover: hover) {
    .footer__nav a.footer__nav-link:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.footer__nav a.footer__nav-link:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .footer__nav a.footer__nav-link:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}
.footer__logo {
    position: relative;
    display: flex;
    align-self: center;
    justify-self: flex-start;
    grid-column: 1/2;
    background: var(--surface-container-surface-container, #2b1c3c);
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .footer__logo:hover {
        opacity: 0.6;
    }
}
.footer__logo:active {
    opacity: 0.6;
}
@media (any-hover: hover) {
    .footer__logo:focus {
        opacity: 0.6;
    }
}
.footer__logo img,
.footer__logo svg {
    max-width: 150px;
    max-height: 60px;
}
@media (max-width: 575.9px) {
    .footer__logo img,
    .footer__logo svg {
        max-height: 48px;
    }
}
.footer__logo-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.footer__logo-wrap::before, .footer__logo-wrap::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--outline-outline, #5b3d64);
}
.footer__copyright {
    margin-top: -12px;
    align-self: center;
    text-align: center;
    color: var(--on-surface-on-surface-light, #fff2f2);
}
@media (max-width: 575.9px) {
    .footer__copyright {
        margin-top: -4px;
    }
}
.footer__flags {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    row-gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.footer__flags img,
.footer__flags svg {
    max-width: 32px;
    max-height: 23px;
    border-radius: 6px;
    object-fit: cover;
}
@media (max-width: 575.9px) {
    .footer__flags {
        gap: 16px;
    }
}
.footer__flag-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.footer__logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 32px;
    border-top: 1px solid var(--outline-outline, #5b3d64);
}
.footer__logos img,
.footer__logos svg {
    max-width: 100%;
    max-height: 48px;
}
@media (max-width: 575.9px) {
    .footer__logos {
        padding-top: 24px;
        gap: 16px;
    }
    .footer__logos img,
    .footer__logos svg {
        max-height: 32px;
    }
}

.section-hero {
    margin-top: 16px;
}
@media (max-width: 575.9px) {
    .section-hero {
        margin-top: 24px;
    }
}
.section-hero h1 {
    text-align: center;
    margin-bottom: 24px;
}
.section-hero__demo {
    height: 500px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    background-position: center;
    background-size: cover;
}
.section-hero__demo::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(35, 66, 105, 0.5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.section-hero__demo-btns {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
}
.section-hero__demo-btns .btn {
    width: 100%;
}
@media (max-width: 767.9px) {
    .section-hero__demo {
        height: 380px;
    }
}
.section-hero__author {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 8px;
    margin-top: 24px;
}
.section-hero__author img {
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
    border-radius: 500px;
    overflow: hidden;
    margin-right: 8px;
}
.section-hero__author-name {
    color: var(--on-surface-on-surface, #fbe8ee);
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid var(--outline-outline, #5b3d64);
}
.section-hero__author-name span {
    margin-right: 8px;
    color: var(--on-surface-on-surface-dark, #b8929d);
}
.section-hero__author-time {
    color: var(--on-surface-on-surface, #f0eef2);
}
@media (max-width: 575.9px) {
    .section-hero__author-name {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }
    .section-hero__author-name span {
        margin-right: 2px;
    }
    .section-hero__author img {
        max-width: 18px;
        max-height: 18px;
        margin-right: 4px;
    }
}
.section-hero p:not([class]) {
    margin-top: 16px;
    color: var(--on-surface-on-surface, #fbe8ee);
}
.section-hero__info {
    padding: 20px;
    background: var(--surface-container-surface-container, #2b1c3c);
    display: grid;
    grid-template-columns: 146px auto 1fr;
    grid-template-rows: auto auto 1fr;
    row-gap: 8px;
}
.section-hero__info:not(:first-child) {
    margin-top: 24px;
}
@media (max-width: 991.9px) {
    .section-hero__info {
        grid-template-columns: 146px 1fr;
        grid-template-rows: auto auto auto 1fr;
    }
}
@media (max-width: 575.9px) {
    .section-hero__info {
        padding: 12px;
    }
}
.section-hero__info > img {
    align-self: center;
    margin-right: 16px;
    width: calc(100% - 16px);
}
@media (max-width: 575.9px) {
    .section-hero__info > img {
        margin-bottom: 8px;
        margin-right: 0;
        width: 100%;
    }
}
.section-hero__info-title {
    align-self: flex-end;
    color: var(--M3-sys-dark-on-surface, #e0e4db);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 2rem;
}
@media (max-width: 575.9px) {
    .section-hero__info-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
.section-hero__info-rating {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    align-self: flex-start;
    color: var(--on-surface-on-surface-dark, #b8929d);
}
.section-hero__info-rating span {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.section-hero__info-rating span {
    color: var(--on-surface-on-surface, #fbe8ee);
    flex-direction: row-reverse;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
}
.section-hero__info-rating span::before, .section-hero__info-rating span::after {
    font-size: 22px;
    line-height: 20px;
    height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}
.section-hero__info-rating span::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: transparent;
}
.section-hero__info-rating span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0px;
    color: var(--star-color);
}
.section-hero__info-rating span::before {
    content: "★";
}
.section-hero__info-rating span::after {
    content: "☆";
}
.section-hero__info > img {
    grid-row: 1/3;
}
.section-hero__info-title, .section-hero__info-rating {
    grid-column: 2/3;
}
.section-hero__info .section-hero__table {
    grid-column: 1/-1;
}
.section-hero__info .section-hero__bonus {
    grid-row: 1/3;
    grid-column: 3/4;
}
@media (max-width: 991.9px) {
    .section-hero__info .section-hero__bonus {
        grid-column: 1/-1;
        grid-row: 3/4;
    }
}
@media (max-width: 575.9px) {
    .section-hero__info {
        grid-template-columns: 1fr;
    }
    .section-hero__info > img {
        grid-row: unset;
    }
    .section-hero__info-title, .section-hero__info-rating {
        grid-column: 1/-1;
    }
    .section-hero__info .section-hero__bonus {
        grid-row: unset;
    }
}
.section-hero__table {
    margin-top: 16px;
}
@media (max-width: 575.9px) {
    .section-hero__table {
        margin-top: 8px;
    }
}
.section-hero__table-body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    overflow: hidden;
}
@media (max-width: 991.9px) {
    .section-hero__table-body {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 575.9px) {
    .section-hero__table-body {
        grid-template-columns: 1fr;
    }
}
.section-hero__table-row {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.section-hero__table-row::after {
    content: "";
    position: absolute;
    top: calc(100% + 12px);
    width: 100%;
    height: 1px;
    background: var(--outline-outline, #5b3d64);
}
.section-hero__table-title {
    color: var(--on-surface-on-surface-dark, #b8929d);
    font-size: 1rem;
    text-align: left;
}
.section-hero__table-text {
    color: var(--on-surface-on-surface-light, #fff2f2);
    text-align: right;
    font-weight: 600;
    font-size: 1rem;
}
.section-hero__bonus {
    margin-left: 24px;
    border-radius: 4px;
    background: var(--surface-surface-dim, #120b16);
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 240px;
    row-gap: 4px;
    column-gap: 12px;
}
.section-hero__bonus .btn {
    align-self: center;
    width: 100%;
}
.section-hero__bonus-type {
    color: var(--on-surface-on-surface-light, #fff2f2);
}
.section-hero__bonus-text {
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.section-hero__bonus-text span {
    color: var(--tertiary-tertiary, #b36290);
}
@media (min-width: 576px) {
    .section-hero__bonus .btn {
        grid-column: 2/3;
        grid-row: 1/3;
    }
}
@media (max-width: 991.9px) {
    .section-hero__bonus {
        margin-left: 0;
        margin-top: 16px;
    }
}
@media (max-width: 575.9px) {
    .section-hero__bonus {
        grid-template-columns: 1fr;
        margin-top: 8px;
    }
    .section-hero__bonus .btn {
        margin-top: 8px;
        width: 100%;
    }
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.modal:not(.active) {
    display: none;
}
.modal__content {
    position: relative;
    margin: auto var(--offsets, 20px);
    padding: 16px;
    width: 100%;
    max-width: calc(var(--width-container));
    max-height: calc(100vh - var(--offsets, 20px));
    background: var(--surface-container-surface-container, #2b1c3c);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 10px;
    row-gap: 16px;
    grid-template-rows: auto auto 1fr;
}
.modal__content > * {
    grid-column: 1/-1;
}
.modal__content .modal__title {
    grid-column: 1/2;
}
.modal__content .modal__close {
    grid-column: 2/3;
}
.modal__content .btn {
    margin-inline: auto;
}
@media (max-width: 575.9px) {
    .modal__content {
        padding: 12px;
        row-gap: 12px;
        height: 100%;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
    }
    .modal__content .btn {
        width: 100%;
    }
}
.modal__body {
    position: relative;
    aspect-ratio: 16/9;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
}
@supports not selector(::-webkit-scrollbar) {
    .modal__body {
        scrollbar-width: thin;
        scrollbar-color: var(--primary-opacity-012, rgba(208, 188, 255, 0.12)) transparent;
    }
}
.modal__body::-webkit-scrollbar {
    width: 4px;
}
.modal__body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--primary-opacity-012, rgba(208, 188, 255, 0.12));
    border-radius: 9px;
    border: 4px solid transparent;
}
.modal__body::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}
@media (max-width: 575.9px) {
    .modal__body {
        aspect-ratio: unset;
    }
}
.modal__body:before {
    content: "Loading...";
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: #fff;
    animation: loading 1s linear infinite alternate;
    z-index: 1;
}
@keyframes loading {
    to {
        opacity: 0;
    }
}
.modal iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 2;
    display: block;
}
.modal__title {
    align-self: center;
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 2rem;
}
@media (max-width: 575.9px) {
    .modal__title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
.modal__close {
    align-self: center;
    position: relative;
    background: transparent;
    border: 0;
    margin: 2px;
    overflow: hidden;
    width: 36px;
    height: 36px;
    display: flex;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .modal__close:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.modal__close:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .modal__close:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}
.modal__close::after {
    content: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.126 11.46a1 1 0 0 1 1.414 1.414l-5.126 5.125 5.126 5.126.068.076a1 1 0 0 1-1.406 1.406l-.076-.068L18 19.413l-5.125 5.126-.076.068a1 1 0 0 1-1.406-1.406l.068-.076 5.125-5.126-5.125-5.125a1 1 0 1 1 1.414-1.414L18 16.585z" fill="%23FFF2F2"/></svg>');
    width: 36px;
    height: 36px;
}

.author-block {
    padding: 16px 24px;
    background: var(--surface-container-surface-container, #2b1c3c);
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 8px;
    align-items: center;
}
.author-block:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 575.9px) {
    .author-block {
        padding: 16px;
    }
    .author-block:not(:first-child) {
        margin-top: 24px;
    }
}
.author-block img {
    width: 52px;
    height: 52px;
    min-width: 52px;
    object-fit: cover;
}
.author-block__name {
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 2rem;
}
@media (max-width: 575.9px) {
    .author-block__name {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
.author-block__role {
    color: var(--on-surface-on-surface-dark, #b8929d);
    margin-left: 8px;
}
.author-block__rate {
    color: var(--on-surface-on-surface, #fbe8ee);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.author-block__rate {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
}
.author-block__rate::before, .author-block__rate::after {
    font-size: 22px;
    line-height: 20px;
    height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}
.author-block__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: transparent;
}
.author-block__rate::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0px;
    color: var(--star-color);
}
@media (max-width: 575.9px) {
    .author-block__rate::before, .author-block__rate::after {
        font-size: 18px;
        line-height: 16px;
        height: 18px;
        letter-spacing: 0px;
    }
}
.author-block__text {
    margin-top: 8px;
    grid-column: 1/-1;
}
@media (max-width: 991.9px) {
    .author-block {
        grid-template-columns: auto auto 1fr;
    }
    .author-block img {
        grid-row: 1/3;
        width: 56px;
        height: 56px;
        min-width: 56px;
    }
    .author-block__name {
        grid-area: 1/2/2/-1;
    }
    .author-block__role {
        grid-area: 2/2/3/3;
        margin-left: 0;
    }
    .author-block__rate {
        grid-area: 2/3/3/-1;
    }
}

.btn {
    cursor: pointer;
    overflow: hidden;
    padding: 16px 32px;
    color: var(--on-surface-on-surface-light, #fff2f2);
    transition-property: background, box-shadow, color, border-color;
    transition-duration: 0.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: transparent;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.btn svg {
    min-width: 20px;
    min-height: 20px;
    max-width: 48px;
    max-height: 48px;
}
.btn svg path {
    transition-property: fill;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.btn[disabled], .btn.disabled {
    pointer-events: none;
}
.btn--primary {
    background: var(--primary-primary, #d32f6f);
    color: var(--primary-on-primary, #fdf1d1);
}
@media (any-hover: hover) {
    .btn--primary:hover {
        background: var(--primary-primary-hover, #e85691);
    }
}
.btn--primary:active {
    background: var(--primary-primary-focus, #f2629c);
}
@media (any-hover: hover) {
    .btn--primary:focus {
        background: var(--primary-primary-focus, #f2629c);
    }
}
.btn--primary[disabled], .btn--primary.disabled {
    background: var(--primary-primary-disabled, #7d3d56);
}
.btn--secondary {
    background: var(--secondary-secondary, #f177a5);
    color: var(--secondary-on-secondary, #361f2a);
}
@media (any-hover: hover) {
    .btn--secondary:hover {
        background: var(--secondary-secondary-hover, #f8a4c1);
    }
}
.btn--secondary:active {
    background: var(--secondary-secondary-focus, #ffbad2);
}
@media (any-hover: hover) {
    .btn--secondary:focus {
        background: var(--secondary-secondary-focus, #ffbad2);
    }
}
.btn--secondary[disabled], .btn--secondary.disabled {
    background: var(--secondary-secondary-disabled, #a6647e);
}
.btn--tertiary {
    background: var(--tertiary-tertiary, #b36290);
    color: var(--tertiary-on-tertiary, #fff);
}
@media (any-hover: hover) {
    .btn--tertiary:hover {
        background: var(--tertiary-tertiary-hover, #d58bb1);
    }
}
.btn--tertiary:active {
    background: var(--tertiary-tertiary-focus, #e399bf);
}
@media (any-hover: hover) {
    .btn--tertiary:focus {
        background: var(--tertiary-tertiary-focus, #e399bf);
    }
}
.btn--tertiary[disabled], .btn--tertiary.disabled {
    background: var(--tertiary-tertiary-disabled, #77546c);
}
.btn--outlined {
    color: var(--on-surface-on-surface-light, #fff2f2);
    border: 1px solid var(--outline-outline-light, #9271a1);
}
@media (any-hover: hover) {
    .btn--outlined:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.btn--outlined:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .btn--outlined:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}
.btn--outlined[disabled], .btn--outlined.disabled {
    color: var(--surface-container-on-surface-container-disabled, #c1a7cf);
    border: 1px solid var(--outline-outline-light, #9271a1);
    background: transparent;
}
.btn--text {
    background: transparent;
    color: var(--on-surface-on-surface-light, #fff2f2);
}
@media (any-hover: hover) {
    .btn--text:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.btn--text:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .btn--text:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}
.btn--text[disabled], .btn--text.disabled {
    color: var(--surface-container-on-surface-container-disabled, #c1a7cf);
    background: transparent;
}
.btn--elevated {
    background: var(--surface-container-surface-container, #2b1c3c);
    color: var(--on-surface-on-surface-light, #fff2f2);
}
@media (any-hover: hover) {
    .btn--elevated:hover {
        background: #3c2e4b;
    }
}
.btn--elevated:active {
    background: #453854;
}
@media (any-hover: hover) {
    .btn--elevated:focus {
        background: #453854;
    }
}
.btn--elevated[disabled], .btn--elevated.disabled {
    color: var(--surface-container-on-surface-container-disabled, #c1a7cf);
    background: var(--surface-container-surface-container-disabled, #563c5d);
}
.btn--m {
    padding: 12px 24px;
}
.btn--s {
    padding: 8px 16px;
}

.faq {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
}
.faq:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 575.9px) {
    .faq:not(:first-child) {
        margin-top: 24px;
    }
}
.faq__item {
    margin-block: 8px;
    border-top: 1px solid var(--outline-outline, #5b3d64);
}
.faq__item:first-child {
    margin-top: 0;
}
@media (max-width: 575.9px) {
    .faq__item {
        margin-block: 4px;
    }
}
.faq__item-details[open] summary {
    padding-block: 8px;
}
.faq__item-details[open] summary::after {
    transform: rotate(-180deg);
}
@media (max-width: 575.9px) {
    .faq__item-details[open] summary {
        padding-block: 4px;
    }
}
.faq__item-details p {
    margin-top: 8px;
}
.faq summary {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    position: relative;
    color: var(--on-surface-on-surface-light, #fff2f2);
    min-height: 48px;
    cursor: pointer;
    list-style: none;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media (any-hover: hover) {
    .faq summary:hover::before {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.faq summary::marker {
    content: "";
}
.faq summary::-webkit-details-marker {
    display: none;
}
.faq summary::before {
    content: "";
    position: absolute;
    top: 50%;
    margin: 0 2px;
    right: 0;
    width: 44px;
    height: 44px;
    display: block;
    transform: translateY(-50%);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.faq summary::after {
    content: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m28.668 19.42-1.567-1.586-5.1 5.15-5.1-5.15-1.566 1.585L22 26.167z" fill="%23FFF2F2"/></svg>');
    margin: 2px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: block;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.gallery:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 991.9px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575.9px) {
    .gallery {
        gap: 16px;
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575.9px) {
    .gallery:not(:first-child) {
        margin-top: 24px;
    }
}
.gallery__item {
    position: relative;
    background: var(--surface-container-surface-container, #2b1c3c);
    padding: 10px;
    min-height: 186px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}
.gallery__item--video .gallery__item-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
@media (any-hover: hover) {
    .gallery__item--video:hover svg path:first-child {
        stroke: var(--primary-primary-hover, #e85691);
    }
    .gallery__item--video:hover svg path:last-child {
        fill: var(--primary-primary-hover, #e85691);
    }
}
.gallery__item--video:active svg path:first-child {
    stroke: var(--primary-primary-focus, #f2629c);
}
.gallery__item--video:active svg path:last-child {
    fill: var(--primary-primary-focus, #f2629c);
}
@media (any-hover: hover) {
    .gallery__item--video:focus svg path:first-child {
        stroke: var(--primary-primary-focus, #f2629c);
    }
    .gallery__item--video:focus svg path:last-child {
        fill: var(--primary-primary-focus, #f2629c);
    }
}
.gallery__item-link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    flex: 1;
    overflow: hidden;
}
.gallery__item-link video,
.gallery__item-link img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
@media (max-width: 575.9px) {
    .gallery__item-link {
        height: 180px;
    }
}
.gallery__item-title,
.gallery__item svg {
    position: relative;
    z-index: 2;
}
.gallery__item-title {
    color: var(--on-surface-on-surface, #fbe8ee);
    margin-top: 10px;
}
.gallery__item svg {
    width: 52px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery__item svg path {
    transition-property: stroke, fill;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
@media (any-hover: hover) {
    .gallery__item:hover svg path:first-child {
        stroke: var(--primary-primary-hover, #e85691);
    }
    .gallery__item:hover svg path:last-child {
        fill: var(--primary-primary-hover, #e85691);
    }
}
.gallery__item:active svg path:first-child {
    stroke: var(--primary-primary-focus, #f2629c);
}
.gallery__item:active svg path:last-child {
    fill: var(--primary-primary-focus, #f2629c);
}
@media (any-hover: hover) {
    .gallery__item:focus svg path:first-child {
        stroke: var(--primary-primary-focus, #f2629c);
    }
    .gallery__item:focus svg path:last-child {
        fill: var(--primary-primary-focus, #f2629c);
    }
}

.how-to {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    counter-reset: how-to-list;
}
.how-to:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 575.9px) {
    .how-to {
        gap: 16px;
    }
    .how-to:not(:first-child) {
        margin-top: 24px;
    }
}
.how-to__item {
    position: relative;
    counter-increment: how-to-list;
    background: var(--surface-container-surface-container, #2b1c3c);
    padding: 16px 24px;
    display: grid;
    grid-template-columns: 352px 1fr;
    gap: 24px;
}
@media (max-width: 991.9px) {
    .how-to__item {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575.9px) {
    .how-to__item {
        gap: 16px;
        padding-inline: 16px;
    }
}
.how-to__item img {
    width: 100%;
}
@media (max-width: 991.9px) {
    .how-to__item img {
        order: 20;
    }
}
.how-to__item-title {
    width: 100%;
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 2rem;
}
@media (max-width: 575.9px) {
    .how-to__item-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
.how-to__item-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
}
.how-to__item-content::before {
    content: attr(data-text) " " counter(how-to-list);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 4px 16px;
    background: var(--surface-surface-dim, #120b16);
    color: var(--On-Surface, #f2f5fa);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.375rem;
}
@media (max-width: 991.9px) {
    .how-to__item-content {
        order: 1;
    }
}
@media (max-width: 575.9px) {
    .how-to__item-content {
        gap: 12px;
    }
}
@media (max-width: 575.9px) {
    .how-to__item .btn {
        width: 100%;
    }
}

.popular-slots {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 32px;
    overflow: hidden;
}
.popular-slots:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 767.9px) {
    .popular-slots {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575.9px) {
    .popular-slots:not(:first-child) {
        margin-top: 24px;
    }
}
.popular-slots__item {
    position: relative;
    display: grid;
    grid-template-columns: 100px 1fr 152px;
    row-gap: 12px;
}
@media (max-width: 767.9px) {
    .popular-slots__item {
        grid-template-columns: 100px 1fr auto;
    }
}
.popular-slots__item::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--outline-outline, #5b3d64);
    position: absolute;
    top: calc(100% + 16px);
    left: 0;
}
.popular-slots__item > img,
.popular-slots__item .popular-slots__btns {
    grid-row: 1/3;
}
.popular-slots__item > img {
    width: calc(100% - 12px);
    grid-column: 1/2;
    margin-right: 12px;
    align-self: center;
}
.popular-slots__item .popular-slots__btns {
    grid-column: 3/4;
}
.popular-slots__btns {
    position: relative;
    height: 100%;
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 8px;
}
.popular-slots__btns .btn {
    width: 100%;
}
.popular-slots__title {
    align-self: flex-end;
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.popular-slots__text {
    align-self: flex-start;
    color: var(--on-surface-on-surface-dark, #b8929d);
    font-size: 0.875rem;
    line-height: 1.375rem;
}

@media (max-width: 500px) {
    .popular-slots__item {
        display: flex;
        flex-direction: column;
    }

    .popular-slots__item > img {
        margin-right: 0;
    }

    .popular-slots__title,
    .popular-slots__text {
        width: 100%;
        text-align: center;
    }

    .popular-slots__btns {
        margin-left: 0;
    }
}

.pros-cons {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
}
.pros-cons:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 991.9px) {
    .pros-cons {
        flex-direction: column;
    }
}
@media (max-width: 575.9px) {
    .pros-cons {
        gap: 16px;
    }
    .pros-cons:not(:first-child) {
        margin-top: 24px;
    }
}
.pros-cons__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background: var(--surface-container-surface-container, #2b1c3c);
}
.pros-cons__item--pros .pros-cons__list li::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.004 5.333v13.334m6.668-6.672H5.339" stroke="%2330D158" stroke-width="2"/></svg>');
}
.pros-cons__item--cons .pros-cons__list li::before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.676 11.995H5.342" stroke="%23FF453A" stroke-width="2"/></svg>');
}
.pros-cons__title {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    background: var(--surface-surface-dim, #120b16);
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
}
@media (max-width: 575.9px) {
    .pros-cons__title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
@media (max-width: 575.9px) {
    .pros-cons__title {
        padding: 16px;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
.pros-cons__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px 20px 20px;
}
@media (max-width: 575.9px) {
    .pros-cons__list {
        padding: 16px;
    }
}
.pros-cons__list li {
    position: relative;
    padding-left: 28px;
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-weight: 600;
}
.pros-cons__list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    display: block;
}

.table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.table.scrolling td,
.table.scrolling th {
    pointer-events: none;
}
.table::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.table:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 575.9px) {
    .table:not(:first-child) {
        margin-top: 24px;
    }
}
.table table {
    min-width: 700px;
    background: var(--surface-container-surface-container, #2b1c3c);
    color: var(--on-surface-on-surface-light, #fff2f2);
}
.table table thead tr {
    background: var(--surface-surface-dim, #120b16);
}
.table table thead tr th {
    padding-block: 20px;
    padding-inline: 20px;
    text-align: left;
    color: var(--on-surface-on-surface-dark, #b8929d);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.table table thead tr th:first-child {
    padding-left: 20px;
}
.table table thead tr th:last-child {
    padding-right: 20px;
}
.table table thead tr th:not(:first-child) {
    padding-left: 12px;
}
.table table thead tr th:not(:last-child) {
    padding-right: 12px;
}
.table table td.bold {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.table table th,
.table table td {
    white-space: nowrap;
}
/*.table table th.bold,*/
/*.table table td.bold {*/
/*    color: var(--on-surface-on-surface-light, #fff2f2);*/
/*}*/
@media (max-width: 575.9px) {
    .table table thead tr th {
        padding-block: 28px;
        padding-inline: 16px;
    }
    .table table thead tr th:first-child {
        padding-left: 16px;
    }
    .table table thead tr th:last-child {
        padding-right: 16px;
    }
    .table table thead tr th:not(:first-child) {
        padding-left: 8px;
    }
    .table table thead tr th:not(:last-child) {
        padding-right: 8px;
    }
}
.table:not(.table--v) tr {
    position: relative;
}
.table:not(.table--v) tr:not(:last-child) td:first-child::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 100%;
    width: calc(100% - 40px);
    height: 1px;
    background: var(--outline-outline, #5b3d64);
}
.table:not(.table--v) tr:first-child td {
    padding-top: 24px;
}
.table:not(.table--v) tr:last-child td {
    padding-bottom: 24px;
}
.table:not(.table--v) td {
    padding-block: 16px;
    padding-inline: 20px;
}
.table:not(.table--v) td:first-child {
    padding-left: 20px;
}
.table:not(.table--v) td:last-child {
    padding-right: 20px;
}
.table:not(.table--v) td:not(:first-child) {
    padding-left: 12px;
}
.table:not(.table--v) td:not(:last-child) {
    padding-right: 12px;
}
@media (max-width: 575.9px) {
    .table:not(.table--v) tr:first-child td {
        padding-top: 16px;
    }
    .table:not(.table--v) tr:last-child td {
        padding-bottom: 16px;
    }
    .table:not(.table--v) tr:not(:last-child) td:first-child ::after {
        left: 16px;
        width: calc(100% - 32px);
    }
    .table:not(.table--v) td {
        padding-block: 16px;
        padding-inline: 16px;
    }
    .table:not(.table--v) td:first-child {
        padding-left: 16px;
    }
    .table:not(.table--v) td:last-child {
        padding-right: 16px;
    }
    .table:not(.table--v) td:not(:first-child) {
        padding-left: 8px;
    }
    .table:not(.table--v) td:not(:last-child) {
        padding-right: 8px;
    }
}
.table.table--v table td {
    position: relative;
    padding-block: 16px;
    padding-inline: 16px;
}
.table.table--v table td:first-child {
    padding-left: 16px;
}
.table.table--v table td:last-child {
    padding-right: 16px;
}
.table.table--v table td:not(:first-child) {
    padding-left: 12px;
}
.table.table--v table td:not(:last-child) {
    padding-right: 12px;
}
.table.table--v table td:first-child {
    background: var(--surface-surface-dim, #120b16);
    padding: 16px 20px;
    width: 220px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.table.table--v table td:last-child {
    padding-right: 24px;
}
.table.table--v table td:nth-of-type(2) {
    padding-left: 24px;
}
.table.table--v table td:not(:first-child)::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--outline-outline, #5b3d64);
}
.table.table--v table td:not(:first-child):nth-of-type(2)::after {
    left: 24px;
}
.table.table--v table td:not(:first-child):last-child::after {
    width: calc(100% - 24px);
}
@media (max-width: 575.9px) {
    .table.table--v table td {
        padding-block: 12px;
        padding-inline: 16px;
    }
    .table.table--v table td:first-child {
        padding-left: 16px;
    }
    .table.table--v table td:last-child {
        padding-right: 16px;
    }
    .table.table--v table td:not(:first-child) {
        padding-left: 8px;
    }
    .table.table--v table td:not(:last-child) {
        padding-right: 8px;
    }
    .table.table--v table td:first-child {
        padding: 12px 16px;
        width: 1px;
    }
    .table.table--v table td:nth-of-type(2) {
        padding-left: 16px;
    }
    .table.table--v table td:last-child {
        padding-right: 16px;
    }
    .table.table--v table td:not(:first-child):nth-of-type(2)::after {
        left: 16px;
    }
    .table.table--v table td:not(:first-child):last-child::after {
        width: calc(100% - 16px);
    }
    .table.table--v table tr:first-child td:first-child {
        padding-top: 16px;
    }
    .table.table--v table tr:last-child td:first-child {
        padding-bottom: 16px;
    }
}

.toc-section,
.wrapper:has(.toc-section__nav){
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.wp-block-heading {
    font-family: var(--ff-secondary);
}

.toc-section__title,
.wrapper:has(.toc-section__nav) .wp-block-heading {
    color: var(--on-surface-on-surface-light, #fff2f2);
    text-align: center;
    margin-bottom: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
}

.toc-section__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 6px;
    border-bottom: 4px solid var(--surface-container-surface-container, #2b1c3c);
}

.toc-section__title._active .toc-section__title-arrow {
    rotate: 180deg;
}

.toc-section__title-arrow {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-container-surface-container, #2b1c3c);
    pointer-events: none;
    transition: all 0.2s ease-in-out;
}

.toc-section__nav {
    display: none;
}

.toc-section__nav._active {
    display: block;
}

@media (max-width: 575.9px) {
    .toc-section__title,
    .wrapper:has(.toc-section__nav) .wp-block-heading{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
@media (max-width: 575.9px) {
    .toc-section__title,
    .wrapper:has(.toc-section__nav) .wp-block-heading{
        margin-bottom: 24px;
    }
}
.toc-section__list {
    background: var(--surface-container-surface-container, #2b1c3c);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    padding: 20px;
}
@media (max-width: 575.9px) {
    .toc-section__list {
        padding: 16px;
    }
}
.toc-section__item {
    position: relative;
    display: flex;
    width: 100%;
}
.toc-section__item:not(:first-child) {
    padding-top: 8px;
    border-top: 1px solid var(--outline-outline, #5b3d64);
}
.toc-section__item a {
    position: relative;
    padding: 8px 16px;
    color: var(--on-surface-on-surface-light, #fff2f2);
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media (any-hover: hover) {
    .toc-section__item a:hover {
        background: var(--states-hovered, rgba(255, 255, 255, 0.08));
    }
}
.toc-section__item a:active {
    background: var(--states-focused, rgba(255, 255, 255, 0.12));
}
@media (any-hover: hover) {
    .toc-section__item a:focus {
        background: var(--states-focused, rgba(255, 255, 255, 0.12));
    }
}

.winners-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
}
.winners-list:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 767.9px) {
    .winners-list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575.9px) {
    .winners-list {
        gap: 16px;
    }
    .winners-list:not(:first-child) {
        margin-top: 24px;
    }
}
.winners-list__item {
    position: relative;
    padding: 10px 10px 10px 66px;
    background: var(--surface-container-surface-container, #2b1c3c);
    display: grid;
    grid-template-columns: 1fr auto;
    row-gap: 4px;
    column-gap: 16px;
}
.winners-list__item::before {
    content: url('data:image/svg+xml,<svg width="53" height="52" viewBox="0 0 53 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.785 43.873a.544.544 0 1 1 0 1.086h-9.13a.544.544 0 1 1 0-1.085z" fill="%23FFF2F2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.185 8.123c.326-.999 1.747-.999 2.073 0l.954 2.925c.128.39.464.67.862.735l.175.014h3.087l.19.016c.915.15 1.251 1.368.451 1.948l-2.498 1.807-.133.113c-.284.285-.39.71-.263 1.1l.954 2.924c.306.937-.685 1.727-1.514 1.313l-.164-.1-2.497-1.807a1.095 1.095 0 0 0-1.281 0l-2.497 1.807-.164.1c-.774.386-1.689-.276-1.559-1.128l.045-.185.954-2.923c.127-.391.02-.816-.263-1.1l-.133-.114-2.498-1.807c-.8-.58-.465-1.798.45-1.948l.19-.016h3.088l.175-.014c.341-.055.637-.269.795-.575l.067-.16zm.083 3.26a2.18 2.18 0 0 1-2.074 1.5h-3.088l2.499 1.806.138.11c.619.528.89 1.36.701 2.149l-.047.168-.954 2.925 2.497-1.807.147-.098c.746-.453 1.7-.42 2.416.098L31 20.04l-.954-2.925a2.17 2.17 0 0 1 .792-2.427l2.498-1.807H30.25a2.18 2.18 0 0 1-2.012-1.335l-.062-.165-.954-2.923z" fill="%23FFF2F2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.106 3.25c1.204 0 2.18.972 2.18 2.17v2.82h2.071a2.72 2.72 0 0 1 2.725 2.713v3.052a9.2 9.2 0 0 1-.42 2.732 9.2 9.2 0 0 1-1.927 3.403l-.005.007-.311.33-1.134 1.146a2.73 2.73 0 0 1-1.941.81h-1.288a15 15 0 0 1-1.036 1.488l-4.46 5.646a3.27 3.27 0 0 1-2.084 1.205v5.112c0 .599.502 1.067 1.07 1.263a3.26 3.26 0 0 1 2.196 2.971h2.09l.222.012a2.174 2.174 0 0 1 1.957 2.159v4.291l-.012.222a2.176 2.176 0 0 1-1.945 1.937l-.223.012H18.607l-.222-.012a2.176 2.176 0 0 1-1.946-1.937l-.012-.222v-4.291c0-1.124.858-2.048 1.958-2.16l.222-.01h2.064a3.26 3.26 0 0 1 2.196-2.972c.569-.196 1.07-.664 1.07-1.263V30.77a3.27 3.27 0 0 1-2.072-1.203L17.4 23.922a15 15 0 0 1-1.038-1.49h-1.29a2.73 2.73 0 0 1-1.942-.81l-1.134-1.147a9.2 9.2 0 0 1-2.42-4.38 9.2 9.2 0 0 1-.243-2.091v-3.052a2.72 2.72 0 0 1 2.725-2.713h2.07V5.42c0-1.2.976-2.171 2.18-2.171zM18.607 41.203c-.602 0-1.09.485-1.09 1.085v4.291c0 .6.488 1.086 1.09 1.086h17.224c.602 0 1.09-.486 1.09-1.086v-4.291c0-.562-.428-1.024-.978-1.08l-.112-.005zm-2.3-36.868a1.09 1.09 0 0 0-1.085.974l-.005.112v9.099c0 3.167 1.07 6.242 3.038 8.73l4.466 5.645.136.156a2.18 2.18 0 0 0 1.246.646l.924.141v6.046c-.001 1.171-.884 1.916-1.651 2.231l-.152.057a2.17 2.17 0 0 0-1.462 1.939h10.889a2.17 2.17 0 0 0-1.304-1.878l-.158-.06c-.796-.276-1.802-1.04-1.803-2.289v-6.047l.928-.14a2.18 2.18 0 0 0 1.389-.802l4.46-5.646.358-.473a14.07 14.07 0 0 0 2.675-8.25V5.42l-.005-.112a1.09 1.09 0 0 0-1.085-.974zm-4.249 4.99a1.63 1.63 0 0 0-1.635 1.627v3.052q.002.713.126 1.407a8.13 8.13 0 0 0 2.223 4.303l1.134 1.147a1.64 1.64 0 0 0 1.165.486h.686a15.14 15.14 0 0 1-1.63-6.827V9.324zm28.228 5.2c0 2.383-.565 4.717-1.627 6.822h.684q.093 0 .184-.012.151-.017.296-.06a1.6 1.6 0 0 0 .351-.157q.181-.106.333-.257l1.135-1.147a8.13 8.13 0 0 0 2.349-5.71v-3.052c0-.899-.732-1.628-1.635-1.628h-2.07z" fill="%23FFF2F2"/></svg>');
    position: absolute;
    top: 50%;
    left: 10px;
    width: 53px;
    height: 52px;
    transform: translate(0, -50%);
}
.winners-list__name {
    grid-column: 1/-1;
    font-weight: 600;
    color: var(--on-surface-on-surface, #fbe8ee);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.winners-list__text {
    color: var(--on-surface-on-surface, #fbe8ee);
    align-self: flex-end;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.winners-list__sum {
    color: var(--tertiary-tertiary, #b36290);
    text-align: right;
    font-weight: 600;
    align-self: flex-end;
}

.listing:not(:first-child) {
    margin-top: 32px;
}
@media (max-width: 575.9px) {
    .listing:not(:first-child) {
        margin-top: 24px;
    }
}
.listing__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}
.listing__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    background: var(--surface-container-surface-container, #2b1c3c);
    padding: 16px 24px;
    width: 100%;
}
.listing__item-block {
    position: relative;
    flex: 1;
}
@media (min-width: 992px) {
    .listing__item .listing__info {
        flex: 1;
        max-width: 350px;
    }
    .listing__item .listing__bonus {
        flex: 1.1;
    }
    .listing__item .listing__btn {
        flex: 1;
        max-width: 248px;
        width: 100%;
    }
}
@media (max-width: 991.9px) {
    .listing__item {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .listing__item .listing__btn {
        grid-row: 1/2;
        grid-column: 2/3;
    }
    .listing__item .listing__bonus {
        grid-column: 1/-1;
    }
}
@media (max-width: 767.9px) {
    .listing__item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}
@media (max-width: 575.9px) {
    .listing__item {
        padding: 16px;
        gap: 16px;
    }
}
.listing__item:nth-of-type(-n + 3) .listing__place {
    color: var(--primary-primary, #d32f6f);
}
.listing__img {
    position: relative;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.listing__place {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: var(--surface-surface-dim, #120b16);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    color: var(--on-surface-on-surface-dark, #b8929d);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
}
@media (max-width: 575.9px) {
    .listing__place {
        font-size: 1rem;
        width: 22px;
        height: 22px;
        top: -6px;
        left: -6px;
    }
}
.listing__info {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.listing__info img,
.listing__info svg {
    width: 141px;
    min-width: 141px;
    height: 96px;
    object-fit: cover;
}
@media (max-width: 575.9px) {
    .listing__info {
        gap: 8px;
    }
    .listing__info img,
    .listing__info svg {
        width: 144px;
        min-width: 144px;
        height: 88px;
    }
}
.listing__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    color: var(--on-surface-on-surface-light, #fff2f2);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media (max-width: 575.9px) {
    .listing__title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
}
.listing__rate {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
}
.listing__rate::before, .listing__rate::after {
    font-size: 22px;
    line-height: 20px;
    height: 22px;
    font-weight: 400;
    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: transparent;
}
.listing__rate::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0px;
    color: var(--star-color);
}
@media (max-width: 575.9px) {
    .listing__rate::before, .listing__rate::after {
        font-size: 18px;
        line-height: 16px;
        height: 18px;
        letter-spacing: 0px;
    }
}
.listing__bonus {
    background: var(--surface-surface-dim, #120b16);
    color: var(--on-surface-on-surface-light, #fff2f2);
    padding: 16px;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.listing__bonus-text {
    text-align: center;
}
.listing__bonus span {
    color: var(--primary-primary, #d32f6f);
}
.listing__btn {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.listing__btn .btn {
    width: 100%;
}
@media (max-width: 575.9px) {
    .listing__btn {
        gap: 12px;
    }
}
.listing__payments {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.listing__payments-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 32px;
}
.listing__payments-item img,
.listing__payments-item svg {
    max-width: 56px;
    max-height: 32px;
    object-fit: contain;
}

.has-text-align-center {
    text-align: center;
}