[_nghost-ng-c3013253057] {
            display: flex;
            flex-flow: column;
            min-height: 100%;
        }
        .srw-container[_ngcontent-ng-c3013253057] {
            position: sticky;
            top: var(--stb-header-height);
            z-index: 3;
        }
        @media screen and (min-width: 1280px) {
            .srw-container[_ngcontent-ng-c3013253057] {
                position: fixed;
                z-index: 1;
                min-width: 360px;
                margin: 30px 12px;
                translate: var(--stb-srw-container-shift);
                transition: translate var(--stb-transition-time);
                --stb-srw-container-shift: var(--stb-sidebar-collapsed-width);
            }
            html[dir="rtl"][_nghost-ng-c3013253057] .srw-container[_ngcontent-ng-c3013253057],
            html[dir="rtl"] [_nghost-ng-c3013253057] .srw-container[_ngcontent-ng-c3013253057] {
                --stb-srw-container-shift: calc(-1 * var(--stb-sidebar-collapsed-width)) 0;
            }
        }
        .wrapper[_ngcontent-ng-c3013253057] {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            padding-top: var(--stb-header-height);
        }
        .main[_ngcontent-ng-c3013253057] {
            display: contents;
        }
        .content[_ngcontent-ng-c3013253057] {
            --stb-sidebar-current-width: var(--stb-sidebar-expanded-width);
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        @media screen and (min-width: 1280px) {
            .content[_ngcontent-ng-c3013253057] {
                margin-inline-start: var(--stb-sidebar-expanded-width);
                transition: transform var(--stb-transition-time);
                will-change: transform;
            }
            .content--collapsed[_ngcontent-ng-c3013253057] {
                --stb-sidebar-current-width: var(--stb-sidebar-collapsed-width);
                --stb-content-collapsed-translateX: calc(
                    -1 * (var(--stb-sidebar-expanded-width) - var(--stb-sidebar-collapsed-width)) / 2
                );
                transform: translate(var(--stb-content-collapsed-translateX));
            }
            html[dir="rtl"][_nghost-ng-c3013253057] .content--collapsed[_ngcontent-ng-c3013253057],
            html[dir="rtl"] [_nghost-ng-c3013253057] .content--collapsed[_ngcontent-ng-c3013253057] {
                --stb-content-collapsed-translateX: calc(
                    (var(--stb-sidebar-expanded-width) - var(--stb-sidebar-collapsed-width)) / 2
                );
            }
        }
        .pwa-notification[_ngcontent-ng-c953001679] {
            --stb-tooltip-margin-top: 0;
            --stb-tooltip-margin-bottom: 0;
            position: fixed;
            top: var(--stb-tooltip-top-position, auto);
            bottom: var(--stb-tooltip-bottom-position, auto);
            z-index: 1000;
            max-width: 520px;
            margin: 0 auto;
            inset-inline-start: 3px;
            inset-inline-end: 3px;
            animation: _ngcontent-ng-c953001679_tooltip-in var(--stb-sidebars-transition-time);
        }
        .pwa-notification__container[_ngcontent-ng-c953001679] {
            position: relative;
            display: flex;
            align-items: center;
            margin: var(--stb-tooltip-margin-top) auto var(--stb-tooltip-margin-bottom) auto;
        }
        .pwa-notification__text[_ngcontent-ng-c953001679] {
            flex: 1;
        }
        .pwa-notification__instruction[_ngcontent-ng-c953001679] {
            font-size: var(--stb-font-size-body-md, 16px);
            font-weight: var(--stb-font-weight-body-md, 400);
            font-style: var(--stb-font-style-body-md, normal);
            font-family: var(--stb-font-family-body-md, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-md, 22px);
            letter-spacing: var(--stb-letter-spacing-body-md, -0.25px);
        }
        .pwa-notification__description[_ngcontent-ng-c953001679] {
            font-size: var(--stb-font-size-body-strong-md, 16px);
            font-weight: var(--stb-font-weight-body-strong-md, 700);
            font-style: var(--stb-font-style-body-strong-md, normal);
            font-family: var(--stb-font-family-body-strong-md, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-strong-md, 22px);
            letter-spacing: var(--stb-letter-spacing-body-strong-md, -0.25px);
        }
        .pwa-notification__icon[_ngcontent-ng-c953001679] {
            display: inline-block;
            color: var(--stb-text-brand-base);
        }
        .pwa-notification--top[_ngcontent-ng-c953001679] {
            --stb-tooltip-translate-from: -100%;
            --stb-tooltip-top-position: 0;
            --stb-tooltip-margin-top: 12px;
        }
        .pwa-notification--bottom[_ngcontent-ng-c953001679] {
            --stb-tooltip-translate-from: 100%;
            --stb-tooltip-bottom-position: 0;
            --stb-tooltip-margin-bottom: 12px;
        }
        @media screen and (min-aspect-ratio: 12/9) and (max-width: 1279px) {
            .pwa-notification--bottom[_ngcontent-ng-c953001679] {
                height: 0;
                --stb-tooltip-translate-from: -100%;
                --stb-tooltip-top-position: 0;
                --stb-tooltip-margin-top: 12px;
            }
        }
        @keyframes _ngcontent-ng-c953001679_tooltip-in {
            0% {
                opacity: 0;
                transform: translateY(var(--stb-tooltip-translate-from));
            }
        }
        [_nghost-ng-c24234248] {
            position: fixed;
            top: 0;
            left: 0;
            z-index: var(--stb-header-z-index, 10);
            width: 100%;
            height: var(--stb-header-height);
            overscroll-behavior: none;
        }
        .header-container[_ngcontent-ng-c24234248] {
            container: header/size;
            height: var(--stb-header-content-height);
        }
        .modal-dialog-body-overlap[_nghost-ng-c24234248],
        .modal-dialog-body-overlap [_nghost-ng-c24234248] {
            --stb-header-z-index: calc(var(--stb-modal-dialog-z-index) + var(--stb-header-z-index-addendum, 1));
        }
        .header[_ngcontent-ng-c24234248] {
            --stb-header-nav-gap: 12px;
            --stb-header-general-gap: 4px;
            --stb-header-burger-width: 36px;
            --stb-header-padding: 12px;
            --stb-header-vertical-padding: calc(12px - var(--stb-header-vertical-padding-safe-zone, 0px));
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            column-gap: var(--stb-header-general-gap);
            row-gap: 12px;
            padding-inline: var(--stb-header-padding);
            padding-block: var(--stb-header-vertical-padding)
                calc(var(--stb-header-vertical-padding) - var(--stb-header-border-width, 1) * 1px);
        }
        .header[_ngcontent-ng-c24234248]:has(.balance-amount) {
            flex-wrap: nowrap;
        }
        @media (orientation: landscape) {
            .header[_ngcontent-ng-c24234248] {
                padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
                padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding));
            }
        }
        @media screen and (min-width: 1280px) {
            .header[_ngcontent-ng-c24234248] {
                --stb-header-general-gap: 8px;
                --stb-header-nav-gap: 8px;
                --stb-header-vertical-padding: 8px;
                --stb-header-burger-width: 48px;
                padding-inline: var(--stb-header-padding) 20px;
            }
        }
        .header__nav[_ngcontent-ng-c24234248] {
            display: flex;
            align-items: center;
            gap: var(--stb-header-nav-gap);
            margin-inline-end: auto;
        }
        .header__nav--grow[_ngcontent-ng-c24234248] {
            flex-grow: 10000;
        }
        .header__actions[_ngcontent-ng-c24234248] {
            flex-grow: 1;
            display: flex;
            align-items: center;
            gap: var(--stb-header-general-gap);
        }
        @media screen and (min-width: 1280px) {
            .header__actions[_ngcontent-ng-c24234248] {
                flex-grow: 0;
            }
        }
        .header__actions--shrink[_ngcontent-ng-c24234248] {
            flex-grow: 0;
        }
        .header__actions--wrap[_ngcontent-ng-c24234248] {
            overflow-y: hidden;
            min-width: min-content;
            height: calc(36px + var(--stb-header-vertical-padding-safe-zone) * 2);
            row-gap: var(--stb-header-vertical-padding-safe-zone);
            justify-content: flex-end;
            align-content: flex-end;
            flex-wrap: wrap-reverse;
            flex-basis: min-content;
        }
        .header__actions--safe-zone-vertical[_ngcontent-ng-c24234248] {
            padding-block: var(--stb-header-vertical-padding-safe-zone);
        }
        .search[_ngcontent-ng-c24234248] {
            display: flex;
            align-items: center;
            min-width: 300px;
            height: 48px;
            padding: 0 12px;
            border: 1px solid var(--stb-bg-contrast-primary);
            border-radius: var(--stb-radius-sm);
            color: var(--stb-text-secondary);
            transition: border-color var(--stb-transition-time) ease;
            line-height: 1.4;
        }
        @media (hover: hover) and (pointer: fine) {
            .search[_ngcontent-ng-c24234248]:hover {
                border-color: var(--stb-bg-contrast-primary);
            }
        }
        .search__text[_ngcontent-ng-c24234248] {
            margin-inline-start: 8px;
        }
        @container header (min-height: 75px) {
            .header__nav[_ngcontent-ng-c24234248] {
                display: grid;
                grid-template-columns: var(--stb-header-burger-width) auto var(--stb-header-burger-width);
                justify-items: center;
            }
            .header__actions[_ngcontent-ng-c24234248] {
                display: grid;
                grid-auto-flow: column;
                grid-auto-columns: 1fr;
                padding-inline: 4px;
            }
        }
        [_nghost-ng-c328561873] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: nowrap;
            width: 36px;
            height: 36px;
            flex-shrink: 0;
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c328561873] {
                width: 48px;
                height: 48px;
            }
        }
        .nav-control[_ngcontent-ng-c328561873] {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: nowrap;
            position: relative;
            color: var(--stb-text-neutral-300);
        }
        .nav-control[_ngcontent-ng-c328561873]:before {
            position: absolute;
            inset: var(--stb-nav-control-backdrop-shift, -6px);
            background: var(--stb-nav-control-bg);
            border-radius: var(--stb-radius-xs);
            transition: background var(--stb-transition-time);
            content: "";
        }
        .nav-control__icon[_ngcontent-ng-c328561873] {
            --stb-icon-sprite-svg-width: 24px;
            --stb-icon-sprite-svg-height: 24px;
            z-index: 1;
        }
        @media screen and (min-width: 1280px) {
            .nav-control[_ngcontent-ng-c328561873] {
                --stb-nav-control-backdrop-shift: -10px;
            }
        }
        @media (hover: hover) and (pointer: fine) {
            .nav-control[_ngcontent-ng-c328561873]:hover {
                --stb-nav-control-bg: var(--stb-tint-neutral-100);
            }
        }
        .nav-control[_ngcontent-ng-c328561873]:active {
            --stb-nav-control-bg: var(--stb-tint-neutral-200);
        }
        .seo-text-container[_ngcontent-ng-c481267118] {
            max-width: var(--stb-container-width-calculated-inner);
            margin: 0 auto;
            padding: 0 var(--stb-container-padding);
            scroll-margin-top: var(--stb-common-scroll-margin-top);
        }
        @media (orientation: landscape) {
            .seo-text-container[_ngcontent-ng-c481267118] {
                padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
                padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding));
            }
        }
        [_nghost-ng-c2270376015] {
            margin-block-start: auto;
        }
        .footer[_ngcontent-ng-c2270376015] {
            display: flex;
            flex-direction: column;
        }
        .footer__actions[_ngcontent-ng-c2270376015] {
            padding: 28px 0 32px;
        }
        @media screen and (min-width: 1280px) {
            .footer__actions[_ngcontent-ng-c2270376015] {
                padding: 32px 0;
            }
        }
        .footer__payments[_ngcontent-ng-c2270376015],
        .footer__apps-block[_ngcontent-ng-c2270376015],
        .footer__legal-info[_ngcontent-ng-c2270376015] {
            padding-top: 32px;
        }
        [_nghost-ng-c2068722213] use[_ngcontent-ng-c2068722213],
        [_nghost-ng-c2068722213] svg[_ngcontent-ng-c2068722213] {
            fill: currentColor;
        }
        [_nghost-ng-c2068722213] svg[_ngcontent-ng-c2068722213] {
            width: var(--stb-icon-sprite-svg-width);
            height: var(--stb-icon-sprite-svg-height);
            animation: var(--stb-icon-sprite-svg-animation);
            scale: var(--stb-icon-sprite-svg-scale, none);
        }
        .icon-color[_ngcontent-ng-c2068722213] {
            --stb-icon-background-default: currentColor;
            --stb-icon-transition-default: background var(--stb-transition-time);
            --stb-icon-mask-size-default: var(--stb-icon-width) var(--stb-icon-height);
            --stb-icon-mask-repeat-default: no-repeat;
            display: block;
            width: var(--stb-icon-width);
            height: var(--stb-icon-height);
            background: var(--stb-icon-background, var(--stb-icon-background-default));
            mask-size: var(--stb-icon-mask-size, var(--stb-icon-mask-size-default));
            mask-repeat: var(--stb-icon-mask-size, var(--stb-icon-mask-repeat-default));
            transition: var(--stb-icon-transition, var(--stb-icon-transition-default));
        }
        [_nghost-ng-c3936151450] {
            --stb-footer-actions-background: var(--stb-footer-background-color);
            position: relative;
            padding: 0 0 32px;
            background: var(--stb-footer-background-color);
        }
        [_nghost-ng-c3936151450] stb-actions {
            display: block;
            padding-top: 24px;
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c3936151450] stb-actions {
                padding-block-end: 8px;
            }
        }
        [_nghost-ng-c3936151450] .chapter-header-mobile {
            --stb-radius-sm: var(--stb-radius-xs);
        }
        [_nghost-ng-c3936151450] .social-icons stb-icon-sprite svg {
            --stb-icon-sprite-svg-width: 28px;
            --stb-icon-sprite-svg-height: 28px;
        }
        .footer-background[_ngcontent-ng-c3936151450] {
            position: absolute;
            inset: 0;
            z-index: -1;
            background: var(--stb-footer-background-color);
        }
        @media screen and (min-width: 1280px) {
            .footer-background[_ngcontent-ng-c3936151450] {
                margin-inline: calc(-1 * (100vw - 100% - var(--stb-sidebar-current-width)) / 2);
            }
        }
        [_nghost-ng-c4169153817] {
            background: var(--stb-footer-actions-background);
        }
        .footer-actions[_ngcontent-ng-c4169153817] {
            --stb-footer-actions-gap: 8px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: var(--stb-footer-actions-gap);
            max-width: var(--stb-container-width-calculated);
            margin-inline: auto;
            padding: var(--stb-footer-actions-padding-block, 0) var(--stb-container-padding);
        }
        @media (orientation: landscape) {
            .footer-actions[_ngcontent-ng-c4169153817] {
                padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
                padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding));
            }
        }
        .footer-actions__button[_ngcontent-ng-c4169153817] {
            flex: 1 0 calc(50% - var(--stb-footer-actions-gap));
            white-space: nowrap;
        }
        @media screen and (min-width: 768px) {
            .footer-actions__button[_ngcontent-ng-c4169153817] {
                flex: unset;
                min-width: 160px;
            }
        }
        @media screen and (min-width: 768px) {
            .footer-actions__social[_ngcontent-ng-c4169153817] {
                justify-content: end;
                flex-grow: 1;
                order: 2;
                width: max-content;
            }
        }
        .action-button-icon[_ngcontent-ng-c4169153817] {
            order: -1;
        }
        .chapters-grid[_ngcontent-ng-c2661592129] {
            display: grid;
            grid-row-gap: 8px;
        }
        .chapter-mobile[_ngcontent-ng-c2661592129] {
            overflow: hidden;
        }
        .chapter-header-mobile[_ngcontent-ng-c2661592129] {
            font-size: var(--stb-font-size-label-sm, 14px);
            font-weight: var(--stb-font-weight-label-sm, 600);
            font-style: var(--stb-font-style-label-sm, normal);
            font-family: var(--stb-font-family-label-sm, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-label-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-label-sm, -0.25px);
            text-transform: var(--stb-text-transform-label-sm, uppercase);
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            min-height: 48px;
            padding: 14px 12px;
            text-align: left;
            color: var(--stb-chapter-header-mobile-color, var(--stb-footer-accordion-item-header-default-text-color));
            background: var(
                --stb-chapter-header-mobile-background,
                var(--stb-footer-accordion-item-header-default-background-color)
            );
            border: calc(var(--stb-footer-accordion-item-header-border-width, 1px) * 1px) solid
                var(
                    --stb-chapter-header-mobile-border-color,
                    var(--stb-footer-accordion-item-header-default-border-color)
                );
            border-radius: var(--stb-radius-sm);
            transition: background-color var(--stb-transition-time);
            cursor: pointer;
        }
        @media (hover: hover) and (pointer: fine) {
            .chapter-header-mobile[_ngcontent-ng-c2661592129]:hover {
                --stb-chapter-header-mobile-color: var(--stb-footer-accordion-item-header-hovered-text-color);
                --stb-chapter-header-mobile-background: var(
                    --stb-footer-accordion-item-header-hovered-background-color
                );
                --stb-chapter-header-mobile-border-color: var(--stb-footer-accordion-item-header-hovered-border-color);
                --stb-chapter-header-mobile-icon-color: var(--stb-footer-accordion-item-header-hovered-icon-color);
            }
        }
        .chapter-header-mobile[_ngcontent-ng-c2661592129]:active {
            --stb-chapter-header-mobile-color: var(--stb-footer-accordion-item-header-pressed-text-color);
            --stb-chapter-header-mobile-background: var(--stb-footer-accordion-item-header-pressed-background-color);
            --stb-chapter-header-mobile-border-color: var(--stb-footer-accordion-item-header-pressed-border-color);
            --stb-chapter-header-mobile-icon-color: var(--stb-footer-accordion-item-header-pressed-icon-color);
        }
        .chapter-icon[_ngcontent-ng-c2661592129] {
            color: var(
                --stb-chapter-header-mobile-icon-color,
                var(--stb-footer-accordion-item-header-default-icon-color)
            );
            transition: transform var(--stb-transition-time);
        }
        .chapter-icon--open[_ngcontent-ng-c2661592129] {
            transform: rotate(180deg);
        }
        .chapter-links[_ngcontent-ng-c2661592129] {
            display: grid;
            row-gap: 16px;
            padding: 16px 12px;
            background: var(--stb-footer-accordion-background-color);
        }
        .chapter-links--column-2[_ngcontent-ng-c2661592129] {
            grid-template-columns: repeat(2, 1fr);
            column-gap: 20px;
        }
        @media screen and (min-width: 1280px) {
            .chapter-links[_ngcontent-ng-c2661592129] {
                row-gap: 12px;
                padding: 12px 0;
                border-top: none;
                background: transparent;
            }
        }
        .chapter-link[_ngcontent-ng-c2661592129] {
            font-size: var(--stb-font-size-body-sm, 14px);
            font-weight: var(--stb-font-weight-body-sm, 400);
            font-style: var(--stb-font-style-body-sm, normal);
            font-family: var(--stb-font-family-body-sm, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-body-sm, -0.25px);
            color: var(--stb-footer-link-color, var(--stb-footer-accordion-item-link-default-text-color));
            transition: color var(--stb-transition-time);
        }
        @media (hover: hover) and (pointer: fine) {
            .chapter-link[_ngcontent-ng-c2661592129]:hover {
                --stb-footer-link-color: var(--stb-footer-accordion-item-link-hovered-text-color);
            }
        }
        .chapter-link[_ngcontent-ng-c2661592129]:active {
            --stb-footer-link-color: var(--stb-footer-accordion-item-link-pressed-text-color);
        }
        @media screen and (min-width: 1280px) {
            .chapter-link[_ngcontent-ng-c2661592129] {
                --stb-footer-link-color: var(--stb-footer-links-item-secondary-default-text-color);
                font-size: var(--stb-font-size-body-xs, 12px);
                font-weight: var(--stb-font-weight-body-xs, 400);
                font-style: var(--stb-font-style-body-xs, normal);
                font-family: var(--stb-font-family-body-xs, "Inter"), "Arial", sans-serif;
                line-height: var(--stb-line-height-body-xs, 18px);
                letter-spacing: var(--stb-letter-spacing-body-xs, -0.25px);
            }
        }
        @media screen and (min-width: 1280px) and (hover: hover) and (pointer: fine) {
            .chapter-link[_ngcontent-ng-c2661592129]:hover {
                --stb-footer-link-color: var(--stb-footer-links-item-secondary-hovered-text-color);
            }
        }
        @media screen and (min-width: 1280px) {
            .chapter-link[_ngcontent-ng-c2661592129]:active {
                --stb-footer-link-color: var(--stb-footer-links-item-secondary-pressed-text-color);
            }
        }
        .navigation-list[_ngcontent-ng-c2661592129] {
            display: grid;
            grid-template-rows: repeat(3, auto);
            grid-template-columns: repeat(7, 1fr);
            grid-column-gap: 40px;
        }
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(2),
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(3),
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(4),
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(5),
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(8) {
            grid-row: 1/4;
        }
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(1),
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(6) {
            grid-row: 1/2;
        }
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(7) {
            grid-row: 2/4;
        }
        .navigation-list__item[_ngcontent-ng-c2661592129]:nth-child(9) {
            grid-column: 1/2;
            grid-row: 2/4;
        }
        .navigation-list__item--unlisted[_ngcontent-ng-c2661592129] {
            display: grid;
            place-content: flex-start;
            grid-row-gap: 24px;
        }
        .navigation-list__title[_ngcontent-ng-c2661592129] {
            font-size: var(--stb-font-size-body-strong-sm, 14px);
            font-weight: var(--stb-font-weight-body-strong-sm, 700);
            font-style: var(--stb-font-style-body-strong-sm, normal);
            font-family: var(--stb-font-family-body-strong-sm, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-strong-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-body-strong-sm, -0.25px);
        }
        .navigation-list__title--link[_ngcontent-ng-c2661592129] {
            color: var(--stb-footer-links-item-primary-default-text-color);
            transition: color var(--stb-transition-time);
        }
        @media (hover: hover) and (pointer: fine) {
            .navigation-list__title--link[_ngcontent-ng-c2661592129]:hover {
                color: var(--stb-footer-links-item-primary-hovered-text-color);
            }
        }
        .navigation-list__title--link[_ngcontent-ng-c2661592129]:active {
            color: var(--stb-footer-links-item-primary-pressed-text-color);
        }
        [_nghost-ng-c3756985341] {
            pointer-events: none;
        }
        [_nghost-ng-c2518788725] {
            display: contents;
        }
        .entrance-games-section[_ngcontent-ng-c2518788725] {
            background: var(--stb-category-section-background);
        }
        .entrance-page-layout[_ngcontent-ng-c2518788725] {
            --stb-custom-short-thumbnail-mobile-inset: calc(
                    (var(--stb-header-height) + var(--stb-categories-menu-height, 75px)) * -1
                )
                0 0;
            display: flex;
            flex-direction: column;
        }
        .entrance-live[_ngcontent-ng-c2518788725] {
            display: grid;
            gap: 16px;
        }
        @media screen and (min-width: 768px) {
            .entrance-live[_ngcontent-ng-c2518788725] {
                grid-template-columns: 1fr 344px;
                gap: 12px;
            }
        }
        @media screen and (min-width: 1280px) {
            .entrance-live[_ngcontent-ng-c2518788725] {
                grid-template-columns: 1fr 418px;
            }
        }
        @media screen and (min-width: 1920px) {
            .entrance-live[_ngcontent-ng-c2518788725] {
                grid-template-columns: 1fr 604px;
            }
        }
        .entrance-live__section[_ngcontent-ng-c2518788725] {
            display: grid;
            grid-template-rows: auto;
            gap: 12px;
        }
        @media screen and (min-width: 768px) {
            .entrance-live__section--banner[_ngcontent-ng-c2518788725] {
                grid-template-rows: auto 1fr;
                order: -1;
            }
        }
        .spin-rally-banner-container[_ngcontent-ng-c2518788725] {
            --stb-container-padding: 0;
            z-index: 0;
        }
        .jackpot-widget-container[_ngcontent-ng-c2518788725] {
            z-index: 0;
        }
        [_nghost-ng-c3795771818] {
            --stb-banner-gap: 14px;
            --stb-banner-translate-direction: 1;
            --stb-banner-translate-shift: calc(100% * var(--stb-banner-translate-direction));
            --stb-cookies-offset: calc(var(--stb-cookie-banner-height, 0px) + var(--stb-cookie-banner-bottom, 0px));
            --stb-pwa-tooltip-offset: var(--stb-pwa-tooltip-bottom-height, 0px);
            --stb-bottom-offset: calc(
                var(--stb-banner-gap) + var(--stb-cookies-offset) + var(--stb-pwa-tooltip-offset)
            );
            position: fixed;
            inset: auto 8px var(--stb-bottom-offset) 8px;
            max-width: 520px;
            margin: auto;
            z-index: 10;
        }
        [_nghost-ng-c3795771818]:has(.outer-countdown) {
            inset-inline-start: auto;
            inset-inline-end: 8px;
        }
        html[dir="rtl"] [_nghost-ng-c3795771818] {
            --stb-banner-translate-direction: -1;
        }
        .banner[_ngcontent-ng-c3795771818] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            pointer-events: none;
            transform: translate(var(--stb-banner-translate-shift));
            opacity: 0;
            transition:
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease;
        }
        .banner--bonus-booster[_ngcontent-ng-c3795771818] {
            width: 100%;
            max-width: 420px;
            min-height: 96px;
        }
        .banner--visible[_ngcontent-ng-c3795771818] {
            pointer-events: auto;
            transform: translate(0);
            opacity: 1;
        }
        .banner__text[_ngcontent-ng-c3795771818] {
            font-size: var(--stb-font-size-body-sm, 14px);
            font-weight: var(--stb-font-weight-body-sm, 400);
            font-style: var(--stb-font-style-body-sm, normal);
            font-family: var(--stb-font-family-body-sm, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-body-sm, -0.25px);
            color: var(--stb-custom-chosen-bonus-banner-text-color, var(--stb-text-neutral-100));
        }
        .banner__text-highlight[_ngcontent-ng-c3795771818] {
            font-size: var(--stb-font-size-body-strong-sm, 14px);
            font-weight: var(--stb-font-weight-body-strong-sm, 700);
            font-style: var(--stb-font-style-body-strong-sm, normal);
            font-family: var(--stb-font-family-body-strong-sm, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-strong-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-body-strong-sm, -0.25px);
            color: var(--stb-custom-chosen-bonus-banner-text-highlight-color, var(--stb-text-neutral-100));
        }
        .banner__button[_ngcontent-ng-c3795771818] {
            flex-shrink: 0;
        }
        .banner__boosted-label[_ngcontent-ng-c3795771818] {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 2px;
        }
        .banner__boosted-wrapper[_ngcontent-ng-c3795771818] {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .banner__boosted-name[_ngcontent-ng-c3795771818] {
            font-size: var(--stb-font-size-body-strong-xs, 12px);
            font-weight: var(--stb-font-weight-body-strong-xs, 700);
            font-style: var(--stb-font-style-body-strong-xs, normal);
            font-family: var(--stb-font-family-body-strong-xs, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-strong-xs, 18px);
            letter-spacing: var(--stb-letter-spacing-body-strong-xs, -0.25px);
            color: var(--stb-custom-chosen-bonus-banner-text-color, var(--stb-text-neutral-100));
        }
        .banner__boosted-offer[_ngcontent-ng-c3795771818] {
            font-size: var(--stb-font-size-body-strong-md, 16px);
            font-weight: var(--stb-font-weight-body-strong-md, 700);
            font-style: var(--stb-font-style-body-strong-md, normal);
            font-family: var(--stb-font-family-body-strong-md, "Inter"), "Arial", sans-serif;
            line-height: var(--stb-line-height-body-strong-md, 22px);
            letter-spacing: var(--stb-letter-spacing-body-strong-md, -0.25px);
            --stb-boosted-bonus-offer-primary-color: var(
                --stb-custom-chosen-bonus-banner-text-color,
                var(--stb-text-neutral-100)
            );
            --stb-boosted-bonus-offer-secondary-color: var(
                --stb-custom-chosen-bonus-banner-text-secondary-color,
                var(--stb-text-neutral-300)
            );
        }
        .banner__boosted-offer[_ngcontent-ng-c3795771818] p {
            color: var(--stb-boosted-bonus-offer-primary-color, var(--stb-text-neutral-200));
            margin: 0;
            font: inherit;
            line-height: inherit;
        }
        .banner__boosted-offer[_ngcontent-ng-c3795771818] p:first-child span {
            color: var(--stb-boosted-bonus-offer-secondary-color, var(--stb-text-neutral-300));
            text-decoration: line-through;
        }
        .outer-countdown[_ngcontent-ng-c3795771818] {
            position: absolute;
            display: grid;
            place-items: center;
            inset-inline-end: 0;
            inset-block-end: 0;
            padding-block: 6px;
            padding-inline: 12px;
            min-height: 96px;
            animation: _ngcontent-ng-c3795771818_fade-in 0.3s ease;
            cursor: pointer;
        }
        .outer-countdown--hidden[_ngcontent-ng-c3795771818] {
            transform: scale(0.8);
            opacity: 0;
            pointer-events: none;
            transition:
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease;
        }
        .inner-countdown[_ngcontent-ng-c3795771818] {
            padding-inline: 0 12px;
            border-inline-end: 1px solid var(--stb-tint-neutral-100);
        }
        .inner-countdown[_ngcontent-ng-c3795771818]:empty {
            display: none;
        }
        @keyframes _ngcontent-ng-c3795771818_slide-in-from-right {
            0% {
                transform: translate(var(--stb-banner-translate-shift));
                opacity: 0;
            }
            to {
                transform: translate(0);
                opacity: 1;
            }
        }
        @keyframes _ngcontent-ng-c3795771818_fade-in {
            0% {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        [_nghost-ng-c990419916] {
            --stb-scrollbar-visibility: hidden;
            --stb-sidebar-paddings-inline: calc(
                var(--stb-main-menu-sidebar-padding-left, 12) + var(--stb-main-menu-sidebar-padding-right, 12)
            );
            --stb-sidebar-categories-max-width: calc(
                var(--stb-sidebar-expanded-width) - calc(var(--stb-sidebar-paddings-inline) * 1px)
            );
            position: fixed;
            inset-block: var(--stb-header-height) 0;
            inset-inline-start: 0;
            z-index: 2;
            display: flex;
            flex-direction: column;
            width: var(--stb-sidebar-expanded-width);
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c990419916]:hover {
                --stb-scrollbar-visibility: visible;
            }
        }
        [_nghost-ng-c990419916] [_ngcontent-ng-c990419916]::-webkit-scrollbar,
        [_nghost-ng-c990419916] [_ngcontent-ng-c990419916]::-webkit-scrollbar-thumb,
        [_nghost-ng-c990419916] [_ngcontent-ng-c990419916]::-webkit-scrollbar-track {
            width: var(--stb-scrollbar-width);
            height: var(--stb-scrollbar-height);
            visibility: var(--stb-scrollbar-visibility);
        }
        [_nghost-ng-c990419916] [_ngcontent-ng-c990419916]::-webkit-scrollbar-thumb {
            background: var(--stb-scrollbar-thumb-color);
            border-radius: var(--stb-scrollbar-border-radius);
        }
        [_nghost-ng-c990419916] [_ngcontent-ng-c990419916]::-webkit-scrollbar-track {
            background: var(--stb-scrollbar-track-color);
            border-radius: var(--stb-scrollbar-border-radius);
        }
        .collapsed[_nghost-ng-c990419916] {
            width: var(--stb-sidebar-collapsed-width);
        }
        .backdrop[_ngcontent-ng-c990419916] {
            position: absolute;
            top: 0;
            bottom: 0;
            inset-inline-start: 0;
            z-index: -1;
            width: var(--stb-sidebar-expanded-width);
            background: var(--stb-sidebar-background, var(--stb-main-menu-sidebar-background-color));
            border-inline-end: calc(var(--stb-main-menu-sidebar-border-width) * 1px) solid
                var(--stb-main-menu-sidebar-border-color, var(--stb-sidebar-border-color));
            transition: transform var(--stb-transition-time);
        }
        .backdrop--collapsed[_ngcontent-ng-c990419916] {
            --stb-sidebar-collapsed-translateX: calc(-100% + var(--stb-sidebar-collapsed-width));
            transform: translate(var(--stb-sidebar-collapsed-translateX));
        }
        html[dir="rtl"][_nghost-ng-c990419916] .backdrop--collapsed[_ngcontent-ng-c990419916],
        html[dir="rtl"] [_nghost-ng-c990419916] .backdrop--collapsed[_ngcontent-ng-c990419916] {
            --stb-sidebar-collapsed-translateX: calc(100% - var(--stb-sidebar-collapsed-width));
        }
        [_nghost-ng-c990419916] {
            --stb-tile-button-height: 96px;
        }
        [_nghost-ng-c3432136121] {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: 1fr;
            gap: 4px;
            width: 100%;
            padding: var(--stb-container-padding);
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c3432136121] {
                padding: 12px;
            }
        }
        .collapsed[_nghost-ng-c3432136121] {
            --stb-navigation-bottom-height: 48px;
            grid-auto-flow: row;
        }
        [_nghost-ng-c2088593527] {
            font-family: var(--stb-font-family-title-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-xs, 12px);
            font-weight: var(--stb-font-weight-title-xs, 600);
            line-height: var(--stb-line-height-title-xs, 16px);
            letter-spacing: var(--stb-letter-spacing-title-xs, 0);
            text-transform: var(--stb-text-transform-title-xs, uppercase);
            font-style: var(--stb-font-style-title-xs, normal);
            position: relative;
            display: grid;
            gap: 4px;
            place-content: center;
            place-items: center;
            padding: 8px;
            height: var(--stb-navigation-bottom-height, 100%);
            background: var(--stb-tint-neutral-50);
            border: 1px solid var(--stb-tint-neutral-300);
            color: var(--stb-text-neutral-200);
            text-transform: var(--stb-text-transform-style);
            text-align: center;
            border-radius: var(--stb-radius-xs);
            transition:
                background-color var(--stb-transition-time),
                color var(--stb-transition-time);
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c2088593527]:hover {
                background: var(--stb-tint-neutral-100);
            }
        }
        .collapsed[_nghost-ng-c2088593527] {
            padding: 12px;
        }
        .collapsed[_nghost-ng-c2088593527]:before {
            inset: auto 3px -1px;
            width: auto;
            height: 1px;
        }
        .flag[_ngcontent-ng-c2088593527] {
            aspect-ratio: 1/1;
            object-fit: cover;
            object-position: 50%;
            border-radius: var(--stb-radius-xs);
        }
        .text[_ngcontent-ng-c2088593527] {
            opacity: 1;
            transform-origin: 0 50%;
            transition:
                transform var(--stb-transition-time),
                opacity var(--stb-transition-time);
        }
        .text--collapsed[_ngcontent-ng-c2088593527] {
            position: absolute;
            opacity: 0;
            transform: scaleX(0);
            transition: none;
        }
        .navigation[_nghost-ng-c1070149116] {
            --stb-scrollbar-width-keyword: none;
            --stb-nav-list-title-width: calc(
                var(--stb-sidebar-expanded-width) - var(--stb-custom-sidebar-nav-list-title-outer-width, 88px)
            );
            --stb-nav-tooltip-icon-display: block;
            --stb-main-menu-sidebar-padding-top: var(--stb-main-menu-sidebar-expanded-padding-top);
            --stb-main-menu-sidebar-padding-right: var(--stb-main-menu-sidebar-expanded-padding-right);
            --stb-main-menu-sidebar-padding-bottom: var(--stb-main-menu-sidebar-expanded-padding-bottom);
            --stb-main-menu-sidebar-padding-left: var(--stb-main-menu-sidebar-expanded-padding-left);
            overflow-y: scroll;
            overflow-x: hidden;
            overscroll-behavior: contain;
            scrollbar-gutter: stable;
            display: block;
            max-height: 100%;
            margin-bottom: auto;
            padding: calc(var(--stb-main-menu-sidebar-padding-top, 12) * 1px)
                calc(var(--stb-main-menu-sidebar-padding-right, 12) * 1px)
                calc(var(--stb-main-menu-sidebar-padding-bottom, 12) * 1px)
                calc(var(--stb-main-menu-sidebar-padding-left, 12) * 1px);
            overflow-anchor: none;
        }
        @supports (scrollbar-width: auto) and (not (selector(::-webkit-scrollbar))) {
            .navigation[_nghost-ng-c1070149116] {
                scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color);
                scrollbar-width: var(--stb-scrollbar-width-keyword);
            }
        }
        @supports (-moz-appearance: none) {
            .navigation[_nghost-ng-c1070149116] {
                overflow-y: auto;
                overflow-y: overlay;
            }
        }
        @media (hover: hover) and (pointer: fine) {
            .navigation[_nghost-ng-c1070149116]:hover {
                --stb-scrollbar-width-keyword: thin;
            }
        }
        .navigation.collapsed[_nghost-ng-c1070149116] {
            --stb-main-menu-sidebar-padding-top: var(--stb-main-menu-sidebar-collapsed-padding-top);
            --stb-main-menu-sidebar-padding-right: var(--stb-main-menu-sidebar-collapsed-padding-right);
            --stb-main-menu-sidebar-padding-bottom: var(--stb-main-menu-sidebar-collapsed-padding-bottom);
            --stb-main-menu-sidebar-padding-left: var(--stb-main-menu-sidebar-collapsed-padding-left);
        }
        .main-nav[_ngcontent-ng-c1070149116] {
            display: grid;
        }
        .main-nav--collapsed[_ngcontent-ng-c1070149116] {
            --stb-sidebar-item-collapse-offset: 16px;
            --stb-sidebar-item-padding: 2px 20px;
        }
        .sidebar-categories[_ngcontent-ng-c1070149116] {
            --stb-sidebar-categories-inline-start-offset: 16px;
            display: none;
            padding-inline-start: var(--stb-sidebar-categories-inline-start-offset);
            max-width: var(--stb-sidebar-categories-max-width, initial);
        }
        .sidebar-categories--show[_ngcontent-ng-c1070149116] {
            display: block;
        }
        .sidebar-categories--collapsed[_ngcontent-ng-c1070149116] {
            --stb-sidebar-categories-inline-start-offset: 0;
        }
        .sidebar-hide-link[_ngcontent-ng-c1070149116] {
            display: none;
        }
        .skeleton--sidebar-item[_ngcontent-ng-c1070149116] {
            --stb-skeleton-sidebar-item-height: 46px;
            --stb-skeleton-sidebar-item-gap: 2px;
            min-height: var(--stb-skeleton-sidebar-item-height-custom, var(--stb-skeleton-sidebar-item-height));
            margin-top: var(--stb-skeleton-sidebar-item-gap-custom, var(--stb-skeleton-sidebar-item-gap));
            border-radius: var(--stb-radius-sm);
        }
        [_nghost-ng-c2468379197] {
            pointer-events: none;
        }
        .sidebar-group[_ngcontent-ng-c2468379197] {
            width: 100%;
            height: 48px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4px;
            margin-bottom: 4px;
            overflow: hidden;
        }
        .collapsed .sidebar-group {
            gap: 0;
        }
        [_nghost-ng-c2844215554] {
            font-family: var(--stb-font-family-button-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-button-sm, 16px);
            font-weight: var(--stb-font-weight-button-sm, 500);
            line-height: var(--stb-line-height-button-sm, 22px);
            letter-spacing: var(--stb-letter-spacing-button-sm, 0);
            text-transform: var(--stb-text-transform-button-sm, uppercase);
            font-style: var(--stb-font-style-button-sm, normal);
            --stb-icon-sprite-svg-width: 20px;
            --stb-icon-sprite-svg-height: 20px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 14px;
            color: var(--stb-text-neutral-200);
            text-transform: var(--stb-text-transform-style);
            background: var(--stb-shades-neutral-900);
            border: 1px solid var(--stb-tint-neutral-300);
            transition:
                color var(--stb-transition-time),
                background var(--stb-transition-time);
            cursor: pointer;
            pointer-events: auto;
            overflow-wrap: break-word;
            -webkit-hyphens: auto;
            hyphens: auto;
        }
        [_nghost-ng-c2844215554]:has(.toggle-casino) {
            border-start-end-radius: var(--stb-radius-xs);
            border-end-end-radius: var(--stb-radius-xs);
        }
        [_nghost-ng-c2844215554]:has(.toggle-sport) {
            border-start-start-radius: var(--stb-radius-xs);
            border-end-start-radius: var(--stb-radius-xs);
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c2844215554]:hover {
                background: var(--stb-tint-neutral-100);
            }
        }
        [_nghost-ng-c2844215554]:active {
            background: var(--stb-tint-neutral-150);
            color: var(--stb-text-brand-base);
        }
        .active[_nghost-ng-c2844215554] {
            --stb-icon-background-color: #060d1a;
            --stb-icon-background-opacity: 0.1;
            background: var(--stb-tint-neutral-150);
            color: var(--stb-text-brand-base);
            text-shadow:
                1px 2px 0 var(--stb-tint-neutral-50, #1c2a3b),
                0 0 10px rgba(239, 251, 55, 0.5);
            pointer-events: none;
        }
        [_nghost-ng-c2034986837]:last-child {
            --stb-sidebar-group-delimiter-visibility: none;
            --stb-sidebar-group-bottom-offset: 0;
        }
        [_nghost-ng-c2034986837]:has(.sidebar-group--non-scrollable) {
            overflow-x: hidden;
        }
        .sidebar-group[_ngcontent-ng-c2034986837] {
            display: grid;
            margin-bottom: var(--stb-sidebar-group-bottom-offset, 9px);
        }
        .sidebar-group[_ngcontent-ng-c2034986837]:after {
            display: var(--stb-sidebar-group-delimiter-visibility, block);
            transform: translateY(5px);
            height: 1px;
            margin-inline: 12px;
            background: var(--stb-tint-neutral-100);
            content: "";
        }
        .sidebar-group--seasonal[_ngcontent-ng-c2034986837] {
            --stb-sidebar-group-bottom-offset: 2px;
            --stb-sidebar-group-delimiter-visibility: none;
        }
        .sidebar-group--promotions[_ngcontent-ng-c2034986837] {
            margin-top: 9px;
        }
        .sidebar-group--promotions[_ngcontent-ng-c2034986837]:before {
            display: var(--stb-sidebar-group-delimiter-visibility, block);
            transform: translateY(-5px);
            height: 1px;
            margin-inline: 12px;
            background: var(--stb-tint-neutral-100);
            content: "";
        }
        .sidebar-group.collapsed[_ngcontent-ng-c2034986837]:before,
        .sidebar-group.collapsed[_ngcontent-ng-c2034986837]:after {
            margin-inline: 3px;
        }
        .sidebar-group[_ngcontent-ng-c2034986837]:empty {
            display: none;
        }
        .sidebar-group__tile-buttons[_ngcontent-ng-c2034986837] {
            display: flex;
            gap: 6px;
            width: 100%;
        }
        .sidebar-group__tile-buttons.collapsed[_ngcontent-ng-c2034986837] {
            flex-direction: column;
            gap: 8px;
            width: calc(var(--stb-sidebar-collapsed-width) - 24px);
        }
        .sidebar-group__tile-buttons[_ngcontent-ng-c2034986837]:not(:has(.title-button:nth-child(2))) {
            --stb-tile-button-height: 66px;
        }
        .sidebar-item[_ngcontent-ng-c295494813] {
            color: var(--stb-text-neutral-300);
            transition: color var(--stb-transition-time);
        }
        .sidebar-item[_ngcontent-ng-c295494813]:has(.sidebar-item__content--active),
        .sidebar-item[_ngcontent-ng-c295494813]:has(.sidebar-item__content--expanded) {
            border-inline-start: 3px solid var(--stb-text-accent-base);
            border-block: 1px solid transparent;
        }
        .sidebar-item[_ngcontent-ng-c295494813]:has(.sidebar-item__content:active) {
            color: var(--stb-text-brand-base);
        }
        .sidebar-item__content[_ngcontent-ng-c295494813] {
            font-family: var(--stb-font-family-label-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-label-sm, 14px);
            font-weight: var(--stb-font-weight-label-sm, 400);
            line-height: var(--stb-line-height-label-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-label-sm, -0.25px);
            font-style: var(--stb-font-style-label-sm, italic);
            text-transform: var(--stb-text-transform-label-sm, uppercase);
            text-shadow:
                1px 2px 0 var(--stb-tint-neutral-50),
                0 0 10px rgba(255, 255, 255, 0.3);
            grid-area: 1/1/2/2;
            display: grid;
            grid-auto-flow: column;
            grid-template-columns: 20px;
            column-gap: 12px;
            align-items: center;
            justify-content: start;
            min-height: 48px;
            padding: 2px 20px;
            color: var(--stb-text-neutral-200);
            border-radius: var(--stb-radius-xs);
            transition:
                background-color var(--stb-transition-time),
                color var(--stb-transition-time);
            cursor: pointer;
        }
        @media (hover: hover) and (pointer: fine) {
            .sidebar-item__content[_ngcontent-ng-c295494813]:hover {
                color: var(--stb-main-accent-base);
                background: var(--stb-gradient-200);
                text-shadow:
                    1px 2px 0 var(--stb-tint-neutral-50),
                    0 0 10px rgba(239, 251, 55, 0.5);
            }
        }
        .sidebar-item__content[_ngcontent-ng-c295494813]:active {
            background: var(--stb-gradient-300);
            color: var(--stb-text-accent-base);
        }
        .sidebar-item__content--active[_ngcontent-ng-c295494813],
        .sidebar-item__content--active[_ngcontent-ng-c295494813]:hover,
        .sidebar-item__content--expanded[_ngcontent-ng-c295494813],
        .sidebar-item__content--expanded[_ngcontent-ng-c295494813]:hover {
            background: var(--stb-gradient-300);
            color: var(--stb-text-accent-base);
            text-shadow:
                1px 2px 0 var(--stb-tint-neutral-50),
                0 0 10px rgba(239, 251, 55, 0.5);
        }
        .burger-menu .sidebar-item__content {
            grid-template-columns: 20px 1fr 20px;
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c295494813] {
            width: calc(var(--stb-sidebar-collapsed-width) - 24px);
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:before,
        .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:after {
            position: absolute;
            top: var(--stb-sidebar-item-top);
            z-index: 2;
            opacity: 0;
            scale: 0;
            transform: translateY(-50%);
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:before {
            font-family: var(--stb-font-family-body-strong-md, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-md, 16px);
            font-weight: var(--stb-font-weight-body-strong-md, 700);
            line-height: var(--stb-line-height-body-strong-md, 22px);
            letter-spacing: var(--stb-letter-spacing-body-strong-md, 0);
            font-style: var(--stb-font-style-body-strong-md, normal);
            inset-inline-start: calc(100% - 8px);
            padding: 4px 8px;
            color: var(--stb-tooltip-text-color);
            white-space: nowrap;
            border-radius: calc(var(--stb-tooltip-border-radius) * 1px);
            background: var(--stb-tooltip-background-color);
            box-shadow: var(--stb-shadow-outer-sm-neutral-200);
            text-transform: capitalize;
            content: attr(data-tooltip);
            text-shadow: none;
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:before:first-letter {
            text-transform: uppercase;
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:after {
            inset-inline-start: calc(100% - 16px);
            border: solid transparent;
            border-width: 6px 8px 6px 0;
            border-right-color: var(--stb-tint-neutral-150);
            filter: drop-shadow(var(--stb-shadow-outer-sm-neutral-200));
            content: "";
        }
        @media (hover: hover) and (pointer: fine) {
            .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:hover:before {
                opacity: 1;
                scale: 1;
            }
            .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:hover:after {
                opacity: 1;
                scale: 1;
            }
            html[dir="rtl"][_nghost-ng-c295494813]
                .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:hover:after,
            html[dir="rtl"]
                [_nghost-ng-c295494813]
                .sidebar-item__content--collapsed[_ngcontent-ng-c295494813]:hover:after {
                scale: -1 1;
            }
        }
        .sidebar-item__title[_ngcontent-ng-c295494813] {
            width: var(--stb-nav-list-title-width, max-content);
            text-transform: var(--stb-text-transform-style);
            overflow-wrap: break-word;
            word-break: break-word;
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__title--collapsed[_ngcontent-ng-c295494813] {
            opacity: 0;
            display: none;
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__icon[_ngcontent-ng-c295494813] {
            transition: translate var(--stb-transition-time);
            translate: var(--stb-sidebar-item-collapse-offset, 0);
        }
        html[dir="rtl"][_nghost-ng-c295494813] .sidebar-item__icon[_ngcontent-ng-c295494813],
        html[dir="rtl"] [_nghost-ng-c295494813] .sidebar-item__icon[_ngcontent-ng-c295494813] {
            translate: calc(var(--stb-sidebar-item-collapse-offset, 0) * -1);
        }
        .sidebar-item__toggle-icon[_ngcontent-ng-c295494813] {
            justify-self: end;
            align-self: center;
            pointer-events: none;
        }
        .sidebar-item__toggle-icon--collapsed[_ngcontent-ng-c295494813] {
            scale: 0.6;
            margin-inline-start: 12px;
        }
        .sidebar-item__toggle-icon--expanded[_ngcontent-ng-c295494813] {
            transform-origin: center;
            rotate: 180deg;
        }
        .sidebar-item__toggle-icon[_ngcontent-ng-c295494813]:not(:hover) {
            color: var(--stb-text-neutral-200);
        }
        .sidebar-item--expandable[_ngcontent-ng-c295494813] {
            display: grid;
        }
        .sidebar-item--expandable[_ngcontent-ng-c295494813] .sidebar-item__title[_ngcontent-ng-c295494813] {
            width: calc(var(--stb-nav-list-title-width, max-content) - 32px);
        }
        .sidebar-item--expandable[_ngcontent-ng-c295494813] .sidebar-item__title--collapsed[_ngcontent-ng-c295494813] {
            width: 0;
            font-size: 0;
        }
        .sidebar-item__tooltip-icon[_ngcontent-ng-c295494813] {
            display: none;
            position: absolute;
            inset-inline-end: 2px;
            top: 2px;
            color: var(--stb-text-brand-base);
        }
        @media screen and (min-width: 1280px) {
            .sidebar-item__tooltip-icon[_ngcontent-ng-c295494813] {
                display: block;
            }
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c1297685378] {
                display: none;
            }
        }
        [_nghost-ng-c3667548046] {
            --stb-banner-actions-padding-bottom: 0;
            --stb-splide-pagination-inset-inline-start: calc(
                var(--stb-banner-offer-horizontal-padding) + var(--stb-container-padding)
            );
            --stb-splide-pagination-inset-inline-end: var(--stb-banner-offer-horizontal-padding);
            --stb-splide-pagination-inset-block-end: var(--stb-banner-offer-vertical-padding);
            --stb-splide-slide-min-width: 100%;
            max-width: var(--stb-container-width-calculated);
            width: 100%;
            margin: 0 auto;
            padding-bottom: var(--stb-banner-slider-padding-bottom, 0);
            display: grid;
            grid-template-columns: minmax(0, 1fr);
        }
        @media screen and (min-width: 768px) {
            [_nghost-ng-c3667548046] {
                --stb-banner-offer-horizontal-padding: 72px;
                --stb-banner-actions-padding-bottom: 32px;
            }
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c3667548046] {
                --stb-splide-pagination-inset-block-end: var(--stb-banner-offer-vertical-padding);
            }
        }
        @media screen and (min-width: 1920px) {
            [_nghost-ng-c3667548046] {
                --stb-banner-offer-horizontal-padding: 80px;
            }
        }
        .slider[_ngcontent-ng-c3667548046] {
            grid-area: 1/1/-1/-1;
        }
        .slider-controls[_ngcontent-ng-c3667548046] {
            display: none;
        }
        @media screen and (min-width: 768px) {
            .slider-controls[_ngcontent-ng-c3667548046] {
                --stb-slider-control-padding: 12px;
                --stb-icon-sprite-svg-width: 20px;
                --stb-icon-sprite-svg-height: 20px;
                grid-area: 1/1/-1/-1;
                display: grid;
                grid-auto-flow: column;
                align-self: center;
                justify-content: space-between;
                padding-inline: var(--stb-custom-main-banner-slider-control-padding, var(--stb-slider-control-padding));
            }
        }
        @media screen and (min-width: 1280px) {
            .slider-controls[_ngcontent-ng-c3667548046] {
                --stb-slider-control-padding: calc(var(--stb-container-padding) + 24px);
            }
        }
        @media screen and (min-width: 1920px) {
            .slider-controls[_ngcontent-ng-c3667548046] {
                --stb-slider-control-padding: calc(var(--stb-container-padding) + 20px);
            }
        }
        .main-banner-card[_ngcontent-ng-c3667548046] {
            display: block;
        }
        .main-action[_ngcontent-ng-c3667548046] {
            display: block;
            z-index: 3;
            min-width: 192px;
        }
        @media screen and (min-width: 1280px) {
            .main-action[_ngcontent-ng-c3667548046] {
                min-width: 224px;
            }
        }
        @media screen and (min-width: 1920px) {
            .main-action[_ngcontent-ng-c3667548046] {
                min-width: 260px;
            }
        }
        .cover-button[_ngcontent-ng-c3667548046] {
            z-index: 2;
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
        .image[_ngcontent-ng-c3667548046] {
            --stb-picture-width: 100%;
            --stb-picture-height: 100%;
            --stb-picture-object-fit: cover;
            --stb-picture-object-position: left center;
            position: absolute;
            inset: 0;
        }
        .video[_ngcontent-ng-c3667548046] {
            inset-inline-start: 0;
            width: 100%;
            object-fit: cover;
            object-position: center top;
            height: 100%;
        }
        [_nghost-ng-c3667548046] {
            --stb-promo-action-gap: 8px;
            --stb-promo-action-message-padding: 8px 16px;
        }
        [_nghost-ng-c666243620]:empty {
            display: none;
        }
        .notification-close-button[_ngcontent-ng-c666243620] {
            z-index: 1;
        }
        .open-button[_ngcontent-ng-c666243620] {
            margin-inline-start: auto;
        }
        .open-button[_ngcontent-ng-c666243620]:before {
            position: absolute;
            inset: 0;
            content: "";
        }
        .skeleton--smart-banner[_ngcontent-ng-c666243620] {
            height: 72px;
        }
        .header:not(:has(.user-button)) [_nghost-ng-c952910645] img[_ngcontent-ng-c952910645] {
            width: 112px;
            height: 60px;
        }
        @media screen and (min-width: 1280px) {
            .header:not(:has(.user-button)) [_nghost-ng-c952910645] img[_ngcontent-ng-c952910645] {
                width: 120px;
                height: 64px;
            }
        }
        @container header (min-height: 75px) {
            .header:not(:has(.user-button)) [_nghost-ng-c952910645] img[_ngcontent-ng-c952910645] {
                width: 112px;
                height: 60px;
            }
        }
        @media screen and (min-width: 430px) {
            .header:has(.user-button) [_nghost-ng-c952910645] img[_ngcontent-ng-c952910645] {
                width: 112px;
                height: 60px;
            }
        }
        @container header (min-height: 75px) {
            .header:has(.user-button) [_nghost-ng-c952910645] img[_ngcontent-ng-c952910645] {
                width: 112px;
                height: 60px;
            }
        }
        @media screen and (min-width: 1280px) {
            .header:has(.user-button) [_nghost-ng-c952910645] img[_ngcontent-ng-c952910645] {
                width: 120px;
                height: 64px;
            }
        }
        .header > a,
        .header__nav > a {
            display: block;
            margin-block: -6px;
        }
        @media screen and (min-width: 1280px) {
            .header > a,
            .header__nav > a {
                margin-block: -9px -3px;
            }
        }
        .header:has(.user-button) > a,
        .header:has(.user-button) .header__nav > a {
            margin-block: -6px;
        }
        @media screen and (min-width: 1280px) {
            .header:has(.user-button) > a,
            .header:has(.user-button) .header__nav > a {
                margin-block: -9px -3px;
            }
        }
        .header__actions .button {
            display: grid;
            appearance: none;
        }
        .search[_ngcontent-ng-c3583532464] {
            font-family: var(--stb-font-family-body-md, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-md, 16px);
            font-weight: var(--stb-font-weight-body-md, 400);
            line-height: var(--stb-line-height-body-md, 22px);
            letter-spacing: var(--stb-letter-spacing-body-md, -0.25px);
            font-style: var(--stb-font-style-body-md, normal);
            display: flex;
            align-items: center;
            min-width: 300px;
            height: 48px;
            padding: 0 16px;
            border: 1px solid var(--stb-tint-neutral-150);
            border-radius: var(--stb-radius-xs);
            color: var(--stb-text-neutral-300);
            background: var(--stb-shades-neutral-925);
            transition:
                border-color var(--stb-transition-time) ease,
                background-color var(--stb-transition-time) ease;
            appearance: none;
        }
        @media (hover: hover) and (pointer: fine) {
            .search[_ngcontent-ng-c3583532464]:hover {
                background: var(--stb-tint-neutral-100);
                border-color: var(--stb-tint-neutral-250);
            }
        }
        .search[_ngcontent-ng-c3583532464]:focus {
            background-color: var(--stb-shades-neutral-925);
            border-color: var(--stb-tint-neutral-250);
        }
        .search__text[_ngcontent-ng-c3583532464] {
            margin-inline-start: 8px;
        }
        .search--mobile[_ngcontent-ng-c3583532464] {
            width: 100%;
        }
        [_nghost-ng-c1549957309] {
            display: grid;
        }
        [_nghost-ng-c1549957309]:has(.apps-block__links:empty):not(:has(.apps-block__scan)) {
            display: none;
        }
        .apps-block[_ngcontent-ng-c1549957309] {
            display: inline-grid;
            grid-auto-flow: column;
            gap: 8px;
            align-items: center;
            justify-content: center;
            margin: auto;
            padding: 24px 40px;
            background-color: var(--stb-bg-tertiary);
            border-radius: 8px;
        }
        .apps-block__scan[_ngcontent-ng-c1549957309] {
            display: grid;
            grid-auto-flow: column;
            align-items: center;
            gap: 12px;
        }
        .apps-block__hand[_ngcontent-ng-c1549957309] {
            font-size: 40px;
        }
        .apps-block__qr[_ngcontent-ng-c1549957309] {
            aspect-ratio: 1;
            width: 100px;
            border-radius: 8px;
        }
        .apps-block__text[_ngcontent-ng-c1549957309] {
            max-width: 155px;
        }
        [_nghost-ng-c2928662079] {
            display: grid;
            grid-auto-flow: column;
            justify-content: center;
            gap: 8px;
        }
        [_nghost-ng-c3917868232] {
            display: flex;
            gap: 8px;
            width: 100%;
        }
        .social-icons[_ngcontent-ng-c3917868232] {
            display: contents;
        }
        @media screen and (max-width: 767px) {
            .social-icons__item[_ngcontent-ng-c3917868232] {
                --stb-icon-button-width: 100%;
                flex-grow: 1;
            }
        }
        .sidebar-item[_ngcontent-ng-c1335071092] {
            display: grid;
        }
        .sidebar-item__content[_ngcontent-ng-c1335071092] {
            --stb-sidebar-item-padding: 2px 20px;
            --stb-sidebar-group-item-seasonal-gradient-angle: 90deg;
            --stb-sidebar-group-item-seasonal-gradient: linear-gradient(
                var(--stb-sidebar-group-item-seasonal-gradient-angle),
                rgb(46 62 84 / 1) 0%,
                rgb(19 30 44 / 1) 100%
            );
            --stb-sidebar-group-item-seasonal-gradient-hover: linear-gradient(
                var(--stb-sidebar-group-item-seasonal-gradient-angle),
                var(--stb-tint-neutral-200) 0%,
                var(--stb-tint-neutral-50) 100%
            );
            --stb-sidebar-group-item-seasonal-gradient-pressed: linear-gradient(
                var(--stb-sidebar-group-item-seasonal-gradient-angle),
                var(--stb-tint-neutral-100) 0%,
                var(--stb-shades-neutral-925) 100%
            );
            font-family: var(--stb-font-family-title-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-sm, 14px);
            font-weight: var(--stb-font-weight-title-sm, 600);
            line-height: var(--stb-line-height-title-sm, 18px);
            letter-spacing: var(--stb-letter-spacing-title-sm, 0);
            text-transform: var(--stb-text-transform-title-sm, uppercase);
            font-style: var(--stb-font-style-title-sm, normal);
            position: relative;
            grid-area: 1/-1/1/-1;
            z-index: 1;
            display: grid;
            grid-auto-flow: column;
            grid-template-columns: 20px 1fr;
            column-gap: 12px;
            align-items: center;
            justify-content: start;
            min-height: 48px;
            width: 100%;
            padding: var(--stb-sidebar-item-padding, 2px 16px);
            color: var(--stb-text-accent-base);
            border-radius: var(--stb-radius-xs);
            transition: var(--stb-transition-time);
            cursor: pointer;
        }
        .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                .sidebar-item__content--collapsed,
                .sidebar-item__content--active
            )[_ngcontent-ng-c1335071092]:before,
        .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                .sidebar-item__content--collapsed,
                .sidebar-item__content--active
            )[_ngcontent-ng-c1335071092]:after {
            content: "";
            position: absolute;
            border-radius: var(--stb-radius-xs);
            inset: 0;
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                .sidebar-item__content--collapsed,
                .sidebar-item__content--active
            )[_ngcontent-ng-c1335071092]:before {
            opacity: 1;
            border: 1px solid var(--stb-tint-neutral-150);
            background: var(--stb-sidebar-group-item-seasonal-gradient);
        }
        .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                .sidebar-item__content--collapsed,
                .sidebar-item__content--active
            )[_ngcontent-ng-c1335071092]:after {
            opacity: 0;
            border: 1px solid var(--stb-tint-neutral-200);
            background: var(--stb-sidebar-group-item-seasonal-gradient-hover);
        }
        @media (hover: hover) and (pointer: fine) {
            .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                    .sidebar-item__content--collapsed,
                    .sidebar-item__content--active
                )[_ngcontent-ng-c1335071092]:hover:before {
                opacity: 0;
            }
            .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                    .sidebar-item__content--collapsed,
                    .sidebar-item__content--active
                )[_ngcontent-ng-c1335071092]:hover:after {
                opacity: 1;
            }
        }
        .sidebar-item__content[_ngcontent-ng-c1335071092]:not(
                .sidebar-item__content--collapsed,
                .sidebar-item__content--active
            )[_ngcontent-ng-c1335071092]:active:after {
            border-color: var(--stb-tint-neutral-100);
            background: var(--stb-sidebar-group-item-seasonal-gradient-pressed);
        }
        .sidebar-item__content-notifier[_ngcontent-ng-c1335071092] {
            position: absolute;
            inset-block-end: -4px;
            inset-inline-end: -4px;
            z-index: 1;
            width: 12px;
            height: 12px;
            border-radius: 12px;
            background-color: var(--stb-main-accent-base);
            opacity: 0;
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092] {
            position: initial;
            background: var(--stb-sidebar-group-item-seasonal-gradient);
            width: calc(var(--stb-sidebar-collapsed-width) - 24px);
            border: 1px solid var(--stb-tint-neutral-150);
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:before,
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:after {
            position: absolute;
            top: var(--stb-sidebar-item-top);
            z-index: 2;
            opacity: 0;
            scale: 0;
            transform: translateY(-50%);
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:before {
            font-family: var(--stb-font-family-body-strong-md, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-md, 16px);
            font-weight: var(--stb-font-weight-body-strong-md, 700);
            line-height: var(--stb-line-height-body-strong-md, 22px);
            letter-spacing: var(--stb-letter-spacing-body-strong-md, 0);
            font-style: var(--stb-font-style-body-strong-md, normal);
            inset-inline-start: calc(100% - 7px);
            padding: 4px 8px;
            color: var(--stb-tooltip-text-color);
            white-space: nowrap;
            border-radius: calc(var(--stb-tooltip-border-radius) * 1px);
            background: var(--stb-tooltip-background-color);
            box-shadow: var(--stb-shadow-outer-sm-neutral-200);
            text-transform: capitalize;
            content: attr(data-tooltip);
            text-shadow: none;
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:before:first-letter {
            text-transform: uppercase;
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:after {
            inset-inline-start: calc(100% - 15px);
            border: solid transparent;
            border-width: 6px 8px 6px 0;
            border-right-color: var(--stb-tint-neutral-150);
            filter: drop-shadow(var(--stb-shadow-outer-sm-neutral-200));
            content: "";
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]
            .sidebar-item__content-notifier[_ngcontent-ng-c1335071092] {
            opacity: 1;
        }
        @media (hover: hover) and (pointer: fine) {
            .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:hover {
                border-color: var(--stb-tint-neutral-200);
                background: var(--stb-sidebar-group-item-seasonal-gradient-hover);
            }
            .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:hover:before,
            .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:hover:after {
                opacity: 1;
                scale: 1;
            }
            html[dir="rtl"][_nghost-ng-c1335071092]
                .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:hover:after,
            html[dir="rtl"]
                [_nghost-ng-c1335071092]
                .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:hover:after {
                scale: -1 1;
            }
        }
        .sidebar-item__content--collapsed[_ngcontent-ng-c1335071092]:active {
            border-color: var(--stb-tint-neutral-100);
            background: var(--stb-sidebar-group-item-seasonal-gradient-pressed);
        }
        .sidebar-item__content--active[_ngcontent-ng-c1335071092]:not(.sidebar-item__content--collapsed):before,
        .sidebar-item__content--active[_ngcontent-ng-c1335071092]:hover:not(.sidebar-item__content--collapsed):before {
            position: absolute;
            border-radius: var(--stb-radius-xs);
            opacity: 0;
            background: linear-gradient(
                var(--stb-gradient-angle),
                var(--stb-border-animation-first-color) 0%,
                var(--stb-border-animation-second-color) 100%
            );
            transition: var(--stb-transition-time);
            animation-name: thumbnail-carrousel;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            opacity: 1;
            content: "";
            inset: 0;
            background: linear-gradient(
                var(--stb-gradient-angle),
                var(--stb-main-accent-base) 0%,
                var(--stb-text-negative-base) 100%
            );
        }
        .sidebar-item__content--active[_ngcontent-ng-c1335071092]:not(.sidebar-item__content--collapsed):after,
        .sidebar-item__content--active[_ngcontent-ng-c1335071092]:hover:not(.sidebar-item__content--collapsed):after {
            content: "";
            position: absolute;
            border-radius: 1px;
            inset: 1px;
            background: var(--stb-tint-brand-250);
        }
        .sidebar-item__content--active.sidebar-item__content--collapsed[_ngcontent-ng-c1335071092],
        .sidebar-item__content--active[_ngcontent-ng-c1335071092]:hover.sidebar-item__content--collapsed {
            animation-name: thumbnail-carrousel;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            opacity: 1;
            background: var(--stb-tint-brand-250);
            border-color: transparent;
            border-width: 1px;
            border-style: solid;
            border-image: linear-gradient(var(--stb-gradient-angle), #ecfd00 0%, #f5003d 100%) 1;
        }
        html[dir="rtl"][_nghost-ng-c1335071092] .sidebar-item__content[_ngcontent-ng-c1335071092],
        html[dir="rtl"] [_nghost-ng-c1335071092] .sidebar-item__content[_ngcontent-ng-c1335071092] {
            --stb-sidebar-group-item-seasonal-gradient-angle: 270deg;
        }
        .sidebar-item__title[_ngcontent-ng-c1335071092] {
            z-index: 1;
            text-transform: var(--stb-text-transform-style);
            text-align: start;
            overflow-wrap: break-word;
            word-break: break-word;
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__title--collapsed[_ngcontent-ng-c1335071092] {
            opacity: 0;
            display: none;
            transition: opacity var(--stb-transition-time);
        }
        .sidebar-item__icon[_ngcontent-ng-c1335071092] {
            position: relative;
            z-index: 1;
            transition: translate var(--stb-transition-time);
            translate: var(--stb-sidebar-item-collapse-offset, 0);
        }
        html[dir="rtl"][_nghost-ng-c1335071092] .sidebar-item__icon[_ngcontent-ng-c1335071092],
        html[dir="rtl"] [_nghost-ng-c1335071092] .sidebar-item__icon[_ngcontent-ng-c1335071092] {
            translate: calc(var(--stb-sidebar-item-collapse-offset, 0) * -1);
        }
        .sidebar-item__indicator[_ngcontent-ng-c1335071092] {
            z-index: 1;
            grid-area: 1/-1/1/-1;
            display: none;
            justify-content: end;
            padding: 2px;
            pointer-events: none;
        }
        .sidebar-item[_ngcontent-ng-c1335071092]:has(.sidebar-item__link--active) {
            border-inline-start: 2px solid var(--stb-text-accent-base);
            border-block: 1px solid transparent;
        }
        [_nghost-ng-c2231804430] {
            --stb-banner-card-body-paddings: 8px var(--stb-container-padding);
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c2231804430] {
                --stb-banner-card-body-paddings: 20px 48px;
            }
        }
        .main-banner-card--slider[_nghost-ng-c2231804430] {
            --stb-banner-card-body-paddings: 28px var(--stb-container-padding) 0;
        }
        @media screen and (min-width: 768px) {
            .main-banner-card--slider[_nghost-ng-c2231804430] {
                --stb-banner-card-body-paddings: 10px 60px 20px;
            }
        }
        @media screen and (min-width: 1280px) {
            .main-banner-card--slider[_nghost-ng-c2231804430] {
                --stb-banner-card-body-paddings: 40px 84px;
            }
        }
        @media screen and (min-width: 1536px) {
            .main-banner-card--slider[_nghost-ng-c2231804430] {
                --stb-banner-card-body-paddings: 40px 84px 60px;
            }
        }
        @media screen and (min-width: 1280px) {
            .main-banner-container[_ngcontent-ng-c2231804430] {
                display: block;
                max-width: var(--stb-container-width-calculated);
                width: 100%;
                margin: 0 auto;
                padding-left: var(--stb-container-padding);
                padding-right: var(--stb-container-padding);
            }
        }
        @media screen and (min-width: 1280px) and (orientation: landscape) {
            .main-banner-container[_ngcontent-ng-c2231804430] {
                padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
                padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding));
            }
        }
        .main-banner[_ngcontent-ng-c2231804430] {
            --stb-banner-grid-row: 40px;
            position: relative;
            display: grid;
            min-height: var(--stb-main-banner-min-height, 360px);
            grid-template-columns: 1fr;
            grid-template-rows: auto var(--stb-banner-grid-row);
            aspect-ratio: 1;
        }
        @media screen and (min-width: 768px) {
            .main-banner[_ngcontent-ng-c2231804430] {
                --stb-banner-grid-column: calc(
                    var(--stb-main-banner-text-width, 250px) + var(--stb-banner-offer-horizontal-padding) * 2
                );
                --stb-main-banner-min-height: 200px;
                overflow: hidden;
                grid-template-rows: auto var(--stb-banner-grid-row);
                grid-template-columns: var(--stb-banner-grid-column) 1fr;
                aspect-ratio: unset;
            }
        }
        @media screen and (min-width: 1280px) {
            .main-banner[_ngcontent-ng-c2231804430] {
                --stb-banner-grid-row: 63px;
                --stb-banner-grid-column: calc(320px + var(--stb-banner-offer-horizontal-padding) * 2);
                --stb-main-banner-min-height: 340px;
            }
        }
        @media screen and (min-width: 1536px) {
            .main-banner[_ngcontent-ng-c2231804430] {
                --stb-main-banner-min-height: 374px;
            }
        }
        @media screen and (min-width: 1920px) {
            .main-banner[_ngcontent-ng-c2231804430] {
                --stb-banner-grid-row: 78px;
                --stb-banner-grid-column: calc(420px + var(--stb-banner-offer-horizontal-padding) * 2);
                --stb-main-banner-text-width: 460px;
                --stb-main-banner-min-height: 512px;
                grid-template-columns: var(--stb-banner-grid-column) 1fr;
            }
        }
        .main-banner__image[_ngcontent-ng-c2231804430] {
            position: relative;
            overflow: hidden;
            grid-column: 1 / span 2;
            grid-row: 1 / span 2;
            display: grid;
        }
        .main-banner__image[_ngcontent-ng-c2231804430] .image[_ngcontent-ng-c2231804430] {
            --stb-picture-width: 100%;
            --stb-picture-height: 100%;
            --stb-picture-object-fit: cover;
        }
        .main-banner__video[_ngcontent-ng-c2231804430] {
            position: relative;
            overflow: hidden;
            grid-column: 1 / span 2;
            grid-row: 1 / span 2;
            z-index: -1;
        }
        .main-banner__video[_ngcontent-ng-c2231804430]:empty {
            display: none;
        }
        .main-banner__body[_ngcontent-ng-c2231804430] {
            position: relative;
            display: grid;
            grid-column: 1 / span 1;
            grid-row: 1 / span 1;
            align-content: end;
            row-gap: 4px;
            padding: var(--stb-banner-card-body-paddings);
        }
        @media screen and (min-width: 768px) {
            .main-banner__body[_ngcontent-ng-c2231804430] {
                align-content: center;
                row-gap: 8px;
                grid-row: 1 / span 2;
            }
        }
        @media screen and (min-width: 1280px) {
            .main-banner__body[_ngcontent-ng-c2231804430] {
                row-gap: 24px;
                min-height: 320px;
            }
        }
        @media screen and (min-width: 1536px) {
            .main-banner__body[_ngcontent-ng-c2231804430] {
                row-gap: 32px;
            }
        }
        .main-banner__body[_ngcontent-ng-c2231804430]:before {
            position: absolute;
            inset-block-end: 0;
            inset-inline: 0;
            height: var(--stb-banner-overlay-relative-height, 100%);
            background: var(--stb-banner-overlay-background);
            content: "";
        }
        @media screen and (min-width: 768px) {
            .main-banner__body[_ngcontent-ng-c2231804430]:before {
                content: none;
            }
        }
        .main-banner[_ngcontent-ng-c2231804430]:has(.main-banner__video:not(:empty))
            .main-banner__image[_ngcontent-ng-c2231804430] {
            z-index: -1;
        }
        .description[_ngcontent-ng-c2231804430] {
            position: relative;
            z-index: 1;
            display: grid;
            justify-content: center;
            text-align: center;
            color: var(--stb-main-brand-contrast);
        }
        .description__title[_ngcontent-ng-c2231804430] {
            font-family: var(--stb-font-family-title-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-sm, 14px);
            font-weight: var(--stb-font-weight-title-sm, 600);
            line-height: var(--stb-line-height-title-sm, 18px);
            letter-spacing: var(--stb-letter-spacing-title-sm, 0);
            text-transform: var(--stb-text-transform-title-sm, uppercase);
            font-style: var(--stb-font-style-title-sm, normal);
            color: var(--stb-text-accent-base);
        }
        @media screen and (min-width: 1280px) {
            .description__title[_ngcontent-ng-c2231804430] {
                font-family: var(--stb-font-family-title-md, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-title-md, 16px);
                font-weight: var(--stb-font-weight-title-md, 600);
                line-height: var(--stb-line-height-title-md, 20px);
                letter-spacing: var(--stb-letter-spacing-title-md, 0);
                text-transform: var(--stb-text-transform-title-md, uppercase);
                font-style: var(--stb-font-style-title-md, normal);
                text-align: start;
            }
        }
        @media screen and (min-width: 1536px) {
            .description__title[_ngcontent-ng-c2231804430] {
                font-family: var(--stb-font-family-title-lg, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-title-lg, 18px);
                font-weight: var(--stb-font-weight-title-lg, 600);
                line-height: var(--stb-line-height-title-lg, 22px);
                letter-spacing: var(--stb-letter-spacing-title-lg, 0);
                text-transform: var(--stb-text-transform-title-lg, uppercase);
                font-style: var(--stb-font-style-title-lg, normal);
            }
        }
        .description__detail[_ngcontent-ng-c2231804430] {
            font-family: var(--stb-font-family-display-md, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-display-md, 32px);
            font-weight: var(--stb-font-weight-display-md, 600);
            line-height: var(--stb-line-height-display-md, 32px);
            letter-spacing: var(--stb-letter-spacing-display-md, -1.25px);
            text-transform: var(--stb-text-transform-display-md, uppercase);
            font-style: var(--stb-font-style-display-md, normal);
        }
        @media screen and (min-width: 768px) {
            .description__detail[_ngcontent-ng-c2231804430] {
                font-family: var(--stb-font-family-display-sm, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-display-sm, 28px);
                font-weight: var(--stb-font-weight-display-sm, 600);
                line-height: var(--stb-line-height-display-sm, 32px);
                letter-spacing: var(--stb-letter-spacing-display-sm, -1px);
                text-transform: var(--stb-text-transform-display-sm, uppercase);
                font-style: var(--stb-font-style-display-sm, normal);
            }
        }
        @media screen and (min-width: 1280px) {
            .description__detail[_ngcontent-ng-c2231804430] {
                font-family: var(--stb-font-family-display-lg, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-display-lg, 36px);
                font-weight: var(--stb-font-weight-display-lg, 600);
                line-height: var(--stb-line-height-display-lg, 48px);
                letter-spacing: var(--stb-letter-spacing-display-lg, -1.5px);
                text-transform: var(--stb-text-transform-display-lg, uppercase);
                font-style: var(--stb-font-style-display-lg, normal);
            }
        }
        @media screen and (min-width: 1536px) {
            .description__detail[_ngcontent-ng-c2231804430] {
                font-family: var(--stb-font-family-display-xl, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-display-xl, 48px);
                font-weight: var(--stb-font-weight-display-xl, 600);
                line-height: var(--stb-line-height-display-xl, 52px);
                letter-spacing: var(--stb-letter-spacing-display-xl, -2px);
                text-transform: var(--stb-text-transform-display-xl, uppercase);
                font-style: var(--stb-font-style-display-xl, normal);
            }
        }
        @media screen and (min-width: 768px) {
            .description[_ngcontent-ng-c2231804430] {
                justify-content: start;
                text-align: start;
            }
        }
        @media screen and (min-width: 1280px) {
            .description[_ngcontent-ng-c2231804430] {
                row-gap: 8px;
            }
        }
        .actions[_ngcontent-ng-c2231804430] {
            display: grid;
            justify-content: center;
            grid-template-columns: minmax(min-content, max-content);
        }
        @media screen and (min-width: 768px) {
            .actions[_ngcontent-ng-c2231804430] {
                justify-content: start;
            }
        }
        @media screen and (min-width: 1280px) {
            .actions[_ngcontent-ng-c2231804430] {
                row-gap: 20px;
            }
        }
        .branding[_ngcontent-ng-c2231804430] {
            --stb-picture-width: 181px;
            --stb-picture-height: auto;
            --stb-picture-object-fit: contain;
            grid-column: -1/1;
            grid-row: 2 / span 1;
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: center;
            pointer-events: none;
            overflow: hidden;
            padding: 6px;
        }
        @media screen and (min-width: 768px) {
            .branding[_ngcontent-ng-c2231804430] {
                justify-content: flex-end;
                padding: 6px 12px;
            }
        }
        @media screen and (min-width: 1280px) {
            .branding[_ngcontent-ng-c2231804430] {
                --stb-picture-width: 250px;
                padding: 12px 16px;
            }
        }
        @media screen and (min-width: 1536px) {
            .branding[_ngcontent-ng-c2231804430] {
                padding: 20px 80px;
            }
        }
        picture[_ngcontent-ng-c119260028],
        div[_ngcontent-ng-c119260028] {
            display: contents;
        }
        img[_ngcontent-ng-c119260028] {
            width: var(--stb-picture-width);
            height: var(--stb-picture-height);
            min-height: var(--stb-picture-min-height);
            aspect-ratio: var(--stb-picture-aspect-ratio);
            object-fit: var(--stb-picture-object-fit);
            object-position: var(--stb-picture-object-position);
        }
        .menu[_ngcontent-ng-c152943575] {
            --stb-scroller-padding-inline-end: var(--stb-container-padding);
            --stb-scroller-padding-inline-start: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        @media (orientation: landscape) {
            .menu[_ngcontent-ng-c152943575] {
                --stb-scroller-padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding));
            }
        }
        .menu__search[_ngcontent-ng-c152943575] {
            position: relative;
            z-index: 1;
            display: inline-flex;
            padding-inline-start: var(--stb-container-padding);
            background: var(--stb-menu-search-background-color, var(--stb-layout-background-color));
        }
        @media (orientation: landscape) {
            .menu__search[_ngcontent-ng-c152943575] {
                padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
            }
        }
        .menu__search[_ngcontent-ng-c152943575]:after {
            --stb-search-gradient-angle: -90deg;
            position: absolute;
            inset-inline-end: calc(var(--stb-scroller-padding-inline-start) * -1);
            inset-block: 0;
            width: var(--stb-scroller-padding-inline-start);
            background-image: linear-gradient(
                var(--stb-search-gradient-angle),
                rgba(0, 0, 0, 0),
                var(--stb-menu-search-gradient-color, var(--stb-layout-background-color)) 50%
            );
            content: "";
        }
        html[dir="rtl"][_nghost-ng-c152943575] .menu__search[_ngcontent-ng-c152943575]:after,
        html[dir="rtl"] [_nghost-ng-c152943575] .menu__search[_ngcontent-ng-c152943575]:after {
            --stb-search-gradient-angle: 90deg;
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c152943575] {
                --stb-scroller-overflow-x: hidden;
                display: block;
                max-width: calc(100vw - var(--stb-sidebar-expanded-width));
                margin: 0 auto;
            }
        }
        .scroller-wrap[_ngcontent-ng-c152943575] {
            position: relative;
        }
        .scroller-wrap__control[_ngcontent-ng-c152943575] {
            position: absolute;
            top: calc(-1 * var(--stb-categories-menu-padding-vertical));
            z-index: 2;
            display: grid;
            place-items: center;
            height: calc(100% + var(--stb-categories-menu-padding-vertical));
            width: 68px;
            text-align: center;
        }
        .scroller-wrap__control--left[_ngcontent-ng-c152943575],
        .scroller-wrap__control--right[_ngcontent-ng-c152943575] {
            background-image: linear-gradient(
                var(--stb-scroller-control-shadow-angle),
                var(--stb-scroller-control-gradient-color, var(--stb-layout-background-color)) 50%,
                rgba(0, 0, 0, 0) 100%
            );
        }
        .scroller-wrap__control--left[_ngcontent-ng-c152943575] {
            --stb-scroller-control-shadow-angle: 90deg;
            left: 0;
        }
        .scroller-wrap__control--right[_ngcontent-ng-c152943575] {
            --stb-scroller-control-shadow-angle: 270deg;
            right: 0;
        }
        .scroller-wrap__arrow[_ngcontent-ng-c152943575] {
            opacity: 0;
            transition: opacity var(--stb-transition-time);
        }
        @media (hover: hover) and (pointer: fine) {
            .scroller-wrap[_ngcontent-ng-c152943575]:hover .scroller-wrap__arrow[_ngcontent-ng-c152943575] {
                opacity: 1;
            }
        }
        .skeleton--category[_ngcontent-ng-c152943575] {
            height: var(--stb-skeleton-categories-menu-height);
        }
        [_nghost-ng-c1258595335] {
            --stb-top-events-gap: 8px;
            --stb-top-events-card-width: var(--stb-top-events-card-mobile-width);
            --stb-top-events-control-button-height: 0;
            --stb-top-events-control-button-width: 0;
            --stb-top-events-control-button-background: transparent;
            --stb-top-events-outer-width: calc(var(--stb-sidebar-expanded-width) + var(--stb-container-padding) * 2);
            --stb-top-events-carousel-width: calc(100vw - var(--stb-top-events-outer-width));
            --stb-top-events-gaps-amount: calc(var(--stb-top-events-cards-amount) - 1);
            --stb-top-events-gaps-width: calc(var(--stb-top-events-gap) * var(--stb-top-events-gaps-amount));
            --stb-container-pure-width: calc(var(--stb-container-width) - var(--stb-top-events-gaps-width));
            --stb-top-events-card-max-width: calc(var(--stb-container-pure-width) / var(--stb-top-events-cards-amount));
            --stb-top-events-calculate-pure-width: calc(
                var(--stb-top-events-carousel-width) - var(--stb-top-events-gaps-width)
            );
            --stb-top-events-card-calculated-width: calc(
                var(--stb-top-events-calculate-pure-width) / var(--stb-top-events-cards-amount)
            );
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c1258595335] {
                --stb-top-events-cards-amount: 4;
                --stb-top-events-control-button-height: 36px;
                --stb-top-events-control-button-width: 36px;
                --stb-top-events-card-width: min(
                    var(--stb-top-events-card-max-width),
                    var(--stb-top-events-card-calculated-width)
                );
                --stb-top-events-control-button-background: var(
                    --stb-sport-entrance-page-match-cards-slider-slider-button-default-background-color
                );
            }
        }
        @media screen and (min-width: 1920px) {
            [_nghost-ng-c1258595335] {
                --stb-top-events-cards-amount: 5;
            }
        }
        [_nghost-ng-c1258595335]:has(.top-events-widget:empty) {
            display: none;
        }
        .base-title[_ngcontent-ng-c3656633061] {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-auto-flow: column;
            align-items: center;
            gap: var(--stb-games-title-gap);
        }
        .base-title__name[_ngcontent-ng-c3656633061] {
            color: var(--stb-title-block-color);
            text-transform: capitalize;
        }
        .base-title__link[_ngcontent-ng-c3656633061] {
            color: var(--stb-title-block-color);
        }
        .base-title__divider[_ngcontent-ng-c3656633061] {
            height: 100%;
            background: var(--stb-title-divider);
        }
        .base-title__buttons[_ngcontent-ng-c3656633061] {
            display: flex;
            gap: var(--stb-games-title-gap);
        }
        .base-title__buttons[_ngcontent-ng-c3656633061]:empty {
            display: none;
        }
        [_nghost-ng-c6025304] {
            align-self: center;
        }
        .action-button[_ngcontent-ng-c6025304] {
            font-family: var(--stb-font-family-button-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-button-xs, 14px);
            font-weight: var(--stb-font-weight-button-xs, 500);
            line-height: var(--stb-line-height-button-xs, 22px);
            letter-spacing: var(--stb-letter-spacing-button-xs, 0);
            text-transform: var(--stb-text-transform-button-xs, uppercase);
            font-style: var(--stb-font-style-button-xs, normal);
            display: grid;
            grid-auto-flow: column;
            gap: 4px;
            align-items: center;
            min-width: max-content;
            height: 26px;
            padding-inline-start: 8px;
            text-transform: var(--stb-text-transform-display-xl);
            color: var(--stb-text-neutral-300);
            cursor: pointer;
            transition: color var(--stb-transition-time);
        }
        @media (hover: hover) and (pointer: fine) {
            .action-button[_ngcontent-ng-c6025304]:hover {
                color: var(--stb-text-neutral-200);
            }
        }
        .action-button[_ngcontent-ng-c6025304]:active {
            color: var(--stb-text-neutral-300);
        }
        [_nghost-ng-c1608952919]:has(.recommended-games-container:empty) {
            display: none;
        }
        .recommended-games-container[_ngcontent-ng-c1608952919] {
            --stb-more-games-category-card-bg: var(--stb-more-games-category-recommended-games-card-bg);
            margin-inline-end: var(--stb-my-games-margin-inline-end, 0);
            margin-inline-start: var(--stb-my-games-margin-inline-start, 0);
        }
        .promos[_ngcontent-ng-c106100122] {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: minmax(192px, 1fr);
            gap: 8px;
        }
        @media screen and (min-width: 1280px) {
            .promos[_ngcontent-ng-c106100122] {
                gap: 16px;
            }
        }
        .slider-wrapper[_ngcontent-ng-c106100122] {
            margin-inline: auto;
            max-width: var(--stb-container-width-calculated);
        }
        .skeleton-container[_ngcontent-ng-c106100122] {
            --stb-scroller-overflow-x: hidden;
        }
        .promo-preloader[_ngcontent-ng-c106100122] {
            aspect-ratio: var(--stb-custom-special-promo-preloader-aspect-ratio, 5/6);
            border-radius: var(--stb-radius-md);
        }
        @media screen and (min-width: 1280px) {
            .promo-preloader[_ngcontent-ng-c106100122] {
                display: none;
                min-height: var(--stb-line-height-headline-xs, 20px);
            }
            .promo-preloader[_ngcontent-ng-c106100122]:nth-child(-n + 4) {
                display: block;
            }
        }
        @media screen and (min-width: 1920px) {
            .promo-preloader[_ngcontent-ng-c106100122]:nth-child(-n + 5) {
                display: block;
            }
        }
        .skeleton--title[_ngcontent-ng-c106100122] {
            max-width: var(--stb-container-width-calculated);
            min-height: var(--stb-line-height-headline-xxs, 20px);
            margin-block-end: 12px;
            margin-inline: var(--stb-container-padding);
        }
        @media screen and (min-width: 1280px) {
            .skeleton--title[_ngcontent-ng-c106100122] {
                min-height: var(--stb-line-height-headline-xs, 20px);
            }
        }
        [_nghost-ng-c2417380199] {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
        }
        [_nghost-ng-c2417380199]:empty:not(.height-adjusted) {
            display: none;
        }
        .anchor[_ngcontent-ng-c2417380199] {
            height: 0;
            width: 0;
            background: transparent;
        }
        [_nghost-ng-c3218012105] {
            display: grid;
            grid-auto-flow: column;
            grid-column-gap: 4px;
            z-index: var(--stb-slider-control-z-index, auto);
        }
        [_nghost-ng-c3218012105]:empty {
            display: none;
        }
        .splide__arrow[_ngcontent-ng-c1606168193] {
            position: absolute;
            top: -16px;
            z-index: 1;
            transform: translateY(-100%);
        }
        .splide__arrow--next[_ngcontent-ng-c1606168193] {
            right: calc(var(--stb-container-padding));
        }
        .splide__arrow--prev[_ngcontent-ng-c1606168193] {
            right: calc(38px + var(--stb-container-padding));
        }
        [_nghost-ng-c4034211889]:has(.games-list:empty:not(.height-adjusted)) {
            display: none;
        }
        .games-list[_ngcontent-ng-c4034211889] {
            position: relative;
        }
        .category-controls[_ngcontent-ng-c1490785994] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: var(--stb-arrow-button-width, 36px);
            height: var(--stb-arrow-button-height, 36px);
            color: var(--stb-text-neutral-200);
            background: var(--stb-tint-neutral-100);
            border: 1px solid var(--stb-tint-neutral-200);
            border-radius: var(--stb-radius-xs);
            transition: var(--stb-transition-time);
            cursor: pointer;
        }
        @media (hover: hover) and (pointer: fine) {
            .category-controls[_ngcontent-ng-c1490785994]:hover {
                background: var(--stb-tint-neutral-150);
            }
        }
        .category-controls[_ngcontent-ng-c1490785994]:active {
            color: var(--stb-text-neutral-300);
            background: var(--stb-tint-neutral-100);
            border-color: var(--stb-tint-neutral-150);
        }
        .category-controls[_ngcontent-ng-c1490785994]:disabled {
            color: var(--stb-arrow-button-disabled-color, var(--stb-text-neutral-250));
            background: var(--stb-tint-neutral-100);
            border-color: var(--stb-tint-neutral-150);
            cursor: default;
        }
        [_nghost-ng-c3259480317] {
            --stb-arrow-button-width: 36px;
            --stb-arrow-button-height: 36px;
        }
        @media screen and (min-width: 1920px) {
            [_nghost-ng-c3259480317] {
                --stb-arrow-button-width: 48px;
                --stb-arrow-button-height: 48px;
                --stb-icon-sprite-svg-width: 28px;
                --stb-icon-sprite-svg-height: 28px;
            }
        }
        .banner-controls[_ngcontent-ng-c3259480317] {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: var(--stb-arrow-button-width, 36px);
            height: var(--stb-arrow-button-height, 36px);
            color: var(--stb-arrow-button-default-color);
            background: var(--stb-arrow-button-default-background);
            border-radius: var(--stb-radius-xs);
            border: 1px solid var(--stb-arrow-button-default-border-color);
            transition:
                background var(--stb-transition-time),
                color var(--stb-transition-time);
            cursor: pointer;
        }
        .banner-controls--default[_ngcontent-ng-c3259480317] {
            --stb-arrow-button-default-color: var(--stb-text-neutral-300);
            --stb-arrow-button-default-background: var(--stb-tint-neutral-100);
            --stb-arrow-button-hover-background: var(--stb-tint-neutral-200);
            --stb-arrow-button-hover-color: var(--stb-text-neutral-300);
            --stb-arrow-button-active-background: var(--stb-tint-neutral-100);
            --stb-btn-border-active-color: var(--stb-text-neutral-300);
            --stb-arrow-button-disabled-color: var(--stb-tint-neutral-150);
            --stb-arrow-button-disabled-background: var(--stb-tint-neutral-100);
            --stb-arrow-button-default-border-color: var(--stb-tint-neutral-200);
            --stb-arrow-button-hover-border-color: var(--stb-text-neutral-300);
        }
        .banner-controls--brand[_ngcontent-ng-c3259480317] {
            --stb-arrow-button-default-color: rgb(255 255 255 / 0.6);
            --stb-arrow-button-default-background: transparent;
            --stb-arrow-button-hover-background: transparent;
            --stb-arrow-button-hover-color: rgb(255 255 255 / 0.7);
            --stb-arrow-button-active-background: transparent;
            --stb-btn-border-active-color: rgb(255 255 255 / 0.4);
            --stb-arrow-button-active-border-color: rgb(255 255 255 / 0.4);
            --stb-arrow-button-disabled-color: rgb(255 255 255 / 0.4);
            --stb-arrow-button-disabled-background: transparent;
            --stb-arrow-button-default-border-color: rgb(255 255 255 / 0.6);
            --stb-arrow-button-hover-border-color: rgb(255 255 255 / 0.7);
            --stb-arrow-button-disabled-border-color: rgb(255 255 255 / 0.4);
        }
        @media (hover: hover) and (pointer: fine) {
            .banner-controls[_ngcontent-ng-c3259480317]:hover {
                background: var(--stb-arrow-button-hover-background);
                color: var(--stb-arrow-button-hover-color);
                border-color: var(--stb-arrow-button-hover-border-color);
            }
        }
        .banner-controls[_ngcontent-ng-c3259480317]:active {
            background: var(--stb-arrow-button-active-background);
            border-color: var(--stb-arrow-button-active-border-color);
            color: var(--stb-btn-border-active-color);
        }
        .banner-controls[_ngcontent-ng-c3259480317]:disabled {
            color: var(--stb-arrow-button-disabled-color);
            background: var(--stb-arrow-button-disabled-background);
            border-color: var(--stb-arrow-button-disabled-border-color);
            cursor: default;
        }
        [_nghost-ng-c3646816092] {
            background: var(--stb-category-section-background);
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c3646816092] {
                --stb-custom-grid-column-count: 7;
            }
        }
        @media screen and (min-width: 1920px) {
            [_nghost-ng-c3646816092] {
                --stb-custom-grid-column-count: 8;
            }
        }
        .games-title[_ngcontent-ng-c3646816092] {
            position: relative;
        }
        .scroller-wrap[_ngcontent-ng-c3646816092] {
            position: relative;
            max-width: var(--stb-container-width-calculated);
            margin: auto;
        }
        .scroller-controls[_ngcontent-ng-c3646816092] {
            display: flex;
            gap: 4px;
        }
        html[dir="rtl"][_nghost-ng-c3646816092] .scroller-controls[_ngcontent-ng-c3646816092],
        html[dir="rtl"] [_nghost-ng-c3646816092] .scroller-controls[_ngcontent-ng-c3646816092] {
            --stb-icon-sprite-svg-scale: none;
            flex-direction: row-reverse;
        }
        [_nghost-ng-c3706428777] {
            --stb-sport-border-radius: var(--stb-radius-sm);
        }
        [_nghost-ng-c3706428777] .category-card[_ngcontent-ng-c3706428777] {
            position: relative;
            z-index: 1;
            display: grid;
            border-radius: var(--stb-sport-border-radius);
        }
        [_nghost-ng-c3706428777] .category-card[_ngcontent-ng-c3706428777]:before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 5;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: var(--stb-sport-border-radius);
            pointer-events: none;
        }
        [_nghost-ng-c3706428777] .category-card[_ngcontent-ng-c3706428777]:after {
            position: absolute;
            inset: -1px;
            z-index: -1;
            border-radius: calc(var(--stb-sport-border-radius) + 1px);
            opacity: 0;
            background: linear-gradient(
                var(--stb-gradient-angle),
                var(--stb-border-animation-second-color) 0%,
                var(--stb-border-animation-first-color) 100%
            );
            content: "";
        }
        [_nghost-ng-c3706428777] .category-card__picture[_ngcontent-ng-c3706428777] {
            --stb-picture-width: 100%;
            --stb-picture-height: 100%;
            --stb-picture-object-fit: cover;
            --stb-picture-object-position: center top;
            grid-area: 1/1/-1/-1;
            aspect-ratio: 2/3;
            overflow: hidden;
            border-radius: var(--stb-sport-border-radius);
            background-image: url(sport-card-bg.8877950f79bc0a53.jpg);
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
        }
        [_nghost-ng-c3706428777] .category-card__image[_ngcontent-ng-c3706428777] {
            transition: transform var(--stb-transition-time);
        }
        [_nghost-ng-c3706428777] .category-card__text-wrapper[_ngcontent-ng-c3706428777] {
            position: relative;
            display: flex;
            grid-area: 1/1/-1/-1;
            height: 108px;
            align-self: end;
            border-radius: 0 0 var(--stb-sport-border-radius) var(--stb-sport-border-radius);
            background: linear-gradient(180deg, #1c223200 25%, #1c223273 65%, #1c2232e6);
            z-index: 3;
        }
        [_nghost-ng-c3706428777] .category-card__text[_ngcontent-ng-c3706428777] {
            font-family: var(--stb-font-family-title-xxs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-xxs, 10px);
            font-weight: var(--stb-font-weight-title-xxs, 600);
            line-height: var(--stb-line-height-title-xxs, 14px);
            letter-spacing: var(--stb-letter-spacing-title-xxs, 0);
            text-transform: var(--stb-text-transform-title-xxs, uppercase);
            font-style: var(--stb-font-style-title-xxs, normal);
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-wrap: nowrap;
            width: 100%;
            margin-block-start: auto;
            color: var(--stb-main-brand-contrast);
            text-align: center;
            min-height: 44px;
            padding: 4px;
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c3706428777] .category-card__text[_ngcontent-ng-c3706428777] {
                font-family: var(--stb-font-family-title-md, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-title-md, 16px);
                font-weight: var(--stb-font-weight-title-md, 600);
                line-height: var(--stb-line-height-title-md, 20px);
                letter-spacing: var(--stb-letter-spacing-title-md, 0);
                text-transform: var(--stb-text-transform-title-md, uppercase);
                font-style: var(--stb-font-style-title-md, normal);
            }
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c3706428777] .category-card[_ngcontent-ng-c3706428777]:hover:after {
                animation-name: thumbnail-carrousel;
                animation-duration: 2s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                opacity: 1;
            }
            [_nghost-ng-c3706428777] .category-card[_ngcontent-ng-c3706428777]:hover:before {
                z-index: -1;
            }
            [_nghost-ng-c3706428777]
                .category-card[_ngcontent-ng-c3706428777]:hover
                .category-card__image[_ngcontent-ng-c3706428777] {
                transform: scale(1.02);
            }
        }
        [_nghost-ng-c3706428777]:is(.skeleton) .category-card[_ngcontent-ng-c3706428777] {
            opacity: 0;
        }
        .games-slider-control[_ngcontent-ng-c533657663] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: var(--stb-arrow-button-width, 36px);
            height: var(--stb-arrow-button-height, 26px);
            background: var(--stb-tint-neutral-100);
            border: 1px solid var(--stb-tint-neutral-150);
            color: var(--stb-tint-neutral-300);
            border-radius: var(--stb-radius-sm);
            transition:
                opacity var(--stb-transition-time),
                color var(--stb-transition-time);
            cursor: pointer;
        }
        @media (hover: hover) and (pointer: fine) {
            .games-slider-control[_ngcontent-ng-c533657663]:hover {
                color: var(--stb-arrow-button-hover-color, var(--stb-text-neutral-300));
                background: var(--stb-tint-neutral-150);
                border-color: var(--stb-tint-neutral-200);
            }
        }
        .games-slider-control[_ngcontent-ng-c533657663]:active {
            background: var(--stb-tint-neutral-50);
            color: var(--stb-text-neutral-300);
            border-color: var(--stb-tint-neutral-150);
        }
        .games-slider-control[_ngcontent-ng-c533657663]:disabled {
            color: var(--stb-arrow-button-disabled-color, var(--stb-text-neutral-300));
            background: var(--stb-tint-neutral-250);
            border-color: var(--stb-tint-neutral-250);
            cursor: default;
        }
        [_nghost-ng-c2405856208]:empty {
            display: none;
        }
        .promo-banner[_ngcontent-ng-c2405856208] {
            position: relative;
            overflow: hidden;
            background: var(--stb-tint-neutral-50);
        }
        .promo-banner__content[_ngcontent-ng-c2405856208] {
            --stb-promo-banner-min-height: 265px;
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-end;
            gap: 16px;
            min-height: var(--stb-promo-banner-min-height);
            padding: 0 16px 16px;
            text-align: center;
        }
        @media screen and (min-width: 768px) {
            .promo-banner__content[_ngcontent-ng-c2405856208] {
                --stb-promo-banner-min-height: 198px;
                align-items: flex-start;
                justify-content: center;
                padding: 16px 28px;
                text-align: start;
            }
        }
        @media screen and (min-width: 1280px) {
            .promo-banner__content[_ngcontent-ng-c2405856208] {
                padding-inline: 48px;
            }
        }
        @media screen and (min-width: 1920px) {
            .promo-banner__content[_ngcontent-ng-c2405856208] {
                --stb-promo-banner-min-height: 256px;
            }
        }
        .promo-banner__title[_ngcontent-ng-c2405856208] {
            font-family: var(--stb-font-family-title-xl, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-xl, 20px);
            font-weight: var(--stb-font-weight-title-xl, 600);
            line-height: var(--stb-line-height-title-xl, 24px);
            letter-spacing: var(--stb-letter-spacing-title-xl, 0);
            text-transform: var(--stb-text-transform-title-xl, uppercase);
            font-style: var(--stb-font-style-title-xl, normal);
            padding-top: 45%;
            max-width: 400px;
            color: var(--stb-text-neutral-100);
        }
        @media screen and (min-width: 768px) {
            .promo-banner__title[_ngcontent-ng-c2405856208] {
                padding-top: unset;
            }
        }
        @media screen and (min-width: 1280px) {
            .promo-banner__title[_ngcontent-ng-c2405856208] {
                font-family: var(--stb-font-family-display-xs, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-display-xs, 24px);
                font-weight: var(--stb-font-weight-display-xs, 600);
                line-height: var(--stb-line-height-display-xs, 28px);
                letter-spacing: var(--stb-letter-spacing-display-xs, -0.75px);
                text-transform: var(--stb-text-transform-display-xs, uppercase);
                font-style: var(--stb-font-style-display-xs, normal);
            }
        }
        .promo-banner__button[_ngcontent-ng-c2405856208] {
            justify-self: start;
            width: max-content;
        }
        .promo-banner[_ngcontent-ng-c2405856208] .promo-image[_ngcontent-ng-c2405856208] {
            --stb-picture-width: 100%;
            --stb-picture-height: 100%;
            --stb-picture-object-fit: cover;
            --stb-picture-aspect-ratio: 41 / 32;
            --stb-picture-object-position: center top;
            position: absolute;
            inset: 0;
        }
        @media screen and (min-width: 768px) {
            .promo-banner[_ngcontent-ng-c2405856208] .promo-image[_ngcontent-ng-c2405856208] {
                --stb-picture-aspect-ratio: 128 / 33;
            }
        }
        @media (min-width: 1024px) {
            .promo-banner[_ngcontent-ng-c2405856208] .promo-image[_ngcontent-ng-c2405856208] {
                --stb-picture-aspect-ratio: 45 / 8;
            }
        }
        html[dir="rtl"][_nghost-ng-c2405856208]
            .promo-banner[_ngcontent-ng-c2405856208]
            .promo-image[_ngcontent-ng-c2405856208],
        html[dir="rtl"]
            [_nghost-ng-c2405856208]
            .promo-banner[_ngcontent-ng-c2405856208]
            .promo-image[_ngcontent-ng-c2405856208] {
            scale: -1 1;
        }
        [_nghost-ng-c1742151076] {
            --stb-seasonal-banner-min-height: 328px;
        }
        @media screen and (min-width: 768px) {
            [_nghost-ng-c1742151076] {
                --stb-seasonal-banner-min-height: 198px;
            }
        }
        @media screen and (min-width: 1920px) {
            [_nghost-ng-c1742151076] {
                --stb-seasonal-banner-min-height: 256px;
            }
        }
        [_nghost-ng-c1742151076]:empty {
            display: none;
        }
        .seasonal-banner[_ngcontent-ng-c1742151076] {
            position: relative;
            display: grid;
            grid-template-columns: 1fr 20px;
            align-items: center;
            justify-content: start;
            min-height: var(--stb-seasonal-banner-min-height);
            padding: 0 32px;
            overflow: hidden;
            border-radius: var(--stb-radius-xs);
            background: var(--stb-tint-neutral-50);
        }
        @media screen and (min-width: 1280px) {
            .seasonal-banner[_ngcontent-ng-c1742151076] {
                grid-template-columns: 1fr;
                row-gap: 16px;
                padding: 48px;
            }
        }
        .seasonal-banner[_ngcontent-ng-c1742151076]:before {
            position: absolute;
            inset-inline-start: 0;
            inset-block-end: 0;
            z-index: 2;
            width: 100%;
            height: 70%;
            background: linear-gradient(180deg, #1d2b3c00, #1d2b3ccc, #1d2b3ce6 60%, #1d2b3c33);
            content: "";
        }
        @media screen and (min-width: 412px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:before {
                height: 65%;
                background: linear-gradient(180deg, #1d2b3c00, #1d2b3ce6 35%, #1d2b3c 50%, #1d2b3c99);
            }
        }
        @media screen and (min-width: 768px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:before {
                display: none;
            }
        }
        .seasonal-banner[_ngcontent-ng-c1742151076]:after {
            position: absolute;
            inset: 0;
            z-index: 1;
            height: 60%;
            background: var(--stb-promo-background-image);
            background-position: 70% 50%;
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #cd0036;
            border-radius: var(--stb-radius-xs);
            content: "";
        }
        @media screen and (min-width: 412px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:after {
                background-position: 73% 50%;
            }
        }
        @media screen and (min-width: 768px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:after {
                height: 100%;
                background-position: right -200px top;
            }
        }
        @media screen and (min-width: 1024px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:after {
                background-position: right -80px top;
            }
        }
        @media screen and (min-width: 1280px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:after {
                background-position: right -250px top;
            }
        }
        @media screen and (min-width: 1536px) {
            .seasonal-banner[_ngcontent-ng-c1742151076]:after {
                height: 100%;
                background-position: right top;
            }
        }
        html[dir="rtl"][_nghost-ng-c1742151076] .seasonal-banner[_ngcontent-ng-c1742151076]:after,
        html[dir="rtl"] [_nghost-ng-c1742151076] .seasonal-banner[_ngcontent-ng-c1742151076]:after {
            scale: -1 1;
        }
        .seasonal-banner__content[_ngcontent-ng-c1742151076] {
            position: relative;
            z-index: 2;
            display: grid;
            row-gap: 4px;
            align-self: end;
            justify-content: center;
            text-align: center;
            padding-top: 56%;
            padding-bottom: 16px;
        }
        @media screen and (min-width: 768px) {
            .seasonal-banner__content[_ngcontent-ng-c1742151076] {
                align-self: center;
                justify-content: start;
                text-align: left;
                padding-top: 16px;
            }
            html[dir="rtl"][_nghost-ng-c1742151076] .seasonal-banner__content[_ngcontent-ng-c1742151076],
            html[dir="rtl"] [_nghost-ng-c1742151076] .seasonal-banner__content[_ngcontent-ng-c1742151076] {
                text-align: right;
            }
        }
        .seasonal-banner__title[_ngcontent-ng-c1742151076] {
            font-size: 14px;
            font-weight: 500;
            line-height: 22px;
            text-transform: uppercase;
            color: var(--stb-text-neutral-100);
        }
        @media screen and (min-width: 768px) {
            .seasonal-banner__title[_ngcontent-ng-c1742151076] {
                max-width: 400px;
            }
        }
        @media screen and (min-width: 1280px) {
            .seasonal-banner__title[_ngcontent-ng-c1742151076] {
                font-size: 16px;
            }
        }
        .seasonal-banner__text[_ngcontent-ng-c1742151076] {
            font-family: var(--stb-font-family-title-xl, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-xl, 20px);
            font-weight: var(--stb-font-weight-title-xl, 600);
            line-height: var(--stb-line-height-title-xl, 24px);
            letter-spacing: var(--stb-letter-spacing-title-xl, 0);
            text-transform: var(--stb-text-transform-title-xl, uppercase);
            font-style: var(--stb-font-style-title-xl, normal);
            color: var(--stb-text-neutral-100);
        }
        @media screen and (min-width: 768px) {
            .seasonal-banner__text[_ngcontent-ng-c1742151076] {
                max-width: 400px;
            }
        }
        @media screen and (min-width: 1280px) {
            .seasonal-banner__text[_ngcontent-ng-c1742151076] {
                font-family: var(--stb-font-family-display-xs, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-display-xs, 24px);
                font-weight: var(--stb-font-weight-display-xs, 600);
                line-height: var(--stb-line-height-display-xs, 28px);
                letter-spacing: var(--stb-letter-spacing-display-xs, -0.75px);
                text-transform: var(--stb-text-transform-display-xs, uppercase);
                font-style: var(--stb-font-style-display-xs, normal);
            }
        }
        .seasonal-banner__button[_ngcontent-ng-c1742151076] {
            position: relative;
            display: inline-grid;
            justify-self: center;
            min-width: 192px;
            margin-block-start: 12px;
        }
        @media screen and (min-width: 768px) {
            .seasonal-banner__button[_ngcontent-ng-c1742151076] {
                min-width: min-content;
                justify-self: start;
            }
        }
        .seasonal-banner__icon[_ngcontent-ng-c1742151076] {
            position: relative;
            color: var(--stb-text-neutral-300);
        }
        @media screen and (min-width: 1280px) {
            .seasonal-banner__icon[_ngcontent-ng-c1742151076] {
                display: none;
            }
        }
        .seasonal-banner-preloader[_ngcontent-ng-c1742151076] {
            height: var(--stb-seasonal-banner-min-height);
        }
        [_nghost-ng-c760610768] {
            --stb-promos-item-max-height: 480px;
            display: contents;
            width: 100%;
        }
        @media screen and (min-width: 515px) {
            [_nghost-ng-c760610768] {
                --stb-promos-item-max-height: auto;
            }
        }
        .promo-card[_ngcontent-ng-c760610768] {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            border-radius: var(--stb-radius-xs);
            max-height: var(--stb-promos-item-max-height);
            aspect-ratio: 5/6;
            width: 100%;
        }
        .promo-card[_ngcontent-ng-c760610768]:before {
            content: "";
            position: absolute;
            inset: -1px;
            z-index: 1;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: var(--stb-radius-xs);
            transition: var(--stb-transition-time);
        }
        .promo-card[_ngcontent-ng-c760610768]:after {
            position: absolute;
            inset: -1px;
            z-index: -1;
            border-radius: var(--stb-radius-xs);
            opacity: 0;
            background: linear-gradient(
                var(--stb-gradient-angle),
                var(--stb-border-animation-first-color) 0%,
                var(--stb-border-animation-second-color) 100%
            );
            transition: var(--stb-transition-time);
            content: "";
        }
        .promo-card__inner[_ngcontent-ng-c760610768] {
            position: relative;
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            border-radius: var(--stb-radius-xs);
            background: var(--stb-tint-neutral-50);
            z-index: 1;
        }
        .promo-card__picture[_ngcontent-ng-c760610768] {
            --stb-picture-width: 100%;
            --stb-picture-height: 100%;
            --stb-picture-object-fit: cover;
            --stb-picture-object-position: center;
            grid-area: 1/1/-1/-1;
            overflow: hidden;
            transition: var(--stb-transition-time);
            z-index: -1;
            max-height: calc(100% - 60px);
            border-radius: 1px 1px 0 0;
        }
        .promo-card__label[_ngcontent-ng-c760610768] {
            position: absolute;
            top: 8px;
            inset-inline-end: -4px;
        }
        .promo-card__plate[_ngcontent-ng-c760610768] {
            position: relative;
            align-self: end;
            grid-area: 1/1/-1/-1;
            display: grid;
            gap: 8px;
            padding: 16px;
        }
        .promo-card__plate[_ngcontent-ng-c760610768]:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 120px;
            z-index: -1;
            background: linear-gradient(180deg, #1d2b3c00, #1d2b3ce6 30%, #1d2b3c33);
        }
        .promo-card__text[_ngcontent-ng-c760610768] {
            display: grid;
            gap: 6px;
            color: var(--stb-main-neutral-contrast);
        }
        .promo-card__name[_ngcontent-ng-c760610768] {
            font-family: var(--stb-font-family-title-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-sm, 14px);
            font-weight: var(--stb-font-weight-title-sm, 600);
            line-height: var(--stb-line-height-title-sm, 18px);
            letter-spacing: var(--stb-letter-spacing-title-sm, 0);
            text-transform: var(--stb-text-transform-title-sm, uppercase);
            font-style: var(--stb-font-style-title-sm, normal);
            color: var(--stb-text-accent-base);
        }
        .promo-card__title[_ngcontent-ng-c760610768] {
            font-family: var(--stb-font-family-title-xl, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-title-xl, 20px);
            font-weight: var(--stb-font-weight-title-xl, 600);
            line-height: var(--stb-line-height-title-xl, 24px);
            letter-spacing: var(--stb-letter-spacing-title-xl, 0);
            text-transform: var(--stb-text-transform-title-xl, uppercase);
            font-style: var(--stb-font-style-title-xl, normal);
        }
        @media (hover: hover) and (pointer: fine) {
            .promo-card[_ngcontent-ng-c760610768]:hover:after {
                animation-name: thumbnail-carrousel;
                animation-duration: 2s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                opacity: 1;
            }
            .promo-card[_ngcontent-ng-c760610768]:hover:before {
                z-index: -1;
            }
            .promo-card[_ngcontent-ng-c760610768]:hover .promo-image {
                transform: scale(1.02);
            }
        }
        .badge[_ngcontent-ng-c10168360] {
            --stb-label-casino: var(--stb-main-accent-base);
            position: relative;
            padding-block: 3px;
            padding-inline: 16px 12px;
            text-transform: uppercase;
            color: var(--stb-tint-neutral-100);
        }
        .badge[_ngcontent-ng-c10168360]:before {
            position: absolute;
            inset-block-start: 0;
            inset-inline-end: 0;
            width: 100%;
            height: 100%;
            background: var(--stb-label-casino);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 8px 100%);
            content: "";
        }
        html[dir="rtl"][_nghost-ng-c10168360] .badge[_ngcontent-ng-c10168360]:before,
        html[dir="rtl"] [_nghost-ng-c10168360] .badge[_ngcontent-ng-c10168360]:before {
            scale: -1 1;
        }
        .badge[_ngcontent-ng-c10168360]:after {
            position: absolute;
            inset-block-start: 100%;
            inset-inline-end: 0;
            width: 3px;
            height: 3px;
            clip-path: polygon(0 0, 0 100%, 100% 0);
            background-color: var(--stb-main-accent-d200);
            content: "";
        }
        html[dir="rtl"][_nghost-ng-c10168360] .badge[_ngcontent-ng-c10168360]:after,
        html[dir="rtl"] [_nghost-ng-c10168360] .badge[_ngcontent-ng-c10168360]:after {
            scale: -1 1;
        }
        .badge__label[_ngcontent-ng-c10168360] {
            z-index: 1;
            position: relative;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
        }
        .badge__label[_ngcontent-ng-c10168360]:empty,
        .badge__icon[_ngcontent-ng-c10168360]:empty {
            display: none;
        }
        .badge--m[_ngcontent-ng-c10168360],
        .badge--s[_ngcontent-ng-c10168360] {
            font-family: var(--stb-font-family-body-strong-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-xs, 12px);
            font-weight: var(--stb-font-weight-body-strong-xs, 700);
            line-height: var(--stb-line-height-body-strong-xs, 18px);
            letter-spacing: var(--stb-letter-spacing-body-strong-xs, 0);
            font-style: var(--stb-font-style-body-strong-xs, normal);
        }
        .badge--context-sport[_ngcontent-ng-c10168360] {
            color: var(--stb-text-neutral-100);
        }
        .badge--context-sport[_ngcontent-ng-c10168360]:before {
            background: var(--stb-tint-positive-300);
        }
        .badge--context-sport[_ngcontent-ng-c10168360]:after {
            background-color: var(--stb-tint-positive-150);
        }
        .badge--context-special[_ngcontent-ng-c10168360]:before {
            background: var(--stb-text-neutral-100);
        }
        .badge--context-special[_ngcontent-ng-c10168360]:after {
            background-color: var(--stb-tint-neutral-250);
        }
        .badge--context-seasonal[_ngcontent-ng-c10168360]:before {
            background: var(--stb-text-neutral-100);
        }
        .badge--context-seasonal[_ngcontent-ng-c10168360]:after {
            background-color: var(--stb-tint-neutral-250);
        }
        .badge--past[_ngcontent-ng-c10168360]:before {
            background: var(--stb-tint-neutral-500);
        }
        .badge--past[_ngcontent-ng-c10168360]:after {
            background-color: var(--stb-tint-neutral-300);
        }
        .thumbnail-game-link[_ngcontent-ng-c1487412701] {
            position: relative;
            grid-area: 1/1/-1/-1;
            border-radius: var(--stb-thumbnail-border-radius);
        }
        .thumbnail__favorite-block[_ngcontent-ng-c1487412701] {
            z-index: 1;
            grid-area: 1/2/2/-1;
            align-self: start;
            display: block;
            opacity: var(--stb-thumbnail-favorite-block-opacity);
            transition: opacity var(--stb-transition-time);
        }
        .thumbnail__favorite-block--active[_ngcontent-ng-c1487412701] {
            opacity: 1;
        }
        [_nghost-ng-c992960700] {
            --stb-thumbnail-border-radius: var(--stb-radius-xs);
            --stb-thumbnail-height: auto;
            --stb-thumbnail-aspect-ratio: 2 / 3;
            --stb-thumbnail-actions-grid-row-gap: 8px;
            --stb-thumbnail-play-font-size: 14px;
            --stb-thumbnail-play-padding: 0 8px;
            --stb-thumbnail-play-min-height: 36px;
            --stb-thumbnail-picture-background-size: 24px 24px;
            --stb-thumbnail-link-padding: 0 12px;
            --stb-thumbnail-link-font-size: 12px;
            --stb-thumbnail-link-line-height: 1.4;
            --stb-icon-sprite-svg-width: 16px;
            --stb-icon-sprite-svg-height: 16px;
            --stb-thumbnail-more-font-size: 12px;
            --stb-thumbnail-more-line-height: 1.4;
            --stb-thumbnail-index-font-size: 48px;
            --stb-thumbnail-index-letter-spacing: 9px;
            --stb-thumbnail-index-width: 44px;
            --stb-thumbnail-index-inner-offset: 12px;
            --stb-thumbnail-index-padding: 10px;
            display: grid;
            grid-template-rows: 1fr min-content;
            border-radius: var(--stb-thumbnail-border-radius);
            min-width: 100%;
            position: relative;
            z-index: 1;
        }
        [_nghost-ng-c992960700]:before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: var(--stb-thumbnail-border-radius);
            transition: var(--stb-transition-time);
            pointer-events: none;
        }
        [_nghost-ng-c992960700]:after {
            position: absolute;
            inset: -1px;
            z-index: -1;
            border-radius: var(--stb-thumbnail-border-radius);
            opacity: 0;
            background: linear-gradient(
                var(--stb-gradient-angle),
                var(--stb-border-animation-first-color) 0%,
                var(--stb-border-animation-second-color) 100%
            );
            transition: var(--stb-transition-time);
            content: "";
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c992960700] {
                --stb-thumbnail-actions-grid-row-gap: 16px;
                --stb-thumbnail-play-font-size: 16px;
                --stb-thumbnail-play-padding: 0 24px;
                --stb-thumbnail-play-min-height: 48px;
                --stb-thumbnail-picture-background-size: 32px 32px;
                --stb-thumbnail-link-padding: 0 16px;
                --stb-thumbnail-link-font-size: 16px;
                --stb-thumbnail-link-line-height: 1.6;
                --stb-icon-sprite-svg-width: 24px;
                --stb-icon-sprite-svg-height: 24px;
                --stb-thumbnail-more-font-size: 16px;
                --stb-thumbnail-more-line-height: 1.4;
                --stb-thumbnail-index-font-size: 76px;
                --stb-thumbnail-index-letter-spacing: 14px;
                --stb-thumbnail-index-width: 64px;
                --stb-thumbnail-index-inner-offset: 24px;
                --stb-thumbnail-index-padding: 20px;
            }
        }
        .thumbnail-size-s[_nghost-ng-c992960700] {
            --stb-thumbnail-actions-grid-row-gap: 8px;
            --stb-thumbnail-play-font-size: 14px;
            --stb-thumbnail-play-padding: 0 8px;
            --stb-thumbnail-play-min-height: 36px;
            --stb-thumbnail-picture-background-size: 24px 24px;
            --stb-thumbnail-link-padding: 0 12px;
            --stb-thumbnail-link-font-size: 12px;
            --stb-thumbnail-link-line-height: 1.4;
            --stb-icon-sprite-svg-width: 16px;
            --stb-icon-sprite-svg-height: 16px;
            --stb-thumbnail-more-font-size: 12px;
            --stb-thumbnail-more-line-height: 1.4;
            --stb-thumbnail-index-font-size: 48px;
            --stb-thumbnail-index-letter-spacing: 9px;
            --stb-thumbnail-index-width: 44px;
            --stb-thumbnail-index-inner-offset: 12px;
            --stb-thumbnail-index-padding: 10px;
        }
        .thumbnail-size-l[_nghost-ng-c992960700] {
            --stb-thumbnail-actions-grid-row-gap: 16px;
            --stb-thumbnail-play-font-size: 16px;
            --stb-thumbnail-play-padding: 0 24px;
            --stb-thumbnail-play-min-height: 48px;
            --stb-thumbnail-picture-background-size: 32px 32px;
            --stb-thumbnail-link-padding: 0 16px;
            --stb-thumbnail-link-font-size: 16px;
            --stb-thumbnail-link-line-height: 1.6;
            --stb-icon-sprite-svg-width: 24px;
            --stb-icon-sprite-svg-height: 24px;
            --stb-thumbnail-more-font-size: 16px;
            --stb-thumbnail-more-line-height: 1.4;
            --stb-thumbnail-index-font-size: 76px;
            --stb-thumbnail-index-letter-spacing: 14px;
            --stb-thumbnail-index-width: 64px;
            --stb-thumbnail-index-inner-offset: 24px;
            --stb-thumbnail-index-padding: 20px;
        }
        .thumbnail-ratio-1x1[_nghost-ng-c992960700] {
            --stb-thumbnail-aspect-ratio: 1 / 1;
        }
        .thumbnail-ratio-2x3[_nghost-ng-c992960700] {
            --stb-thumbnail-aspect-ratio: 2 / 3;
        }
        .thumbnail-ratio-3x2[_nghost-ng-c992960700] {
            --stb-thumbnail-aspect-ratio: 3 / 2;
        }
        .thumbnail-ratio-9x21[_nghost-ng-c992960700] {
            --stb-thumbnail-aspect-ratio: 9 / 21;
        }
        .skeleton[_nghost-ng-c992960700]:after {
            bottom: auto;
            height: var(--stb-thumbnail-height);
            aspect-ratio: var(--stb-thumbnail-aspect-ratio);
        }
        .empty[_nghost-ng-c992960700] {
            background: none;
        }
        .empty[_nghost-ng-c992960700]:before {
            position: static;
            aspect-ratio: var(--stb-thumbnail-aspect-ratio);
            width: 100%;
            height: var(--stb-thumbnail-height);
            background: var(--stb-thumbnail-empty-img-bg-path) no-repeat
                center/var(--stb-thumbnail-picture-background-size) var(--stb-tint-neutral-50);
        }
        .empty[_nghost-ng-c992960700]:after {
            content: none;
        }
        .loading[_nghost-ng-c992960700] {
            aspect-ratio: var(--stb-thumbnail-aspect-ratio);
            background: var(--stb-tint-neutral-50);
            border-radius: var(--stb-thumbnail-border-radius);
            color: var(--stb-text-accent-base);
        }
        .link[_nghost-ng-c992960700] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            aspect-ratio: var(--stb-thumbnail-aspect-ratio);
            border-radius: var(--stb-thumbnail-border-radius);
            color: var(--stb-text-neutral-300);
            word-break: break-word;
            transition:
                background-color var(--stb-transition-time),
                color var(--stb-transition-time);
        }
        .link[_nghost-ng-c992960700]:before {
            display: block;
            position: absolute;
            z-index: -1;
            background: var(--stb-tint-neutral-50);
        }
        .link[_nghost-ng-c992960700]:after {
            content: none;
        }
        @media (hover: hover) and (pointer: fine) {
            .link[_nghost-ng-c992960700]:hover {
                color: var(--stb-text-neutral-200);
            }
            .link[_nghost-ng-c992960700]:hover:before {
                background: var(--stb-tint-neutral-150);
            }
        }
        .more[_nghost-ng-c992960700] {
            grid-template: 1fr / minmax(0, 1fr);
            align-items: center;
            width: 100%;
            aspect-ratio: var(--stb-thumbnail-aspect-ratio);
            border-radius: var(--stb-thumbnail-border-radius);
            color: var(--stb-main-brand-contrast);
            word-break: break-word;
            text-transform: uppercase;
        }
        @media (hover: hover) and (pointer: fine) {
            .more[_nghost-ng-c992960700]:hover {
                color: var(--stb-main-accent-base);
            }
        }
        .shorts[_nghost-ng-c992960700] {
            display: contents;
            border-radius: var(--stb-thumbnail-border-radius);
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c992960700]:hover:after {
                animation-name: thumbnail-carrousel;
                animation-duration: 2s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
                opacity: 1;
            }
            [_nghost-ng-c992960700]:hover:before {
                z-index: -1;
            }
            [_nghost-ng-c992960700]:hover .thumbnail__jackpot[_ngcontent-ng-c992960700] {
                opacity: 0;
            }
        }
        .thumbnail__label[_ngcontent-ng-c992960700] {
            font-family: var(--stb-font-family-body-strong-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-xs, 12px);
            font-weight: var(--stb-font-weight-body-strong-xs, 700);
            line-height: var(--stb-line-height-body-strong-xs, 18px);
            letter-spacing: var(--stb-letter-spacing-body-strong-xs, 0);
            font-style: var(--stb-font-style-body-strong-xs, normal);
            position: relative;
            z-index: 1;
            inset-block-end: 4px;
            inset-inline-start: -2px;
            grid-area: 2/1/2/2;
            align-self: end;
            width: max-content;
            opacity: var(--stb-thumbnail-label-opacity);
            transition: opacity var(--stb-transition-time);
        }
        .thumbnail__label[_ngcontent-ng-c992960700]:before {
            content: "";
            position: absolute;
            inset-inline-start: 0;
            inset-block-end: 100%;
            width: 2px;
            height: 3px;
            clip-path: polygon(0 100%, 100% 0%, 100% 100%);
            background: var(--stb-label-corner-bg);
        }
        .thumbnail__label--inner[_ngcontent-ng-c992960700] {
            width: max-content;
            height: 20px;
            padding-block: 1px;
            padding-inline: 6px 10px;
            clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
            border-bottom-left-radius: var(--stb-thumbnail-border-radius);
            background: var(--stb-label-bg);
        }
        .thumbnail__label--new[_ngcontent-ng-c992960700] {
            --stb-label-bg: var(--stb-tint-positive-300);
            --stb-label-corner-bg: var(--stb-tint-positive-200);
            color: var(--stb-main-brand-contrast);
            filter: drop-shadow(0 4px 4px rgba(5, 40, 12, 0.5));
        }
        .thumbnail__label--dropAndWins[_ngcontent-ng-c992960700] {
            grid-area: 1/1/2/2;
            align-self: start;
            inset-block-start: 0;
            inset-block-end: unset;
            transform: unset;
            width: 32px;
            height: 32px;
            background: url(dropnwin.89af8e0ff70d5ccf.svg) no-repeat center/cover;
            border-top-left-radius: var(--stb-thumbnail-border-radius);
        }
        .thumbnail__label--dropAndWins[_ngcontent-ng-c992960700] .thumbnail__label--inner[_ngcontent-ng-c992960700] {
            display: none;
        }
        @media screen and (min-width: 1280px) {
            .thumbnail__label--dropAndWins[_ngcontent-ng-c992960700] {
                width: 40px;
                height: 40px;
            }
        }
        html[dir="rtl"][_nghost-ng-c992960700] .thumbnail__label--dropAndWins[_ngcontent-ng-c992960700],
        html[dir="rtl"] [_nghost-ng-c992960700] .thumbnail__label--dropAndWins[_ngcontent-ng-c992960700] {
            background-image: url(dropnwin-reverted.1ee7e4601258b88d.svg);
            border-top-left-radius: 0;
            border-top-right-radius: var(--stb-thumbnail-border-radius);
        }
        .thumbnail__label--exclusive[_ngcontent-ng-c992960700] {
            --stb-label-bg: var(--stb-text-warning-base);
            --stb-label-corner-bg: var(--stb-tint-warning-200);
            color: var(--stb-text-neutral-950);
            filter: drop-shadow(0 4px 4px rgba(88, 0, 22, 0.5));
        }
        html[dir="rtl"][_nghost-ng-c992960700] .thumbnail__label[_ngcontent-ng-c992960700]:before,
        html[dir="rtl"] [_nghost-ng-c992960700] .thumbnail__label[_ngcontent-ng-c992960700]:before {
            clip-path: polygon(100% 0, 0 0, 0 100%);
        }
        html[dir="rtl"][_nghost-ng-c992960700]
            .thumbnail__label[_ngcontent-ng-c992960700]
            .thumbnail__label--inner[_ngcontent-ng-c992960700],
        html[dir="rtl"]
            [_nghost-ng-c992960700]
            .thumbnail__label[_ngcontent-ng-c992960700]
            .thumbnail__label--inner[_ngcontent-ng-c992960700] {
            clip-path: polygon(100% 0, 0 0, 6px 100%, 100% 100%);
            border-top-left-radius: unset;
            border-top-right-radius: var(--stb-thumbnail-border-radius);
        }
        .thumbnail[_ngcontent-ng-c992960700] {
            position: relative;
            grid-area: 1/1/2/-1;
            display: grid;
            grid-template-rows: min-content 1fr;
            grid-template-columns: 1fr min-content;
            border-radius: var(--stb-thumbnail-border-radius) var(--stb-thumbnail-border-radius) 0 0;
        }
        .thumbnail[_ngcontent-ng-c992960700]:before {
            grid-area: 1/1/-1/-1;
            aspect-ratio: var(--stb-thumbnail-aspect-ratio);
            width: 100%;
            content: "";
        }
        .thumbnail[_ngcontent-ng-c992960700]:has(.live-thumbnail__badge)
            .thumbnail__label--new[_ngcontent-ng-c992960700] {
            bottom: 30px;
        }
        [_nghost-ng-c992960700] .thumbnail-picture {
            --stb-picture-width: 100%;
            --stb-picture-height: 100%;
            --stb-picture-object-fit: cover;
            position: relative;
            overflow: hidden;
            grid-area: 1/1/2/-1;
            background: var(--stb-thumbnail-empty-img-bg-path) no-repeat
                center/var(--stb-thumbnail-picture-background-size) var(--stb-tint-neutral-50);
            border-radius: var(--stb-thumbnail-border-radius);
            contain: content;
        }
        [_nghost-ng-c992960700] .thumbnail-picture__image {
            position: absolute;
        }
        .thumbnail-name[_ngcontent-ng-c992960700] {
            font-family: var(--stb-font-family-body-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-xs, 12px);
            font-weight: var(--stb-font-weight-body-xs, 400);
            line-height: var(--stb-line-height-body-xs, 18px);
            letter-spacing: var(--stb-letter-spacing-body-xs, -0.25px);
            font-style: var(--stb-font-style-body-xs, normal);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            grid-area: 2/1/3/-1;
            margin-top: 8px;
            color: var(--stb-text-neutral-300);
        }
        .thumbnail-name--hidden[_ngcontent-ng-c992960700] {
            z-index: -1;
            grid-area: 1/1/-1/-1;
        }
        .thumbnail__interaction[_ngcontent-ng-c992960700] {
            --stb-icon-sprite-svg-width: 16px;
            --stb-icon-sprite-svg-height: 16px;
            --stb-icon-fill-color: var(--stb-main-brand-contrast);
            --stb-icon-stroke-color: var(--stb-main-brand-contrast);
            position: relative;
            z-index: 1;
            grid-area: 1/1/-1/-1;
            align-self: end;
            justify-self: right;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 28px;
            height: 28px;
            color: var(--stb-main-brand-contrast);
            border-radius: var(--stb-radius-xs) 0;
            opacity: var(--stb-thumbnail-intercation-opacity);
            transition: opacity var(--stb-transition-time);
            overflow: hidden;
        }
        .thumbnail__interaction[_ngcontent-ng-c992960700]:after {
            content: "";
            position: absolute;
            width: 200%;
            height: 200%;
            background-color: var(--stb-main-brand-d100);
            inset: 0 0 0 -30%;
            transform-origin: 50% 50%;
            transform: rotate(45deg);
            z-index: -1;
        }
        .thumbnail__jackpot[_ngcontent-ng-c992960700] {
            font-family: var(--stb-font-family-body-strong-xxs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-xxs, 10px);
            font-weight: var(--stb-font-weight-body-strong-xxs, 700);
            line-height: var(--stb-line-height-body-strong-xxs, 16px);
            letter-spacing: var(--stb-letter-spacing-body-strong-xxs, 0);
            font-style: var(--stb-font-style-body-strong-xxs, normal);
            grid-area: 1/1/-1/-1;
            align-self: end;
            padding: 2px 6px;
            text-align: center;
            word-break: break-word;
            font-size: var(--stb-jackpot-font-size, 12px);
            line-height: 18px;
            color: var(--stb-main-accent-base);
            transition: opacity var(--stb-transition-time);
            position: relative;
            z-index: var(--stb-jackpot-index, 1);
            width: calc(100% + 4px);
            background: var(--stb-thumbnail-jackpot-background, var(--stb-main-brand-d200));
            inset-inline-start: -2px;
            box-shadow: 0 -2px 2px #57001640;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        @media screen and (min-width: 1280px) {
            .thumbnail__jackpot[_ngcontent-ng-c992960700] {
                --stb-jackpot-font-size: 14px;
                line-height: 20px;
                padding: 4px 12px;
            }
        }
        .thumbnail__jackpot[_ngcontent-ng-c992960700]:before,
        .thumbnail__jackpot[_ngcontent-ng-c992960700]:after {
            content: "";
            position: absolute;
            z-index: -1;
            width: 2px;
            height: 3px;
            background: var(--stb-tint-brand-50);
            bottom: 100%;
        }
        .thumbnail__jackpot[_ngcontent-ng-c992960700]:before {
            left: 0;
            clip-path: polygon(0 100%, 100% 0%, 100% 100%);
        }
        .thumbnail__jackpot[_ngcontent-ng-c992960700]:after {
            right: 0;
            clip-path: polygon(0 0, 100% 0%, 100% 100%);
        }
        .thumbnail__jackpot[_ngcontent-ng-c992960700]:empty {
            display: none;
        }
        .thumbnail__actions[_ngcontent-ng-c992960700] {
            display: none;
        }
        @media (hover: hover) and (pointer: fine) {
            .thumbnail__actions[_ngcontent-ng-c992960700] {
                display: grid;
                grid-area: 1/1/-1/-1;
                grid-auto-rows: min-content;
                grid-template-columns: auto;
                align-content: center;
                justify-content: center;
                justify-items: center;
                grid-row-gap: var(--stb-thumbnail-actions-grid-row-gap);
                border-radius: var(--stb-thumbnail-border-radius);
                opacity: var(--stb-thumbnail-actions-opacity);
                transition: opacity var(--stb-transition-time);
            }
            .thumbnail__actions[_ngcontent-ng-c992960700]:before {
                position: absolute;
                inset: 0;
                background: var(--stb-thumbnail-actions-tile-hover-background, var(--stb-main-brand-base));
                border-radius: var(--stb-thumbnail-border-radius);
                opacity: 0.75;
                content: "";
            }
        }
        .thumbnail__actions[_ngcontent-ng-c992960700]:empty {
            display: none;
        }
        .thumbnail__actions--mosaic[_ngcontent-ng-c992960700] {
            --stb-thumbnail-actions-tile-hover-background: var(--stb-game-card-hover-tile-background-color);
        }
        .thumbnail__favorite-block[_ngcontent-ng-c992960700] {
            z-index: 1;
            grid-area: 1/2/2/-1;
            align-self: start;
            display: block;
            opacity: var(--stb-thumbnail-favorite-block-opacity);
            transition: opacity var(--stb-transition-time);
        }
        .thumbnail__favorite-block--active[_ngcontent-ng-c992960700] {
            opacity: 1;
        }
        .placeholder-title[_ngcontent-ng-c992960700] {
            width: 40%;
            height: 16px;
            margin-top: 8px;
            border-radius: var(--stb-radius-sm);
        }
        .thumbnail-link[_ngcontent-ng-c992960700],
        .thumbnail-more[_ngcontent-ng-c992960700],
        .thumbnail-loading[_ngcontent-ng-c992960700] {
            grid-area: 1/1/-1/-1;
            display: inline-grid;
            justify-items: center;
            align-content: center;
            padding: var(--stb-thumbnail-link-padding);
            text-align: center;
        }
        .thumbnail-link[_ngcontent-ng-c992960700] {
            font-family: var(--stb-font-family-body-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-xs, 12px);
            font-weight: var(--stb-font-weight-body-xs, 400);
            line-height: var(--stb-line-height-body-xs, 18px);
            letter-spacing: var(--stb-letter-spacing-body-xs, -0.25px);
            font-style: var(--stb-font-style-body-xs, normal);
            grid-row-gap: 8px;
        }
        @media screen and (min-width: 1280px) {
            .thumbnail-link[_ngcontent-ng-c992960700] {
                font-family: var(--stb-font-family-body-md, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-body-md, 16px);
                font-weight: var(--stb-font-weight-body-md, 400);
                line-height: var(--stb-line-height-body-md, 22px);
                letter-spacing: var(--stb-letter-spacing-body-md, -0.25px);
                font-style: var(--stb-font-style-body-md, normal);
                font-size: var(--stb-thumbnail-link-font-size);
                line-height: var(--stb-thumbnail-link-line-height);
            }
        }
        .thumbnail-more[_ngcontent-ng-c992960700] {
            font-family: var(--stb-font-family-body-strong-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-sm, 14px);
            font-weight: var(--stb-font-weight-body-strong-sm, 700);
            line-height: var(--stb-line-height-body-strong-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-body-strong-sm, 0);
            font-style: var(--stb-font-style-body-strong-sm, normal);
            position: absolute;
            inset: 0;
            background-image: var(--stb-more-games-card-bg-path);
            background-color: var(--stb-tint-brand-300);
            transition: background-color var(--stb-transition-time);
        }
        @media (hover: hover) and (pointer: fine) {
            .thumbnail-more[_ngcontent-ng-c992960700]:hover {
                background-color: var(--stb-text-brand-d200);
            }
        }
        @media screen and (min-width: 1280px) {
            .thumbnail-more[_ngcontent-ng-c992960700] {
                font-family: var(--stb-font-family-body-strong-md, "Roboto Condensed"), "Arial", sans-serif;
                font-size: var(--stb-font-size-body-strong-md, 16px);
                font-weight: var(--stb-font-weight-body-strong-md, 700);
                line-height: var(--stb-line-height-body-strong-md, 22px);
                letter-spacing: var(--stb-letter-spacing-body-strong-md, 0);
                font-style: var(--stb-font-style-body-strong-md, normal);
                font-size: var(--stb-thumbnail-more-font-size);
                line-height: var(--stb-thumbnail-more-line-height);
            }
        }
        .thumbnail-loading[_ngcontent-ng-c992960700] {
            background: var(--stb-tint-neutral-50);
        }
        [_nghost-ng-c992960700]:has(.thumbnail__jackpot:not(:empty)) .thumbnail__label[_ngcontent-ng-c992960700] {
            inset-block-end: 26px;
        }
        @media screen and (min-width: 1280px) {
            [_nghost-ng-c992960700]:has(.thumbnail__jackpot:not(:empty)) .thumbnail__label[_ngcontent-ng-c992960700] {
                inset-block-end: 32px;
            }
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c992960700]:hover {
                --stb-thumbnail-label-opacity: 0;
                --stb-thumbnail-actions-opacity: 1;
                --stb-thumbnail-favorite-block-opacity: 1;
                --stb-jackpot-index: 0;
            }
        }
        [_nghost-ng-c1633097818] {
            font-family: var(--stb-font-family-body-strong-sm, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-body-strong-sm, 14px);
            font-weight: var(--stb-font-weight-body-strong-sm, 700);
            line-height: var(--stb-line-height-body-strong-sm, 20px);
            letter-spacing: var(--stb-letter-spacing-body-strong-sm, 0);
            font-style: var(--stb-font-style-body-strong-sm, normal);
            z-index: 1;
            position: relative;
            display: inline-grid;
            color: var(--stb-main-neutral-contrast);
            transition: opacity var(--stb-transition-time);
            cursor: pointer;
        }
        @media (hover: hover) and (pointer: fine) {
            [_nghost-ng-c1633097818]:hover {
                color: var(--stb-text-accent-base);
            }
        }
        [_nghost-ng-c1633097818]:active {
            color: var(--stb-tint-accent-300);
        }
        .play-button[_ngcontent-ng-c618902897] {
            font-family: var(--stb-font-family-button-xs, "Roboto Condensed"), "Arial", sans-serif;
            font-size: var(--stb-font-size-button-xs, 14px);
            font-weight: var(--stb-font-weight-button-xs, 500);
            line-height: var(--stb-line-height-button-xs, 22px);
            letter-spacing: var(--stb-letter-spacing-button-xs, 0);
            text-transform: var(--stb-text-transform-button-xs, uppercase);
            font-style: var(--stb-font-style-button-xs, normal);
            display: flex;
            align-items: center;
            min-height: var(--stb-thumbnail-play-min-height);
            font-size: var(--stb-thumbnail-play-font-size);
            border-radius: var(--stb-radius-xs);
            z-index: 1;
            position: relative;
            background: var(--stb-text-accent-base);
            color: var(--stb-text-neutral-950);
            padding: var(--stb-thumbnail-play-padding);
            transition: background-color var(--stb-transition-time);
            cursor: pointer;
        }
        @media (hover: hover) and (pointer: fine) {
            .play-button[_ngcontent-ng-c618902897]:hover {
                background: var(--stb-text-accent-l200);
            }
        }
        .play-button[_ngcontent-ng-c618902897]:active {
            background: var(--stb-tint-accent-300);
        }