html {
    --z-index-main: 100;
    --z-index-betting-trigger: 101;
    --z-index-floating: 102;
    --z-index-betting-modal: 141;
    --z-index-betting-tooltip: 150;
    --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%;
    --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,
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
    }
}

.picture-v2_root-uw4G6 {
    display: contents
}

.picture-v2_root-uw4G6 img {
    aspect-ratio: var(--5e29e696);
    display: block
}

.picture-v2_animated-uw4G6 {
    transition: opacity .28s ease-in
}

.picture-v2_animated-uw4G6.picture-v2_loaded-uw4G6 {
    opacity: 1
}

.color-scheme_root-jGMem {
    display: contents
}

.icon-base_root-F1flk {
    fill: currentColor;
    display: block
}

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

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

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

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

.base_root-SWKBf[disabled]:not([disabled=false]) {
    opacity: var(--opacity-item-disabled);
    pointer-events: none
}

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

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

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

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

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

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

.base_root-SWKBf {
    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-SWKBf {
    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-SWKBf:hover {
        background: var(--background-hover)
    }
}

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

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

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

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

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

.base_variant-primary-SWKBf {
    --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-SWKBf {
    --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-SWKBf {
    --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-SWKBf {
    --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)
}

.base_variant-staticSecondary-SWKBf {
    --outline-color: var(--color-border-base-alfa-static-white-64);
    --background: var(--color-background-base-alfa-neutral-20);
    --background-hover: var(--color-background-base-alfa-neutral-16)
}

.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-regular-HNNuk {
    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)
}

.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_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-accent-HNNuk:active,
.base_variant-accent-HNNuk:hover {
    color: var(--content-button-accent-color-fg-hover)
}

.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_variant-tertiary-HNNuk:active,
.base_variant-tertiary-HNNuk:hover {
    color: var(--color-content-base-secondary)
}

.base_variant-negative-HNNuk:active,
.base_variant-negative-HNNuk:hover {
    color: var(--color-solid-sentiment-negative-hover)
}

.base_variant-staticPrimary-HNNuk:active,
.base_variant-staticPrimary-HNNuk:hover {
    color: var(--color-content-base-alfa-static-white-88)
}

.base_variant-staticSecondary-HNNuk:active,
.base_variant-staticSecondary-HNNuk:hover {
    color: var(--color-content-base-alfa-static-white-48)
}

.field-wrapper_control-IMKEa:hover {
    background-color: var(--input-color-bg-hover)
}

.field-wrapper_control-IMKEa:active {
    background-color: var(--input-color-bg-hover);
    opacity: var(--opacity-item-active)
}

.field-wrapper_root-IMKEa:not(.field-wrapper_error-IMKEa) .field-wrapper_control-IMKEa:has(:focus-visible) {
    border-color: var(--focus-border)
}

@supports not selector(:has(:focus-visible)) {
    .field-wrapper_root-IMKEa:not(.field-wrapper_error-IMKEa) .field-wrapper_control-IMKEa:focus-within {
        border-color: var(--focus-border)
    }
}

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

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

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

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

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

.control_root-WiVqv.control_hasLabel-WiVqv input::-webkit-credentials-auto-fill-button {
    transform: translateY(-7px)
}

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

:is(.control_root-WiVqv.control_hasLabel-WiVqv input:not(:focus))+.control_placeholder-WiVqv {
    display: none
}

:is(.control_root-WiVqv.control_hasLabel-WiVqv.control_filled-WiVqv input, .control_root-WiVqv.control_hasLabel-WiVqv input:focus)~.control_placeholder-WiVqv {
    display: flex
}

.checkbox_box-9rOVn:not(.checkbox_disabled-9rOVn):hover {
    background-color: var(--color-background-base-alfa-neutral-16)
}

.checkbox_box-9rOVn:not(.checkbox_disabled-9rOVn):active {
    opacity: var(--opacity-item-active)
}

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

.checkbox_input-9rOVn:focus-visible+.checkbox_box-9rOVn {
    outline: none
}

@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)
        }
    }
}

.mask-input_input-NJVZN[autocomplete=off]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    width: 0;
    height: 0;
    display: none
}

.currency-dropdown_button-a1SUw.currency-dropdown_clickable-a1SUw:hover,
.currency-dropdown_button-a1SUw.currency-dropdown_clickable-a1SUw:active {
    background-color: var(--color-background-base-alfa-neutral-8);
    outline-color: #0000
}

.currency-dropdown_button-a1SUw:active {
    opacity: var(--opacity-item-active)
}

.currency-dropdown_button-a1SUw:focus-visible {
    outline: none
}

@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
        }
    }
}

.list-item_root-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):active {
    opacity: var(--opacity-item-active)
}

.list-item_root-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):hover,
.list-item_root-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):active {
    background-color: var(--list-item-color-bg-hover);
    cursor: pointer
}

.list-item_root-0o9lw.list-item_scrollable-0o9lw::-webkit-scrollbar {
    display: none
}

.list-item_root-0o9lw:focus-visible {
    outline: none
}

@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
        }
    }
}

.list-item_withSeparator-0o9lw:not(:first-child) .list-item_main-0o9lw:before {
    top: calc(var(--list-item__padding-y)*-1);
    background-color: var(--list-item-color-divider);
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    inset-inline-end: 0
}

.list-item_withSeparator-0o9lw.list-item_fullLengthSeparator-0o9lw .list-item_main-0o9lw:before {
    width: calc(100% + var(--list-item__padding-x)*2);
    inset-inline-end: calc(var(--list-item__padding-x)*-2)
}

:is(.list-item_withSeparator-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):hover, .list-item_withSeparator-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):active) .list-item_main-0o9lw:before,
:is(.list-item_withSeparator-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):hover, .list-item_withSeparator-0o9lw.list-item_interactive-0o9lw:not(.list-item_disabled-0o9lw):active)+* .list-item_main-0o9lw:before {
    background-color: unset
}

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

.base_rootInteractive-q9Pw9 {
    cursor: pointer
}

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

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

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

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

@supports (width:1lh) {
    .base_root-q9Pw9: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-q9Pw9:focus {
        outline: none
    }

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

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

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

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

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

.base_root-QiOMt:not(.base_disabled-QiOMt):active {
    opacity: var(--opacity-item-active)
}

.base_root-QiOMt:not(.base_disabled-QiOMt):active,
.base_root-QiOMt:not(.base_disabled-QiOMt):hover {
    background: var(--background-hover)
}

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

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

@supports (width:1lh) {
    .base_root-QiOMt: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-QiOMt:focus {
        outline: none
    }

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

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

:is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK):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-FG3yK:is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK), :is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK).router-link-active, :is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK):hover):before,
:is(.segment-control_selected-FG3yK:is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK), :is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK).router-link-active, :is(.segment-control_root-FG3yK:not(.segment-control_vertical-FG3yK) .segment-control_tab-FG3yK):hover)+:before {
    background-color: unset
}

.snackbar-layout_root-hWa6F {
    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_root-hWa6F:before {
    content: "";
    pointer-events: none;
    transition-duration: .25s;
    position: absolute
}

.snackbar-layout_root-hWa6F:not(.snackbar-layout_snackbarVisible-hWa6F):before {
    opacity: 0
}

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

@media (min-width:0) and (not (min-width:1024px)) {
    .snackbar-layout_root-hWa6F:before {
        background-image: linear-gradient(#141416, #14141600);
        height: 130px;
        inset-block-start: 0;
        inset-inline: 0
    }
}

@media (min-width:1024px) {
    .snackbar-layout_root-hWa6F {
        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-hWa6F {
        align-items: flex-end
    }
}

.desktop-modal_card-uDYxe.desktop-modal_scrollable-uDYxe::-webkit-scrollbar {
    display: none
}

.mobile-modal_modal-oaajC.mobile-modal_scrollable-oaajC::-webkit-scrollbar {
    display: none
}

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

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

@supports (width:1lh) {
    :is(.modal-header_root-90muI:has(.modal-header_button-90muI:first-child:focus-visible) .modal-header_coverButtonStack-90muI:first-child .modal-header_coverButtonBackdrop-90muI, .modal-header_root-90muI:has(.modal-header_button-90muI:nth-child(2):focus-visible) .modal-header_coverButtonStack-90muI:nth-child(2) .modal-header_coverButtonBackdrop-90muI, .modal-header_root-90muI:has(.modal-header_button-90muI:nth-child(3):focus-visible) .modal-header_coverButtonStack-90muI:nth-child(3) .modal-header_coverButtonBackdrop-90muI) {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

.seo-content_root-6n5cJ :is(div, div>section) {
    align-items: flex-start;
    gap: var(--spacing-12);
    --table-border-spacing: 1px;
    flex-direction: column;
    max-width: 100%;
    display: flex
}

:is(:is(.seo-content_root-6n5cJ :is(div, div>section)) :has(>table))::-webkit-scrollbar {
    height: 10px
}

:is(:is(.seo-content_root-6n5cJ :is(div, div>section)) :has(>table))::-webkit-scrollbar-track {
    background-color: var(--color-background-base-secondary)
}

:is(:is(.seo-content_root-6n5cJ :is(div, div>section)) :has(>table))::-webkit-scrollbar-thumb {
    border: 4px solid var(--color-background-base-secondary);
    border-radius: var(--rounding-max);
    background-color: var(--color-background-base-alfa-neutral-12)
}

.seo-content_root-6n5cJ {
    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)
}

.seo-content_root-6n5cJ h1,
.seo-content_root-6n5cJ h2 {
    margin-top: 20px
}

:is(.seo-content_root-6n5cJ h1, .seo-content_root-6n5cJ h2, .seo-content_root-6n5cJ h3, .seo-content_root-6n5cJ h4):first-child {
    margin-top: 0
}

.seo-content_root-6n5cJ h1,
.seo-content_root-6n5cJ h2 {
    color: var(--color-content-base-primary)
}

@media (min-width:1024px) {

    .seo-content_root-6n5cJ h1,
    .seo-content_root-6n5cJ h2 {
        margin-block-end: 4px
    }
}

.seo-content_root-6n5cJ h1,
.seo-content_root-6n5cJ h2 {
    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) {

    .seo-content_root-6n5cJ h1,
    .seo-content_root-6n5cJ h2 {
        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)
    }
}

.seo-content_root-6n5cJ ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 16px
}

.seo-content_root-6n5cJ a {
    color: var(--color-solid-brand-primary-default);
    transition: color .1s
}

:is(.seo-content_root-6n5cJ a):active,
:is(.seo-content_root-6n5cJ a):hover {
    color: var(--color-solid-brand-primary-hover)
}

.seo-content_root-6n5cJ a {
    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)
}

.seo_content-aVoHb {
    width: 100%;
    max-width: 100%;
    color: var(--color-content-base-secondary);
    align-items: flex-start;
    gap: var(--spacing-12);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-position: bottom;
    mask-position: bottom
}

@media (min-width:768px) {
    .seo_content-aVoHb {
        gap: var(--spacing-16)
    }
}

@media (min-width:1024px) {
    .seo_content-aVoHb {
        width: 75%;
        height: 88px
    }
}

@media (min-width:1440px) {
    .seo_content-aVoHb {
        width: 66.6667%
    }
}

@media (min-width:1920px) {
    .seo_content-aVoHb {
        width: 58.3333%
    }
}

.seo_expanded-aVoHb .seo_content-aVoHb {
    height: auto;
    -webkit-mask-image: none;
    mask-image: none
}

@keyframes skeleton_shine-ADZg6 {
    0% {
        background-position-x: 100%
    }

    56% {
        background-position-x: -100%
    }

    to {
        background-position-x: -100%
    }
}

.icon-sprite_root-9n3oj {
    height: var(--ab696554);
    aspect-ratio: var(--eee06878)
}

.cdp-popover-layout_root-nnost {
    background: unset;
    pointer-events: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0
}

@media screen and (min-width:1024px) {
    .cdp-popover-layout_root-nnost {
        position: sticky;
        top: 0;
        bottom: auto
    }
}

.cdp-popover-layout_wrapper-nnost {
    --padding-bottom: calc(var(--height-layout-tabbar-with-safe-area) + var(--spacing-8));
    height: 100%;
    padding: var(--safe-area-inset-top) calc(var(--safe-area-inset-right) + var(--spacing-8)) var(--padding-bottom) calc(var(--safe-area-inset-left) + var(--spacing-8));
    justify-content: flex-start;
    gap: var(--snackbar-padding-mobile);
    flex-direction: column-reverse;
    display: flex
}

@media screen and (min-width:1024px) {
    .cdp-popover-layout_wrapper-nnost {
        height: auto;
        padding: var(--spacing-12)0 0 var(--spacing-24);
        flex-direction: column;
        position: absolute
    }
}

@keyframes switch_on-rmD4L {
    0% {
        inline-size: var(--toggler-size)
    }

    20% {
        inline-size: calc(var(--toggler-size)*1.5)
    }

    80% {
        inline-size: var(--toggler-size)
    }
}

@keyframes switch_off-rmD4L {
    0% {
        inline-size: var(--toggler-size)
    }

    50% {
        inline-size: calc(var(--toggler-size)*1.5)
    }

    to {
        inline-size: var(--toggler-size)
    }
}

.switch_input-rmD4L:focus-visible+.switch_slider-rmD4L {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .switch_input-rmD4L:focus+.switch_slider-rmD4L {
        outline: none
    }

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

    @supports (width:1lh) {
        :is(.switch_input-rmD4L:focus+.switch_slider-rmD4L) {
            outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
            outline-offset: var(--spacing-2)
        }
    }
}

.switch_slider-rmD4L:not(.switch_disabled-rmD4L):hover {
    background-color: var(--color-background-base-alfa-neutral-16)
}

.switch_slider-rmD4L:before {
    border-radius: var(--border-radius);
    background-color: var(--color-content-base-static-white);
    block-size: var(--toggler-size);
    content: "";
    inline-size: var(--toggler-size);
    inset-block-end: var(--spacing-4);
    inset-inline: var(--inset-inline);
    transition: transform var(--animation-duration);
    animation-name: switch_off-rmD4L;
    position: absolute
}

.switch_slider-rmD4L.switch_mounted-rmD4L:before {
    animation-duration: var(--animation-duration)
}

:is(.switch_input-rmD4L:checked+.switch_slider-rmD4L):not(.switch_disabled-rmD4L):hover {
    background-color: var(--switch-color-bg-hover)
}

:is(.switch_input-rmD4L:checked+.switch_slider-rmD4L):before {
    background-color: var(--switch-color-dot);
    transform: var(--translate-shift);
    animation-name: switch_on-rmD4L
}

.language-icon_root-Oz8xe {
    box-sizing: content-box
}

.language-icon_size-m-Oz8xe {
    width: 20px;
    height: 20px;
    padding: 2px
}

.base_root-JoRqC:not(:first-child):before {
    background-color: var(--color-border-base-alfa-divider);
    content: "";
    width: calc(100% - var(--spacing-64));
    height: 1px;
    margin-inline: var(--spacing-8) calc(var(--size-control-s) + var(--spacing-20));
    position: absolute;
    top: 0
}

.base_root-JoRqC:hover {
    background-color: var(--color-background-base-alfa-neutral-8)
}

.base_root-JoRqC:hover:before,
.base_root-JoRqC:hover+:before {
    background-color: unset
}

.language-picker_root-e6Mle {
    width: 100%;
    height: var(--size-control-m);
    padding: 0 var(--spacing-8);
    border-radius: var(--rounding-control-m);
    background-color: var(--color-background-base-alfa-neutral-12);
    color: var(--color-content-base-primary);
    cursor: pointer;
    align-items: center;
    gap: var(--spacing-4);
    text-transform: uppercase;
    transition: background-color .1s, opacity .1s;
    display: flex
}

.language-picker_root-e6Mle:active,
.language-picker_root-e6Mle:hover {
    background-color: var(--color-background-base-alfa-neutral-16)
}

.language-picker_root-e6Mle:active {
    opacity: var(--opacity-item-active)
}

.language-picker_root-e6Mle:focus-visible {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .language-picker_root-e6Mle:focus {
        outline: none
    }

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

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

.language-picker_root-e6Mle {
    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)
}

.language-picker_arrowIcon-e6Mle {
    color: var(--color-content-base-secondary);
    margin-inline-start: auto
}

.base_root-2shCw:active,
.base_root-2shCw:hover {
    --menu-icon__color-bg: var(--color-content-base-static-white);
    --menu-tab__color-bg: var(--color-background-base-alfa-neutral-8)
}

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

.base_root-2shCw.base_variant-2-2shCw.base_selected-2shCw:before {
    background: var(--menu-icon__color-bg);
    content: "";
    width: 3px;
    inset-block: var(--menu-tab-indicator-padding);
    border-start-end-radius: var(--menu-tab-indicator-rounding);
    border-end-end-radius: var(--menu-tab-indicator-rounding);
    position: absolute;
    inset-inline-start: 0
}

.base_root-2shCw.base_variant-2-2shCw:active,
.base_root-2shCw.base_variant-2-2shCw:hover {
    --menu-icon__color-bg: var(--menu-tab-color-fg-hover-grad, var(--menu-tab-color-fg-hover));
    --menu-tab__color-fg: var(--menu-tab-color-fg-hover)
}

.base_root-2shCw:focus-visible {
    outline: none
}

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

@supports (width:1lh) {
    .base_root-2shCw: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-2shCw:focus {
        outline: none
    }

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

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

.menu-tab-button_root-MYJTj:hover {
    color: var(--color-content-base-primary)
}

.menu-tab-button_root-MYJTj:active {
    opacity: var(--opacity-item-active)
}

.modal-app-install_steps-ANF5D:before {
    z-index: -1;
    border-left: 1px dashed var(--color-border-base-alfa-divider);
    content: "";
    inset: 0 0 0 var(--spacing-12);
    position: absolute
}

.variant-1_root-aNH8T {
    --container__padding: var(--container-padding-mobile);
    width: 100%;
    max-width: var(--size-container-width-max);
    gap: var(--spacing-24);
    padding-block: var(--container-page-content-padding-top-mobile) var(--container-page-content-padding-bottom-mobile);
    padding-inline: var(--container__padding);
    flex-direction: column;
    margin-inline: auto;
    display: flex
}

@media (min-width:1024px) {
    .variant-1_root-aNH8T {
        --container__padding: var(--container-padding-desktop);
        gap: var(--spacing-32);
        padding-block: var(--container-page-content-padding-top-desktop) var(--container-page-content-padding-bottom-desktop);
        padding-inline: var(--container-padding-desktop)
    }
}

@keyframes page-loading_appear-in-FUSb1 {
    to {
        opacity: 1
    }
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src: url(../fonts/0.woff2)format("woff2-variations");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src: url(../fonts/1.woff2)format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/2.woff2)format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/3.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/4.woff2)format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/5.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/6.woff2)format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/7.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@supports ((-moz-appearance:none)) {
    .showScrollbar:root * {
        scrollbar-color: var(--scrollbar-color-bg-default) transparent;
        scrollbar-width: thin
    }
}

:root.showScrollbar {
    scrollbar-gutter: stable
}

.showScrollbar:root ::-webkit-scrollbar-track {
    background: var(--color-background-base-primary)
}

:root:not(.showScrollbar) body::-webkit-scrollbar {
    display: none
}

:root:not(.showScrollbar) ::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar {
    width: 11px;
    height: 11px
}

::-webkit-scrollbar-thumb {
    border-radius: var(--rounding-max);
    background-clip: content-box;
    background-color: var(--scrollbar-color-bg-default);
    border: 4px solid #0000;
    transition: all .2s
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-color-bg-hover);
    border: 2px solid #0000
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-corner {
    display: none
}

::-moz-scrollbar {
    width: 3px;
    height: 3px
}

::-moz-scrollbar-thumb {
    border-radius: var(--rounding-max);
    background-color: var(--scrollbar-color-bg-default)
}

::-moz-scrollbar-button {
    display: none
}

::-moz-scrollbar-corner {
    display: none
}

:root {
    -webkit-font-smoothing: antialiased
}

.grid_root-QUXIK {
    max-width: 100%;
    display: grid
}

.buttons_root-suxb5 {
    gap: var(--spacing-8);
    display: flex
}

@media screen and (min-width:1024px) {
    .buttons_root-suxb5 {
        gap: var(--spacing-12)
    }
}

.variant-2_root-Kogj4 {
    z-index: var(--z-index-header);
    width: 100%;
    height: var(--header-layout-height-mobile);
    background-color: var(--color-background-base-primary);
    color: var(--color-content-base-primary);
    align-items: center;
    margin-inline: auto;
    display: flex;
    position: relative
}

@media (min-width:1024px) {
    .variant-2_root-Kogj4:not(.variant-2_fixed-Kogj4) {
        z-index: auto
    }

    .variant-2_root-Kogj4 {
        height: var(--header-layout-height-desktop)
    }
}

.variant-2_content-Kogj4 {
    justify-content: space-between;
    gap: var(--spacing-12);
    width: 100%;
    padding-block: var(--spacing-16) var(--spacing-12);
    padding-inline: var(--container-padding-mobile);
    display: flex
}

@media screen and (min-width:1024px) {
    .variant-2_content-Kogj4 {
        padding-block: var(--spacing-20);
        padding-inline: var(--container-padding-desktop)
    }
}

.variant-2_trailing-Kogj4 {
    min-width: var(--size-control-xl);
    align-items: center;
    gap: var(--spacing-20);
    display: flex
}

.variant-2_balanceContainer-Kogj4 {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex
}

.variant-2_logoLink-Kogj4 {
    position: relative
}

.variant-2_logo-Kogj4 {
    display: flex
}

.variant-2_leading-Kogj4 {
    align-items: center;
    gap: var(--spacing-12);
    display: flex
}

@media screen and (min-width:1024px) {
    .variant-2_leading-Kogj4 {
        gap: var(--spacing-16)
    }
}

.layout-content_root-HYz6U {
    --min-height: 100vh;
    --header-height-with-safe-area: var(--height-layout-header-mobile-with-safe-area);
    --content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area))
}

@supports (height:100dvh) {
    .layout-content_root-HYz6U {
        --min-height: 100dvh
    }
}

@media screen and (min-width:1024px) {
    .layout-content_root-HYz6U {
        --header-height-with-safe-area: var(--height-layout-header-desktop-with-safe-area)
    }
}

.layout-content_root-HYz6U {
    min-height: var(--content-min-height);
    flex-grow: 1
}

.layout-main_main-LW2bE {
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    display: flex
}

.template-1_root-KbQMz {
    background-color: var(--color-background-base-primary);
    color: var(--color-content-base-primary);
    flex-direction: row;
    display: flex
}

.close-sidebar_root-3skZi:active {
    opacity: var(--opacity-item-active)
}

.close-sidebar_root-3skZi:focus-visible {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .close-sidebar_root-3skZi:focus {
        outline: none
    }

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

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

.expand-button_root-pLYyl:focus-visible {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .expand-button_root-pLYyl:focus {
        outline: none
    }

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

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

.expand-button_root-pLYyl:hover .expand-button_icon-pLYyl,
.expand-button_root-pLYyl:active .expand-button_icon-pLYyl {
    background-color: var(--color-background-base-alfa-neutral-16);
    color: var(--color-content-base-primary)
}

.menu_section-ArSUI:not(:last-child):after {
    border-block-end: var(--border-s) solid var(--color-border-base-alfa-divider);
    content: "";
    height: 0;
    inset-block-end: calc(var(--spacing-16)*-1);
    inset-inline: var(--spacing-0);
    position: absolute
}

:is(.menu_root-ArSUI.menu_variant-2-ArSUI .menu_section-ArSUI:not(:last-child)):after {
    inset-block-end: calc(var(--spacing-12)*-1);
    inset-inline: var(--spacing-12)
}

.menu_root-ArSUI.menu_compact-ArSUI .menu_section-ArSUI:not(:last-child):after {
    inset-inline: var(--spacing-8)
}

.view_root-nfNUB:hover {
    --avatar-background: var(--color-background-base-alfa-neutral-16)
}

.view_root-nfNUB:active {
    opacity: var(--opacity-item-active)
}

.view_root-nfNUB:focus-visible .view_avatar-nfNUB {
    outline: none
}

@supports not (width:1lh) {
    :is(.view_root-nfNUB:focus-visible .view_avatar-nfNUB) {
        box-shadow: 0 0 0 var(--profile-cell-size-outline-avatar-focus) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    :is(.view_root-nfNUB:focus-visible .view_avatar-nfNUB) {
        outline: var(--profile-cell-size-outline-avatar-focus) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

.view_root-nfNUB:not(.view_compact-nfNUB):focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .view_root-nfNUB:not(.view_compact-nfNUB):focus-visible {
        box-shadow: 0 0 0 var(--profile-cell-size-outline-focus) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    .view_root-nfNUB:not(.view_compact-nfNUB):focus-visible {
        outline: var(--profile-cell-size-outline-focus) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

.view_root-nfNUB:not(.view_compact-nfNUB):hover {
    background-color: var(--profile-cell-color-bg-hover)
}

.button-with-preview_root-47buQ:active {
    opacity: var(--opacity-item-active)
}

.button-with-preview_root-47buQ:hover {
    background-color: var(--color-background-base-alfa-neutral-16)
}

.button-with-preview_root-47buQ:focus-visible {
    outline: none
}

@supports not (width:1lh) {
    .button-with-preview_root-47buQ:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    .button-with-preview_root-47buQ:focus-visible {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

@supports not selector(:focus-visible) {
    .button-with-preview_root-47buQ:focus {
        outline: none
    }

    @supports not (width:1lh) {
        .button-with-preview_root-47buQ:focus {
            box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
        }
    }

    @supports (width:1lh) {
        .button-with-preview_root-47buQ:focus {
            outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
            outline-offset: var(--spacing-2)
        }
    }
}

.button-with-preview_iconMore-47buQ:hover {
    background-color: var(--color-background-base-alfa-neutral-16)
}

.common-layout_sleave-5rYq1::-webkit-scrollbar {
    display: none
}

.fixed-append-slot_fixedAppend-xBwox:before {
    background: linear-gradient(to top, var(--sidebar-color-bg), transparent);
    content: "";
    pointer-events: none;
    width: 100%;
    height: 32px;
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 0
}

.sidebar-slot_root-hW8dF:before,
.sidebar-slot_root-hW8dF:after {
    width: 100%;
    height: var(--border-s);
    background: var(--color-border-base-alfa-divider);
    content: "";
    display: none
}

.sidebar-slot_root-hW8dF.sidebar-slot_separatorPrepend-hW8dF:before,
.sidebar-slot_root-hW8dF.sidebar-slot_separatorAppend-hW8dF:after {
    display: block
}

.tab_active-5P8o9 .tab_indicator-5P8o9:before,
.tab_enableLinkActive-5P8o9.router-link-active .tab_indicator-5P8o9:before {
    border-radius: 0 0 var(--rounding-4) var(--rounding-4);
    background: var(--tabbar-item-color-selected);
    width: 100%;
    height: 3px;
    box-shadow: var(--tabbar-item-effect-shadow);
    content: "";
    position: absolute;
    left: 0
}

.badge_root-g8qAN {
    border-radius: var(--rounding-component-badge);
    -webkit-user-select: none;
    user-select: none;
    min-width: 0;
    align-items: center;
    display: inline-flex
}

.badge_text-g8qAN {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.badge_size-s-g8qAN {
    padding: var(--spacing-2) var(--spacing-8)
}

.badge_variant-staticSecondary-g8qAN {
    background-color: var(--color-background-base-alfa-static-white-20);
    color: var(--color-content-base-static-white)
}


@keyframes pulse_pulse-AGG4m {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.7)
    }
}

.pulse_pulse-AGG4m:before {
    background-color: var(--2c0c8024);
    content: "";
    opacity: .3;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: .4s ease-in-out infinite alternate pulse_pulse-AGG4m;
    position: absolute;
    top: 0;
    left: 0
}

.variant-2_outerPaddings-WzsTt {
    width: 100%;
    max-width: var(--size-container-width-max);
    padding-block-end: var(--spacing-8);
    padding-inline: var(--spacing-16);
    margin-inline: auto
}

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

.variant-2_root-WzsTt {
    width: 100%;
    padding: var(--spacing-16);
    border-radius: var(--rounding-container-m);
    background-color: var(--footer-color-bg);
    gap: var(--spacing-20);
    flex-direction: column;
    margin-inline: auto;
    display: flex;
    position: relative
}

@media (min-width:1024px) {
    .variant-2_root-WzsTt {
        padding: var(--spacing-32);
        border-radius: var(--rounding-container-l);
        gap: var(--spacing-40)
    }
}

.variant-2_support-WzsTt {
    flex: 0 0 292px;
    display: none
}

@media (min-width:1024px) {
    .variant-2_support-WzsTt {
        display: block
    }
}

.variant-2_supportMobile-WzsTt {
    margin-bottom: var(--spacing-4)
}

@media (min-width:1024px) {
    .variant-2_supportMobile-WzsTt {
        display: none
    }
}

.variant-2_content-WzsTt {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-40);
    display: flex
}

.variant-2_main-WzsTt {
    flex: auto
}

.variant-2_bottom-WzsTt {
    padding-top: var(--spacing-16);
    border-top: 1px solid var(--color-border-base-alfa-divider)
}

@media (min-width:1024px) {
    .variant-2_bottom-WzsTt {
        padding-top: var(--spacing-24)
    }
}

.variant-2_header-WzsTt {
    margin-bottom: var(--spacing-24)
}

@media (min-width:1024px) {
    .variant-2_header-WzsTt {
        margin-bottom: var(--spacing-32)
    }
}

.variant-2_navigation-WzsTt {
    margin-bottom: var(--spacing-20)
}

@media (min-width:1024px) {
    .variant-2_navigation-WzsTt {
        margin-bottom: var(--spacing-32)
    }
}

.variant-2_root-onBuC {
    width: auto;
    padding: var(--spacing-16);
    border-radius: var(--rounding-container-m);
    background-color: var(--banner-support-footer-color-bg);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden
}

.variant-2_content-onBuC {
    width: 152px;
    margin-bottom: var(--spacing-24);
    flex-direction: column;
    display: flex
}

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

.variant-2_imageWrapper-onBuC {
    display: contents
}

.variant-2_image-onBuC,
.variant-2_bgImage-onBuC {
    border-radius: 0 0 var(--rounding-container-m)0;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    height: 100%;
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0
}

.variant-2_title-onBuC {
    margin-bottom: var(--spacing-8);
    color: var(--color-content-base-primary);
    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-2_secondary-onBuC {
    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-2_badge-onBuC {
    width: fit-content;
    margin-bottom: var(--spacing-12);
    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)
}

.variant-2_button-onBuC {
    width: fit-content
}

.support-col_root-WASZn {
    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-24);
    flex-direction: column;
    display: flex
}

@media (min-width:1024px) {
    .support-col_root-WASZn {
        gap: var(--spacing-24)
    }
}

.support-col_list-WASZn {
    gap: var(--spacing-16);
    flex-direction: column;
    display: flex
}

@media (min-width:1024px) {
    .support-col_list-WASZn {
        padding: 0
    }
}

.support-col_block-WASZn {
    height: 100%;
    color: var(--color-content-base-secondary);
    justify-content: center;
    gap: var(--spacing-8);
    flex-direction: column;
    display: flex;
    overflow: hidden
}

.support-col_block-WASZn>span {
    white-space: nowrap
}

.support-col_block-WASZn>a {
    width: max-content
}

.support-col_title-WASZn {
    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)
}

.arrows_button-24WAn:hover {
    background-color: #fff9
}

.arrows_button-24WAn:hover .arrows_arrow-24WAn {
    opacity: 1
}

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

.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 {
    flex-direction: column;
    align-items: start;
    display: flex;
    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)
    }
}

.banner_button-V6mLg {
    margin-top: auto
}

.banner_variant-2-V6mLg.banner_root-V6mLg {
    background: var(--a89bd2fe);
    height: 100%
}

.banner_variant-2-V6mLg .banner_content-V6mLg {
    z-index: 1;
    height: 100%;
    padding: var(--spacing-24);
    justify-content: space-between;
    position: relative
}

.banner_variant-2-V6mLg .banner_image-V6mLg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner_variant-2-V6mLg .banner_heading-V6mLg {
    min-width: var(--banner-main-variant2-content-mobile-min-width);
    max-width: var(--banner-main-variant2-content-mobile-max-width)
}

@media (min-width:1024px) {
    .banner_variant-2-V6mLg .banner_heading-V6mLg {
        min-width: var(--banner-main-variant2-content-desktop-min-width);
        max-width: var(--banner-main-variant2-content-desktop-max-width)
    }
}

.dots_root-WCilx {
    padding: var(--dots-pagination-layout-container-padding);
    border-radius: var(--dots-pagination-layout-container-radius);
    gap: var(--dots-pagination-layout-container-gap);
    display: flex
}

.dots_blur-WCilx {
    border: var(--border-s) solid #ffffff03;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #ffffff0d
}

.dots_dot-WCilx {
    border-radius: var(--dots-pagination-layout-dot-radius);
    background-color: var(--color-content-base-tertiary);
    width: 5px;
    height: 5px
}

.dots_dot-WCilx.dots_active-WCilx {
    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
}

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

.banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 {
    max-width: none;
    margin: 0 calc(var(--container__padding)*-1)
}

.banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 .banners-carousel_dots-nujv6 {
    inset-block-end: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, 50%)
}

@media (min-width:1024px) {
    .banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 .banners-carousel_dots-nujv6 {
        inset-block-end: -19px
    }
}

@media (min-width:1440px) {
    .banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 .banners-carousel_dots-nujv6 {
        inset-block-end: 0
    }
}

@media (min-width:440px) {
    .banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 .banners-carousel_bannerSlide-nujv6 {
        width: calc(1px*var(--f4692a88))
    }
}

@media (min-width:1024px) {
    .banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 {
        max-width: 100%;
        margin: 0 0 16px
    }

    .banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 .banners-carousel_bannerSlide-nujv6 {
        width: auto
    }
}

@media (min-width:1440px) {
    .banners-carousel_root-nujv6.banners-carousel_variant-2-nujv6 {
        margin-bottom: 0
    }
}

.banners-carousel_desktopNavButton-nujv6 {
    z-index: 1;
    background: var(--color-background-base-primary);
    opacity: 0;
    transition: opacity .28s ease-in;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.banners-carousel_desktopBackButton-nujv6 {
    inset-inline-start: -10px
}

.banners-carousel_desktopForwardButton-nujv6 {
    inset-inline-end: -10px
}

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

.banners-carousel_root-nujv6:hover .banners-carousel_arrows-nujv6,
.banners-carousel_root-nujv6:hover .banners-carousel_desktopNavButton-nujv6 {
    opacity: 1
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

    to {
        transform: rotate(360deg)
    }
}

.sticky-search_searchSection-Kiwm1 {
    gap: var(--spacing-16);
    flex-direction: column;
    display: flex
}

.variant-1_icon-P1xqJ {
    color: var(--color-content-base-secondary);
    align-items: center;
    display: flex
}

.variant-1_root-P1xqJ {
    background: var(--qab-color-bg-default-grad, var(--qab-color-bg-default));
    color: var(--color-content-base-primary)
}

.variant-1_root-P1xqJ:before {
    z-index: -1;
    border-radius: inherit;
    background: var(--qab-color-stroke-selected-grad);
    content: "";
    -webkit-mask-composite: xor;
    pointer-events: none;
    padding: 1px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source
}

.variant-1_root-P1xqJ:active,
.variant-1_root-P1xqJ:hover {
    background: var(--qab-color-bg-hover)
}

.variant-1_root-P1xqJ:active {
    opacity: var(--opacity-item-active)
}

.variant-1_root-P1xqJ:focus-visible {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .variant-1_root-P1xqJ:focus {
        outline: none
    }

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

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

@media (min-width:768px) {
    .variant-1_root-P1xqJ {
        height: var(--size-control-xl);
        padding: 0 var(--spacing-20)
    }
}

.variant-1_root-P1xqJ.variant-1_selected-P1xqJ {
    background: var(--qab-color-bg-selected-grad, var(--qab-color-bg-selected));
    color: var(--qab-color-fg-selected-grad, var(--qab-color-fg-selected));
    cursor: default
}

.variant-1_root-P1xqJ.variant-1_selected-P1xqJ:hover,
.variant-1_root-P1xqJ.variant-1_selected-P1xqJ:active {
    background: var(--qab-color-bg-selected-grad, var(--qab-color-bg-selected))
}

.variant-1_root-P1xqJ.variant-1_selected-P1xqJ .variant-1_icon-P1xqJ {
    color: var(--color-content-base-primary)
}

.variant-1_vertical-P1xqJ {
    min-width: 88px;
    height: auto;
    padding: var(--spacing-12) var(--spacing-16);
    border-radius: var(--rounding-container-m);
    flex-direction: column
}

.variant-2_root-JFNJT:before {
    z-index: -1;
    border-radius: inherit;
    background: var(--qab-color-stroke-selected-grad);
    content: "";
    -webkit-mask-composite: xor;
    pointer-events: none;
    padding: 1px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
    -webkit-mask-position: 0 0, 0 0;
    mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    mask-repeat: repeat, repeat;
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box;
    -webkit-mask-origin: content-box, border-box;
    mask-origin: content-box, border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto, auto;
    mask-mode: match-source, match-source
}

.variant-2_root-JFNJT:hover,
.variant-2_root-JFNJT:hover .variant-2_icon-JFNJT {
    color: var(--color-content-base-primary)
}

.variant-2_root-JFNJT:active {
    opacity: var(--opacity-item-active)
}

.variant-2_root-JFNJT:active .variant-2_icon-JFNJT {
    color: var(--color-content-base-primary)
}

.variant-2_root-JFNJT:focus-visible {
    border-radius: var(--rounding-control-xl);
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .variant-2_root-JFNJT:focus {
        border-radius: var(--rounding-control-xl);
        outline: none
    }

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

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

.variant-2_root-JFNJT.variant-2_selected-JFNJT:before {
    border-radius: var(--rounding-4) var(--rounding-4) var(--rounding-0) var(--rounding-0);
    border-bottom: 3px solid var(--color-solid-brand-primary-default);
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -8px
}

.qab_root-aRCdX {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-8);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    will-change: transform;
    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);
    transition: background-color .1s, opacity .1s;
    display: flex;
    position: relative
}

.arrows-scroll-view_root-QPcbW {
    border-radius: inherit;
    --scroll-view-background: var(--5fbba3e0);
    --scroll-view-shadow-size: 130px;
    --scroll-view-buttons-offset: var(--48b3b71f);
    --scroll-view-offset-position: 0px;
    --scroll-view-arrow-z-index: var(--59e3c704);
    align-items: center;
    display: flex;
    position: relative
}

.arrows-scroll-view_content-QPcbW {
    z-index: 0;
    max-width: 100%
}

.arrows-scroll-view_button-QPcbW {
    z-index: var(--scroll-view-arrow-z-index)
}

.arrows-scroll-view_scrollForwardButton-QPcbW,
.arrows-scroll-view_scrollBackButton-QPcbW {
    border-radius: inherit;
    opacity: 1;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute
}

:is(.arrows-scroll-view_scrollForwardButton-QPcbW, .arrows-scroll-view_scrollBackButton-QPcbW):before {
    width: var(--scroll-view-shadow-size);
    border-radius: inherit;
    content: "";
    pointer-events: none;
    height: 100%;
    position: absolute
}

.arrows-scroll-view_hidden-QPcbW:is(.arrows-scroll-view_scrollForwardButton-QPcbW, .arrows-scroll-view_scrollBackButton-QPcbW) {
    opacity: 0;
    pointer-events: none
}

.arrows-scroll-view_scrollBackButton-QPcbW {
    inset-inline-start: var(--scroll-view-buttons-offset)
}

.arrows-scroll-view_scrollBackButton-QPcbW:before {
    background-image: linear-gradient(90deg, var(--scroll-view-background) 0%, var(--scroll-view-background) 30%, #fff0 100%);
    inset-inline-start: var(--scroll-view-offset-position)
}

[dir=rtl] .arrows-scroll-view_scrollBackButton-QPcbW:before {
    background-image: linear-gradient(-90deg, var(--scroll-view-background) 0%, var(--scroll-view-background) 30%, #fff0 100%)
}

.arrows-scroll-view_scrollForwardButton-QPcbW {
    inset-inline-end: var(--scroll-view-buttons-offset)
}

.arrows-scroll-view_scrollForwardButton-QPcbW:before {
    background-image: linear-gradient(90deg, #fff0 0%, var(--scroll-view-background) 70%, var(--scroll-view-background) 100%);
    inset-inline-end: var(--scroll-view-offset-position)
}

[dir=rtl] .arrows-scroll-view_scrollForwardButton-QPcbW:before {
    background-image: linear-gradient(-90deg, #fff0 0%, var(--scroll-view-background) 70%, var(--scroll-view-background) 100%)
}

@media (pointer:coarse) {

    .arrows-scroll-view_scrollForwardButton-QPcbW,
    .arrows-scroll-view_scrollBackButton-QPcbW {
        display: none
    }
}

.qab-image_content-LWuEk {
    width: 100%;
    height: 100%
}

.qab-image_maskedContent-LWuEk {
    position: relative
}

.qab-image_image-LWuEk,
.qab-image_mask-LWuEk {
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity .15s ease-in-out;
    position: absolute;
    top: 0;
    left: 0
}

.qab-image_visible-LWuEk {
    opacity: 1
}

.qab-image_mask-LWuEk {
    background-color: var(--qab-color-icon-selected, var(--qab-color-fg-selected-grad, var(--qab-color-fg-selected)));
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-image: var(--8bf95c8e);
    mask-image: var(--8bf95c8e);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.qab-section_root-Q5E2l {
    position: relative;
    overflow: hidden
}

@media (pointer:coarse) {
    .qab-section_root-Q5E2l {
        overflow: visible
    }
}

.qab-section_items-Q5E2l {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.qab-section_items-Q5E2l::-webkit-scrollbar {
    display: none
}

.qab-section_items-Q5E2l {
    padding-bottom: 8px;
    scroll-padding: 50px;
    display: flex;
    overflow-x: auto
}

.qab-section_items-Q5E2l.qab-section_hasGap-Q5E2l {
    gap: var(--spacing-8)
}

@media (pointer:coarse) {
    .qab-section_items-Q5E2l {
        width: calc(100% + var(--container__padding));
        padding-right: var(--container__padding)
    }
}

@media (min-width:1024px) {
    .qab-section_items-Q5E2l {
        width: calc(100% + var(--spacing-4)*2);
        padding-block: var(--spacing-4);
        padding-inline: var(--spacing-4);
        transform: translateX(calc(var(--spacing-4)*-1))
    }
}

.qab-section_slide-Q5E2l {
    position: relative
}

.qab-section_icon-Q5E2l {
    width: 24px;
    height: 24px;
    padding: var(--spacing-2)
}

@media (pointer:coarse) {
    .qab-section_items-Q5E2l {
        scroll-snap-type: x mandatory
    }

    .qab-section_items-Q5E2l>* {
        scroll-snap-align: start
    }
}

:is(.progress-bar_brand-mpZPy .progress-bar_progress-mpZPy):after {
    content: "";
    background: repeating-linear-gradient(135deg, #ffffff1a, #ffffff1a 6px, #0000 6px 12px);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

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

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

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

: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)
    }
}

.games-grid_list-4VFRt {
    grid-template-columns: repeat(3, 1fr);
    display: grid
}

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

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

@media (min-width:768px) {
    .games-grid_list-4VFRt {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (min-width:1024px) {
    .games-grid_list-4VFRt {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (min-width:1440px) {
    .games-grid_list-4VFRt {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (min-width:1920px) {
    .games-grid_list-4VFRt {
        grid-template-columns: repeat(9, 1fr)
    }
}

.game-list_root-SKmIH {
    position: relative
}

.game-list_list-SKmIH {
    margin-bottom: var(--spacing-16)
}

@media screen and (min-width:1024px) {
    .game-list_list-SKmIH {
        margin-bottom: var(--spacing-20)
    }
}

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

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

.arrows_root-7YoI1 {
    gap: var(--spacing-4);
    display: flex
}

.button_root-LF6DC {
    white-space: nowrap;
    --button-radius: var(--all-games-button-rounding)
}

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

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

.provider-icon_root-CR4cT {
    box-sizing: content-box;
    width: auto;
    display: inline-block
}

.provider-icon_root-CR4cT img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.provider-icon_size-m-CR4cT {
    height: 20px;
    padding: 2px
}

.casino-lobby-view_container-9E7yR {
    padding: var(--spacing-12) var(--container__padding);
    margin: calc(var(--spacing-12)*-1) calc(var(--container__padding)*-1)
}

.casino-lobby-view_container-9E7yR>* {
    scroll-margin: var(--container__padding)
}

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

    .casino-lobby-view_container-9E7yR>* {
        scroll-margin: var(--spacing-8)
    }
}

.catalog_scrollTopTrigger-ZFQFl {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    top: 120vh;
    overflow: hidden
}

@keyframes button_dice-ibWo9 {
    0% {
        animation-timing-function: cubic-bezier(.3, 0, .3, 1);
        top: 0;
        transform: rotate(0)
    }

    55%,
    65% {
        animation-timing-function: cubic-bezier(.6, 0, .5, 1);
        top: -20px;
        transform: rotate(90deg)
    }

    to {
        animation-timing-function: cubic-bezier(.3, 0, .9, 1.2);
        top: 0;
        transform: rotate(180deg)
    }
}

.graphics_backgroundPictureLeft-WQFW0,
.graphics_backgroundPictureRightDesktop-WQFW0 {
    z-index: 2;
    pointer-events: none;
    position: absolute;
    inset-block: 0
}

.graphics_backgroundImg-WQFW0 {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.graphics_backgroundPictureLeft-WQFW0 {
    inset-inline-start: 13px
}

.graphics_backgroundPictureLeft-WQFW0 .graphics_backgroundImg-WQFW0 {
    object-position: left
}

.graphics_backgroundPictureRightDesktop-WQFW0 {
    inset-inline-end: 0
}

.graphics_backgroundPictureRightDesktop-WQFW0 .graphics_backgroundImg-WQFW0 {
    object-position: right
}

.graphics_pickerPicture-WQFW0 {
    z-index: 2;
    justify-content: flex-start;
    align-items: center;
    width: 75px;
    height: 110px;
    display: flex;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: -15px;
    overflow: hidden;
    transform: translateY(-50%) scale(.86)
}

.graphics_pickerPicture-WQFW0 .graphics_backgroundImg-WQFW0 {
    width: 94px;
    height: 62px;
    transform: rotate(90deg)
}

@media (min-width:0) {
    .graphics_pickerPicture-WQFW0 {
        overflow: visible
    }
}

@media (min-width:768px) {
    .graphics_pickerPicture-WQFW0 {
        width: 94px;
        height: 62px;
        display: block;
        inset-block-start: -9px;
        inset-inline-end: 205px;
        overflow: visible;
        transform: none
    }

    .graphics_pickerPicture-WQFW0 .graphics_backgroundImg-WQFW0 {
        width: 94px;
        height: 62px;
        transform: none
    }
}

@media (min-width:1024px) {
    .graphics_pickerPicture-WQFW0 {
        inset-inline-end: 217px
    }
}

@media (min-width:1440px) {
    .graphics_pickerPicture-WQFW0 {
        inset-inline-end: 275px
    }
}

@media (min-width:1920px) {
    .graphics_pickerPicture-WQFW0 {
        inset-inline-end: 335px
    }
}

.list_root-1WDH5 {
    --card-width: 104px;
    --card-height: 139px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    -webkit-mask-image: linear-gradient(#0000 0, #fff 30% 81%, #0000 100%);
    mask-image: linear-gradient(#0000 0, #fff 30% 81%, #0000 100%)
}

@media (min-width:768px) {
    .list_root-1WDH5 {
        -webkit-mask-image: linear-gradient(90deg, #0000 0, #fff 30% 75%, #0000 100%);
        mask-image: linear-gradient(90deg, #0000 0, #fff 30% 75%, #0000 100%)
    }
}

@media (min-width:1024px) {
    .list_root-1WDH5 {
        --card-width: 138px;
        --card-height: 184px
    }
}

.list_selection-1WDH5 {
    --selection-gap: 3px;
    --selection-border: var(--border-m);
    z-index: 1;
    width: calc(var(--card-width) + (var(--selection-border) + var(--selection-gap))*2);
    height: calc(var(--card-height) + (var(--selection-border) + var(--selection-gap))*2);
    border: var(--selection-border) solid var(--color-content-base-static-white);
    border-radius: calc(var(--game-card-rounding-mobile) + 2px);
    pointer-events: none;
    position: absolute
}

@media (min-width:1024px) {
    .list_selection-1WDH5 {
        border-radius: calc(var(--game-card-rounding-desktop) + 2px)
    }
}

.list_content-1WDH5 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

@media (min-width:768px) {
    .list_content-1WDH5 {
        overflow: hidden
    }
}

.list_list-1WDH5 {
    margin-block: 0;
    margin-inline: calc(var(--spacing-16)*-1);
    will-change: transform;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
    transform: translate(0)
}

@media (min-width:768px) {
    .list_list-1WDH5 {
        flex-direction: row
    }
}

.list_list-1WDH5 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.list_list-1WDH5::-webkit-scrollbar {
    display: none
}

.list_list-1WDH5 {
    gap: var(--spacing-16)0
}

@media (min-width:768px) {
    .list_list-1WDH5 {
        gap: 0 var(--spacing-12)
    }
}

@media (min-width:1024px) {
    .list_list-1WDH5 {
        gap: 0 var(--spacing-20)
    }
}

.list_game-1WDH5 {
    width: var(--card-width);
    pointer-events: none;
    transition: opacity .1s
}

.list_game-1WDH5:not(.list_gameActive-1WDH5) {
    opacity: .7
}

.list_gameActive-1WDH5 {
    pointer-events: auto
}

.list_selectionContent-1WDH5 {
    justify-content: center;
    height: 100%;
    display: flex;
    position: relative
}

.list_selectionArrowTop-1WDH5 {
    position: absolute;
    inset-block-start: -1px
}

@media (min-width:768px) {
    .list_selectionArrowTop-1WDH5 {
        display: none
    }
}

.list_selectionArrowBottom-1WDH5 {
    position: absolute;
    inset-block-end: -7px
}

@keyframes target-button_fade-in-bottom-E4bgI {
    0% {
        opacity: 0;
        transform: translate(-50%, 10px)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

.target-button_root-E4bgI {
    opacity: 1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.random-game_imagesContainer-yBHK6 {
    position: relative
}

.random-game_root-yBHK6 {
    border-radius: var(--rounding-container-l);
    background: var(--random-game-color-bg-grad, var(--random-game-color-bg));
    justify-content: space-between;
    align-items: stretch;
    gap: var(--spacing-20);
    height: 100%;
    min-height: 240px;
    padding-block: var(--spacing-16);
    padding-inline: var(--spacing-16) var(--spacing-24);
    --skeleton-content: var(--random-game-color-card-bg-skeleton);
    --list-max-width: 114px;
    display: flex;
    overflow: hidden
}

@media (min-width:768px) {
    .random-game_root-yBHK6 {
        gap: var(--spacing-20);
        min-height: 192px;
        padding-block: var(--spacing-16);
        padding-inline: var(--spacing-16)0
    }
}

@media (min-width:1024px) {
    .random-game_root-yBHK6 {
        border-radius: var(--rounding-container-xl);
        min-height: 244px;
        padding-block: var(--spacing-24);
        padding-inline: var(--spacing-24)0
    }
}

.random-game_content-yBHK6 {
    z-index: 2;
    width: calc(100% - var(--spacing-20) - var(--list-max-width));
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 240px;
    display: flex
}

.random-game_listWrapper-yBHK6 {
    z-index: 1;
    width: 100%;
    max-width: var(--list-max-width);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: var(--spacing-24)
}

@media (min-width:768px) {
    .random-game_listWrapper-yBHK6 {
        max-width: 505px;
        inset-inline-end: 0
    }
}

@media (min-width:1024px) {
    .random-game_listWrapper-yBHK6 {
        max-width: 528px
    }
}

@media (min-width:1440px) {
    .random-game_listWrapper-yBHK6 {
        max-width: 645px
    }
}

@media (min-width:1920px) {
    .random-game_listWrapper-yBHK6 {
        max-width: 765px
    }
}

.random-game_list-yBHK6 {
    max-width: 336px
}

@media (min-width:1024px) {
    .random-game_list-yBHK6 {
        max-width: 400px
    }
}

@media (min-width:1440px) {
    .random-game_list-yBHK6 {
        max-width: 517px
    }
}

@media (min-width:1920px) {
    .random-game_list-yBHK6 {
        max-width: 637px
    }
}

.random-game_info-yBHK6 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: absolute
}

@media (min-width:0) {
    .random-game_info-yBHK6 {
        max-width: 162px
    }
}

@media (min-width:768px) {
    .random-game_info-yBHK6 {
        max-width: 240px
    }
}

@media (min-width:1024px) {
    .random-game_info-yBHK6 {
        max-width: 266px
    }
}

.random-game_title-yBHK6 {
    color: var(--color-content-base-static-white);
    font-family: var(--widget-font-font-family);
    font-size: var(--widget-font-mobile-font-size);
    font-weight: var(--widget-font-mobile-font-weight);
    letter-spacing: var(--widget-font-mobile-letter-spacing);
    line-height: var(--widget-font-mobile-line-height);
    text-wrap: balance;
    white-space: pre-line;
    margin-block-end: var(--spacing-8)
}

@media (min-width:768px) {
    .random-game_title-yBHK6 {
        margin-block-end: var(--spacing-12)
    }
}

@media (min-width:1024px) {
    .random-game_title-yBHK6 {
        font-size: var(--widget-font-desktop-font-size);
        font-weight: var(--widget-font-desktop-font-weight);
        letter-spacing: var(--widget-font-desktop-letter-spacing);
        line-height: var(--widget-font-desktop-line-height)
    }
}

.random-game_subtitle-yBHK6 {
    color: var(--color-content-base-static-white);
    text-wrap: balance;
    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)
}

.random-game_button-yBHK6 {
    margin-top: auto
}

.random-game_targetButton-yBHK6 {
    z-index: 3;
    position: absolute;
    inset-block-end: 10px
}

@media (min-width:768px) {
    .random-game_targetButton-yBHK6 {
        inset-block-end: -8px
    }
}

@media (min-width:1024px) {
    .random-game_targetButton-yBHK6 {
        inset-block-end: -10px
    }
}

.prize-card_root-NREkC:focus-visible {
    outline: none
}

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

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

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

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

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

.prize-card_content-NREkC:hover {
    background-color: var(--prize-card-content-background-hover)
}

.last-wins_list-RuDul:after {
    z-index: 1;
    right: var(--offset-position);
    width: var(--shadow-size);
    background: linear-gradient(270deg, var(--color-background-base-primary) 0%, var(--color-background-base-primary) 20%, #fff0 100%);
    content: "";
    pointer-events: none;
    align-items: center;
    height: 100%;
    display: none;
    position: absolute
}

@media (min-width:768px) {
    .last-wins_list-RuDul:after {
        display: flex
    }
}

.slider_root-Hpuwf::-webkit-scrollbar {
    display: none
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

    to {
        transform: rotate(360deg)
    }
}

.search-input-button_root-gcbzo {
    width: 100%;
    height: var(--size-control-xl);
    padding: 0 var(--spacing-16);
    border-radius: var(--rounding-control-xl);
    background: var(--color-background-base-alfa-neutral-12);
    color: var(--color-content-base-secondary);
    cursor: pointer;
    align-items: center;
    gap: var(--spacing-12);
    display: flex
}

.search-input-button_root-gcbzo:active,
.search-input-button_root-gcbzo:hover {
    background: var(--color-background-base-alfa-neutral-16)
}

.search-input-button_root-gcbzo:active {
    opacity: var(--opacity-item-active)
}

.search-input-button_root-gcbzo:focus-visible {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .search-input-button_root-gcbzo:focus {
        outline: none
    }

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

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

.search-input-button_root-gcbzo {
    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)
}

.variant-1_root-Yfzji {
    gap: var(--spacing-8);
    display: flex
}

.variant-1_input-Yfzji {
    flex: 50%
}

@media (min-width:768px) {
    .variant-1_input-Yfzji {
        flex: auto
    }
}

.providers-item_root-ag1Zy:focus-visible {
    border-radius: var(--rounding-container-m);
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .providers-item_root-ag1Zy:focus {
        border-radius: var(--rounding-container-m);
        outline: none
    }

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

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

.variant-2_root-BmD7J {
    flex: 0 0 50%;
    position: relative
}

@media (min-width:768px) {
    .variant-2_root-BmD7J {
        flex: 0 0 162px
    }
}

.variant-2_unselected-BmD7J {
    padding: var(--spacing-12) 56px var(--spacing-12) var(--spacing-16);
    text-align: start;
    position: relative
}

.variant-2_unselected-BmD7J {
    width: 100%;
    height: var(--size-control-xl);
    border-radius: var(--rounding-control-xl);
    background: var(--color-background-base-alfa-neutral-12);
    color: var(--color-content-base-primary);
    cursor: pointer
}

:is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):active,
:is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):hover {
    background: var(--color-background-base-alfa-neutral-16)
}

:is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):active {
    opacity: var(--opacity-item-active)
}

:is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):has(>.variant-2_circle-BmD7J:active) {
    opacity: 1
}

:is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):focus-visible {
    outline: none
}

@supports not (width:1lh) {
    :is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):focus-visible {
        box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
    }
}

@supports (width:1lh) {
    :is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):focus-visible {
        outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
    }
}

@supports not selector(:focus-visible) {
    :is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):focus {
        outline: none
    }

    @supports not (width:1lh) {
        :is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):focus {
            box-shadow: 0 0 0 var(--spacing-2) var(--color-solid-brand-primary-alfa-68)
        }
    }

    @supports (width:1lh) {
        :is(.variant-2_selected-BmD7J, .variant-2_unselected-BmD7J):focus {
            outline: var(--spacing-2) solid var(--color-solid-brand-primary-alfa-68);
            outline-offset: var(--spacing-2)
        }
    }
}

.variant-2_unselected-BmD7J {
    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)
}

.variant-2_circle-BmD7J:hover {
    color: var(--color-content-base-primary)
}

.variant-2_circle-BmD7J:active {
    opacity: var(--opacity-item-active)
}

.variant-2_circle-BmD7J:focus-visible {
    outline: none
}

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

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

@supports not selector(:focus-visible) {
    .variant-2_circle-BmD7J:focus {
        outline: none
    }

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

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

.variant-2_gameProviders-BmD7J {
    border-bottom-right-radius: var(--providers-button-border-radius-bottom-right, 0);
    width: 60px;
    height: 60px;
    position: absolute;
    top: -16px;
    bottom: 0;
    right: 0
}


.footer-header-row_root-mZCMO {
    align-items: center;
    gap: var(--spacing-16);
    display: flex
}

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

.footer-header-row_line-mZCMO {
    background-color: var(--color-border-base-alfa-divider);
    flex-grow: 1;
    height: 1px
}

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

.navigation-section_sectionTitleDesktop-eM8l2 {
    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) {
    .navigation-section_sectionTitleDesktop-eM8l2 {
        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)
    }
}

.navigation-section_sectionTitleDesktop-eM8l2 {
    color: var(--color-content-base-primary);
    margin: 0
}

.navigation-section_expandable-eM8l2 {
    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_expandable-eM8l2.navigation-section_isOpened-eM8l2 {
    grid-template-rows: 1fr
}

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

.socials_root-eyjZ7 {
    gap: var(--spacing-8);
    flex-wrap: wrap;
    display: flex
}

.banner-for-mobile-app_root-XSbFW {
    padding: var(--spacing-16);
    border-radius: var(--rounding-container-m);
    background: var(--footer-app-banner-mobile-color-bg-grad, var(--footer-app-banner-mobile-color-bg));
    gap: var(--spacing-12);
    grid-template-columns: minmax(0, 156px) auto;
    display: grid;
    position: relative
}

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

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

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

.banner-for-mobile-app_button-XSbFW {
    place-self: end;
    min-width: 128px
}

@media (min-width:1024px) {
    .banner-for-mobile-app_button-XSbFW {
        justify-self: stretch;
        max-width: 280px
    }
}

.banner-for-mobile-app_title-XSbFW {
    color: var(--color-content-base-static-white);
    white-space: pre-line
}

.banner-for-mobile-app_secondary-XSbFW {
    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_image-XSbFW {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute
}

.banner-for-mobile-app_image-XSbFW {
    width: 160px;
    inset-block-end: var(--spacing-12);
    inset-inline-end: 0
}

@media (min-width:1024px) {
    .banner-for-mobile-app_image-XSbFW {
        inset-block-end: 0
    }
}

.banner-for-mobile-app_variant-2-XSbFW .banner-for-mobile-app_title-XSbFW {
    font-family: var(--font-display-body-font-family);
    font-size: var(--font-display-body-semibold-font-size);
    font-weight: var(--font-display-body-semibold-font-weight);
    letter-spacing: var(--font-display-body-semibold-letter-spacing);
    line-height: var(--font-display-body-semibold-line-height)
}

.banner-for-mobile-app_variant-2-XSbFW .banner-for-mobile-app_secondary-XSbFW {
    white-space: normal
}

@media (min-width:768px) {
    .banner-for-mobile-app_variant-2-XSbFW {
        grid-template-columns: 1fr auto
    }
}

@media (min-width:1024px) {
    .banner-for-mobile-app_variant-2-XSbFW {
        grid-template-columns: 1fr;
        overflow: hidden
    }

    .banner-for-mobile-app_variant-2-XSbFW .banner-for-mobile-app_button-XSbFW {
        width: 274px
    }

    .banner-for-mobile-app_variant-2-XSbFW .banner-for-mobile-app_image-XSbFW {
        width: auto;
        height: 100%
    }
}

.banner-for-desktop-app_root-fVF0R {
    padding: var(--spacing-16);
    border-radius: var(--rounding-container-m);
    background: var(--footer-app-banner-color-bg-grad-2, var(--footer-app-banner-color-bg));
    gap: var(--spacing-12);
    grid-template-columns: 1fr max-content;
    display: grid;
    position: relative
}

@media (min-width:1024px) {
    .banner-for-desktop-app_root-fVF0R {
        border-radius: var(--rounding-container-l);
        grid-template-columns: auto
    }
}

.banner-for-desktop-app_content-fVF0R,
.banner-for-desktop-app_button-fVF0R {
    z-index: 1
}

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

.banner-for-desktop-app_button-fVF0R {
    align-self: flex-end
}

.banner-for-desktop-app_title-fVF0R {
    color: var(--color-content-base-static-white);
    font-family: var(--font-display-body-font-family);
    font-size: var(--font-display-body-semibold-font-size);
    font-weight: var(--font-display-body-semibold-font-weight);
    letter-spacing: var(--font-display-body-semibold-letter-spacing);
    line-height: var(--font-display-body-semibold-line-height)
}

.banner-for-desktop-app_image-fVF0R {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 160px;
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0
}

@media (min-width:1024px) {
    .banner-for-desktop-app_variant-2-fVF0R {
        min-height: 152px;
        overflow: hidden
    }

    .banner-for-desktop-app_variant-2-fVF0R .banner-for-desktop-app_button-fVF0R {
        width: 192px
    }

    .banner-for-desktop-app_variant-2-fVF0R .banner-for-desktop-app_image-fVF0R {
        width: auto;
        height: 100%
    }
}

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

.sf-hidden {
    display: none !important
}

.logoM {
    display: none
}

.custom-html_root-jGMem p {
    font-size: 14px;
    line-height: 1.55;
}

@media (max-width: 1100px) {
    .sidebar_root-iAFR3 {
        display: none
    }
}

@media (max-width: 767px) {
    .banners-carousel_swiper-nujv6 .swiper-slide:nth-child(n+2) {
        display: none!important;
    }
    .banners-carousel_swiper-nujv6 .swiper-slide {
        width: 100%!important;
    }
    button[data-testid="casino-category-all-games-button"] {
        display: none
    }
    .grid_root-QUXIK {
        grid-template: none!important;
        grid-template-columns: 1fr!important;
        gap: 50px!important;
    }
    .grid_root-QUXIK > div {
        grid-area: unset!important;
    }
    .tooltip_root-lS9Bx {
        display: none
    }
    button[data-testid="scroll-top-button"] {
        display: none
    }
    .logoD {
        display: none;
    }
    .logoM {
        display: block
    }
    .variant-2_trailing-Kogj4 {
        min-width: auto;
    }
    .randomgames {
        display: none;
    }
    .graphics_backgroundPictureRightDesktop-WQFW0 {
        display: none;
    }
    .graphics_backgroundPictureLeft-WQFW0 {
        display: none;
    }
}