html {
            --z-index-main: 100;
            --z-index-cdp-layout: 102;
            --z-index-tabbar: 130;
            --z-index-button-top: 124;
            --z-index-sidebar: 131;
            --z-index-header: 140;
            --z-index-modal-layout: 1000;
            --z-index-snackbar: 1005;
            --z-index-tooltip: 1010;
            --safe-area-inset-top: env(safe-area-inset-top);
            --safe-area-inset-right: env(safe-area-inset-right);
            --safe-area-inset-bottom: env(safe-area-inset-bottom);
            --safe-area-inset-left: env(safe-area-inset-left);
            --safe-area-inset-inline-start: env(safe-area-inset-left);
            --safe-area-inset-inline-end: env(safe-area-inset-right);
            --safe-area-inset-block-start: env(safe-area-inset-top);
            --safe-area-inset-block-end: env(safe-area-inset-bottom);
            line-height: 1.5;
            scroll-behavior: smooth;
            tab-size: 4;
            -webkit-tap-highlight-color: transparent;
            -webkit-text-size-adjust: 100%;
            -moz-text-size-adjust: 100%;
            text-size-adjust: 100%
        }

        .colorScheme-dark,.colorScheme-light {
            --padding-bottom-layout-tabbar-with-safe-area: calc(max(var(--safe-area-inset-block-end),var(--tabbar-layout-padding-bottom)));
            --height-layout-tabbar-with-safe-area: calc(var(--tabbar-layout-height) + var(--padding-bottom-layout-tabbar-with-safe-area) - var(--tabbar-layout-padding-bottom));
            --height-layout-header-mobile-with-safe-area: calc(var(--header-layout-height-mobile) + var(--safe-area-inset-block-start));
            --height-layout-header-desktop-with-safe-area: calc(var(--header-layout-height-desktop) + var(--safe-area-inset-block-start))
        }

        button,html {
            font-family: var(--font-body-font-family)
        }

        body {
            font-family: inherit;
            line-height: inherit;
            overflow-x: hidden
        }

        body,h1,h2,h3,p {
            margin: 0
        }

        *,::after,::before {
            box-sizing: border-box;
            border-width: 0;
            border-style: solid;
            border-color: currentColor
        }

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

        #root {
            display: flex;
            min-height: 100dvh;
            flex-direction: column;
            padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)
        }

        @media (display-mode:standalone) {
            #root {
                min-height: 100vh
            }
        }
        
        .icon-base_root-F1flk {
            fill: currentColor;
            display: block
        }

        .icon-base_m-F1flk {
            padding: var(--spacing-2)
        }

        @keyframes loader_spin-z3LxP {
            to {
                transform: rotate(1turn)
            }
        }

        .base_content-NnRvn {
            justify-content: center;
            align-items: center;
            gap: var(--spacing-8);
            white-space: nowrap;
            height: 100%;
            display: flex
        }

        .base_root-NnRvn {
            --outline-color: var(--color-solid-brand-primary-alfa-68);
            border-radius: var(--button-radius);
            background-color: unset;
            cursor: pointer;
            -webkit-user-select: none;
            user-select: none;
            will-change: transform;
            padding: 0;
            transition: opacity .1s;
            display: inline-block;
            position: relative
        }

        .base_root-NnRvn.base_rounded-NnRvn {
            --button-radius: var(--rounding-max)
        }

        .base_root-NnRvn:active {
            opacity: var(--opacity-item-active)
        }

        .base_root-NnRvn:focus-visible {
            outline: none
        }

        @supports not (width: 1lh) {
            .base_root-NnRvn:focus-visible {
                box-shadow:0 0 0 var(--spacing-2) var(--outline-color)
            }
        }

        @supports (width: 1lh) {
            .base_root-NnRvn:focus-visible {
                outline:var(--spacing-2) solid var(--outline-color);
                outline-offset: var(--spacing-2)
            }
        }

        @supports not selector(:focus-visible) {
            .base_root-NnRvn:focus {
                outline: none
            }

            @supports not (width: 1lh) {
                .base_root-NnRvn:focus {
                    box-shadow:0 0 0 var(--spacing-2) var(--outline-color)
                }
            }

            @supports (width: 1lh) {
                .base_root-NnRvn:focus {
                    outline:var(--spacing-2) solid var(--outline-color);
                    outline-offset: var(--spacing-2)
                }
            }
        }

        .base_root-NnRvn {
            font-family: var(--font-body-font-family);
            font-size: var(--font-body-semibold-font-size);
            font-weight: var(--font-body-semibold-font-weight);
            letter-spacing: var(--font-body-semibold-letter-spacing);
            line-height: var(--font-body-semibold-line-height)
        }

        .base_view-NnRvn {
            width: var(--button-width);
            height: var(--button-height);
            padding: 0 var(--button-padding);
            border-radius: var(--button-radius);
            background: var(--background);
            transition: background .1s;
            position: relative
        }

        @media (hover: hover) and (pointer:fine) {
            .base_view-NnRvn:hover {
                background:var(--background-hover)
            }
        }

        .base_size-s-NnRvn {
            --button-height: var(--size-control-s);
            --button-padding: var(--spacing-12);
            --button-radius: var(--rounding-control-s)
        }

        .base_size-m-NnRvn {
            --button-height: var(--size-control-m);
            --button-padding: var(--spacing-16);
            --button-radius: var(--rounding-control-m)
        }

        .base_size-m-NnRvn.base_isIcon-NnRvn {
            --button-width: var(--size-control-m);
            --button-padding: var(--spacing-0)
        }

        .base_size-xl-NnRvn {
            --button-height: var(--size-control-xl);
            --button-padding: var(--spacing-20);
            --button-radius: var(--rounding-control-xl)
        }

        .base_variant-primary-NnRvn {
            --background: var(--button-color-primary-bg-default-grad,var(--button-color-primary-bg-default));
            --background-hover: var(--button-color-primary-bg-hover-grad,var(--button-color-primary-bg-hover));
            color: var(--color-content-base-on-primary)
        }

        .base_variant-accent-NnRvn {
            --background: var(--button-color-accent-bg-default-grad,var(--button-color-accent-bg-default));
            --background-hover: var(--button-color-accent-bg-hover-grad,var(--button-color-accent-bg-hover));
            color: var(--button-color-accent-fg-default)
        }

        .base_variant-neutral-NnRvn {
            --background: var(--color-background-base-alfa-neutral-12);
            --background-hover: var(--color-background-base-alfa-neutral-16);
            color: var(--color-content-base-primary)
        }

        .base_variant-staticPrimary-NnRvn {
            --outline-color: var(--color-border-base-alfa-static-white-64);
            --background: var(--color-background-base-static-white);
            --background-hover: var(--color-background-base-alfa-static-white-96);
            color: var(--color-content-base-static-black)
        }

        .custom-html_root-jGMem {
            display: contents
        }

        .modal-layout_wrapper-C9j8A {
            contain: size;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0
        }

        .base_root-HNNuk {
            background-color: unset;
            cursor: pointer;
            align-items: center;
            gap: var(--spacing-4);
            -webkit-user-select: none;
            user-select: none;
            padding: 0;
            display: inline-flex
        }

        .base_root-HNNuk:active {
            opacity: var(--opacity-item-active)
        }

        .base_root-HNNuk:focus-visible {
            border-radius: var(--rounding-4);
            outline: none
        }

        @supports not (width: 1lh) {
            .base_root-HNNuk:focus-visible {
                box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            .base_root-HNNuk:focus-visible {
                outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: var(--spacing-2)
            }
        }

        @supports not selector(:focus-visible) {
            .base_root-HNNuk:focus {
                border-radius: var(--rounding-4);
                outline: none
            }

            @supports not (width: 1lh) {
                .base_root-HNNuk:focus {
                    box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                .base_root-HNNuk:focus {
                    outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: var(--spacing-2)
                }
            }
        }

        .base_root-HNNuk.base_size-s-semibold-HNNuk {
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height)
        }

        .base_root-HNNuk.base_size-m-semibold-HNNuk {
            font-family: var(--font-body-font-family);
            font-size: var(--font-body-semibold-font-size);
            font-weight: var(--font-body-semibold-font-weight);
            letter-spacing: var(--font-body-semibold-letter-spacing);
            line-height: var(--font-body-semibold-line-height)
        }

        .base_root-HNNuk.base_size-m-regular-HNNuk {
            font-family: var(--font-body-font-family);
            font-size: var(--font-body-regular-font-size);
            font-weight: var(--font-body-regular-font-weight);
            letter-spacing: var(--font-body-regular-letter-spacing);
            line-height: var(--font-body-regular-line-height)
        }

        .base_variant-primary-HNNuk {
            color: var(--color-content-base-primary)
        }

        .base_variant-primary-HNNuk:active,.base_variant-primary-HNNuk:hover {
            color: var(--color-content-base-clean)
        }

        :is(.base_variant-primary-HNNuk:active,.base_variant-primary-HNNuk:hover) svg {
            color: var(--color-content-base-primary)
        }

        .base_variant-secondary-HNNuk {
            color: var(--color-content-base-secondary)
        }

        .base_variant-secondary-HNNuk:active,.base_variant-secondary-HNNuk:hover {
            color: var(--color-content-base-primary)
        }

        .base_rootInteractive-NntB3 {
            cursor: pointer
        }

        .base_rootInteractive-NntB3:active {
            opacity: var(--opacity-item-active)
        }

        .base_root-NntB3 {
            border-radius: var(--button-radius);
            background-color: unset;
            padding: 0;
            transition: opacity .1s;
            display: inline-block;
            position: relative
        }

        .base_root-NntB3:focus-visible {
            outline: none
        }

        @supports not (width: 1lh) {
            .base_root-NntB3:focus-visible {
                box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            .base_root-NntB3:focus-visible {
                outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: var(--spacing-2)
            }
        }

        @supports not selector(:focus-visible) {
            .base_root-NntB3:focus {
                outline: none
            }

            @supports not (width: 1lh) {
                .base_root-NntB3:focus {
                    box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                .base_root-NntB3:focus {
                    outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: var(--spacing-2)
                }
            }
        }

        .base_view-NntB3 {
            width: var(--button-width);
            height: var(--button-height);
            border-radius: var(--button-radius);
            transition: background-color .1s;
            position: relative
        }

        .base_icon-NntB3 {
            width: 100%;
            height: 100%
        }

        .base_size-m-NntB3 {
            --button-radius: var(--rounding-control-m);
            --button-width: var(--size-control-m);
            --button-height: var(--size-control-m)
        }

        @supports not selector(:has(:focus-visible)) {
            .field-wrapper_root-uCRbi:not(.field-wrapper_error-uCRbi) .field-wrapper_control-uCRbi:focus-within {
                border-color: var(--color-solid-brand-primary-alfa-68)
            }
        }

        :is(.control_root-RInx6 input)::placeholder {
            color: var(--color-content-base-secondary);
            transition: color .1s,opacity .1s
        }

        :is(.control_root-RInx6 input):focus,:is(.control_root-RInx6 input):active {
            outline: none
        }

        :is(:is(.control_root-RInx6 input):focus,:is(.control_root-RInx6 input):active)~.control_placeholder-RInx6,:is(:is(.control_root-RInx6 input):focus,:is(.control_root-RInx6 input):active)::placeholder {
            opacity: var(--opacity-item-disabled)
        }

        :is(.control_root-RInx6 input)::-webkit-search-decoration {
            appearance: none
        }

        :is(.control_root-RInx6 input)::-webkit-search-cancel-button {
            appearance: none
        }

        :is(.control_root-RInx6.control_hasLabel-RInx6 input:not(:focus))::placeholder {
            color: #0000
        }

        :is(.checkbox_error-9rOVn .checkbox_hint-9rOVn) a {
            color: var(--color-content-base-secondary)
        }

        :is(.checkbox_input-9rOVn:checked+.checkbox_box-9rOVn):hover {
            background-color: var(--checkbox-color-checked-bg-hover)
        }

        @supports not (width: 1lh) {
            :is(.checkbox_input-9rOVn:focus-visible+.checkbox_box-9rOVn) {
                box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            :is(.checkbox_input-9rOVn:focus-visible+.checkbox_box-9rOVn) {
                outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: var(--spacing-2)
            }
        }

        @supports not selector(:focus-visible) {
            .checkbox_input-9rOVn:focus+.checkbox_box-9rOVn {
                outline: none
            }

            @supports not (width: 1lh) {
                :is(.checkbox_input-9rOVn:focus+.checkbox_box-9rOVn) {
                    box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                :is(.checkbox_input-9rOVn:focus+.checkbox_box-9rOVn) {
                    outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: var(--spacing-2)
                }
            }
        }

        @supports not (width: 1lh) {
            .currency-dropdown_button-a1SUw {
                box-shadow:0 0 0 1px var(--color-border-base-alfa-container)
            }
        }

        @supports (width: 1lh) {
            .currency-dropdown_button-a1SUw {
                outline:1px solid var(--color-border-base-alfa-container);
                outline-offset: -1px
            }
        }

        @supports not (width: 1lh) {
            .currency-dropdown_button-a1SUw:focus-visible {
                box-shadow:0 0 0 1px var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            .currency-dropdown_button-a1SUw:focus-visible {
                outline:1px solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: -1px
            }
        }

        @supports not selector(:focus-visible) {
            .currency-dropdown_button-a1SUw:focus {
                outline: none
            }

            @supports not (width: 1lh) {
                .currency-dropdown_button-a1SUw:focus {
                    box-shadow:0 0 0 1px var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                .currency-dropdown_button-a1SUw:focus {
                    outline:1px solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: -1px
                }
            }
        }

        @supports not (width: 1lh) {
            .list-item_root-0o9lw:focus-visible {
                box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            .list-item_root-0o9lw:focus-visible {
                outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: -2px
            }
        }

        @supports not selector(:focus-visible) {
            .list-item_root-0o9lw:focus {
                outline: none
            }

            @supports not (width: 1lh) {
                .list-item_root-0o9lw:focus {
                    box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                .list-item_root-0o9lw:focus {
                    outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: -2px
                }
            }
        }

        .tooltip_root-lS9Bx {
            position: relative
        }

        .tooltip_trigger-lS9Bx {
            cursor: pointer
        }

        @keyframes tooltip_appear-lS9Bx {
            0% {
                opacity: 0;
                scale: .97
            }

            40% {
                scale: 1.02
            }
        }

        @keyframes tooltip_disappear-lS9Bx {
            to {
                opacity: 0;
                pointer-events: none
            }
        }

        @supports not (width: 1lh) {
            .base_root-gyepM:focus-visible {
                box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            .base_root-gyepM:focus-visible {
                outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: var(--spacing-2)
            }
        }

        @supports not selector(:focus-visible) {
            .base_root-gyepM:focus {
                outline: none
            }

            @supports not (width: 1lh) {
                .base_root-gyepM:focus {
                    box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                .base_root-gyepM:focus {
                    outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: var(--spacing-2)
                }
            }
        }

        :is(.base_selected-gyepM .base_icon-gyepM,.router-link-active .base_icon-gyepM) span {
            background-color: var(--color-selected)
        }

        :is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L):not(:first-child):before {
            background-color: var(--color-border-base-alfa-divider);
            content: "";
            width: 1px;
            height: var(--size-control-xxs);
            position: absolute;
            inset-inline-start: -2px
        }

        :is(.segment-control_selected-9wt5L:is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L),:is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L).router-link-active,:is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L):hover):before,:is(.segment-control_selected-9wt5L:is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L),:is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L).router-link-active,:is(.segment-control_root-9wt5L:not(.segment-control_vertical-9wt5L) .segment-control_tab-9wt5L):hover)+:before {
            background-color: unset
        }

        @media (min-width: 1024px) {
        }

        .snackbar-layout_root-DFMEy {
            background: unset;
            gap: var(--snackbar-padding-mobile);
            padding-block:calc(var(--snackbar-padding-top-mobile) + var(--safe-area-inset-block-start)) calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-block-end));padding-inline: calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-inline-start)) calc(var(--snackbar-padding-mobile) + var(--safe-area-inset-inline-end));
            pointer-events: none;
            display: flex;
            position: fixed;
            inset: 0
        }

        .snackbar-layout_position-rightTop-DFMEy {
            flex-direction: column;
            justify-content: flex-start
        }

        @media (min-width: 1024px) {
            .snackbar-layout_root-DFMEy {
                padding:calc(var(--snackbar-padding-top-desktop) + var(--safe-area-inset-block-start)) calc(var(--snackbar-padding-desktop) + var(--safe-area-inset-inline-end)) calc(var(--snackbar-padding-top-desktop) + var(--safe-area-inset-block-end)) calc(var(--snackbar-padding-desktop) + var(--safe-area-inset-inline-start));
                gap: var(--snackbar-padding-desktop)
            }

            .snackbar-layout_position-rightTop-DFMEy {
                align-items: flex-end
            }
        }
        
         @media screen and (min-width: 1024px) {
        }

        @supports (mask-mode: luminance) {
            .modal-header_coverHolder-QvULK.modal-header_cutIn-QvULK {
                -webkit-mask-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect\ width=\'100%25\'\ height=\'100%25\'\ fill=\'white\'%3E%3C/rect%3E%3Crect\ width=\'100%25\'\ height=\'200%25\'\ fill=\'black\'\ ry=\'100vh\'%3E%3C/rect%3E%3C/svg%3E),linear-gradient(#fff,#fff);
                mask-image: url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Crect\ width=\'100%25\'\ height=\'100%25\'\ fill=\'white\'%3E%3C/rect%3E%3Crect\ width=\'100%25\'\ height=\'200%25\'\ fill=\'black\'\ ry=\'100vh\'%3E%3C/rect%3E%3C/svg%3E),linear-gradient(#fff,#fff);
                -webkit-mask-position: bottom,top;
                mask-position: bottom,top;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-source-type: luminance;
                mask-mode: luminance;
                -webkit-mask-size: 100% var(--rounding-modal-m),100% calc(100% - var(--rounding-modal-m));
                -webkit-mask-size: 100% var(--rounding-modal-m),100% calc(100% - var(--rounding-modal-m));
                mask-size: 100% var(--rounding-modal-m),100% calc(100% - var(--rounding-modal-m))
            }
        }

        @media screen and (min-width: 1024px) {
        }

        @media screen and (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media screen and (min-width: 1024px) {
        }

        :is(.modal-header_root-QvULK:has(.modal-header_button-QvULK:first-child:focus-visible) .modal-header_coverButtonStack-QvULK:first-child .modal-header_coverButtonBackdrop-QvULK,.modal-header_root-QvULK:has(.modal-header_button-QvULK:nth-child(2):focus-visible) .modal-header_coverButtonStack-QvULK:nth-child(2) .modal-header_coverButtonBackdrop-QvULK,.modal-header_root-QvULK:has(.modal-header_button-QvULK:nth-child(3):focus-visible) .modal-header_coverButtonStack-QvULK:nth-child(3) .modal-header_coverButtonBackdrop-QvULK) {
            outline: none
        }

        @supports not (width: 1lh) {
            :is(.modal-header_root-QvULK:has(.modal-header_button-QvULK:first-child:focus-visible) .modal-header_coverButtonStack-QvULK:first-child .modal-header_coverButtonBackdrop-QvULK,.modal-header_root-QvULK:has(.modal-header_button-QvULK:nth-child(2):focus-visible) .modal-header_coverButtonStack-QvULK:nth-child(2) .modal-header_coverButtonBackdrop-QvULK,.modal-header_root-QvULK:has(.modal-header_button-QvULK:nth-child(3):focus-visible) .modal-header_coverButtonStack-QvULK:nth-child(3) .modal-header_coverButtonBackdrop-QvULK) {
                box-shadow:0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            :is(.modal-header_root-QvULK:has(.modal-header_button-QvULK:first-child:focus-visible) .modal-header_coverButtonStack-QvULK:first-child .modal-header_coverButtonBackdrop-QvULK,.modal-header_root-QvULK:has(.modal-header_button-QvULK:nth-child(2):focus-visible) .modal-header_coverButtonStack-QvULK:nth-child(2) .modal-header_coverButtonBackdrop-QvULK,.modal-header_root-QvULK:has(.modal-header_button-QvULK:nth-child(3):focus-visible) .modal-header_coverButtonStack-QvULK:nth-child(3) .modal-header_coverButtonBackdrop-QvULK) {
                outline:var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: var(--spacing-2)
            }
        }
        
         .freemoney-sidebar-banner_root-x2Miw {
            border-radius: var(--rounding-container-m);
            background: var(--color-freemoney);
            height: 60px;
            box-shadow: inset 0 0 0 1px var(--banner-sidebar-freemoney-color-border);
            color: var(--color-content-base-static-white);
            white-space: pre-line;
            font-family: var(--font-caption-s-label-font-family);
            font-size: var(--font-caption-s-label-font-size);
            font-weight: var(--font-caption-s-label-font-weight);
            letter-spacing: var(--font-caption-s-label-letter-spacing);
            line-height: var(--font-caption-s-label-line-height);
            text-transform: var(--font-caption-s-label-text-case);
            justify-content: space-between;
            align-items: center;
            padding-inline-start:var(--spacing-12);display: flex;
            position: relative
        }

        .freemoney-sidebar-banner_text-x2Miw {
            white-space: pre-wrap
        }

        .freemoney-sidebar-banner_foreground-x2Miw {
            border-radius: var(--rounding-container-m);
            position: absolute;
            inset-block-end: 0;
            inset-inline-end: 0
        }
        
        :root {
            --swiper-theme-color: #007aff
        }

        :host {
            z-index: 1;
            margin-left: auto;
            margin-right: auto;
            display: block;
            position: relative
        }

        .swiper {
            z-index: 1;
            margin-left: auto;
            margin-right: auto;
            padding: 0;
            list-style: none;
            display: block;
            position: relative;
            overflow: hidden
        }

        .swiper-wrapper {
            z-index: 1;
            width: 100%;
            height: 100%;
            transition-property: transform;
            transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
            box-sizing: content-box;
            display: flex;
            position: relative
        }

        .swiper-horizontal {
            touch-action: pan-y
        }

        .swiper-slide {
            flex-shrink: 0;
            height: 100%;
            transition-property: transform;
            display: block;
            position: relative
        }

        .swiper-backface-hidden .swiper-slide {
            backface-visibility: hidden;
            transform: translateZ(0)
        }

        @keyframes swiper-preloader-spin {
            0% {
                transform: rotate(0)
            }

            to {
                transform: rotate(360deg)
            }
        }
        
         .heading_root-nIVo3 {
            font-family: var(--banner-main-font-font-family);
            font-size: var(--banner-main-font-mobile-font-size);
            font-weight: var(--banner-main-font-mobile-font-weight);
            letter-spacing: var(--banner-main-font-mobile-letter-spacing);
            line-height: var(--banner-main-font-mobile-line-height);
            text-transform: var(--banner-main-font-text-case)
        }

        @media (min-width: 1024px) {
            .heading_root-nIVo3 {
                font-size:var(--banner-main-font-desktop-font-size);
                font-weight: var(--banner-main-font-desktop-font-weight);
                letter-spacing: var(--banner-main-font-desktop-letter-spacing);
                line-height: var(--banner-main-font-desktop-line-height)
            }
        }

        .heading_root-nIVo3 {
            color: var(--color-content-base-static-white);
            -webkit-user-select: none;
            user-select: none
        }

        @media (min-width: 768px) {
        }

        .picture_root-jQ2px {
            display: block
        }

        .picture_image-jQ2px {
            object-fit: cover
        }

        .banner_root-V6mLg {
            border-radius: var(--banner-main-rounding-mobile-left-top) var(--banner-main-rounding-mobile-right-top) var(--banner-main-rounding-mobile-right-bottom) var(--banner-main-rounding-mobile-left-bottom);
            position: relative;
            overflow: hidden
        }

        @media (min-width: 1024px) {
            .banner_root-V6mLg {
                border-radius:var(--banner-main-rounding-desktop-left-top) var(--banner-main-rounding-desktop-right-top) var(--banner-main-rounding-desktop-right-bottom) var(--banner-main-rounding-desktop-left-bottom)
            }
        }

        .banner_content-V6mLg {
            padding: var(--banner-main-padding-mobile-top) var(--banner-main-padding-mobile-right) var(--banner-main-padding-mobile-bottom) var(--banner-main-padding-mobile-left);
            flex-direction: column;
            align-items: start;
            display: flex;
            position: absolute;
            inset: 0
        }

        @media (min-width: 1024px) {
            .banner_content-V6mLg {
                padding:var(--banner-main-padding-desktop-top) var(--banner-main-padding-desktop-right) var(--banner-main-padding-desktop-bottom) var(--banner-main-padding-desktop-left)
            }
        }

        @media (min-width: 768px) {
        }

        @media (min-width: 1024px) {
        }

        .dots_root-UfKgC {
            background-color: var(--color-background-base-alfa-neutral-12);
            gap: var(--spacing-4);
            border-radius: 8px;
            padding: 5px;
            display: flex
        }

        .dots_dot-UfKgC {
            background-color: var(--color-content-base-tertiary);
            border-radius: 50%;
            width: 5px;
            height: 5px
        }

        .dots_dot-UfKgC.dots_active-UfKgC {
            background-color: var(--color-content-base-primary)
        }

        .scaler_root-6cN03 {
            width: 100%;
            height: 100%;
            position: relative
        }

        .scaler_item-6cN03 {
            transform-origin: 0 0
        }

        .banners-carousel_scaler-nujv6 {
            flex-grow: 1;
            transition: opacity .28s ease-in
        }

        .banners-carousel_loaded-nujv6 .banners-carousel_scaler-nujv6 {
            opacity: 1
        }

        .banners-carousel_swiper-nujv6 {
            height: 100%
        }

        .banners-carousel_dots-nujv6 {
            z-index: 1;
            position: absolute;
            inset-block-end: var(--banner-main-padding-mobile-bottom);
            inset-inline-start: var(--banner-main-padding-mobile-left)
        }

        @media (min-width: 1024px) {
            .banners-carousel_dots-nujv6 {
                inset-block-end:var(--banner-main-padding-desktop-bottom);
                inset-inline-start: var(--banner-main-padding-desktop-left)
            }
        }

        @media (min-width: 768px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1440px) {
        }

        @media (min-width: 440px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1440px) {
        }

        .banners-carousel_root-nujv6 {
            min-width: 0;
            max-width: 100%;
            aspect-ratio: var(--4d866f09);
            -webkit-user-select: none;
            user-select: none;
            flex-direction: column;
            display: flex;
            position: relative
        }

        @media (min-width: 1024px) {
            .banners-carousel_root-nujv6:not(.banners-carousel_variant-2-nujv6) {
                border-radius:var(--rounding-container-xl);
                box-shadow: 0 0 0 1px var(--banner-main-border);
                overflow: hidden
            }
        }

        .banners-carousel_root-nujv6:not(.banners-carousel_variant-2-nujv6) .banners-carousel_swiper-nujv6 {
            border-radius: var(--rounding-container-l);
            height: 100%;
            box-shadow: 0 0 0 1px var(--banner-main-border)
        }

        @media (min-width: 1024px) {
            .banners-carousel_root-nujv6:not(.banners-carousel_variant-2-nujv6) .banners-carousel_swiper-nujv6 {
                border-radius:var(--rounding-container-xl)
            }
        }
        
         .freemoney-main-banner_bannerWrapper-DEgSJ {
            width: 100%;
            min-height: 92px;
            padding: var(--spacing-12);
            border-radius: var(--rounding-container-l);
            box-shadow: 0 0 0 1px var(--banner-freemoney-color-border);
            display: flex;
            position: relative
        }

        @media (min-width: 768px) {
            .freemoney-main-banner_bannerWrapper-DEgSJ {
                min-height:152px;
                padding: var(--spacing-20)
            }
        }

        @media (min-width: 1024px) {
            .freemoney-main-banner_bannerWrapper-DEgSJ {
                min-height:unset;
                padding: var(--spacing-12)
            }
        }

        @media (min-width: 1440px) {
            .freemoney-main-banner_bannerWrapper-DEgSJ {
                padding:var(--spacing-20);
                border-radius: var(--rounding-container-xl)
            }
        }

        .freemoney-main-banner_badgeStack-DEgSJ {
            display: grid
        }

        .freemoney-main-banner_badgeStack-DEgSJ>* {
            grid-area: 1/1
        }

        .freemoney-main-banner_badgeWrapperTop-DEgSJ,.freemoney-main-banner_badgeWrapperBottom-DEgSJ {
            flex-direction: column;
            display: flex
        }

        .freemoney-main-banner_badge-DEgSJ {
            border-radius: var(--rounding-component-badge);
            background: var(--color-background-base-alfa-static-white-20);
            width: fit-content;
            color: var(--color-content-base-static-white)
        }

        .freemoney-main-banner_topBadge-DEgSJ {
            z-index: var(--z-index-cdp-layout);
            border: var(--border-m) transparent solid;
            margin-bottom: calc(var(--spacing-2)*-1);
            margin-left: calc(var(--spacing-2)*-1)
        }

        .freemoney-main-banner_badgeWrapperTop-DEgSJ {
            z-index: 1
        }

        .freemoney-main-banner_badgeWrapperTop-DEgSJ .freemoney-main-banner_badge-DEgSJ {
            background-color: #0000
        }

        .freemoney-main-banner_badgeWrapperBottom-DEgSJ {
            mix-blend-mode: lighten
        }

        .freemoney-main-banner_badgeWrapperBottom-DEgSJ .freemoney-main-banner_badge-DEgSJ {
            background-color: var(--color-background-base-alfa-static-white-20);
            color: #0000
        }

        .freemoney-main-banner_badgeWrapperBottom-DEgSJ .freemoney-main-banner_topBadge-DEgSJ {
            border-color: #000
        }

        @media (min-width: 768px) {
        }

        .freemoney-main-banner_backgroundPicture-DEgSJ {
            object-fit: contain;
            align-self: center;
            width: auto;
            max-width: 140px;
            max-height: calc(100% + 8px);
            position: absolute;
            inset-inline-end: -8px
        }

        @media (min-width: 360px) {
            .freemoney-main-banner_backgroundPicture-DEgSJ {
                min-width:120px;
                max-width: 140px;
                max-height: calc(100% + 8px)
            }
        }

        @media (min-width: 768px) {
            .freemoney-main-banner_backgroundPicture-DEgSJ {
                min-width:252px;
                height: auto
            }
        }

        @media (min-width: 1024px) {
            .freemoney-main-banner_backgroundPicture-DEgSJ {
                min-width:100%;
                max-width: calc(100% + 40px);
                inset-block-end: 0;
                inset-inline-end: -20px
            }
        }

        @media (min-width: 1440px) {
            .freemoney-main-banner_backgroundPicture-DEgSJ {
                width:70%;
                min-width: 232px;
                inset-block-end: unset
            }
        }

        @media (min-width: 1920px) {
            .freemoney-main-banner_backgroundPicture-DEgSJ {
                width:auto;
                max-width: calc(100% + 20px);
                max-height: 100%
            }
        }

        @media (min-width: 360px) {
        }

        @media (min-width: 768px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1440px) {
        }

        @media (min-width: 1920px) {
        }

        .freemoney-main-banner_bannerDescription-DEgSJ {
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height);
            max-width: 108px;
            min-height: calc(2em + var(--spacing-8));
            color: var(--color-content-base-static-white);
            text-wrap: balance
        }

        .freemoney-main-banner_bannerContent-DEgSJ {
            flex-direction: column;
            width: 100%;
            display: flex;
            position: relative
        }

        @media (min-width: 768px) {
            .freemoney-main-banner_bannerContent-DEgSJ {
                gap:var(--spacing-8)
            }
        }
        
         @keyframes pulse_pulse-AGG4m {
            0% {
                transform: scale(1)
            }

            to {
                transform: scale(.7)
            }
        }
          .bonus-banner_bannerWrapper-LOHd8 {
            width: 100%;
            min-height: 92px;
            padding: var(--spacing-12);
            border-radius: var(--rounding-container-l);
            background: var(--cbfc0752),var(--color-bonus);
            box-shadow: 0 0 0 1px var(--banner-bonuses-color-border);
            color: var(--color-content-base-static-white);
            flex-direction: column;
            align-items: center;
            display: flex;
            position: relative;
            overflow: hidden
        }

        @media (min-width: 768px) {
            .bonus-banner_bannerWrapper-LOHd8 {
                min-height:152px;
                padding: var(--spacing-20)
            }
        }

        @media (min-width: 1024px) {
            .bonus-banner_bannerWrapper-LOHd8 {
                min-height:unset;
                padding: var(--spacing-12)
            }
        }

        @media (min-width: 1440px) {
            .bonus-banner_bannerWrapper-LOHd8 {
                padding:var(--spacing-20);
                border-radius: var(--rounding-container-xl)
            }
        }

        .bonus-banner_backgroundPicture-LOHd8 {
            object-fit: contain;
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none;
            height: 62px;
            position: absolute;
            inset-block-end: 0
        }

        @media (min-width: 768px) {
            .bonus-banner_backgroundPicture-LOHd8 {
                height:100%;
                inset-inline-end: 0
            }
        }

        @media (min-width: 1024px) {
            .bonus-banner_backgroundPicture-LOHd8 {
                width:140%;
                height: unset;
                inset-block-end: -8px;
                inset-inline-end: -16px;
                transform: rotate(11deg)
            }
        }

        @media (min-width: 1440px) {
            .bonus-banner_backgroundPicture-LOHd8 {
                width:60%;
                height: auto;
                transform: unset;
                inset-block-end: 0;
                inset-inline-end: 0
            }
        }

        .bonus-banner_bannerContent-LOHd8 {
            justify-content: space-between;
            align-self: center;
            gap: var(--spacing-8);
            flex-direction: column;
            height: 100%;
            display: flex;
            position: relative
        }

        @media (min-width: 768px) {
            .bonus-banner_bannerContent-LOHd8 {
                align-self:start
            }
        }

        @media (min-width: 1024px) {
            .bonus-banner_bannerContent-LOHd8 {
                justify-content:flex-start
            }
        }

        @media (min-width: 1440px) {
            .bonus-banner_bannerContent-LOHd8 {
                justify-content:space-between;
                max-width: 46%
            }
        }

        @media (min-width: 768px) {
        }

        .bonus-banner_badge-LOHd8 {
            background: var(--color-background-base-alfa-static-white-20);
            width: fit-content;
            color: var(--color-content-base-static-white)
        }
        
        .games-section_root-SVc9f {
            flex-direction: column;
            display: flex
        }

        .games-section_title-SVc9f {
            margin-inline-end:auto}

        .games-section_header-SVc9f {
            margin-bottom: var(--spacing-12);
            align-items: center;
            gap: 16px;
            display: flex
        }

        @media (min-width: 1024px) {
            .games-section_header-SVc9f {
                margin-bottom:var(--spacing-16)
            }
        }

        .title_root-4nWHk {
            align-items: center;
            gap: var(--spacing-8);
            display: flex
        }

        @media (min-width: 1024px) {
            .title_root-4nWHk {
                gap:var(--spacing-12)
            }
        }

        @media (min-width: 1024px) {
        }

        .title_root-h4-4nWHk {
            font-family: var(--font-headline-font-family);
            font-size: var(--font-headline-h4-mobile-font-size);
            font-weight: var(--font-headline-h4-mobile-font-weight);
            letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
            line-height: var(--font-headline-h4-mobile-line-height);
            text-transform: var(--font-headline-text-case);
            text-wrap: balance;
            white-space-collapse: preserve-breaks
        }

        @media (min-width: 1024px) {
            .title_root-h4-4nWHk {
                font-size:var(--font-headline-h4-desktop-font-size);
                font-weight: var(--font-headline-h4-desktop-font-weight);
                letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
                line-height: var(--font-headline-h4-desktop-line-height)
            }
        }

        .title_title-4nWHk {
            color: var(--color-content-base-primary)
        }

        .title_icon-4nWHk {
            width: var(--size-control-xxs);
            height: auto
        }

        @media (min-width: 1024px) {
            .title_icon-4nWHk {
                width:var(--size-control-s)
            }
        }
        
         .games-grid_carousel-4VFRt {
            scroll-snap-type: x mandatory;
            -ms-overflow-style: none;
            scrollbar-width: none;
            flex-wrap: nowrap;
            display: flex;
            overflow-x: auto
        }

        :is(.games-grid_carousel-4VFRt,.games-grid_carousel-modal-4VFRt)::-webkit-scrollbar {
            display: none
        }

        @media (min-width: 1024px) {
            .games-grid_carousel-4VFRt {
                gap:16px var(--spacing-16)
            }
        }

        :is(.games-grid_carousel-4VFRt,.games-grid_carousel-modal-4VFRt)>* {
            scroll-snap-align: start;
            flex-shrink: 0
        }

        .games-grid_carousel-4VFRt {
            gap: 12px var(--spacing-8)
        }

        @media (min-width: 1024px) {
            .games-grid_carousel-4VFRt {
                gap:16px var(--spacing-16)
            }
        }

        .games-grid_carousel-4VFRt>* {
            width: calc(33.3333% - var(--spacing-8)*2/3)
        }

        @media (min-width: 768px) {
            .games-grid_carousel-4VFRt>* {
                width:calc(16.6667% - var(--spacing-8)*5/6)
            }
        }

        @media (min-width: 1024px) {
            .games-grid_carousel-4VFRt>* {
                width:calc(16.6667% - var(--spacing-16)*5/6)
            }
        }

        @media (min-width: 1440px) {
            .games-grid_carousel-4VFRt>* {
                width:calc(14.2857% - var(--spacing-16)*6/7)
            }
        }

        @media (min-width: 1920px) {
            .games-grid_carousel-4VFRt>* {
                width:calc(11.1111% - var(--spacing-16)*8/9)
            }
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 768px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 768px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1440px) {
        }

        @media (min-width: 1920px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 768px) {
        }

        @media (min-width: 1024px) {
        }
    </style>
    <style>
        .game-card_root-O1UNG {
            --game-card__border-width: 1px;
            --game-card__focus-width: 2px;
            --game-card__outline-offset: 3px;
            --game-card__border-radius: var(--game-card-rounding-mobile);
            --game-card__border-color: var(--game-card-color-border);
            --game-card__offset-image: var(--spacing-4)
        }

        .game-card_root-O1UNG:focus-visible {
            outline: none
        }

        .game-card_root-O1UNG:focus-visible .game-card_body-O1UNG {
            border-radius: var(--game-card__border-radius);
            outline: none
        }

        @supports not (width: 1lh) {
            :is(.game-card_root-O1UNG:focus-visible .game-card_body-O1UNG) {
                box-shadow:0 0 0 var(--game-card__focus-width) var(--color-solid-brand-primary-alfa-68)
            }
        }

        @supports (width: 1lh) {
            :is(.game-card_root-O1UNG:focus-visible .game-card_body-O1UNG) {
                outline:var(--game-card__focus-width) solid var(--color-solid-brand-primary-alfa-68);
                outline-offset: var(--game-card__outline-offset)
            }
        }

        @supports not selector(:focus-visible) {
            .game-card_root-O1UNG:focus {
                outline: none
            }

            .game-card_root-O1UNG:focus .game-card_body-O1UNG {
                border-radius: var(--game-card__border-radius);
                outline: none
            }

            @supports not (width: 1lh) {
                :is(.game-card_root-O1UNG:focus .game-card_body-O1UNG) {
                    box-shadow:0 0 0 var(--game-card__focus-width) var(--color-solid-brand-primary-alfa-68)
                }
            }

            @supports (width: 1lh) {
                :is(.game-card_root-O1UNG:focus .game-card_body-O1UNG) {
                    outline:var(--game-card__focus-width) solid var(--color-solid-brand-primary-alfa-68);
                    outline-offset: var(--game-card__outline-offset)
                }
            }
        }

        .game-card_root-O1UNG {
            gap: var(--spacing-8);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
            .game-card_root-O1UNG {
                --game-card__border-width:var(--spacing-2);
                --game-card__border-radius: var(--game-card-rounding-desktop);
                --game-card__offset-image: var(--spacing-8)
            }
        }

        .game-card_body-O1UNG {
            padding-bottom: 133.33%;
            position: relative
        }

        .game-card_pictureWrapper-O1UNG {
            border-radius: var(--game-card__border-radius);
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0
        }

        @supports not (width: 1lh) {
            :is(.game-card_favorite-O1UNG .game-card_pictureWrapper-O1UNG) {
                box-shadow:0 0 0 var(--game-card__border-width) var(--color-solid-sentiment-favorite-default)
            }
        }

        @supports (width: 1lh) {
            :is(.game-card_favorite-O1UNG .game-card_pictureWrapper-O1UNG) {
                outline:var(--game-card__border-width) solid var(--color-solid-sentiment-favorite-default);
                outline-offset: var(--game-card__border-width)
            }
        }

        .game-card_picture-O1UNG {
            border-radius: var(--game-card__border-radius);
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            display: flex;
            overflow: hidden
        }

        .game-card_image-O1UNG {
            width: auto;
            height: 100%;
            transition: transform .1s linear;
            transform: scale(1.01)
        }

        @media (pointer: fine) {
            .game-card_root-O1UNG:hover .game-card_image-O1UNG {
                transform:scale(1.1)
            }
        }

        .game-card_bordered-O1UNG .game-card_pictureWrapper-O1UNG {
            border: var(--border-s) solid var(--game-card__border-color)
        }

        .game-card_placeholder-O1UNG {
            border-radius: var(--game-card__border-radius);
            background-color: var(--color-background-base-secondary);
            position: absolute;
            inset: 0
        }

        .game-card_shadow-O1UNG {
            border-radius: var(--game-card__border-radius)0 0 var(--game-card__border-radius);
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgZmlsbD0ibm9uZSI+CiAgPG1hc2sgaWQ9ImIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiPgogICAgPHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg0M3Y0M0gweiIgb3BhY2l0eT0iLjMiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDQzIDApIi8+CiAgPC9tYXNrPgogIDxnIG1hc2s9InVybCgjYikiPgogICAgPHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgNDNoNDNWMEgwdjQzWiIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjI5LjQ0NiIgeDI9IjUxLjA0MyIgeTE9IjEzLjM3OCIgeTI9IjM0Ljk0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KPC9zdmc+Cg==);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .game-card_countryWrapper-O1UNG {
            top: var(--game-card__offset-image);
            left: var(--game-card__offset-image);
            align-items: flex-end;
            width: 16px;
            height: 16px;
            display: flex;
            position: absolute
        }

        .game-card_flag-O1UNG {
            border: var(--border-s) solid var(--game-card__border-color);
            border-radius: var(--rounding-max);
            justify-content: center;
            align-items: center;
            width: 16px;
            height: 16px;
            display: flex;
            position: relative
        }
        
         .sf-hidden {
            display: none!important
        }
            .compact_root-1ENDy {
            color: var(--color-content-base-secondary);
            gap: var(--spacing-8);
            display: flex
        }

        .compact_copyright-1ENDy {
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-xs-font-size);
            font-weight: var(--font-caption-xs-regular-font-weight);
            letter-spacing: var(--font-caption-xs-letter-spacing);
            line-height: var(--font-caption-xs-line-height);
            flex-grow: 1;
            align-items: center;
            display: flex
        }

        .compact_age-1ENDy {
            font-family: var(--font-headline-font-family);
            font-size: var(--font-headline-h3-mobile-font-size);
            font-weight: var(--font-headline-h3-mobile-font-weight);
            letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
            line-height: var(--font-headline-h3-mobile-line-height);
            text-transform: var(--font-headline-text-case);
            text-wrap: balance;
            white-space-collapse: preserve-breaks
        }

        @media (min-width: 1024px) {
            .compact_age-1ENDy {
                font-size:var(--font-headline-h3-desktop-font-size);
                font-weight: var(--font-headline-h3-desktop-font-weight);
                letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
                line-height: var(--font-headline-h3-desktop-line-height)
            }
        }

        .compact_age-1ENDy {
            color: var(--color-content-base-tertiary)
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }
        
             .license_imgWrapper-oL0wL {
            align-items: center;
            height: 20px;
            display: flex
        }

        .license_imgWrapper-oL0wL img {
            height: 100%
        }

        @media (min-width: 1024px) {
            .license_imgWrapper-oL0wL {
                height:24px
            }
        }

        .licenses_root-7D2Hf {
            justify-content: space-between;
            align-items: center;
            gap: var(--spacing-8);
            width: 100%;
            display: flex
        }

        @media (min-width: 1024px) {
            .licenses_root-7D2Hf {
                width:auto;
                height: var(--size-control-m);
                justify-content: flex-end
            }
        }

        @media (min-width: 1024px) {
        }
        
        .socials_root-eyjZ7 {
            gap: var(--spacing-8);
            flex-wrap: wrap;
            display: flex
        }
        
         @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }
        
        
             .banner-for-mobile-app_root-xmZMW {
            padding: var(--spacing-16);
            border-radius: var(--rounding-container-m);
            background: var(--footer-app-banner-mobile-color-bg-grad,var(--color-bg-footer-app-mobile));
            gap: var(--spacing-12);
            grid-template-columns: 1fr max-content;
            display: grid;
            position: relative
        }

        @media (min-width: 1024px) {
            .banner-for-mobile-app_root-xmZMW {
                border-radius:var(--rounding-container-l);
                background: var(--footer-app-banner-color-bg-grad-1,var(--color-bg-footer-app-mobile));
                grid-template-columns: 1fr
            }
        }

        .banner-for-mobile-app_content-xmZMW,.banner-for-mobile-app_button-xmZMW {
            z-index: 1
        }

        .banner-for-mobile-app_content-xmZMW {
            gap: var(--spacing-8);
            white-space: pre-line;
            flex-direction: column;
            display: flex
        }

        .banner-for-mobile-app_button-xmZMW {
            align-self: flex-end
        }

        .banner-for-mobile-app_title-xmZMW {
            color: var(--color-content-base-static-white)
        }

        .banner-for-mobile-app_secondary-xmZMW {
            color: var(--color-content-base-static-white);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height)
        }

        .banner-for-mobile-app_secondary-xmZMW span {
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height)
        }

        .banner-for-mobile-app_image-xmZMW,.banner-for-mobile-app_bgImage-xmZMW {
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none;
            position: absolute
        }

        .banner-for-mobile-app_image-xmZMW {
            width: 160px;
            inset-block-end: 0;
            inset-inline-end: 0
        }

        .banner-for-mobile-app_bgImage-xmZMW {
            border-radius: 0 var(--rounding-container-m) var(--rounding-container-m)0;
            height: 100%;
            inset-block: 0;
            inset-inline-end: 0
        }

        .banner-for-mobile-app_variant-1-xmZMW .banner-for-mobile-app_title-xmZMW {
            font-family: var(--font-display-body-label-font-family);
            font-size: var(--font-display-body-label-font-size);
            font-weight: var(--font-display-body-label-font-weight);
            letter-spacing: var(--font-display-body-label-letter-spacing);
            line-height: var(--font-display-body-label-line-height);
            text-transform: var(--font-display-body-label-text-case)
        }

        @media (min-width: 1024px) {
            .banner-for-mobile-app_variant-1-xmZMW {
                min-height:190px;
                padding-right: 275px
            }

            .banner-for-mobile-app_variant-1-xmZMW .banner-for-mobile-app_button-xmZMW {
                width: 280px
            }

            .banner-for-mobile-app_variant-1-xmZMW .banner-for-mobile-app_image-xmZMW {
                width: 410px
            }
        }

        @media (min-width: 1440px) {
            .banner-for-mobile-app_variant-1-xmZMW {
                grid-template-columns:160px;
                padding-right: 149px
            }

            .banner-for-mobile-app_variant-1-xmZMW .banner-for-mobile-app_content-xmZMW {
                white-space: normal
            }

            .banner-for-mobile-app_variant-1-xmZMW .banner-for-mobile-app_button-xmZMW {
                width: unset
            }

            .banner-for-mobile-app_variant-1-xmZMW .banner-for-mobile-app_image-xmZMW {
                width: 303px
            }
        }

        @media (min-width: 1024px) {
        }
        
                .accordion-heading_root-qDIRY {
            color: #fff;
            cursor: pointer;
            width: 100%;
            font-family: var(--font-headline-font-family);
            font-size: var(--font-headline-h4-mobile-font-size);
            font-weight: var(--font-headline-h4-mobile-font-weight);
            letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
            line-height: var(--font-headline-h4-mobile-line-height);
            text-transform: var(--font-headline-text-case);
            text-wrap: balance;
            white-space-collapse: preserve-breaks;
            align-items: center;
            display: flex
        }

        @media (min-width: 1024px) {
            .accordion-heading_root-qDIRY {
                font-size:var(--font-headline-h4-desktop-font-size);
                font-weight: var(--font-headline-h4-desktop-font-weight);
                letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
                line-height: var(--font-headline-h4-desktop-line-height)
            }
        }

        .accordion-heading_content-qDIRY {
            color: var(--color-content-base-primary);
            margin-right: auto
        }

        .accordion-heading_icon-qDIRY {
            transition: transform .2s ease-out
        }

        .navigation-section_root-eM8l2 {
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
        }

        .navigation-section_expandable-eM8l2 {
            grid-template-rows: 0fr;
            transition: grid-template-rows .2s ease-out;
            display: grid
        }

        @media (min-width: 1024px) {
            .navigation-section_expandable-eM8l2 {
                width:max-content
            }
        }

        @media (min-width: 1440px) {
            .navigation-section_expandable-eM8l2.navigation-section_noColumnGrouping-eM8l2 {
                width:100%
            }
        }

        .navigation-section_itemsContainer-eM8l2 {
            overflow: hidden
        }

        @media (min-width: 1024px) {
            .navigation-section_itemsContainer-eM8l2 {
                gap:var(--spacing-40);
                display: flex
            }
        }

        .navigation-section_itemsGroup-eM8l2 {
            margin-top: var(--spacing-12);
            gap: var(--spacing-12);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
            .navigation-section_itemsGroup-eM8l2 {
                margin-top:var(--spacing-16)
            }
        }

        .navigation-section_itemsGroup-eM8l2>* {
            padding-block:var(--spacing-2)}

        @media (min-width: 1024px) {
            .navigation-section_itemsGroup-eM8l2>* {
                padding:0
            }
        }
        
             .variant-1_root-preC6 {
            border-radius: var(--rounding-container-m);
            background: var(--color-background-base-secondary);
            position: relative;
            overflow: hidden
        }

        .variant-1_contentWrapper-preC6 {
            height: 100%;
            padding: var(--spacing-16);
            color: var(--color-content-base-secondary);
            flex-direction: column;
            justify-content: space-between;
            gap: 8px;
            display: flex
        }

        .variant-1_title-preC6 {
            width: 55%;
            color: var(--color-content-base-primary);
            font-family: var(--font-body-font-family);
            font-size: var(--font-body-regular-font-size);
            font-weight: var(--font-body-regular-font-weight);
            letter-spacing: var(--font-body-regular-letter-spacing);
            line-height: var(--font-body-regular-line-height);
            margin-bottom: 4px
        }

        .variant-1_subtitle-preC6 {
            width: 55%;
            color: var(--color-content-base-secondary);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height)
        }

        .variant-1_buttons-preC6 {
            gap: 4px;
            display: flex
        }

        .variant-1_icon-preC6 {
            background: #fff3;
            border-radius: 10px;
            justify-content: center;
            align-items: center;
            width: 36px;
            height: 36px;
            display: flex
        }

        .variant-1_image-preC6 {
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none;
            width: 243px;
            height: auto;
            position: absolute;
            bottom: 0;
            right: 0
        }

        .support-row_root-ozugs {
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height);
            gap: var(--spacing-12);
            grid-template-columns: 1fr;
            display: grid
        }

        @media (min-width: 1024px) {
            .support-row_root-ozugs {
                gap:var(--spacing-16);
                grid-template-columns: 1fr 1fr
            }
        }

        .support-row_emailWrapper-ozugs {
            gap: var(--spacing-12);
            display: grid
        }

        @media (min-width: 1024px) {
            .support-row_emailWrapper-ozugs {
                grid-template-columns:1fr 1fr
            }
        }

        .support-row_emailBlock-ozugs {
            height: 100%;
            padding: var(--spacing-16);
            border-radius: var(--rounding-container-m);
            background: var(--color-background-base-secondary);
            color: var(--color-content-base-secondary);
            justify-content: center;
            gap: var(--spacing-2);
            flex-direction: column;
            display: flex;
            overflow: hidden
        }

        .support-row_emailBlock-ozugs>span {
            white-space: nowrap
        }

        .support-row_emailBlock-ozugs>a {
            width: max-content
        }

        .support-row_ownerBanner-ozugs {
            min-height: 148px;
            margin-top: var(--spacing-12)
        }

        .support-row_hasOwnerBanner-ozugs .support-row_emailWrapper-ozugs {
            grid-template-columns: 1fr
        }

        @media (min-width: 1024px) {
            .support-row_ownerBanner-ozugs {
                min-height:0;
                margin-top: 0
            }

            .support-row_hasOwnerBanner-ozugs {
                gap: var(--spacing-12);
                grid-template-columns: 1fr 1fr
            }

            .support-row_hasOwnerBanner-ozugs .support-row_supportBlock-ozugs {
                grid-column-start: span 2
            }
        }

        @media (min-width: 1440px) {
            .support-row_ownerBanner-ozugs {
                min-height:0;
                margin-top: 0
            }

            .support-row_hasOwnerBanner-ozugs {
                grid-template-columns: 1fr 1fr 1fr
            }

            .support-row_hasOwnerBanner-ozugs .support-row_supportBlock-ozugs {
                grid-column-start: span 1
            }
        }
        
                .variant-1_root-AvEI2 {
            --padding: var(--spacing-16);
            width: auto;
            padding: var(--padding);
            border-radius: var(--rounding-container-m);
            background-color: var(--banner-support-footer-color-bg);
            gap: var(--spacing-24);
            flex-direction: column;
            display: flex;
            position: relative
        }

        @media (min-width: 1024px) {
            .variant-1_root-AvEI2 {
                flex-direction:row;
                justify-content: space-between;
                align-items: center
            }
        }

        .variant-1_content-AvEI2 {
            gap: var(--spacing-4);
            flex-direction: column;
            width: 190px;
            display: flex
        }

        @media (min-width: 1024px) {
            .variant-1_content-AvEI2 {
                width:150px
            }
        }

        .variant-1_content-AvEI2,.variant-1_root-AvEI2 button {
            z-index: 1
        }

        .variant-1_imageWrapper-AvEI2 {
            display: contents
        }

        @media (min-width: 1024px) {
            .variant-1_imageWrapper-AvEI2 {
                display:none
            }
        }

        @media (min-width: 1440px) {
            .variant-1_imageWrapper-AvEI2 {
                width:91px;
                height: 100%;
                display: block;
                position: relative
            }
        }

        .variant-1_image-AvEI2 {
            width: 91px;
            inset-block-start: -6px;
            inset-inline-end: 24px
        }

        @media (min-width: 1440px) {
            .variant-1_image-AvEI2 {
                inset-block-start:-30px;
                inset-inline-end: 0
            }
        }

        .variant-1_bgImage-AvEI2 {
            border-radius: var(--rounding-container-m);
            width: 243px;
            inset-block-end: 0;
            inset-inline-end: 0
        }

        @media (min-width: 1024px) {
            .variant-1_bgImage-AvEI2 {
                width:353px
            }
        }

        @media (min-width: 1440px) {
            .variant-1_bgImage-AvEI2 {
                transform:translate(-50%,var(--padding));
                inset-inline-start: 50%
            }
        }

        .variant-1_image-AvEI2,.variant-1_bgImage-AvEI2 {
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none;
            position: absolute
        }

        .variant-1_title-AvEI2 {
            color: var(--color-content-base-primary);
            gap: var(--spacing-8);
            font-family: var(--font-body-label-font-family);
            font-size: var(--font-body-label-font-size);
            font-weight: var(--font-body-label-font-weight);
            letter-spacing: var(--font-body-label-letter-spacing);
            line-height: var(--font-body-label-line-height);
            text-transform: var(--font-body-label-text-case);
            display: flex
        }

        .variant-1_secondary-AvEI2 {
            color: var(--color-content-base-secondary);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height)
        }

        .variant-1_badge-AvEI2 {
            height: min-content;
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height);
            flex-shrink: 0
        }

        @media (min-width: 1440px) {
            .variant-1_hasOwnerBanner-AvEI2 {
                flex-direction:column;
                align-items: start
            }

            .variant-1_hasOwnerBanner-AvEI2 .variant-1_button-AvEI2 {
                width: 100%
            }

            .variant-1_hasOwnerBanner-AvEI2 .variant-1_imageWrapper-AvEI2 {
                width: 100%;
                height: 100%;
                display: contents;
                position: absolute
            }

            .variant-1_hasOwnerBanner-AvEI2 .variant-1_image-AvEI2 {
                width: 91px;
                bottom: 52px;
                right: 24px;
                position: absolute;
                inset-block-start: revert
            }

            .variant-1_hasOwnerBanner-AvEI2 .variant-1_bgImage-AvEI2 {
                border-radius: var(--rounding-container-m);
                width: 243px;
                inset-block-end: 0;
                inset-inline-start: initial;
                overflow: clip;
                transform: none
            }
        }
        
        .footer-header-row_root-spCdm {
            align-items: center;
            gap: var(--spacing-16);
            --button-size: 36px;
            display: flex
        }

        .footer-header-row_scrollTop-spCdm {
            color: var(--color-content-base-primary)
        }

        .footer-header-row_line-spCdm {
            background-color: var(--color-border-base-alfa-divider);
            flex-grow: 1;
            height: 1px
        }
        
        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }
        
                .bottom-row_root-lG6Xf {
            gap: var(--spacing-20);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
            .bottom-row_root-lG6Xf {
                padding-top:var(--spacing-24);
                border-top: 1px solid var(--color-border-base-alfa-divider);
                gap: var(--spacing-24)
            }
        }

        .bottom-row_socialAndLicensesBlock-lG6Xf {
            justify-content: space-between;
            gap: var(--spacing-20);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
            .bottom-row_socialAndLicensesBlock-lG6Xf {
                gap:var(--spacing-32);
                flex-direction: row
            }
        }

        .nav-row_root-WDG6k {
            justify-content: space-between;
            gap: var(--spacing-24);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
            .nav-row_root-WDG6k {
                gap:var(--spacing-40)
            }
        }

        @media (min-width: 1440px) {
            .nav-row_root-WDG6k {
                flex-direction:row
            }
        }

        .variant-1_outerPaddings-s2qOa {
            width: 100%;
            max-width: var(--size-container-width-max);
            padding-block:var(--spacing-24);padding-inline: var(--container-padding-mobile);
            margin-inline:auto}

        @media (min-width: 1024px) {
            .variant-1_outerPaddings-s2qOa {
                padding-block:var(--spacing-40);
                padding-inline:var(--container-padding-desktop)}
        }

        .variant-1_root-s2qOa {
            grid-template-rows: min-content max-content min-content min-content;
            width: 100%;
            display: grid;
            position: relative
        }

        .variant-1_root-s2qOa>:not(:first-child) {
            margin-top: var(--spacing-24)
        }

        .variant-1_root-s2qOa .variant-1_supportRow-s2qOa {
            margin-top: var(--spacing-12)
        }

        .variant-1_root-s2qOa .variant-1_navigationRow-s2qOa {
            grid-row: 2
        }

        @media (min-width: 1024px) {
            .variant-1_root-s2qOa .variant-1_navigationRow-s2qOa {
                grid-row:auto
            }

            .variant-1_root-s2qOa {
                gap: var(--spacing-40)
            }

            .variant-1_root-s2qOa>:not(:first-child),.variant-1_root-s2qOa .variant-1_supportRow-s2qOa {
                margin-top: 0
            }
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }
        
         .tournaments-section-widget_container-9E7yR {
            padding: var(--spacing-12) var(--container__padding);
            margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1)
        }

        .tournaments-section-widget_container-9E7yR>* {
            scroll-margin: var(--container__padding)
        }

        @media (min-width: 1024px) {
            .tournaments-section-widget_container-9E7yR {
                padding:var(--spacing-12) var(--spacing-8);
                margin: calc(var(--spacing-12)*-1) calc(var(--spacing-8)*-1)
            }

            .tournaments-section-widget_container-9E7yR>* {
                scroll-margin: var(--spacing-8)
            }
        }
        
        .tournaments-section-mobile_screenWideCard-jl6WP {
            width: calc(100vw - var(--spacing-16)*2)
        }
        
            .tournaments-badge_badge-lB7yq {
            padding: var(--spacing-4) var(--spacing-12);
            color: var(--color-content-base-static-white);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height);
            border-end-end-radius: var(--rounding-container-m)
        }

        .tournaments-badge_status-active-lB7yq {
            background-color: var(--color-solid-sentiment-positive-default)
        }

        .tournament-card-bottom_root-tmekF {
            width: 100%;
            height: 72px;
            padding: 0 var(--spacing-12);
            border-radius: var(--rounding-container-m);
            background-color: var(--color-background-base-secondary);
            justify-content: space-between;
            align-items: center;
            display: flex
        }

        .tournament-card-bottom_timer-tmekF {
            gap: var(--spacing-8);
            flex-direction: column;
            display: flex
        }

        .tournament-card-bottom_timerLabel-tmekF {
            color: var(--color-content-base-secondary);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height)
        }

        .tournament-card-bottom_actions-tmekF {
            gap: var(--spacing-8);
            display: flex
        }

        .tournament-card-bottom_detailsButton-tmekF {
            width: fit-content
        }

        .tournament-card_card-9tsxS {
            border-radius: var(--rounding-container-m);
            min-width: 328px;
            color: var(--color-content-base-static-white);
            display: block;
            position: relative;
            overflow: hidden
        }

        .tournament-card_badge-9tsxS {
            z-index: 2;
            position: absolute;
            inset-block-start: 0;
            inset-inline-start: 0
        }

        .tournament-card_container-9tsxS {
            z-index: 1;
            height: 172px;
            padding: var(--spacing-12);
            padding-top: var(--spacing-32);
            padding-bottom: var(--spacing-8);
            position: relative
        }

        .tournament-card_content-9tsxS {
            z-index: 1;
            position: relative
        }

        .tournament-card_content-9tsxS.tournament-card_contentWithoutDescription-9tsxS {
            padding-top: var(--spacing-16)
        }

        .tournament-card_title-9tsxS {
            font-family: var(--font-headline-font-family);
            font-size: var(--font-headline-h4-mobile-font-size);
            font-weight: var(--font-headline-h4-mobile-font-weight);
            letter-spacing: var(--font-headline-h4-mobile-letter-spacing);
            line-height: var(--font-headline-h4-mobile-line-height);
            text-transform: var(--font-headline-text-case);
            text-wrap: balance;
            white-space-collapse: preserve-breaks
        }

        @media (min-width: 1024px) {
            .tournament-card_title-9tsxS {
                font-size:var(--font-headline-h4-desktop-font-size);
                font-weight: var(--font-headline-h4-desktop-font-weight);
                letter-spacing: var(--font-headline-h4-desktop-letter-spacing);
                line-height: var(--font-headline-h4-desktop-line-height)
            }
        }

        .tournament-card_title-9tsxS {
            max-width: 55%;
            margin-bottom: var(--spacing-8)
        }

        .tournament-card_prize-9tsxS {
            font-family: var(--tournament-card-font-font-family);
            font-size: var(--tournament-card-font-font-size);
            font-weight: var(--tournament-card-font-font-weight);
            letter-spacing: var(--spacing-2);
            line-height: var(--tournament-card-font-line-height)
        }

        .tournament-card_img-9tsxS {
            z-index: 0;
            pointer-events: none;
            height: 110%;
            position: absolute;
            inset-block-start: 0;
            inset-inline-end: 0
        }

        .tournament-card_cardBottom-9tsxS {
            z-index: 1;
            position: relative
        }
        
          .countdown_root-tiSGN {
            border-radius: var(--rounding-max);
            font-feature-settings: "tnum";
            font-variant-numeric: tabular-nums;
            align-items: center;
            gap: var(--spacing-4);
            width: fit-content;
            display: inline-flex
        }

        .countdown_root-tiSGN.countdown_size-s-tiSGN {
            padding: var(--spacing-2) var(--spacing-8);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height)
        }

        .countdown_root-tiSGN.countdown_variant-bonuses-tiSGN {
            background: var(--color-background-base-alfa-static-white-20)
        }

        .countdown_variant-bonuses-tiSGN .countdown_time-tiSGN {
            color: var(--color-content-base-static-white)
        }

        .countdown_variant-bonuses-tiSGN .countdown_separator-tiSGN {
            color: var(--color-content-base-alfa-static-white-64)
        }
        
               .bonus500-banner-steps_root-hSedY {
            justify-content: flex-start;
            align-items: flex-start;
            gap: var(--spacing-12);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1440px) {
            .bonus500-banner-steps_root-hSedY {
                gap:var(--spacing-32);
                flex-direction: row
            }
        }

        .bonus500-banner-steps_item-hSedY {
            justify-content: flex-start;
            align-items: center;
            gap: var(--spacing-12);
            display: flex;
            position: relative
        }

        .bonus500-banner-steps_item-hSedY:not(:last-child):before {
            border-radius: var(--rounding-max);
            background: repeating-linear-gradient(to bottom,var(--color-background-base-alfa-static-white-20),var(--color-background-base-alfa-static-white-20) 3px,transparent 3px,transparent 5px);
            content: "";
            width: 2px;
            height: 100%;
            position: absolute;
            top: calc(50% + 11px);
            left: 11px
        }

        @media (min-width: 1440px) {
            .bonus500-banner-steps_item-hSedY:not(:last-child):before {
                top:50%;
                right: calc((var(--spacing-8) + 16px)*-1);
                left: unset;
                background: repeating-linear-gradient(to right,var(--color-background-base-alfa-static-white-20),var(--color-background-base-alfa-static-white-20) 3px,transparent 3px,transparent 4px);
                width: 16px;
                height: 2px
            }
        }

        .bonus500-banner-steps_position-hSedY {
            border-radius: var(--rounding-max);
            background-color: var(--color-background-base-static-white);
            min-width: 24px;
            height: 24px;
            color: var(--color-content-base-static-black);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height);
            justify-content: center;
            align-items: center;
            display: flex
        }

        .bonus500-banner-steps_info-hSedY {
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-semibold-font-size);
            font-weight: var(--font-caption-s-semibold-font-weight);
            letter-spacing: var(--font-caption-s-semibold-letter-spacing);
            line-height: var(--font-caption-s-semibold-line-height);
            padding: var(--spacing-12) var(--spacing-16);
            border-radius: var(--rounding-container-s);
            background-color: var(--color-background-base-alfa-static-white-20);
            color: var(--color-content-base-static-white)
        }

        @media (min-width: 1440px) {
            .bonus500-banner-steps_info-hSedY {
                padding:var(--spacing-8) var(--spacing-16)
            }
        }

        .bonus500-banner_root-tu78l {
            border-radius: var(--rounding-container-l);
            position: relative;
            overflow: hidden
        }

        @media (min-width: 1440px) {
            .bonus500-banner_root-tu78l {
                overflow:initial;
                padding-top: var(--spacing-16);
                border-radius: var(--rounding-container-xl)
            }
        }

        .bonus500-banner_container-tu78l {
            padding: var(--spacing-20);
            border-radius: var(--rounding-container-l);
            gap: var(--spacing-20);
            flex-direction: column;
            display: flex
        }

        @media (min-width: 1024px) {
            .bonus500-banner_container-tu78l {
                padding:var(--spacing-24)
            }
        }

        @media (min-width: 1440px) {
            .bonus500-banner_container-tu78l {
                padding:var(--spacing-24) var(--spacing-48) var(--spacing-24) var(--spacing-24);
                border-radius: var(--rounding-container-xl);
                flex-direction: row;
                justify-content: space-between;
                align-items: center
            }
        }

        @media (min-width: 1440px) {
        }

        @media (min-width: 1440px) {
        }

        @media (min-width: 1440px) {
        }

        .bonus500-banner_style-4-tu78l {
            background: var(--banner-bonus500-4-color-bg-grad)
        }

        @media (min-width: 1440px) {
            .bonus500-banner_style-4-tu78l {
                background:var(--banner-bonus500-4-color-bg-grad-1440)
            }
        }

        .bonus500-banner_content-tu78l {
            z-index: 2;
            gap: var(--spacing-20);
            flex-direction: column;
            display: flex
        }

        .bonus500-banner_title-tu78l {
            justify-content: space-between;
            gap: var(--spacing-12);
            display: flex
        }

        @media (min-width: 1440px) {
            .bonus500-banner_title-tu78l {
                justify-content:flex-start;
                align-items: center
            }
        }

        .bonus500-banner_titleContent-tu78l {
            max-width: 300px;
            font-family: var(--font-headline-font-family);
            font-size: var(--font-headline-h3-mobile-font-size);
            font-weight: var(--font-headline-h3-mobile-font-weight);
            letter-spacing: var(--font-headline-h3-mobile-letter-spacing);
            line-height: var(--font-headline-h3-mobile-line-height);
            text-transform: var(--font-headline-text-case);
            text-wrap: balance;
            white-space-collapse: preserve-breaks
        }

        @media (min-width: 1024px) {
            .bonus500-banner_titleContent-tu78l {
                font-size:var(--font-headline-h3-desktop-font-size);
                font-weight: var(--font-headline-h3-desktop-font-weight);
                letter-spacing: var(--font-headline-h3-desktop-letter-spacing);
                line-height: var(--font-headline-h3-desktop-line-height)
            }
        }

        .bonus500-banner_titleContent-tu78l {
            color: var(--color-content-base-static-white)
        }

        @media (min-width: 1440px) {
            .bonus500-banner_titleContent-tu78l {
                max-width:none
            }
        }

        .bonus500-banner_icon-tu78l {
            color: var(--color-content-base-static-white);
            cursor: pointer;
            flex: 0 0 24px
        }

        .bonus500-banner_button-tu78l {
            flex-direction: column;
            align-items: stretch;
            width: 100%;
            max-width: 100%;
            display: flex
        }

        @media (min-width: 768px) {
            .bonus500-banner_button-tu78l {
                max-width:300px
            }
        }

        @media (min-width: 1440px) {
            .bonus500-banner_button-tu78l {
                width:auto
            }
        }

        .bonus500-banner_image-tu78l {
            pointer-events: none;
            width: 280px;
            position: absolute;
            top: 0;
            right: -94px
        }

        @media (min-width: 768px) {
            .bonus500-banner_image-tu78l {
                width:478px;
                top: -56px;
                right: -165px
            }
        }

        @media (min-width: 1024px) {
            .bonus500-banner_image-tu78l {
                width:650px;
                top: 0;
                bottom: 0;
                right: 0
            }
        }

        @media (min-width: 1440px) {
            .bonus500-banner_image-tu78l {
                width:520px;
                top: 0;
                right: 103px
            }
        }

        .bonus500-banner_img-tu78l {
            width: 100%
        }
        
        @media (min-width: 1024px) {
        }

        .games-section-widget_container-9E7yR {
            padding: var(--spacing-12) var(--container__padding);
            margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1)
        }

        .games-section-widget_container-9E7yR>* {
            scroll-margin: var(--container__padding)
        }

        @media (min-width: 1024px) {
            .games-section-widget_container-9E7yR {
                padding:var(--spacing-12) var(--spacing-8);
                margin: calc(var(--spacing-12)*-1) calc(var(--spacing-8)*-1)
            }

            .games-section-widget_container-9E7yR>* {
                scroll-margin: var(--spacing-8)
            }
        }
        
         @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        @media (min-width: 1024px) {
        }

        .game-section-see-more_root-RQT83 {
            border-radius: var(--rounding-container-s);
            background-color: var(--color-background-base-alfa-neutral-12);
            cursor: pointer;
            justify-content: center;
            align-items: center;
            gap: var(--spacing-4);
            flex-direction: column;
            transition: background-color .1s;
            display: flex
        }

        .game-section-see-more_root-RQT83:hover {
            background-color: var(--color-background-base-alfa-neutral-16)
        }

        .game-section-see-more_more-RQT83 {
            color: var(--color-content-base-primary);
            font-family: var(--font-body-font-family);
            font-size: var(--font-body-semibold-font-size);
            font-weight: var(--font-body-semibold-font-weight);
            letter-spacing: var(--font-body-semibold-letter-spacing);
            line-height: var(--font-body-semibold-line-height)
        }

        .game-section-see-more_games-RQT83 {
            color: var(--color-content-base-secondary);
            font-family: var(--font-caption-font-family);
            font-size: var(--font-caption-s-regular-font-size);
            font-weight: var(--font-caption-s-regular-font-weight);
            letter-spacing: var(--font-caption-s-regular-letter-spacing);
            line-height: var(--font-caption-s-regular-line-height)
        }
        
        .button_root-Q7NP0 {
            white-space: nowrap
        }

        .button_arrow-Q7NP0 {
            color: var(--color-content-base-secondary)
        }