@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    border: 0
}

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

:active, :focus {
    outline: 0
}

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

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

body, html {
    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%
}

button, input, 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
}

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

img {
    vertical-align: top
}

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

.zuplay-wrapper, .zuplay-last-modified-date {
    position: relative;
    width: 100%;
    max-width: var(--width-container);
    margin: var(--wrapper-margin) auto 0;
    padding: 48px;
    border-radius: var(--Corner_radius-5, 24px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06))
}


.zuplay-wrapper--no-bg {
    padding: 0;
    background: 0 0;
    border: 0
}

.zuplay-wrapper.p-small {
    padding: 24px;
    max-width: 100%;
    margin: 0;
}

.zuplay-wrapper > :first-child {
    margin-top: 0
}

.zuplay-wrapper > .btn {
    margin-top: 32px;
    margin-inline: auto
}

.zuplay-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px
}

.zuplay-columns > * {
    flex: 1
}

.wp-block-columns.col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 24px;
    margin-bottom: 24px;
    color: var(--Color-text-default, #fff)
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

h1 {
    margin-top: 0;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--On-Surface, #f9f9fb)
}

h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    text-transform: uppercase
}

h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px
}

h2, h3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

h2 svg, h3 svg {
    max-width: 44px;
    max-height: 44px
}

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

a {
    color: var(--Color-background-primary, #b0329e);
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    cursor: pointer;
}

p:not([class]) a:active {
    opacity: .6
}

p:not([class]) + img, p:not([class]) + picture {
    display: block;
    margin-top: 20px
}

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

picture {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

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

ol.wp-block-list li, ol:not([class]) li, ul.wp-block-list li, ul:not([class]) li {
    position: relative;
    color: var(--Color-text-subtlest, #cfd0ce)
}

ol.wp-block-list li p:first-of-type, ol:not([class]) li p:first-of-type, ul.wp-block-list li p:first-of-type, ul:not([class]) li p:first-of-type {
    margin-top: 0
}

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

ol.wp-block-list > li, ol:not([class]) > li {
    counter-increment: custom-counter;
    padding-left: 48px;
    position: relative;
}

ol.wp-block-list li::before, ol:not([class]) li::before {
    content: counter(custom-counter);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    text-align: center;
    color: var(--Color-text-inverse, #0f1316);
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    margin: 2px;
    background: linear-gradient(45deg, var(--Color-text-subtlest, #cfd0ce), var(--Color-text-subtlest, #cfd0ce));
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

ol.wp-block-list ul.wp-block-list > li::before,
ol:not([class]) ul.wp-block-list > li::before {
    content: '';
    color: inherit;
}


ul.wp-block-list li, ul:not([class]) li {
    padding-left: 20px
}

ul.wp-block-list li::before, ul:not([class]) li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px
}

table:not([class]) {
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
    overflow: hidden
}

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

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

@font-face {
    font-family: Lato;
    font-display: swap;
    src: url(../fonts/Lato-Light.woff2) format("woff2"), url(../fonts/Lato-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

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

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

@font-face {
    font-family: Lato;
    font-display: swap;
    src: url(../fonts/Lato-SemiBold.woff2) format("woff2"), url(../fonts/Lato-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

.zuplay-form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.zuplay-form > .btn {
    width: 100%
}

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

.zuplay-form__label + .zuplay-form__label {
    margin-top: 6px
}

.zuplay-form__label--area .zuplay-form__label-error {
    margin-left: -10px;
}

.zuplay-form__label-text {
    position: absolute;
    left: 10px;
    top: 12px;
    transition-property: transform, top;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-form__label-error {
    position: relative;
    left: 8px;
    display: none;
    align-items: center;
    gap: 6px;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--Color-text-danger-default, #fd4845)
}

.zuplay-form__label-error::before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 9a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0m1 0a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0M9.964 5.525a.987.987 0 1 0-1.973 0l.183 4.84h1.607zm-1.779 7.657q.322.318.82.318.489 0 .799-.318.321-.33.321-.809 0-.49-.321-.82a1.05 1.05 0 0 0-.798-.33q-.5 0-.82.33-.311.33-.311.82 0 .478.31.809" fill="%23FD4845"/></svg>');
    display: block;
    width: 18px;
    height: 18px
}

.zuplay-form__label--area .zuplay-form__label-error {
    top: 32px
}

.zuplay-form__label.has-value input, .zuplay-form__label.has-value textarea {
    border-color: var(--Color-border-accent-primary, #b0329e)
}

.zuplay-form__label.has-value .zuplay-form__label-text {
    top: -2px;
    transform: translateY(-100%)
}

.zuplay-form__label.has-error input, .zuplay-form__label.has-error textarea {
    border-color: var(--Color-border-danger, #fd4845) !important
}

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

.zuplay-form input, .zuplay-form textarea {
    font-size: 1.125rem;
    line-height: 136%;
    color: var(--on-surface-var, #c0c8d8)
}

.zuplay-form .zuplay-form__label--area, .zuplay-form input {
    width: 100%;
    padding: 10px;
    background: 0 0;
    border-radius: var(--Corner_radius-4, 16px);
    border: 2px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    transition-property: border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-form .zuplay-form__label--area:focus, .zuplay-form .zuplay-form__label--area:has(textarea:focus), .zuplay-form input:focus, .zuplay-form input:has(textarea:focus) {
    border-color: var(--Color-border-accent-primary, #b0329e)
}

.zuplay-form .zuplay-form__label--area:focus .zuplay-form__label-text, .zuplay-form .zuplay-form__label--area:focus ~ .zuplay-form__label-text, .zuplay-form .zuplay-form__label--area:has(textarea:focus) .zuplay-form__label-text, .zuplay-form .zuplay-form__label--area:has(textarea:focus) ~ .zuplay-form__label-text, .zuplay-form input:focus .zuplay-form__label-text, .zuplay-form input:focus ~ .zuplay-form__label-text, .zuplay-form input:has(textarea:focus) .zuplay-form__label-text, .zuplay-form input:has(textarea:focus) ~ .zuplay-form__label-text {
    top: -2px;
    transform: translateY(-100%)
}

.zuplay-form textarea {
    resize: none;
    width: 100%;
    background: 0 0;
    min-height: 96px
}

@supports not selector(::-webkit-scrollbar) {
    .zuplay-form textarea {
        scrollbar-width: thin;
        scrollbar-color: var(--Color-interaction-pressed, rgba(255, 255, 255, .14)) transparent
    }
}

.zuplay-form textarea::-webkit-scrollbar {
    width: 4px
}

.zuplay-form textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14));
    border-radius: 9px;
    border: 4px solid transparent
}

.zuplay-form textarea::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 9px
}

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

.zuplay-form .zuplay-form__rate input {
    display: none
}

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

.zuplay-form .zuplay-form__rate-label {
    position: relative;
    cursor: pointer;
    width: 48px;
    height: 48px;
    line-height: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition-property: filter;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    filter: grayscale(1) brightness(.4)
}

.zuplay-form .zuplay-form__rate-label::before {
    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="M8.366 1.823a.4.4 0 0 0-.732 0l-1.47 3.31a.4.4 0 0 1-.324.235l-3.602.376a.4.4 0 0 0-.226.695l2.694 2.42a.4.4 0 0 1 .123.382l-.756 3.542a.4.4 0 0 0 .592.43L7.8 11.398a.4.4 0 0 1 .4 0l3.135 1.813a.4.4 0 0 0 .591-.43l-.755-3.541a.4.4 0 0 1 .123-.381l2.694-2.421a.4.4 0 0 0-.226-.695l-3.602-.376a.4.4 0 0 1-.324-.235z" fill="%23FEC630"/></svg>');
    position: relative;
    display: block;
    transform: scale(3);
    transform-origin: center center
}

.zuplay-form .zuplay-form__rate-label:hover {
    filter: grayscale(0) brightness(1)
}

.zuplay-form .zuplay-form__rate-label:hover ~ .zuplay-form__rate-label {
    filter: grayscale(0) brightness(1)
}

.zuplay-form .zuplay-form__rate:not(:hover) input:checked ~ .zuplay-form__rate-label {
    filter: grayscale(0) brightness(1)
}

.zuplay-form .zuplay-form__response {
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    text-align: center
}

.zuplay-form__response.success {
    color: #6ecd75;
}

.zuplay-form__response.error {
    color: var(--Color-text-danger-default, #fd4845);
}

.no-scroll {
    overflow: hidden
}

.hidden-svg {
    display: none
}

html {
    background: #0c0d22;
    font: var(--font-default)/1.5 Lato, sans-serif
}

@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: 10px;
        scrollbar-color: var(--Color-background-primary, #b0329e) transparent
    }
}

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

html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--Color-background-primary, #b0329e)
}

html::-webkit-scrollbar-track {
    background: 0 0
}

body {
    background: var(--primary-gradient, linear-gradient(86deg, #1b0c21 5.57%, #0c0d22 98.35%));
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--Color-text-subtlest, #e5e7e4);
    padding-left: 320px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .1px;
    padding-bottom: var(--wrapper-margin);
}

main {
    flex-grow: 1
}

.zuplay-breadcrumbs ~ main > section:first-of-type {
    margin-top: 0
}

:root {
    --offsets: 32px;
    --wrapper-margin: 56px;
    --width-container: 1536px;
    --font-default: 16px;
    --star-color: #fec630;
    --star-bg: #717171;
    --burger-max: $ max-lg;
    --burger-min: $ min-lg;
    --palette-light-light700: #ffffff;
    --palette-light-light600: #fdfefc;
    --palette-light-light500: #fcfdfb;
    --palette-light-light400: #fcfefb;
    --palette-light-light300: #fbfdfa;
    --palette-light-light200: #e5e7e4;
    --palette-light-light100: #cfd0ce;
    --Color-text-default: var(--palette-light-light700);
    --Color-text-subtle: var(--palette-light-light200);
    --Color-text-subtlest: var(--palette-light-light100);
    --Color-text-disabled: var(--palette-opacity-light-neutral400);
    --Color-text-selected: var(--palette-primary-primary500);
    --Color-text-danger-default: var(--palette-error-error300);
    --Color-text-warning-default: var(--palette-warning-warning300);
    --Color-text-warning-inverse: var(--palette-warning-warning200);
    --Color-text-success: var(--palette-success-success300);
    --Color-text-accent-primary: var(--palette-primary-primary500);
    --Color-text-link-default: var(--palette-primary-primary500);
    --Color-text-inverse: var(--palette-dark-dark300);
    --Color-text-danger-inverse: var(--palette-error-error200);
    --Color-text-link-hovered: var(--palette-primary-primary400);
    --Color-text-link-pressed: var(--palette-primary-primary400);
    --Color-text-accent-secondary: var(--palette-secondary-secondary300);
    --Color-text-accent-tertiary: var(--palette-tertiary-tertiary300);
    --Color-icon-default: var(--palette-light-light700);
    --palette-opacity-light-neutral700: #ffffff;
    --palette-opacity-light-neutral600: rgba(255 255 255 / 0.88);
    --palette-opacity-light-neutral500: rgba(255 255 255 / 0.6);
    --palette-opacity-light-neutral400: rgba(255 255 255 / 0.24);
    --palette-opacity-light-neutral300: rgba(255 255 255 / 0.14);
    --palette-opacity-light-neutral200: rgba(255 255 255 / 0.09);
    --palette-opacity-light-neutral100: rgba(255 255 255 / 0.06);
    --palette-primary-primary700: #f8ebf6;
    --palette-primary-primary600: #dfadd8;
    --palette-primary-primary500: #bf5bb0;
    --palette-primary-primary400: #b847a8;
    --palette-primary-primary300: #b0329e;
    --palette-primary-primary200: rgba(176 50 158 / 0.6);
    --palette-primary-primary100: #b0329e;
    --palette-secondary-secondary700: #fffaeb;
    --palette-secondary-secondary600: #ffe8ac;
    --palette-secondary-secondary500: #fdd158;
    --palette-secondary-secondary400: #ffcc45;
    --palette-secondary-secondary300: #fec630;
    --palette-secondary-secondary200: #d1a42c;
    --palette-secondary-secondary100: #453d1f;
    --palette-tertiary-tertiary700: #fccfe9;
    --palette-tertiary-tertiary600: #f99ed4;
    --palette-tertiary-tertiary500: #f33da8;
    --palette-tertiary-tertiary400: #f3269e;
    --palette-tertiary-tertiary300: #f10d93;
    --palette-tertiary-tertiary200: #b21370;
    --palette-tertiary-tertiary100: #72184e;
    --palette-warning-warning700: #fff8eb;
    --palette-warning-warning600: #fdd898;
    --palette-warning-warning500: #fdd184;
    --palette-warning-warning400: #fcc25a;
    --palette-warning-warning300: #fcb332;
    --palette-warning-warning200: #d0952e;
    --palette-warning-warning100: #a3782a;
    --palette-error-error700: #ffeded;
    --palette-error-error600: #fda3a1;
    --palette-error-error500: #fe918f;
    --palette-error-error400: #fe5b58;
    --palette-error-error300: #fd4845;
    --palette-error-error200: #d0403d;
    --palette-error-error100: #a43835;
    --palette-success-success700: #edfee8;
    --palette-success-success600: #dcfdd0;
    --palette-success-success500: #c9fdb8;
    --palette-success-success400: #b8fca0;
    --palette-success-success300: #a7fb8a;
    --palette-success-success200: #8ccf74;
    --palette-success-success100: #70a45f;
    --palette-opacity-dark-darkneutral700: rgba(15 19 22 / 0.04);
    --palette-opacity-dark-darkneutral600: rgba(15 19 22 / 0.07);
    --palette-opacity-dark-darkneutral500: rgba(15 19 22 / 0.12);
    --palette-opacity-dark-darkneutral400: rgba(15 19 22 / 0.36);
    --palette-opacity-dark-darkneutral300: rgba(15 19 22 / 0.56);
    --palette-opacity-dark-darkneutral200: rgba(15 19 22 / 0.88);
    --palette-opacity-dark-darkneutral100: #0f1316;
    --Color-icon-subtle: var(--palette-light-light200);
    --Color-icon-inverse: var(--palette-dark-dark300);
    --Color-icon-disabled: var(--palette-opacity-light-neutral400);
    --Color-icon-selected: var(--palette-primary-primary500);
    --Color-icon-danger-default: var(--palette-error-error300);
    --Color-icon-warning-default: var(--palette-warning-warning300);
    --Color-icon-warning-inverse: var(--palette-warning-warning200);
    --Color-icon-danger-inverse: var(--palette-error-error200);
    --Color-icon-success: var(--palette-success-success300);
    --Color-icon-accent-primary: var(--palette-primary-primary500);
    --Color-icon-accent-secondary: var(--palette-secondary-secondary300);
    --Color-icon-accent-tertiary: var(--palette-tertiary-tertiary300);
    --Color-icon-link-default: var(--palette-primary-primary500);
    --Color-icon-link-hovered: var(--palette-primary-primary400);
    --Color-icon-link-pressed: var(--palette-primary-primary400);
    --Color-border-default: var(--palette-opacity-light-neutral300);
    --Color-border-bold: var(--palette-opacity-light-neutral600);
    --Color-border-inverse: var(--palette-opacity-dark-darkneutral500);
    --Color-border-disabled: var(--palette-opacity-light-neutral200);
    --Color-border-selected: var(--palette-primary-primary300);
    --Color-border-input-default: var(--palette-opacity-light-neutral300);
    --Color-border-input-inverse: var(--palette-opacity-dark-darkneutral500);
    --Color-border-danger: var(--palette-error-error300);
    --Color-border-warning: var(--palette-warning-warning300);
    --Color-border-sucsess: var(--palette-success-success300);
    --Color-border-accent-primary: var(--palette-primary-primary300);
    --Color-border-accent-secondary: var(--palette-secondary-secondary300);
    --Color-border-accent-tertiary: var(--palette-tertiary-tertiary300);
    --Elevation-surface: var(--palette-dark-dark300);
    --Elevation-high: var(--palette-opacity-light-neutral100);
    --Elevation-highest: var(--palette-opacity-light-neutral300);
    --Elevation-lowest: var(--palette-dark-darkl100);
    --Color-background-primary: var(--palette-primary-primary300);
    --Color-background-secondary: var(--palette-secondary-secondary300);
    --Color-background-tertiary: var(--palette-tertiary-tertiary300);
    --Color-background-disabled: var(--palette-opacity-light-neutral200);
    --Color-background-input: var(--palette-opacity-light-neutral100);
    --Color-background-input_inverse: var(--palette-light-light600);
    --Color-background-danger: var(--palette-error-error300);
    --Color-background-warning: var(--palette-warning-warning300);
    --Color-background-success: var(--palette-success-success300);
    --Color-interaction-hovered: var(--palette-opacity-light-neutral100);
    --Color-interaction-pressed: var(--palette-opacity-light-neutral300);
    --primary-gradient: linear-gradient(-86deg, #1b0c21 5.57%, #0c0d22 98.35%);
    --Font-family-heading: "Lato";
    --Font-family-body: "Lato";
    --Font-weight-regular: "Regular";
    --Font-weight-medium: "Medium";
    --Font-weight-bold: "Bold";
    --Font-size-display: 48px;
    --Font-size-display-rem: 3rem;
    --Font-size-headline: 32px;
    --Font-size-headline-rem: 2rem;
    --Font-size-title: 24px;
    --Font-size-title-rem: 1.5rem;
    --Font-size-label: 18px;
    --Font-size-label-rem: 1.125rem;
    --Font-size-body: 16px;
    --Font-size-body-rem: 1rem;
    --Font-size-extra-small: 14px;
    --Font-size-extra-small-rem: 0.875rem;
    --Font-line-height-display: 64px;
    --Font-line-height-display-rem: 4rem;
    --Font-line-height-headline: 40px;
    --Font-line-height-headline-rem: 2.5rem;
    --Font-line-height-title: 32px;
    --Font-line-height-title-rem: 2rem;
    --Font-line-height-label: 24px;
    --Font-line-height-label-rem: 1.5rem;
    --Font-line-height-body: 24px;
    --Font-line-height-body-rem: 1.5rem;
    --Font-line-height-extrasmall: 20px;
    --Font-line-height-extrasmall-rem: 1.25rem;
    --Spacing-padding-0: 0px;
    --Spacing-padding-0-rem: 0rem;
    --Spacing-padding-4: 4px;
    --Spacing-padding-4-rem: 0.25rem;
    --Spacing-padding-8: 8px;
    --Spacing-padding-8-rem: 0.5rem;
    --Spacing-padding-12: 12px;
    --Spacing-padding-12-rem: 0.75rem;
    --Spacing-padding-16: 16px;
    --Spacing-padding-16-rem: 1rem;
    --Spacing-padding-20: 20px;
    --Spacing-padding-20-rem: 1.25rem;
    --Spacing-padding-24: 24px;
    --Spacing-padding-24-rem: 1.5rem;
    --Spacing-padding-32: 32px;
    --Spacing-padding-32-rem: 2rem;
    --Spacing-padding-36: 36px;
    --Spacing-padding-36-rem: 2.25rem;
    --Spacing-padding-40: 40px;
    --Spacing-padding-40-rem: 2.5rem;
    --Spacing-padding-48: 48px;
    --Spacing-padding-48-rem: 3rem;
    --Spacing-padding-56: 56px;
    --Spacing-padding-56-rem: 3.5rem;
    --Spacing-padding-64: 64px;
    --Spacing-padding-64-rem: 4rem;
    --Spacing-padding-80: 80px;
    --Spacing-padding-80-rem: 5rem;
    --Spacing-padding-100: 100;
    --Spacing-padding-120: 120px;
    --Spacing-padding-120-rem: 7.5rem;
    --Spacing-margin-0: 0px;
    --Spacing-margin-0-rem: 0rem;
    --Spacing-margin-4: 4px;
    --Spacing-margin-4-rem: 0.25rem;
    --Spacing-margin-8: 8px;
    --Spacing-margin-8-rem: 0.5rem;
    --Spacing-margin-12: 12px;
    --Spacing-margin-12-rem: 0.75rem;
    --Spacing-margin-16: 16px;
    --Spacing-margin-16-rem: 1rem;
    --Spacing-margin-20: 20px;
    --Spacing-margin-20-rem: 1.25rem;
    --Spacing-margin-24: 24px;
    --Spacing-margin-24-rem: 1.5rem;
    --Spacing-margin-32: 32px;
    --Spacing-margin-32-rem: 2rem;
    --Spacing-margin-36: 36px;
    --Spacing-margin-36-rem: 2.25rem;
    --Spacing-margin-40: 40px;
    --Spacing-margin-40-rem: 2.5rem;
    --Spacing-margin-48: 48px;
    --Spacing-margin-48-rem: 3rem;
    --Spacing-margin-56: 56px;
    --Spacing-margin-56-rem: 3.5rem;
    --Spacing-margin-64: 64px;
    --Spacing-margin-64-rem: 4rem;
    --Spacing-margin-80: 80px;
    --Spacing-margin-80-rem: 5rem;
    --Spacing-margin-100: 100;
    --Spacing-margin-120: 120px;
    --Spacing-margin-120-rem: 7.5rem;
    --Spacing-padding-6: 6px;
    --Spacing-padding-6-rem: 0.375rem;
    --Spacing-margin-6: 6px;
    --Spacing-margin-6-rem: 0.375rem;
    --Spacing-padding-10: 10px;
    --Spacing-padding-10-rem: 0.625rem;
    --Spacing-margin-10: 10px;
    --Spacing-margin-10-rem: 0.625rem;
    --Spacing-margin-240: 240px;
    --Spacing-margin-240-rem: 15rem;
    --Spacing-margin-248: 248px;
    --Spacing-margin-248-rem: 15.5rem;
    --Spacing-margin-320: 320px;
    --Spacing-margin-320-rem: 20rem;
    --Spacing-margin-340: 340px;
    --Spacing-margin-340-rem: 21.25rem;
    --palette-dark-dark700: #6f7173;
    --palette-dark-dark600: #575a5c;
    --palette-dark-dark500: #3f4245;
    --palette-dark-dark400: #272b2e;
    --palette-dark-dark300: #0f1316;
    --palette-dark-dark200: #0c0f12;
    --palette-dark-darkl100: #090b0d;
    --Color-background-neutral-low: var(--palette-dark-dark200);
    --Color-background-neutral-on-surface: var(--palette-opacity-light-neutral100);
    --Color-background-neutral-high: var(--palette-opacity-light-neutral200);
    --Color-background-neutral-highest: var(--palette-opacity-light-neutral300);
    --Elevation-low: var(--palette-dark-dark200);
    --Color-background-primary_subtlest: var(--palette-primary-primary700);
    --Color-background-secondary_subtlest: var(--palette-secondary-secondary700);
    --Color-background-tertiary_subtlest: var(--palette-tertiary-tertiary700);
    --Color-background-neutral-lowest: var(--palette-dark-darkl100);
    --Layout-grid-margin-large-340px: 340px;
    --Layout-grid-margin-large-340px-rem: 21.25rem;
    --Layout-grid-margin-medium-264px: 264px;
    --Layout-grid-margin-medium-264px-rem: 16.5rem;
    --Layout-grid-margin-medium-248px: 248px;
    --Layout-grid-margin-medium-248px-rem: 15.5rem;
    --Layout-grid-margin-small-250px: 250px;
    --Layout-grid-margin-small-250px-rem: 15.625rem;
    --Layout-grid-gutter-all-style: 20px;
    --Layout-grid-gutter-all-style-rem: 1.25rem;
    --Layout-grid-count-all-styles: 12px;
    --Layout-grid-count-all-styles-rem: 0.75rem;
    --Layout-grid-count-medium: 1px;
    --Layout-grid-count-medium-rem: 0.0625rem;
    --Mobile-version-mobile-version: false;
    --Corner_radius-main: 500;
    --Corner_radius-8: 64px;
    --Corner_radius-8-rem: 4rem;
    --Corner_radius-7: 48px;
    --Corner_radius-7-rem: 3rem;
    --Corner_radius-6: 36px;
    --Corner_radius-6-rem: 2.25rem;
    --Corner_radius-5: 24px;
    --Corner_radius-5-rem: 1.5rem;
    --Corner_radius-4: 16px;
    --Corner_radius-4-rem: 1rem;
    --Corner_radius-3: 8px;
    --Corner_radius-3-rem: 0.5rem;
    --Corner_radius-2: 4px;
    --Corner_radius-2-rem: 0.25rem;
    --Corner_radius-1: 2px;
    --Corner_radius-1-rem: 0.125rem;
    --Size-icon-64: 64px;
    --Size-icon-64-rem: 4rem;
    --Size-icon-56: 56px;
    --Size-icon-56-rem: 3.5rem;
    --Size-icon-48: 48px;
    --Size-icon-48-rem: 3rem;
    --Size-icon-36: 36px;
    --Size-icon-36-rem: 2.25rem;
    --Size-icon-24: 24px;
    --Size-icon-24-rem: 1.5rem;
    --Size-icon-20: 20px;
    --Size-icon-20-rem: 1.25rem;
    --Size-icon-16: 16px;
    --Size-icon-16-rem: 1rem;
    --Size-icon-2: 8px;
    --Size-icon-2-rem: 0.5rem;
    --Size-icon-1: 6px;
    --Size-icon-1-rem: 0.375rem;
    --Size-icon-40: 40px;
    --Size-icon-40-rem: 2.5rem;
    --Size-icon-80: 80px;
    --Size-icon-80-rem: 5rem;
    --Corner_radius-9: 80px;
    --Corner_radius-9-rem: 5rem;
    --Color-icon-subtlest: var(--palette-light-light100);
    --Font-size-label-small: 15px;
    --Font-size-label-small-rem: 0.9375rem;
    --Font-line-height-link-small: 20px;
    --Font-line-height-link-small-rem: 1.25rem;
    --Font-weight-semibold: "SemiBold";
    --Font-letter-spacing-1: 1px;
    --Font-letter-spacing-1-rem: 0.0625rem;
    --Size-icon-18: 18px;
    --Size-icon-18-rem: 1.125rem;
    --palette-opacity-light-neutral50: rgba(255 255 255 / 0.04);
    --Color-text-on-secondary: var(--palette-light-light100);
    --Color-text-accent-on-tertiary: var(--palette-tertiary-tertiary100);
    --Color-icon-accent-on-tertiary: var(--palette-tertiary-tertiary100);
    --Color-text-accent-on-secondary: var(--palette-secondary-secondary100);
    --Color-icon-accent-on-secondary: var(--palette-secondary-secondary100);
    --Color-interaction-hovered-inverse: var(--palette-opacity-light-neutral300);
    --Color-interaction-pressed-inverse: var(--palette-opacity-light-neutral400);
    --Spacing-padding-248: 248px;
    --Spacing-padding-248-rem: 15.5rem;
    --Spacing-padding-50: 50px;
    --Spacing-padding-50-rem: 3.125rem
}

.zuplay-header {
    z-index: 100;
    padding-block: 16px;
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 32px) * 2);
    padding: 10px var(--offsets, 32px) 16px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 12px
}

.zuplay-header__logo {
    display: flex
}

.zuplay-header__logo img, .zuplay-header__logo svg {
    max-width: 300px;
    max-height: 100px
}

.zuplay-header__burger {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 4px;
    border-radius: var(--Corner_radius-3, 8px);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-header__burger:active {
    background: var(--Color-interaction-pressed, rgba(250, 250, 251, .14))
}

.zuplay-header__burger::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 fill-rule="evenodd" clip-rule="evenodd" d="M9.5 12.167a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1M9.5 18a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1m1 4.834a1 1 0 1 0 0 2h15a1 1 0 0 0 0-2z" fill="%23fff"/></svg>');
    display: block;
    width: 36px;
    height: 36px
}

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

.zuplay-header__lang {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    z-index: 10;
    width: max-content;
    margin-left: auto;
    padding: 12px;
    border-radius: var(--Corner_radius-3, 8px);
    background: var(--Color-background-neutral-on-surface, rgba(255, 255, 255, .06));
    cursor: pointer;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-header__lang.active .zuplay-header__lang-list {
    display: block
}

.zuplay-header__lang.active > svg {
    transform: rotate(-180deg)
}

.zuplay-header__lang img, .zuplay-header__lang svg {
    max-width: 24px;
    max-height: 24px;
    object-fit: contain
}

.zuplay-header__lang > svg {
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-header__lang-list {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 193px;
    max-width: 193px;
    max-height: 300px;
    border-radius: var(--Corner_radius-3, 8px);
    background: #322c44;
    overflow-y: auto;
    overflow-x: clip
}

@supports not selector(::-webkit-scrollbar) {
    .zuplay-header__lang-list, .zuplay-winners__list, .zuplay-sidebar-menu__wrap {
        scrollbar-width: thin;
        scrollbar-color: var(--Color-interaction-pressed, rgba(255, 255, 255, .14)) transparent
    }
}

.zuplay-header__lang-list::-webkit-scrollbar, .zuplay-winners__list::-webkit-scrollbar, .zuplay-sidebar-menu__wrap::-webkit-scrollbar {
    width: 4px
}

.zuplay-header__lang-list::-webkit-scrollbar-thumb, .zuplay-winners__list::-webkit-scrollbar-thumb, .zuplay-sidebar-menu__wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14));
    border-radius: 9px;
    border: 4px solid transparent
}

.zuplay-header__lang-list::-webkit-scrollbar-track, .zuplay-winners__list::-webkit-scrollbar-track, .zuplay-sidebar-menu__wrap::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 9px
}

.zuplay-header__lang-list li {
    z-index: 1
}

.zuplay-header__lang-item {
    display: flex
}

.zuplay-header__lang-link {
    width: 100%;
    padding: 12px;
    color: var(--Color-text-default, #fff);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    position: relative;
}


.zuplay-header__lang-list-link::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    content: "";
}

.zuplay-header__lang-link.current {
    background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06));
    pointer-events: none
}

.zuplay-header__lang-link:not(.current):active {
    background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
}

.zuplay-footer {
    padding: 48px;
    border-radius: var(--Corner_radius-5, 24px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: grid;
    grid-template-columns: auto auto;
    gap: 24px
}

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

.zuplay-footer a.zuplay-footer__logo:active {
    opacity: .6
}

.zuplay-footer__logo {
    position: relative;
    margin-right: auto
}

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

.zuplay-footer__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.zuplay-footer__info .btn {
    width: 100%;
    max-width: 261px
}

.zuplay-footer__info .btn:first-of-type {
    margin-top: 24px
}

.zuplay-footer__info .btn + .btn {
    margin-top: 9px
}

.zuplay-footer__copyright {
    margin-top: 24px
}

.zuplay-footer__nav {
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(3, auto);
    column-gap: 48px;
    row-gap: 16px
}

.zuplay-footer__nav-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 9px
}

.zuplay-footer__nav-list li {
    display: flex
}

.zuplay-footer__nav-list a, .zuplay-footer__nav-list span {
    width: 100%;
    padding: 10px 8px;
    color: var(--Color-text-default, #fff);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-footer__nav-list a:active, .zuplay-footer__nav-list span {
    color: var(--Color-text-accent-primary, #bf5bb0)
}

.zuplay-footer__providers {
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;
    flex-wrap: wrap;
    padding-block: 24px;
    border-top: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    border-bottom: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14))
}

.zuplay-footer__providers img, .zuplay-footer__providers svg {
    max-height: 32px;
    object-fit: contain;
    width: auto;
}

.zuplay-footer__social {
    display: flex;
    gap: 16px;
}

.zuplay-footer__external-links {
    display: flex;
    align-items: center;
    gap: 16px;
}

.zuplay-footer__social img, .zuplay-footer__social svg {
    max-width: 30px;
    max-height: 30px;
}

.zuplay-footer__external-links img {
    max-height: 80px;
    width: auto;
}


.zuplay-footer__dmca img {
    max-height: 70px;
    width: auto;
}

.zuplay-footer__text {
    grid-column: 1/-1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px
}

.zuplay-footer__social + .zuplay-footer__text {
    border-top: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    padding-top: 24px;
}

.zuplay-footer__text img, .zuplay-footer__text svg {
    max-width: 54px;
    max-height: 54px;
    object-fit: contain
}

.zuplay-section-hero {
    position: relative;
    margin-top: 32px;
    display: grid;
    grid-template-columns: 330px 1fr;
    grid-template-rows: max-content max-content max-content;
    column-gap: 40px;
    row-gap: 0
}


.zuplay-section-hero:not(:has(.zuplay-bonus)) > * {
    grid-column: 1 / -1;
}

.zuplay-section-hero .zuplay-slots.col-2 {
    grid-template-columns: repeat(2, 1fr);
}

.zuplay-section-hero .zuplay-slots.col-1 {
    grid-template-columns: .5fr
}

.zuplay-section-hero .zuplay-bonus {
    align-items: flex-start;
    align-self: flex-start;
    grid-column: 1/2;
    height: 100%;
    justify-content: flex-end;
    padding-block: 26px
}

.zuplay-section-hero {
    padding: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
}

.zuplay-section-hero > * {
    grid-column: 2/3
}

.zuplay-section-hero > p:not([class]) {
    grid-column: 1/-1
}

.zuplay-section-hero h1 {
    max-width: 574px
}

.zuplay-section-hero + p {
    margin-top: 24px
}

.zuplay-section-hero .zuplay-slots {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.section-faq {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px
}

.section-faq > * {
    margin-block: 0
}

.section-faq > :not([class]) {
    margin-block: 0
}

.section-faq__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    flex: 1
}

.zuplay-faq {
    position: relative;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06))
}

.zuplay-faq__answer {
    margin-top: -2px;
    border-top: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    padding-top: 8px
}

.zuplay-faq p {
    margin-top: 0;
}

.zuplay-faq[data-open] svg {
    transform: rotate(-180deg)
}

* + .zuplay-faq {
    margin-top: 16px;
}

.zuplay-faq__answer {
    display: none;
}

.zuplay-faq[data-open] .zuplay-faq__answer {
    display: block;
}

.zuplay-faq__title {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 60px;
    color: var(--Color-text-default, #fff);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    margin-bottom: 0;
}

.zuplay-faq {
    padding: 10px 16px;
}

.zuplay-faq__title:active .zuplay-faq__arrow::after {
    background: var(--Color-interaction-pressed, rgba(250, 250, 251, .14))
}

.zuplay-faq__title::marker {
    content: ""
}

.zuplay-faq__title::-webkit-details-marker {
    display: none
}

.zuplay-faq__arrow {
    position: relative;
    margin: 2px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: var(--Corner_radius-3, 8px);
    background: var(--Color-background-primary, #b0329e);
    overflow: hidden
}

.zuplay-faq__arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-faq__arrow svg {
    max-width: 16px;
    max-height: 16px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transform-origin: center center
}

.zuplay-toc {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0;
}

.zuplay-toc._hidden .zuplay-toc__title {
    margin-bottom: 0;
}

.zuplay-toc._hidden .zuplay-toc__nav {
    display: none;
}

.zuplay-toc.active .zuplay-toc__header-icon::before {
    transform: rotate(-180deg)
}

.zuplay-toc.active .zuplay-toc__nav, .zuplay-toc-auto.active {
    display: block
}

.zuplay-toc__title {
    cursor: pointer;
}

.zuplay-toc__list, .zuplay-toc__nav ol, .zuplay-toc-auto ol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 16px;
    margin: 0;
}

.zuplay-toc__item, .zuplay-toc__nav ol li, .zuplay-toc-auto ol li {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0;
    height: 100%;
}

.zuplay-toc__nav ol li::before,
.zuplay-toc-auto ol li::before {
    content: none;
}

.zuplay-toc__item a, .zuplay-toc__nav ol li a, .zuplay-toc-auto a {
    width: 100%;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-input-default, rgba(255, 255, 255, .14));
    display: flex;
    color: var(--Color-text-subtlest, #cfd0ce);
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 24px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-toc__item a:active, .zuplay-toc__nav ol a:active, .zuplay-toc-auto a:active {
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.zuplay-toc__item a::after, .zuplay-toc__nav ol a::after, .zuplay-toc-auto a::after {
    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 12h16m0 0-5.177-5M20 12l-5.177 5" stroke="%23CFD0CE" stroke-width="2" stroke-linecap="round"/></svg>');
    width: 24px;
    height: 24px
}

.zuplay-section-default {
    margin-top: 32px;
    display: grid;
    grid-template-columns: minmax(300px, 453px) auto fit-content(330px);
    align-items: flex-start;
    column-gap: 40px
}

.zuplay-section-default:not(:has(.zuplay-section-default__image)) > * {
    grid-template-columns: auto fit-content(330px);
}

.zuplay-section-default:not(:has(.zuplay-section-default__image)) > .zuplay-section-default__content {
    grid-column: 1 / 3;
}


.zuplay-section-default h1 {
    margin: 0
}

.zuplay-section-default img {
    width: 100%;
    border-radius: 16px;
}

.zuplay-section-hero-app {
    display: grid;
    grid-template-columns: 354px 1fr;
    column-gap: 40px
}

.zuplay-section-hero-app__info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 20px
}


.zuplay-section-hero-app__info:not(:has(.zuplay-bonus)) > * {

}

.zuplay-section-hero-app__img {
    position: relative;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.zuplay-section-hero-app__img img {
    position: absolute;
    left: 0;
    top: 0
}

.zuplay-section-hero-app__table-block {
    padding: 12px 16px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: var(--Color-text-default, #fff);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-align: center
}

.zuplay-section-hero-app__table-block:last-child:nth-of-type(odd) {
    grid-column: 1/-1
}

.zuplay-section-hero-app__table-block span {
    color: var(--On-Surface, #f9f9fb);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px
}

.zuplay-section-hero-app__table-title {
    color: var(--On-Surface, #f9f9fb);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    text-align: center
}

.zuplay-section-hero-app__table-rate {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    margin-bottom: -8px
}

.zuplay-section-hero-app__table-rate::after {
    content: "★★★★★";
    display: block;
    font-size: 19px;
    line-height: 12px;
    height: 15px;
    letter-spacing: 0;
    font-weight: 300;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.zuplay-section-hero-app__tbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.zuplay-content-buttons {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap
}

..zuplay-content-buttons.align-left {
    justify-content: flex-start;
}

.zuplay-content-buttons.align-center {
    justify-content: center;
}

.zuplay-content-buttons.align-right {
    justify-content: flex-end;
}

.zuplay-section-hero-app h1 + p, .zuplay-section-hero-app h2 + p, .zuplay-section-hero-app h3 + p {
    margin-top: 0
}

.btn {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    width: max-content;
    max-width: 100%;
    border-radius: var(--Corner_radius-4, 16px);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--Color-text-default, #fff);
    transition-property: background, box-shadow, color, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    cursor: pointer;
    overflow: hidden
}

.btn span {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600
}

.btn svg {
    max-width: 100px;
    max-height: 100px;
    min-height: 24px;
    min-width: 24px
}

.btn svg path {
    fill: currentColor
}

.btn::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: var(--Corner_radius-4, 16px);
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-content-buttons {
    margin-top: 24px;
}

.btn--primary {
    background: var(--Color-background-primary, #b0329e)
}

.btn--primary:active {
    box-shadow: 0 4px 6px 0 rgba(34, 39, 44, .15)
}

.btn--primary:active::after {
    background: var(--Color-interaction-pressed-inverse, rgba(255, 255, 255, .24))
}

.btn--primary.disabled, .btn--primary[disabled] {
    background: var(--Color-background-disabled, rgba(255, 255, 255, .09));
    color: var(--Color-text-disabled, rgba(255, 255, 255, .24))
}

.btn--primary.disabled::after, .btn--primary[disabled]::after {
    opacity: 0
}

.btn--primary.disabled svg, .btn--primary[disabled] svg {
    opacity: .24
}

.btn--outlined {
    padding: 11px 23px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-bold, rgba(255, 255, 255, .88));
    background: 0 0
}

.btn--outlined:active::after {
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.btn--outlined.disabled, .btn--outlined[disabled] {
    border: 1px solid var(--Color-border-disabled, rgba(255, 255, 255, .09));
    background: 0 0;
    color: var(--Color-text-disabled, rgba(255, 255, 255, .24))
}

.btn--outlined.disabled::after, .btn--outlined[disabled]::after {
    opacity: 0
}

.btn--outlined.disabled svg, .btn--outlined[disabled] svg {
    opacity: .24
}

.btn--app, .btn--app-small, .btn--second {
    padding: 8px 24px;
    border-radius: var(--Corner_radius-3, 8px);
    background: var(--Color-background-secondary, #fec630);
    color: var(--Color-text-accent-on-secondary, #453d1f);
    gap: 10px
}

.btn--app-small::after, .btn--app::after, .btn--second::after {
    border-radius: var(--Corner_radius-3, 8px)
}

.btn--app span, .btn--app-small span, .btn--second span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}

.btn--app span span, .btn--app-small span span, .btn--second span span {
    font-size: .875rem;
    line-height: 1.25rem
}

.btn--app-small:active, .btn--app:active, .btn--second:active {
    box-shadow: 0 4px 6px 0 rgba(34, 39, 44, .15)
}

.btn--app-small:active::after, .btn--app:active::after, .btn--second:active::after {
    background: var(--Color-interaction-pressed-inverse, rgba(255, 255, 255, .24))
}

.btn--app-small.disabled, .btn--app-small[disabled], .btn--app.disabled, .btn--app[disabled], .btn--second.disabled, .btn--second[disabled] {
    color: var(--Color-text-disabled, rgba(255, 255, 255, .24));
    background: var(--Color-background-disabled, rgba(255, 255, 255, .09))
}

.btn--app-small.disabled::after, .btn--app-small[disabled]::after, .btn--app.disabled::after, .btn--app[disabled]::after, .btn--second.disabled::after, .btn--second[disabled]::after {
    opacity: 0
}

.btn--app-small.disabled svg, .btn--app-small[disabled] svg, .btn--app.disabled svg, .btn--app[disabled] svg, .btn--second.disabled svg, .btn--second[disabled] svg {
    opacity: .24
}

.btn--app-small, .btn--second {
    min-height: 68px;
    padding-inline: 22px
}

.btn--app-small span, .btn--second span {
    flex-direction: row;
    align-items: flex-end;
    gap: 6px;
    row-gap: 0
}

.btn--app-small span, .btn--second span {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600
}

.btn--app-small span span, .btn--second span span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .1px;
    font-weight: 600;
}

.btn--promo {
    border: 1px solid var(--Color-icon-accent-secondary, #fec630);
    background: var(--Color-background-neutral-on-surface, rgba(255, 255, 255, .06));
    box-shadow: 0 4px 24px 0 rgba(254, 198, 48, .18)
}

.btn--promo:active::after {
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.btn--promo.disabled, .btn--promo[disabled] {
    border: 1px solid var(--Color-border-disabled, rgba(255, 255, 255, .09));
    background: 0 0;
    color: var(--Color-text-disabled, rgba(255, 255, 255, .24))
}

.btn--promo.disabled::after, .btn--promo[disabled]::after {
    opacity: 0
}

.btn--promo.disabled svg, .btn--promo[disabled] svg {
    opacity: .24
}

.zuplay-text-image {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px
}

.zuplay-text-image.reversed > img {
    order: 1;
}

.zuplay-text-image.reversed .zuplay-text-image__content {
    order: 2;
}

.zuplay-text-image:not(:first-child):not(.zuplay-wrapper) {
    margin-top: 20px
}

.zuplay-text-image > * {
    flex: 1 1
}

.zuplay-text-image > img {
    max-width: 50%;
    border-radius: var(--Corner_radius-5, 24px);
}

.zuplay-text-image > img:only-child {
    max-width: 100%
}

.zuplay-text-image__content picture, .zuplay-text-image__content > img {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 50%
}

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

.zuplay-mob-btn {
    position: sticky;
    left: 0;
    bottom: 0;
    z-index: 80;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border-top: 3px solid var(--Color-icon-selected, #bf5bb0);
    background: var(--Palette-Opacity-Dark-DarkNeutral300, rgba(15, 19, 22, .56));
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    visibility: hidden;
    gap: 5px;
}

.zuplay-mob-btn.active {
    flex-direction: column;
    align-items: stretch;
    /*padding-bottom: 8px*/
}

.zuplay-mob-btn.active > .btn {
    width: 100%;
    max-width: 100%;
    margin-top: 6px
}

.zuplay-mob-btn.active .zuplay-mob-btn__content {
    display: flex
}

.zuplay-mob-btn.active .zuplay-mob-btn__close {
    display: flex
}

.zuplay-mob-btn > .btn {
    margin-left: auto;
    padding: 12px 16px
}

.zuplay-mob-btn .zuplay-mob-btn__main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    /*padding-block: 3px 8px;*/
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .1px
}

.zuplay-mob-btn .zuplay-mob-btn__main span {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--Color-text-default, #fff)
}

.zuplay-mob-btn .zuplay-mob-btn__main img, .zuplay-mob-btn .zuplay-mob-btn__main svg {
    max-width: 50px;
    max-height: 50px
}

.zuplay-mob-btn .zuplay-mob-btn__close {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    display: none;
    margin-left: auto;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-mob-btn .zuplay-mob-btn__close:active {
    opacity: .6
}

.zuplay-mob-btn .zuplay-mob-btn__close::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 fill-rule="evenodd" clip-rule="evenodd" d="M4.04 2.626A1 1 0 0 0 2.627 4.04L6.586 8l-3.96 3.959a1 1 0 0 0 1.415 1.414l3.958-3.959 3.96 3.96a1 1 0 0 0 1.414-1.415L9.413 8l3.96-3.959a1 1 0 1 0-1.415-1.414L8 6.585z" fill="%23fff"/></svg>');
    display: block;
    width: 16px;
    height: 16px
}

.zuplay-mob-btn .zuplay-mob-btn__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 10px;
    display: none
}

.zuplay-mob-btn .zuplay-mob-btn__content p {
    margin: 0
}

.zuplay-mob-btn .zuplay-mob-btn__content .btn--promo {
    width: 100%
}

.zuplay-mob-btn .zuplay-mob-btn__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.zuplay-breadcrumbs {
    width: 100%;
    max-width: calc(var(--width-container) + var(--offsets, 32px) * 2);
    padding: 0 var(--offsets, 32px);
    margin: 0 auto 16px
}

.zuplay-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
}

.zuplay-breadcrumbs li {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.zuplay-breadcrumbs li:not(:last-child) {
    padding-right: 18px
}

.zuplay-breadcrumbs li:not(:last-child)::after {
    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 fill-rule="evenodd" clip-rule="evenodd" d="m7.6 5.204 4 2.998a1 1 0 0 1 0 1.6l-4 2.998A1 1 0 0 1 6 12V6.005a1 1 0 0 1 1.6-.8" fill="%23CFD0CE"/></svg>');
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 18px;
    height: 18px
}

.zuplay-breadcrumbs li:last-child a, .zuplay-breadcrumbs li:last-child span {
    color: var(--Color-text-selected, #bf5bb0)
}

.zuplay-breadcrumbs a, .zuplay-breadcrumbs span {
    padding: 6px 8px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: var(--Color-text-subtlest, #cfd0ce);
    transition-property: background, color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-breadcrumbs a:active {
    color: var(--Color-text-selected, #bf5bb0)
}

.zuplay-gallery {
    position: relative
}

.zuplay-gallery:not(:first-child) {
    margin-top: 24px
}

.zuplay-gallery__list {
    align-items: stretch
}

.zuplay-gallery .zuplay-gallery__link {
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    height: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 40px 64px;
    background-size: 100% 100%
}

.zuplay-gallery .swiper-slide:nth-of-type(4n+1) .zuplay-gallery__link {
    background-image: url(../images/gallery-bg-1.webp)
}

.zuplay-gallery .swiper-slide:nth-of-type(4n+2) .zuplay-gallery__link {
    background-image: url(../images/gallery-bg-2.webp)
}

.zuplay-gallery .swiper-slide:nth-of-type(4n+3) .zuplay-gallery__link {
    background-image: url(../images/gallery-bg-3.webp)
}

.zuplay-gallery .swiper-slide:nth-of-type(4n+4) .zuplay-gallery__link {
    background-image: url(../images/gallery-bg-4.webp)
}

.zuplay-gallery img {
    user-select: none;
    pointer-events: none;
    max-width: 100%;
    max-height: 460px;
    object-fit: contain
}

.zuplay-gallery .swiper-pagination {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 24px
}

.zuplay-gallery .swiper-pagination .swiper-pagination-bullet {
    margin: 6px !important;
    width: 8px;
    height: 8px;
    opacity: 1 !important;
    background: var(--Color-icon-disabled, rgba(255, 255, 255, .24))
}

.zuplay-gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--Color-icon-subtlest, #cfd0ce)
}

.zuplay-sidebar-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    max-height: 100vh;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-sidebar-menu__wrap {
    max-height: 100vh;
    max-width: 100%;
    width: 320px;
    padding: 16px 32px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 16px;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

@supports not selector(::-webkit-scrollbar) {
    .zuplay-sidebar-menu__wrap {
        scrollbar-width: thin;
        scrollbar-color: var(--Color-interaction-pressed, rgba(255, 255, 255, .14)) transparent
    }
}

.zuplay-sidebar-menu__wrap::-webkit-scrollbar {
    width: 4px
}

.zuplay-sidebar-menu__wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14));
    border-radius: 9px;
    border: 4px solid transparent
}

.zuplay-sidebar-menu__wrap::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 9px
}

.zuplay-sidebar-menu__wrap > * {
    grid-column: 1/-1
}

.zuplay-sidebar-menu a.zuplay-sidebar-menu__logo {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-sidebar-menu a.zuplay-sidebar-menu__logo:active {
    opacity: .6
}

.zuplay-sidebar-menu__logo {
    grid-column: 1/2
}

.zuplay-sidebar-menu__logo img, .zuplay-sidebar-menu__logo svg {
    max-width: 300px;
    max-height: 60px;
    object-fit: contain
}

.zuplay-sidebar-menu__close {
    position: absolute;
    top: 15px;
    right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 4px;
    grid-column: 2/3;
    place-self: center end;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-sidebar-menu__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 fill-rule="evenodd" clip-rule="evenodd" d="M14.041 12.626a1 1 0 0 0-1.414 1.414L16.586 18l-3.96 3.959a1 1 0 0 0 1.415 1.414L18 19.413l3.959 3.96a1 1 0 0 0 1.414-1.415l-3.959-3.959 3.959-3.959a1 1 0 0 0-1.414-1.414l-3.96 3.959z" fill="%23fff"/></svg>');
    display: block
}

.zuplay-sidebar-menu__close:active {
    background: var(--Color-interaction-pressed, rgba(250, 250, 251, .14))
}

.zuplay-sidebar-menu__nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 32px;
    width: 100%;
    height: max-content
}

.zuplay-sidebar-menu__list {
    width: 100%;
    position: relative;
    border-radius: var(--Corner_radius-4, 16px);
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    padding-block: 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 6px
}

.zuplay-sidebar-menu__list:not(:first-child)::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--Color-border-default, rgba(255, 255, 255, .14))
}

.zuplay-sidebar-menu__item {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

}

.zuplay-sidebar-menu__item:hover {
    flex-wrap: wrap;
}

.zuplay-sidebar-menu__item:hover a.zuplay-sidebar-menu__link {
    width: auto;
}

.zuplay-sidebar-menu__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    width: 100%;
    color: var(--Color-text-subtlest, #cfd0ce);
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-sidebar-menu__link-current {
    color: var(--Color-text-accent-primary, #bf5bb0)
}

.zuplay-sidebar-menu__item:hover .submenu {
    display: flex;
    flex-direction: column;
    /*gap: 10px;*/
    margin-top: 6px;
}

.zuplay-sidebar-menu__link .zuplay-sidebar-menu__link-icon svg, .zuplay-sidebar-menu__link .zuplay-sidebar-menu__link-icon img {
    min-width: auto;
    min-height: auto;
    margin-top: 2px;

}

.zuplay-sidebar-menu__item:hover .zuplay-sidebar-menu__link-icon svg {
    transform: rotate(-180deg);
}

.submenu__item-link.submenu__link.submenu__link--current {
    color: var(--Color-text-accent-primary, #bf5bb0);
}

.zuplay-sidebar-menu__link-icon {
    margin-left: auto;

}

.zuplay-sidebar-menu__link-icon svg {
    fill: var(--Color-text-subtlest, #cfd0ce);
    min-width: auto;
    min-height: auto;
    margin-top: 2px;
    width: 24px;
    height: 24px;
}

.submenu {
    position: relative;
    top: 0;
    left: 0;
    width: max-content;
    min-width: 100%;
    /*border-radius: 12px;*/
    /*padding: 12px 15px;*/
    /*border-radius: 16px;*/
    /*border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));*/
    display: none;
    /*z-index: 22;*/
    /*background: var(--primary-gradient, linear-gradient(86deg, #1b0c21 5.57%, #0c0d22 98.35%));*/
}

.submenu__item-link {
    color: var(--Color-text-subtlest, #cfd0ce);
    padding: 10px 10px 10px 36px;
    display: inline-block;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.submenu__item-link:hover {
    color: var(--Color-text-accent-primary, #bf5bb0);
}

/*.submenu::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -4px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 4px;*/
/*}*/

/*.submenu::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border-radius: 16px;*/
/*    background: var(--Elevation-high, rgba(255, 255, 255, .06));*/
/*    z-index: -1;*/
/*}*/

.zuplay-sidebar-menu__link svg, .zuplay-sidebar-menu__link img {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px
}

.zuplay-sidebar-menu__link svg path {
    fill: currentColor
}

.zuplay-sidebar-menu__link.current {
    color: var(--Color-text-accent-primary, #bf5bb0)
}

.zuplay-sidebar-menu__link:active {
    color: var(--Color-text-accent-primary, #bf5bb0)
}

.zuplay-sidebar-menu__app {
    position: relative;
    margin-top: 16px;
    padding: 16px 24px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-accent-secondary, #fec630);
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px
}

.zuplay-sidebar-menu__app::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--Color-border-default, rgba(255, 255, 255, .14))
}

.zuplay-sidebar-menu__app .btn {
    width: 100%
}

.zuplay-sidebar-menu__app-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--Color-text-default, #fff)
}

.zuplay-sidebar-menu__app-text span {
    color: var(--Color-text-accent-secondary, #fec630)
}

.zuplay-sidebar-menu__soc {
    width: 100%;
    border-top: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    padding-top: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap
}

.zuplay-sidebar-menu__soc a {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-sidebar-menu__soc a:active {
    opacity: .6
}

.zuplay-sidebar-menu__soc img, .zuplay-sidebar-menu__soc svg {
    max-width: 40px;
    max-height: 40px
}

.menu-active .zuplay-sidebar-menu {
    pointer-events: all;
    background: rgba(0, 0, 0, .6)
}

.menu-active .zuplay-sidebar-menu__wrap {
    transform: translateX(0)
}

.bonus-btn {
    padding: 8px 12px 8px 8px;
    border-radius: var(--Corner_radius-3, 8px);
    background: var(--Color-background-neutral-on-surface, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

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

.bonus-btn__text {
    padding: 8px 11px;
    border-radius: 8px;
    background: var(--Elevation-low, #0c0f12);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--Color-text-default, #fff);
    text-transform: uppercase
}

.bonus-btn:active {
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.zuplay-bonus {
    width: 100%;
    padding: 16px 24px;
    border-radius: 16px;
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

.zuplay-bonus img {
    width: 100%
}

.zuplay-bonus__text {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    text-align: center;
    color: var(--Color-text-default, #fff)
}

.zuplay-bonus__text span {
    color: var(--Color-text-accent-secondary, #fec630)
}

.zuplay-bonus__btns {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    width: 100%
}

.zuplay-bonus__btns .btn {
    width: 100%
}

.zuplay-slots__item {
    position: relative;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 198px;
    padding-right: 56%
}

.zuplay-slots__item > * {
    margin-top: 8px
}

.zuplay-slots__item img {
    position: absolute;
    right: 16px;
    top: 16px;
    width: calc((100% - 32px) * .56 - 16px);
    height: calc(100% - 32px)
}

.zuplay-slots__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px
}

.zuplay-slots__item img {
    object-fit: cover;
    border-radius: var(--Corner_radius-4, 16px);
    margin-top: 0
}

.zuplay-slots {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 40px;
    row-gap: 20px
}

.zuplay-slots__list:not(:first-child) {
    margin-top: 20px
}

.zuplay-slots__rate {
    align-self: flex-start;
    margin-top: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    height: 20px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--Color-text-default, #fff)
}

.zuplay-slots__rate::after {
    content: "★★★★★";
    display: block;
    font-size: 19px;
    line-height: 12px;
    height: 15px;
    letter-spacing: 0;
    font-weight: 300;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.zuplay-slots__title {
    text-align: left;
    color: var(--Color-text-default, #fff);
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    margin-bottom: auto
}

.zuplay-slots__item .btn {
    width: 100%
}

.zuplay-slots__link {
    width: 100%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-align: center;
    background: transparent;
    color: var(--Color-text-subtlest, #e5e7e4);
}

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

.zuplay-slots__link:is(a):active {
    opacity: .6
}

.zuplay-winners {
    margin: 0;
    height: 100%;
}

.zuplay-winners__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
    overflow-y: scroll;
    height: calc(100% - 70px);
}

.zuplay-winners:not(:first-child) {
    margin-top: 24px
}

.zuplay-winners__item {
    padding: 8px 12px;
    border-radius: var(--Corner_radius-4, 16px);
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    box-shadow: 0 2px 6px 0 rgba(7, 5, 16, .18);
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 4px
}

.zuplay-winners__item > img {
    border-radius: 8px;
    max-width: 55px;
    max-height: 55px;
    grid-row: 1/3
}

.zuplay-winners__sum, .zuplay-winners__game {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    grid-row: 1/2
}

.zuplay-toc__title::before {
    content: url("../images/toc-title.svg");
}

.zuplay-winners__title::before {
    content: url("../images/winners-title.svg");
}

.zuplay-winners__coef, .zuplay-winners__name {
    grid-row: 2/3
}

.zuplay-winners__name, .zuplay-winners__game {
    grid-column: 2/3
}

.zuplay-winners__coef, .zuplay-winners__sum {
    grid-column: 3/4;
    text-align: right
}

.zuplay-winners__game {
    color: var(--Color-text-default, #fff);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.zuplay-winners__name {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px
}

.zuplay-winners__name > img {
    max-width: 20px;
    max-height: 20px
}

.zuplay-winners__sum {
    color: var(--Color-text-accent-secondary, #fec630)
}

.zuplay-tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    order: 2
}

.tabs:not(:first-child) {
    margin-top: 24px
}

.tabs.scrolling .zuplay-tabs__trigger {
    user-select: none;
    pointer-events: none;
    background: 0 0
}

.zuplay-tabs__trigger-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 24px;
    border-bottom: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

@supports not selector(::-webkit-scrollbar) {
    .zuplay-tabs__trigger-list {
        scrollbar-color: var(--Color-interaction-pressed, rgba(255, 255, 255, .14)) transparent
    }
}

.zuplay-tabs__trigger-list::-webkit-scrollbar {
    height: 1px
}

.zuplay-tabs__trigger-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.zuplay-tabs__trigger-list::-webkit-scrollbar-track {
    background: 0 0
}

.zuplay-tabs__trigger {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex: 1;
    white-space: nowrap;
    border-radius: 8px 8px 0 0;
    padding: 12px 24px 15px 24px;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    cursor: pointer;
    transition-property: background, border-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-tabs__trigger::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 3px;
    border-radius: var(--Corner_radius-9, 80px) var(--Corner_radius-9, 80px) 0 0;
    background: var(--Color-icon-accent-primary, #bf5bb0);
    opacity: 0;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s
}

.zuplay-tabs__trigger:active {
    background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
}

.zuplay-tabs__trigger:active::after {
    opacity: 0
}

.zuplay-tabs__trigger.active::after {
    opacity: 1
}

.zuplay-tabs__item {
    position: relative
}

.zuplay-tabs__item p:first-child {
    margin-top: 0;
}

.zuplay-tabs__item:not(.active) {
    display: none
}

.zuplay-tabs__list {
    position: relative;
    margin-top: 24px
}

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

.wp-block-table {
    overflow-x: auto
}

@supports not selector(::-webkit-scrollbar) {
    .wp-block-table {
        scrollbar-color: var(--Color-interaction-pressed, rgba(255, 255, 255, .14)) transparent
    }
}

.wp-block-table::-webkit-scrollbar {
    height: 4px
}

.wp-block-table::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.wp-block-table::-webkit-scrollbar-track {
    background: 0 0
}

.wp-block-table:not(:first-child) {
    margin-top: 40px
}

.wp-block-table table {
    min-width: 500px;
    border-radius: var(--Size-icon-24, 24px);
    background: var(--Elevation-high, rgba(255, 255, 255, .06))
}

.wp-block-table thead {
    background: var(--Elevation-high, rgba(255, 255, 255, .06))
}

.wp-block-table thead th {
    border-bottom: 1px solid var(--Color-border-input-default, rgba(255, 255, 255, .14))
}

.wp-block-table th {
    padding-block: 20px;
    padding-inline: 24px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--Surface-Dim, #fff);
    text-align: left
}

.wp-block-table th:first-child {
    padding-left: 24px
}

.wp-block-table th:last-child {
    padding-right: 24px
}

.wp-block-table th:not(:first-child) {
    padding-left: 10px
}

.wp-block-table th:not(:last-child) {
    padding-right: 10px
}

.wp-block-table td {
    padding-block: 16px;
    padding-inline: 24px
}

.wp-block-table td img {
    max-width: 100%;
    height: auto;
    padding: var(--Spacing-Padding-8, 8px);
    border-radius: var(--Corner_radius-3, 8px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, 0.14));
    background: var(--Elevation-high, rgba(255, 255, 255, 0.06));
    width: auto !important;
    height: 36px;
}

.wp-block-table td img:not(:first-child) {
    margin-left: 16px;
}

.wp-block-table td:first-child {
    padding-left: 24px
}

.wp-block-table td:last-child {
    padding-right: 24px
}

.wp-block-table td:not(:first-child) {
    padding-left: 10px
}

.wp-block-table td:not(:last-child) {
    padding-right: 10px
}

.wp-block-table tr:not(:last-child) td {
    border-bottom: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14))
}

.wp-block-table--rows td:first-child {
    color: var(--Color-text-default, #fff)
}

.table-first-col thead {
    background: 0 0
}

.table-first-col td:first-child, .table-first-col th:first-child {
    background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
}

.table-first-col td:nth-child(2), .table-first-col th:nth-child(2) {
    padding-left: 30px
}

.table-first-col td:first-child {
    color: var(--Color-text-default, #fff)
}

.zuplay-payments-list {
    display: flex;
    /*grid-template-columns: repeat(8, 1fr);*/
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.zuplay-payments-list:not(:first-child) {
    margin-top: 24px
}

.zuplay-payments-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.6/1;
    padding: 8px;
    border-radius: var(--Corner_radius-5, 24px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    flex: 1 0 0;
    min-width: 150px;
    height: 100px;
}

.zuplay-payments-list li img, .zuplay-payments-list li svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

table .zuplay-payments-list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px;
    flex-wrap: wrap
}

table .zuplay-payments-list li {
    padding: 4px;
    width: 54px;
    height: 36px;
    border-radius: 8px
}

.zuplay-bonus-large, .zuplay-how-to__item {
    padding: 24px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

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

.zuplay-columns:not(:has(.zuplay-bonus-small)) > * {
    grid-column: 1 / -1;
    align-items: center;
}

.zuplay-columns:not(:has(.zuplay-bonus-small)) > * .zuplay-bonus-large__btns {
    justify-content: center;
}

.zuplay-columns:not(:has(.zuplay-bonus-large)) > * {
    grid-column: 1 / -1;
}

.zuplay-bonus-large__title, .zuplay-how-to__item-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    color: var(--Color-text-default, #fff);
    margin-top: 10px
}

.zuplay-bonus-large img, .zuplay-bonus-large__btns, .zuplay-bonus-large__descr {
    margin-top: 24px
}

.zuplay-bonus-large__btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap
}

.zuplay-bonus-large__btns .btn, .zuplay-how-to .btn {
    width: 100%;
    flex: 1;
    max-width: 316px;
    min-width: min-content
}

.zuplay-how-to__counter {
    margin-bottom: 10px;
}

.zuplay-bonus-large img {
    width: 100%;
    flex: 1;
    object-fit: cover;
    border-radius: 16px
}

.zuplay-bonus-small__item, .zuplay-list-connection__item {
    padding: 24px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.zuplay-bonus-small__item img, .zuplay-bonus-small__item svg, .zuplay-list-connection__item img, .zuplay-list-connection__item svg {
    width: 100%;
    max-width: 32px;
    max-height: 32px;
}

.zuplay-bonus-small__title, .zuplay-list-connection__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    color: var(--Color-text-default, #fff)
}

.zuplay-bonus-small__item .btn, .zuplay-list-connection__title .btn {
    width: 100%;
    margin-top: auto
}

.zuplay-bonus-small {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px
}

.zuplay-advantages {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 322px));
    column-gap: 20px;
    row-gap: 24px;
    --cell-size: 28px
}

.zuplay-text-image__content .zuplay-advantages {
    grid-template-columns: repeat(2, minmax(auto, 322px));
}

.zuplay-advantages:not(:first-child) {
    margin-top: 24px
}

.zuplay-advantages__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.zuplay-advantages__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    color: var(--Color-text-default, #fff)
}

.zuplay-advantages__bar {
    position: relative;
    width: 100%;
    max-width: calc(10 * var(--cell-size));
    aspect-ratio: 278/24;
    margin-top: auto;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24" fill="none"><rect x="2.5" y="2.5" width="19" height="19" rx="3.5" stroke="white" stroke-opacity="0.88"/></svg>');
    background-size: auto 100%
}

.zuplay-advantages__bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(10% * var(--count));
    max-width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24" fill="none"><rect x="2" y="2" width="20" height="20" rx="4" fill="%23FEC630"/><rect x="2.5" y="2.5" width="19" height="19" rx="3.5" stroke="%23fff" stroke-opacity=".14"/></svg>');
    background-size: auto 100%
}

.zuplay-how-to {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    counter-reset: custom-counter
}

.zuplay-how-to:not(:first-child) {
    margin-top: 24px
}

.zuplay-how-to .zuplay-bonus-large > :not(.zuplay-bonus-large__btns):not(.zuplay-bonus-large__title) {
    margin-top: 16px
}

.zuplay-how-to .zuplay-bonus-large .zuplay-bonus-large__btns {
    padding-top: 16px
}

.zuplay-how-to .zuplay-bonus-large img {
    flex: 0
}

.zuplay-how-to .zuplay-bonus-large .zuplay-bonus-large__descr {
    margin-bottom: auto
}

.zuplay-how-to__image {
    margin-top: 16px;
    width: 100%;
}

.zuplay-how-to__button {
    margin-top: 16px;
}

.zuplay-list-connection {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

.zuplay-list-connection.col-2, .zuplay-list-connection.col-4 {
    grid-template-columns: repeat(2, 1fr);
}

.zuplay-list-connection.col-1 {
    grid-template-columns: repeat(.5, 1fr);
}

.zuplay-list-connection:not(:first-child) {
    margin-top: 24px
}

.zuplay-comments-form {
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 40px
}

.zuplay-comments-form:not(:first-child) {
    margin-top: 24px
}

.zuplay-comments-list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 40px;
    overflow-x: auto
}

@supports not selector(::-webkit-scrollbar) {
    .zuplay-comments-list {
        scrollbar-color: var(--Color-interaction-pressed, rgba(255, 255, 255, .14)) transparent
    }
}

.zuplay-comments-list::-webkit-scrollbar {
    height: 4px
}

.zuplay-comments-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
}

.zuplay-comments-list::-webkit-scrollbar-track {
    background: 0 0
}

.zuplay-comments-list__item {
    min-width: 300px;
    padding: 24px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px
}

.zuplay-comments-list__rate {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
    flex-direction: row-reverse;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--Color-text-default, #fff)
}

.zuplay-comments-list__rate::after {
    content: "★★★★★";
    display: block;
    font-size: 19px;
    line-height: 12px;
    height: 15px;
    letter-spacing: 0;
    font-weight: 300;
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.zuplay-comments-list__title {
    color: var(--Color-text-default, #fff);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    margin: 0;
}

.scrolling .zuplay-comments-list__item {
    pointer-events: none;
    user-select: none
}

.scrolling .zuplay-comments-list__item .zuplay-comments-list__descr {
    user-select: none
}

.zuplay-scroll-to-top {
    position: fixed;
    bottom: 100px;
    right: 15px;
    z-index: 55;
    opacity: 10;
    visibility: hidden;
}

.zuplay-scroll-to-top__button {
    position: relative;
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: var(--Corner_radius-3, 8px);
    background: var(--Color-background-primary, #b0329e);
    color: var(--Color-text-default, #fff);
    overflow: hidden;
    font-size: 20px;
    line-height: normal;
}

.zuplay-relink__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.zuplay-relink__item {
    padding: 24px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.zuplay-relink__title {
    width: 100%;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--Color-text-default, #fff);
    margin-bottom: 10px;
}

.zuplay-relink__item img {
    max-width: 150px;
}

@media (min-width: 576px) {
    .zuplay-mob-btn {
        display: none
    }
}

@media (min-width: 768px) {
    .zuplay-section-hero__descr {
        display: none
    }
}

@media (min-width: 992px) {
    .zuplay-section-hero-app .zuplay-section-hero-app__info {
        grid-row: 1/20
    }
}

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

    .zuplay-header__burger {
        display: none
    }

    .zuplay-sidebar-menu .bonus-btn, .zuplay-sidebar-menu .zuplay-sidebar-menu__close {
        display: none
    }

    .zuplay-sidebar-menu__close {
        display: none
    }
}

@media (min-width: 1800.1px) {
    .zuplay-section-default__content {
        grid-column: 2/3
    }

    .zuplay-section-default > img {
        grid-column: 1/2
    }

    .zuplay-section-default > .zuplay-bonus {
        grid-column: 3/4
    }
}

@media (max-width: 1920px) {
    .zuplay-wrapper, .zuplay-last-modified-date {
        margin-inline: var(--offsets, 32px);
        max-width: calc(100% - var(--offsets, 32px) * 2)
    }
}

@media (max-width: 1830px) {
    .zuplay-slots .zuplay-slots__item {
        min-height: 220px
    }
}

@media (max-width: 1700px) {
    .zuplay-slots {
        grid-template-columns:repeat(auto-fill, minmax(185px, 1fr));
        column-gap: 20px
    }
}

@media (max-width: 1500px) {
    .zuplay-columns {
        grid-template-columns:1fr;
        align-items: stretch
    }

    .zuplay-section-hero {
        grid-template-columns: 1fr
    }

    .zuplay-section-hero > * {
        grid-column: 1
    }

    .zuplay-section-hero__content {
        display: contents
    }

    .zuplay-section-hero > * {
        grid-column: 1
    }

    .zuplay-section-hero h1 {
        max-width: 100%;
        order: -2
    }

    .zuplay-section-hero__title {
        margin-top: 24px
    }

    .zuplay-section-hero__content > * {
        order: 20;
    }
}

@media (max-width: 1400px) {
    .zuplay-footer__nav {
        grid-template-columns:auto auto
    }
}

@media (max-width: 1239.9px) {
    body {
        padding-left: 0
    }

    .bonus-btn__text {
        font-size: 1rem;
    }

    .zuplay-header .bonus-btn {
        display: none
    }

    .zuplay-footer__nav {
        grid-template-columns: repeat(3, auto)
    }

    .zuplay-sidebar-menu {
        right: 0;
        bottom: 0;
        pointer-events: none
    }

    .zuplay-sidebar-menu__wrap {
        height: 100%;
        max-height: 100%;
        width: 326px;
        padding: 12px 16px;
        transform: translateX(-100%);
        background: var(--primary-gradient, linear-gradient(86deg, #1b0c21 5.57%, #0c0d22 98.35%))
    }
}

@media (max-width: 991.9px) {
    .zuplay-advantages {
        grid-template-columns: repeat(2, minmax(auto, 100%));
    }

    .zuplay-wrapper:not(.zuplay-wrapper--no-bg) {
        padding: 24px
    }

    .zuplay-columns {
        gap: 24px
    }

    .wp-block-columns.col-2 {
        grid-template-columns: 1fr;
    }

    .zuplay-footer {
        grid-template-columns: 1fr;
        padding: 24px
    }

    .zuplay-footer__nav {
        grid-template-columns: 1fr;
        margin-left: 0;
        padding-top: 24px;
        border-top: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14))
    }

    .section-faq {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .section-faq > img {
        width: 100%
    }

    .section-faq__list {
        order: 100
    }

    .zuplay-section-default {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .zuplay-section-default > * {
        grid-column: unset;
        grid-row: unset
    }

    .zuplay-section-default > img {
        order: 0
    }

    .zuplay-section-default .zuplay-bonus {
        order: 5;
        margin: 0
    }

    .zuplay-section-default__content {
        order: 10
    }

    .zuplay-section-hero-app__img img {
        position: relative
    }

    .zuplay-section-hero-app {
        grid-template-columns: 1fr
    }

    .zuplay-section-hero-app > * {
        order: 0
    }

    .zuplay-section-hero-app .zuplay-section-hero-app__info {
        order: 10;
        margin-top: 24px
    }

    .zuplay-text-image {
        flex-direction: column
    }

    .zuplay-text-image > img {
        width: 100%;
        max-width: 100%
    }

    .zuplay-text-image__content {
        width: 100%
    }

    .zuplay-text-image__content p:first-child {
        margin-top: 0
    }

    .zuplay-text-image__content picture, .zuplay-text-image__content > img {
        width: 100%;
        max-width: 100%;
        float: unset;
        margin: 20px 0 0;
        order: 100
    }

    .zuplay-gallery .zuplay-gallery__link {
        padding: 30px 18px
    }

    .zuplay-payments-list {
        grid-template-columns: repeat(6, 1fr)
    }

    .zuplay-bonus-small {
        gap: 24px
    }

    .zuplay-list-connection {
        grid-template-columns: repeat(2, 1fr)
    }

    .zuplay-comments-form {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .zuplay-comments-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        overflow: hidden
    }

    .zuplay-comments-list__item {
        min-width: unset
    }
}

@media (max-width: 767.9px) {
    .zuplay-header {
        row-gap: 10px;
        column-gap: 10px;
        padding-block: 12px
    }

    .zuplay-list-connection.col-2, .zuplay-list-connection.col-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .zuplay-header__btns {
        order: 10;
        justify-content: center;
        width: 100%;
        margin-left: 0
    }

    .zuplay-header__btns .btn {
        flex: 1
    }

    .zuplay-header__lang-list {
        left: unset;
        right: 0
    }

    .zuplay-footer__nav {
        grid-template-columns: 1fr
    }

    .zuplay-section-hero {
        grid-template-columns: 1fr
    }

    .zuplay-section-hero .zuplay-slots__item {
        min-height: 280px
    }

    .zuplay-section-hero > * {
        grid-column: 1/2;
        order: 20
    }

    .zuplay-section-hero > * {
        order: 20
    }

    .zuplay-section-hero h1 {
        grid-column: 1/2;
        order: 0
    }

    .zuplay-section-hero__descr {
        order: 5
    }

    .zuplay-section-hero .zuplay-bonus {
        order: 10
    }

    .zuplay-section-hero .zuplay-slots {
        grid-template-columns: 1fr
    }

    .zuplay-toc__list {
        column-gap: 16px
    }

    .zuplay-content-buttons .btn {
        flex: 1
    }

    .zuplay-text-image {
        gap: 24px
    }

    .zuplay-gallery img {
        max-height: 330px
    }

    .wp-block-table:not(:first-child) {
        margin-top: 24px
    }

    .zuplay-payments-list {
        grid-template-columns: repeat(5, 1fr)
    }

    .zuplay-bonus-small {
        grid-template-columns: 1fr
    }

    .zuplay-text-image__content .zuplay-advantages {
        grid-template-columns: 1fr
    }

    .zuplay-advantages {
        grid-template-columns: repeat(1, minmax(auto, 100%));
    }

    .zuplay-how-to {
        gap: 24px;
        grid-template-columns: 1fr
    }

    .zuplay-list-connection {
        gap: 32px;
        grid-template-columns: 1fr
    }

    .zuplay-comments-list {
        grid-template-columns: 1fr
    }

    body {
        padding-bottom: 0;
    }

}

@media (max-width: 620px) {
    .zuplay-section-hero .zuplay-slots__item {
        min-height: 180px
    }

    .wp-block-columns.col-2 {
        gap: 16px;
    }
}

@media (max-width: 575.9px) {
    .zuplay-wrapper {
        border-radius: 16px
    }

    .zuplay-winners {
        max-height: 325px;
    }

    .zuplay-winners__list {
        height: calc(100% - 60px);
    }

    .zuplay-wrapper:not(.zuplay-wrapper--no-bg) {
        padding: 16px
    }

    .zuplay-wrapper:has(.zuplay-section-hero) {
        margin-top: 8px;
    }

    .zuplay-wrapper > .btn {
        width: 100%
    }

    .zuplay-columns {
        gap: 16px
    }

    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 16px
    }

    h1 {
        font-size: 1.75rem;
        line-height: 2.125rem
    }

    h2 {
        font-size: 1.375rem;
        line-height: 2rem
    }

    h3 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    h2 svg, h3 svg {
        max-width: 32px;
        max-height: 32px
    }

    .zuplay-form .zuplay-form__rate-label {
        width: 44px;
        height: 44px
    }

    body {
        font-size: .9375rem;
        line-height: 1.375rem
    }

    :root {
        --wrapper-margin: 36px;
        --offsets: 16px
    }

    .zuplay-header__lang {
        gap: 4px
    }

    .zuplay-footer {
        padding: 16px;
        gap: 16px
    }

    .zuplay-footer__info .btn {
        width: 100%;
        max-width: 100%
    }

    .zuplay-footer__info .btn:first-of-type {
        margin-top: 16px
    }

    .zuplay-footer__copyright {
        margin-top: 16px
    }

    .zuplay-footer__nav-list a {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-footer__nav {
        padding-top: 16px;
        border-top: 2px solid var(--Color-border-default, rgba(255, 255, 255, .14))
    }

    .zuplay-footer__providers {
        padding-block: 16px;
        border-top: 2px solid var(--Color-border-default, rgba(255, 255, 255, .14));
        border-bottom: 2px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    }

    .zuplay-footer__social + .zuplay-footer__text {
        border-top: 2px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    }

    .zuplay-section-hero {
        margin-top: 8px
    }

    .zuplay-section-hero + p, .zuplay-section-hero__title {
        margin-top: 16px
    }

    .zuplay-section-hero .zuplay-bonus {
        margin-top: 0;
        padding-block: 16px
    }

    .zuplay-section-hero .zuplay-slots {
        gap: 16px
    }

    .section-faq {
        gap: 16px
    }

    .zuplay-faq__title {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-faq__title {
        padding-block: 0;
        min-height: 0;
    }

    .zuplay-faq[data-open] .zuplay-faq__title {
        padding-bottom: 8px;
    }

    .zuplay-faq__arrow {
        margin: 6px;
        width: 24px;
        height: 24px;
        min-width: 24px
    }

    .zuplay-faq__arrow svg {
        max-width: 14px;
        max-height: 14px
    }

    .zuplay-toc__item a, .zuplay-toc__nav ol li a, .zuplay-toc-auto a {
        font-size: 1rem;
        line-height: 1.375rem;
        padding: 11px 12px

    }

    .zuplay-section-default {
        gap: 16px
    }

    .zuplay-section-hero-app__table-block {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-section-hero-app__table-block span {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-section-hero-app__table-title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-content-buttons {
        flex-direction: column;
        margin-top: 16px
    }

    .zuplay-content-buttons .btn {
        width: 100%
    }

    .zuplay-section-hero-app .zuplay-section-hero-app__info {
        margin-top: 16px
    }

    .zuplay-section-hero-app__tbody {
        row-gap: 16px
    }

    .btn {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .btn span {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .btn--app, .btn--app-small, .btn--second {
        padding: 16px 24px
    }

    .btn--app svg, .btn--app-small svg, .btn--second svg {
        max-width: 24px;
        max-height: 24px
    }

    .btn--app span, .btn--app-small span, .btn--second span {
        flex-direction: row;
        align-items: flex-end;
        gap: 6px;
        row-gap: 0
    }

    .btn--app-small span, .btn--second span {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .btn--app-small span span, .btn--second span span {
        font-size: .9375rem;
        line-height: 1.375rem
    }

    .btn--app-small, .btn--second {
        min-height: 56px
    }

    .btn--promo svg {
        max-width: 20px;
        max-height: 20px;
        min-width: unset;
        min-height: unset
    }

    .zuplay-text-image {
        gap: 16px
    }

    .zuplay-text-image__content > .btn {
        width: 100%
    }

    .zuplay-text-image__content > .btn:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-mob-btn .zuplay-mob-btn__main {
        font-size: .9375rem;
        line-height: 1.375rem
    }

    .zuplay-mob-btn .zuplay-mob-btn__main span {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-breadcrumbs {
        margin-block: 8px
    }

    .zuplay-gallery:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-gallery .zuplay-gallery__link {
        padding: 24px 16px
    }

    .zuplay-gallery img {
        max-height: 242px
    }

    .zuplay-gallery .swiper-pagination {
        margin-top: 22px
    }

    .zuplay-sidebar-menu__link {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-sidebar-menu__link svg, .zuplay-sidebar-menu__link img {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px
    }

    .zuplay-sidebar-menu__app-text {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-sidebar-menu__app {
        padding: 16px
    }

    .bonus-btn__text {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-bonus {
        padding: 16px
    }

    .zuplay-bonus__text {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-slots {
        grid-template-columns: 1fr
    }

    .zuplay-slots__list:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-slots__title {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-slots__item {
        min-height: 200px;
        padding: 12px;
        padding-right: 52%
    }

    .zuplay-slots__item img {
        top: 12px;
        right: 12px;
        width: calc((100% - 24px) * .52 - 12px);
        height: calc(100% - 24px)
    }

    .zuplay-slots:not(.zuplay-slots--horizontal) > :not(img) {
        margin-top: 8px;
    }

    .zuplay-slots__rate::after {
        font-size: 16px;
    }

    .zuplay-slots:not(.zuplay-slots--horizontal) img {
        position: absolute
    }

    .zuplay-winners:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-winners__sum, .zuplay-winners__game {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .tabs:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-tabs__trigger-list {
        gap: 16px
    }

    .zuplay-tabs__trigger {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .zuplay-tabs__trigger {
        padding: 12px 16px
    }

    .zuplay-tabs__list {
        margin-top: 16px
    }

    .wp-block-table th {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .wp-block-table:not(:first-child) {
        margin-top: 16px
    }

    .wp-block-table td, .wp-block-table th {
        padding-block: 16px;
        padding-inline: 16px
    }

    .wp-block-table td:first-child, .wp-block-table th:first-child {
        padding-left: 16px
    }

    .wp-block-table td:last-child, .wp-block-table th:last-child {
        padding-right: 16px
    }

    .wp-block-table td:not(:first-child), .wp-block-table th:not(:first-child) {
        padding-left: 8px
    }

    .wp-block-table td:not(:last-child), .wp-block-table th:not(:last-child) {
        padding-right: 8px
    }

    .zuplay-payments-list {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px
    }

    .zuplay-payments-list:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-payments-list li {
        border-radius: 16px;
        min-width: 68px;
        min-height: 46px;
        aspect-ratio: 68/46;
        height: 46px;
    }

    table .zuplay-payments-list {
        gap: 8px
    }

    table .zuplay-payments-list li {
        border-radius: 8px;
        width: 48px;
        height: 32px;
        min-width: unset;
        min-height: unset
    }

    .zuplay-bonus-large__title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-bonus-large {
        padding: 16px
    }

    .zuplay-bonus-large__title {
        margin-top: 8px
    }

    .zuplay-bonus-large img, .zuplay-bonus-large__btns, .zuplay-bonus-large__descr {
        margin-top: 16px
    }

    .zuplay-bonus-large__btns {
        flex-direction: column;
        gap: 8px
    }

    .zuplay-bonus-large__btns .btn, .zuplay-how-to .btn {
        width: 100%;
        max-width: 100%
    }

    .zuplay-bonus-small__title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-bonus-small__item {
        padding: 16px
    }

    .zuplay-bonus-small {
        gap: 16px
    }

    .zuplay-advantages {
        --cell-size: 22px;
        gap: 16px
    }

    .zuplay-advantages:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-advantages__title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-advantages__bar {
        aspect-ratio: 241/21;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><rect x="1.96" y="1.96" width="15.29" height="15.29" rx="2.82" stroke="white" stroke-opacity="0.88"/></svg>')
    }

    .zuplay-advantages__bar::after {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"><rect x="1.57" y="1.29" width="15.71" height="15.71" rx="3.14" fill="%23FEC630"/><rect x="1.96" y="1.68" width="15.29" height="15.29" rx="2.75" stroke="%23fff" stroke-opacity=".14"/></svg>')
    }

    .zuplay-how-to {
        gap: 16px
    }

    .zuplay-how-to:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-list-connection:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-comments-form {
        gap: 16px
    }

    .zuplay-comments-form:not(:first-child) {
        margin-top: 16px
    }

    .zuplay-comments-list {
        gap: 16px
    }

    .zuplay-comments-list__item {
        padding: 16px
    }

    .zuplay-comments-list__title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .zuplay-slots__link {
        font-size: 15px;
        color: var(--Color-text-default, #FFF);
        line-height: 22px;
    }

    .zuplay-slots__rate {
        font-size: 12px;
    }

    .zuplay-slots__item .btn {
        padding: 10px 24px;
    }

    .zuplay-tabs__trigger.active {
        color: var(--Color-icon-accent-primary, #bf5bb0);
    }

    .zuplay-text-image > img {
        border-radius: var(--Corner_radius-4, 16px);
    }

    .zuplay-comments-list__rate::after {
        font-size: 16px;
    }

    .zuplay-comments-list__title {
        margin: 0;
    }

    .zuplay-comments-list__rate {
        font-size: 12px;
    }

    .zuplay-form__label + .zuplay-form__label {
        margin-top: 0;
    }

    .zuplay-list-connection__title {
        font-size: 20px;
        line-height: normal;
    }

    .zuplay-list-connection__item, .zuplay-how-to__item {
        padding: 16px;
    }

    .btn--app-small span, .btn--second span {
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
    }

    .zuplay-section-hero-app__table-rate::after {
        font-size: 16px;
        height: 16px;
    }

    .zuplay-relink__item {
        padding: 16px;
    }

    .zuplay-relink__item img {
        max-width: 90px;
    }

    .zuplay-slots .zuplay-slots__item {
        min-height: 180px;
    }
}

@media (max-width: 420px) {
    .zuplay-slots__item {
        min-height: 180px
    }

    .zuplay-toc__list, .zuplay-toc__nav ol, .zuplay-toc-auto ol {
        gap: 16px;
    }

    .zuplay-toc__item, .zuplay-toc__nav ol li, .zuplay-toc-auto ol li, .zuplay-toc__item a, .zuplay-toc__nav ol li a, .zuplay-toc-auto a {
        height: 100%;
    }

    .zuplay-last-modified-date {
        padding: 16px;
    }
}

@media (max-width: 1700px) and (min-width: 768px) {
    .zuplay-section-hero .zuplay-slots__item {
        padding-right: 16px;
        display: grid;
        grid-template-columns: 1.6fr 1fr;
        grid-template-rows: auto 1fr auto;
        column-gap: 8px
    }

    .zuplay-section-hero .zuplay-slots__item > img {
        position: relative;
        right: unset;
        top: unset;
        width: 100%;
        height: auto;
        grid-column: 2/3;
        grid-row: 1/3;
        margin-bottom: 8px
    }

    .zuplay-section-hero .zuplay-slots__item .zuplay-slots__link, .zuplay-section-hero .zuplay-slots__item > .btn {
        grid-column: 1/-1
    }
}

@media (max-width: 1500px) and (min-width: 768px) {
    .zuplay-section-hero .zuplay-bonus {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center
    }

    .zuplay-section-hero .zuplay-bonus > img {
        width: unset
    }
}

@media (max-width: 1800px) and (min-width: 992px) {
    .zuplay-section-default {
        grid-template-columns:1fr 1fr
    }

    .zuplay-section-default__content {
        grid-column: 2/3
    }

    .zuplay-section-default .zuplay-bonus {
        margin-top: 40px;
        grid-column: 2/3
    }

    .zuplay-section-default:not(:has(.zuplay-section-default__image)) > .zuplay-bonus {
        grid-column: 1 / -1;
    }

    .zuplay-section-default:not(:has(.zuplay-section-default__image)) > .zuplay-section-default__content {
        grid-column: 1 / 1;
    }

    .zuplay-section-default > img {
        grid-column: 1/2;
        grid-row: 1/20;
        place-self: stretch;
        object-fit: cover;
        border-radius: 16px
    }
}

@media (max-width: 1700px) and (min-width: 576px) {
    .zuplay-slots__item:not(.zuplay-slots--horizontal) {
        gap: 8px;
        padding-right: 16px
    }

    .zuplay-slots__item:not(.zuplay-slots--horizontal) img {
        position: relative;
        top: unset;
        right: unset;
        order: -1;
        width: 100%;
        height: auto;
        margin-bottom: 8px
    }
}

@media (any-hover: hover) {
    p:not([class]) a:hover {
        opacity: .6
    }

    p:not([class]) a:focus {
        opacity: .6
    }

    .zuplay-form .zuplay-form__label--area:hover, .zuplay-form input:hover {
        border-color: rgba(176, 50, 158, .6)
    }

    .zuplay-header__burger:hover {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-header__burger:focus {
        background: var(--Color-interaction-pressed, rgba(250, 250, 251, .14))
    }

    .zuplay-header__lang:hover {
        background: var(--Color-background-neutral-highest, rgba(255, 255, 255, .14))
    }

    .zuplay-header__lang-link:not(.current):hover {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-header__lang-link:not(.current):focus {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-footer a.zuplay-footer__logo:hover {
        opacity: .6
    }

    .zuplay-footer a.zuplay-footer__logo:focus {
        opacity: .6
    }

    .zuplay-footer__nav-list a:hover {
        color: var(--Color-text-accent-primary, #bf5bb0)
    }

    .zuplay-footer__nav-list a:focus {
        color: var(--Color-text-accent-primary, #bf5bb0)
    }

    .zuplay-faq__title:hover .zuplay-faq__arrow::after {
        background: rgba(255, 255, 255, .06)
    }

    .zuplay-toc__item a:hover {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-toc__item a:focus {
        background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
    }

    .btn--primary:hover {
        box-shadow: 0 2px 3px 0 rgba(34, 39, 44, .15)
    }

    .btn--primary:hover::after {
        background: var(--Color-interaction-hovered-inverse, rgba(255, 255, 255, .14))
    }

    .btn--primary:focus {
        box-shadow: 0 4px 6px 0 rgba(34, 39, 44, .15)
    }

    .btn--primary:focus::after {
        background: var(--Color-interaction-pressed-inverse, rgba(255, 255, 255, .24))
    }

    .btn--outlined:hover::after {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .btn--outlined:focus::after {
        background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
    }

    .btn--app-small:hover, .btn--app:hover, .btn--second:hover {
        box-shadow: 0 2px 3px 0 rgba(34, 39, 44, .15)
    }

    .btn--app-small:hover::after, .btn--app:hover::after, .btn--second:hover::after {
        background: var(--Color-interaction-hovered-inverse, rgba(255, 255, 255, .14))
    }

    .btn--app-small:focus, .btn--app:focus, .btn--second:focus {
        box-shadow: 0 4px 6px 0 rgba(34, 39, 44, .15)
    }

    .btn--app-small:focus::after, .btn--app:focus::after, .btn--second:focus::after {
        background: var(--Color-interaction-pressed-inverse, rgba(255, 255, 255, .24))
    }

    .btn--promo:hover::after {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .btn--promo:focus::after {
        background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
    }

    .zuplay-mob-btn .zuplay-mob-btn__close:hover {
        opacity: .6
    }

    .zuplay-mob-btn .zuplay-mob-btn__close:focus {
        opacity: .6
    }

    .zuplay-breadcrumbs a:hover {
        color: var(--Color-text-selected, #bf5bb0)
    }

    .zuplay-breadcrumbs a:focus {
        color: var(--Color-text-selected, #bf5bb0)
    }

    .zuplay-sidebar-menu a.zuplay-sidebar-menu__logo:hover {
        opacity: .6
    }

    .zuplay-sidebar-menu a.zuplay-sidebar-menu__logo:focus {
        opacity: .6
    }

    .zuplay-sidebar-menu__close:hover {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-sidebar-menu__close:focus {
        background: var(--Color-interaction-pressed, rgba(250, 250, 251, .14))
    }

    .zuplay-sidebar-menu__link:hover {
        color: var(--Color-text-accent-primary, #bf5bb0)
    }

    .zuplay-sidebar-menu__link:focus {
        color: var(--Color-text-accent-primary, #bf5bb0)
    }

    .zuplay-sidebar-menu__soc a:hover {
        opacity: .6
    }

    .zuplay-sidebar-menu__soc a:focus {
        opacity: .6
    }

    .bonus-btn:hover {
        background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
    }

    .bonus-btn:focus {
        background: var(--Color-interaction-pressed, rgba(255, 255, 255, .14))
    }

    .zuplay-slots__link:is(a):hover {
        opacity: .6
    }

    .zuplay-slots__link:is(a):focus {
        opacity: .6
    }

    .zuplay-tabs__trigger:hover {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-tabs__trigger:hover::after {
        opacity: 0
    }

    .zuplay-tabs__trigger:focus {
        background: var(--Color-interaction-hovered, rgba(255, 255, 255, .06))
    }

    .zuplay-tabs__trigger:focus::after {
        opacity: 0
    }
}

@media (any-hover: none) and (pointer: coarse) {
    .zuplay-header__lang:active {
        background: var(--Color-background-neutral-highest, rgba(255, 255, 255, .14))
    }
}

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

.zuplay-game {
    padding: 24px;
    border-radius: var(--Corner_radius-4, 16px);
    border: 1px solid var(--Color-border-default, rgba(255, 255, 255, .14));
    background: var(--Elevation-high, rgba(255, 255, 255, .06));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.zuplay-game__title {
    color: #fff;
}

.scroll-lock {
    overflow: hidden;
    position: relative;
}

.scroll-lock::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000d1;
    z-index: 1200;
    position: fixed;
}

.zuplay-game__box {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    z-index: 1210
}

.zuplay-game__box-header {
    margin-bottom: -1px;
    padding: 8px 8px 8px 16px;
    background: var(--primary-gradient, linear-gradient(86deg, #1b0c21 5.57%, #0c0d22 98.35%));
    border-radius: 3px 3px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.zuplay-game__box-title {
    margin: 0 24px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.zuplay-game__box-close, .zuplay-bonus {
    margin-left: auto;
    display: flex
}

.zuplay-game__box-close {
    border: none;
    border-radius: 3px;
    background-color: transparent;
    transition: .3s ease-in-out;
    cursor: pointer
}

.game__iframe {
    border-radius: 0 0 3px 3px;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    overflow: hidden;
}

@media (max-width: 767px) {
    .game__iframe {
        aspect-ratio: 6 / 9;
    }

    .zuplay-section-hero-app__img {
        aspect-ratio: 17 / 9;
    }

    .zuplay-toc__item a::after, .zuplay-toc__nav ol a::after, .zuplay-toc-auto a::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="M3.33398 9.99967H16.6673M16.6673 9.99967L12.3536 5.83301M16.6673 9.99967L12.3536 14.1663" stroke="%23CFD0CE" stroke-width="2" stroke-linecap="round"/></svg>');
        width: 20px;
        height: 20px;
    }
}


.zuplay-bonus__buttons {
    display: flex;
    gap: 10px;
}

* + .zuplay-bonus.default, * + .zuplay-bonus.download {
    margin-top: 20px;
}

.zuplay-bonus.default, .zuplay-bonus.download {
    max-width: 700px;
    margin-left: 0;
}

.zuplay-bonus.default .btn, .zuplay-bonus.download .btn {
    width: 100%;
}

.zuplay-bonus__info-item, .zuplay-bonus__info-key {
    display: flex;
    align-items: center;
    gap: 8px;
}

.zuplay-bonus__info {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.zuplay-bonus__title {
    width: 100%;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -.2px;
    text-align: center;
    color: var(--Color-text-default, #fff);
}

.zuplay-bonus__icons {
    display: flex;
    justify-content: center;
    gap: 10px;
}


.zuplay-page-404__title {
    text-align: center;
    font-size: 8rem;
}

.zuplay-page-404__subtitle {
    text-align: center;
    margin-top: 48px;
    font-size: 2rem;
}

@media (max-width: 1650px) {
    .zuplay-relink__list {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 950px) {
    .zuplay-relink__list {
        grid-template-columns:  1fr;
    }

    .zuplay-bonus__buttons {
        flex-direction: column;
    }
}

._scroll-lock {
    overflow: hidden;
}

.zuplay-slots-popup {
    content: "";
    position: fixed;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    inset: 0;
}

.zuplay-slots-popup__content {
    display: flex;
    flex-direction: column;
    border-radius: var(--Corner_radius-4);
    width: 100%;
    max-width: 1440px;
    max-height: 80dvh;
    background: #000;
    aspect-ratio: 16 / 9;
}


.zuplay-slots-popup__body {
    width: 100%;
    height: 100%;
}

.zuplay-slots-popup__body iframe {
    border: none;
}


.zuplay-slots-popup__close {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 0 0 var(--Corner_radius-4);
    padding: 0;
    width: 40px;
    height: 40px;
    background: none;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    backdrop-filter: blur(4px);
}

.zuplay-slots-popup iframe {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
}

@media (hover: hover) {
    .popup__close:hover {
        background: #ffffff38;
    }

    .zuplay-slots:hover .zuplay-slots__content {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}


@media (max-width: 1023px) {
    .zuplay-slots-popup__content {
        height: 85svh;
        aspect-ratio: auto;
    }
}


@media (min-width: 2050px) {
    .zuplay-sidebar-menu {
        left: calc((100vw - 1275px) / 2 - 300px);
    }
}
