:root {
    --sf-img-15: url("images/dark-overlay-pattern.png");
    --sf-img-17: url("images/koi-pattern.png");
    --sf-img-22: url("images/red-dragon-background.png")
}

:host,
:root {
    --fa-font-solid: normal 900 1em/1"Font Awesome 6 Pro";
    --fa-font-regular: normal 400 1em/1"Font Awesome 6 Pro";
    --fa-font-light: normal 300 1em/1"Font Awesome 6 Pro";
    --fa-font-thin: normal 100 1em/1"Font Awesome 6 Pro";
    --fa-font-duotone: normal 900 1em/1"Font Awesome 6 Duotone";
    --fa-font-duotone-regular: normal 400 1em/1"Font Awesome 6 Duotone";
    --fa-font-duotone-light: normal 300 1em/1"Font Awesome 6 Duotone";
    --fa-font-duotone-thin: normal 100 1em/1"Font Awesome 6 Duotone";
    --fa-font-brands: normal 400 1em/1"Font Awesome 6 Brands";
    --fa-font-sharp-solid: normal 900 1em/1"Font Awesome 6 Sharp";
    --fa-font-sharp-regular: normal 400 1em/1"Font Awesome 6 Sharp";
    --fa-font-sharp-light: normal 300 1em/1"Font Awesome 6 Sharp";
    --fa-font-sharp-thin: normal 100 1em/1"Font Awesome 6 Sharp";
    --fa-font-sharp-duotone-solid: normal 900 1em/1"Font Awesome 6 Sharp Duotone";
    --fa-font-sharp-duotone-regular: normal 400 1em/1"Font Awesome 6 Sharp Duotone";
    --fa-font-sharp-duotone-light: normal 300 1em/1"Font Awesome 6 Sharp Duotone";
    --fa-font-sharp-duotone-thin: normal 100 1em/1"Font Awesome 6 Sharp Duotone"
}

svg:not(:host).svg-inline--fa,
svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box
}

.svg-inline--fa {
    display: var(--fa-display, inline-block);
    vertical-align: -.125em
}

@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        transform: scale(1, 1) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {

    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,
    8% {
        transform: rotate(-18deg)
    }

    12%,
    28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    100%,
    40% {
        transform: rotate(0)
    }
}

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

    100% {
        transform: rotate(360deg)
    }
}

.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.smartbanner {
    position: absolute;
    top: -84px;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 84px;
    font-family: Helvetica, sans, sans-serif
}

.smartbanner__exit::before,
.smartbanner__exit::after {
    position: absolute;
    width: 1px;
    height: 12px;
    background: #fff;
    content: " "
}

.smartbanner__exit::before {
    transform: rotate(45deg)
}

.smartbanner__exit::after {
    transform: rotate(-45deg)
}

.smartbanner.smartbanner--android {
    background: #3d3d3d url(images/smartbanner-android-background.gif);
    box-shadow: inset 0 4px 0#88b131
}

.smartbanner.smartbanner--android .smartbanner__exit::before,
.smartbanner.smartbanner--android .smartbanner__exit::after {
    top: 3px;
    left: 8px;
    width: 2px;
    height: 11px;
    background: #b1b1b3
}

.smartbanner.smartbanner--android .smartbanner__exit:active,
.smartbanner.smartbanner--android .smartbanner__exit:hover {
    color: #eee
}

.smartbanner.smartbanner--android .smartbanner__button:active,
.smartbanner.smartbanner--android .smartbanner__button:hover {
    background: none
}

.smartbanner.smartbanner--android .smartbanner__button__label:active,
.smartbanner.smartbanner--android .smartbanner__button__label:hover {
    background: #2ac7e1
}

.hide-smartapp-banner .smartbanner {
    display: none !important
}

.react-calendar :after,
.react-calendar :before {
    box-sizing: border-box
}

.react-calendar button:enabled:hover {
    cursor: pointer
}

.react-calendar__navigation button:enabled:focus,
.react-calendar__navigation button:enabled:hover {
    background-color: #e6e6e6
}

.react-calendar__tile:disabled {
    background-color: #f0f0f0
}

.react-calendar__tile:enabled:focus,
.react-calendar__tile:enabled:hover {
    background-color: #e6e6e6
}

.react-calendar__tile--now:enabled:focus,
.react-calendar__tile--now:enabled:hover {
    background: #ffffa9
}

.react-calendar__tile--hasActive:enabled:focus,
.react-calendar__tile--hasActive:enabled:hover {
    background: #a9d4ff
}

.react-calendar__tile--active:enabled:focus,
.react-calendar__tile--active:enabled:hover {
    background: #1087ff
}

.react-date-picker :after,
.react-date-picker :before {
    box-sizing: border-box
}

.react-date-picker__inputGroup__input::-webkit-inner-spin-button,
.react-date-picker__inputGroup__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-date-picker__inputGroup__input:invalid {
    background: rgba(255, 0, 0, .1)
}

.react-date-picker__button:enabled {
    cursor: pointer
}

.react-date-picker__button:enabled:focus .react-date-picker__button__icon,
.react-date-picker__button:enabled:hover .react-date-picker__button__icon {
    stroke: #0078d7
}

.react-date-picker__button:disabled .react-date-picker__button__icon {
    stroke: #6d6d6d
}

.carousel.carousel-slider .control-arrow,
.carousel .control-arrow {
    transition: all .25s ease-in;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 2;
    background: none;
    border: 0
}

.carousel .control-arrow:focus,
.carousel .control-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel.carousel-slider .control-arrow:before,
.carousel .control-arrow:before {
    margin: 0 5px;
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: ""
}

.carousel .control-disabled.control-arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: inherit
}

.carousel .control-prev.control-arrow {
    left: 0
}

.carousel .control-prev.control-arrow:before {
    border-right: 8px solid #fff
}

.carousel .control-next.control-arrow {
    right: 0
}

.carousel .control-next.control-arrow:before {
    border-left: 8px solid #fff
}

.carousel-root {
    outline: none
}

.carousel * {
    box-sizing: border-box
}

.carousel img {
    display: inline-block;
    pointer-events: none
}

.carousel .control-arrow {
    outline: 0
}

.carousel .thumb:focus {
    border: 3px solid #ccc;
    outline: none
}

.carousel .thumb:hover {
    border: 3px solid #333
}

.carousel.carousel-slider {
    position: relative;
    margin: 0;
    overflow: hidden
}

.carousel.carousel-slider .control-arrow {
    top: 0;
    color: #fff;
    font-size: 26px;
    bottom: 0;
    margin-top: 0;
    padding: 5px
}

.carousel.carousel-slider .control-arrow:hover {
    background: rgba(0, 0, 0, .2)
}

.carousel .slider-wrapper {
    overflow: hidden;
    margin: auto;
    width: 100%;
    transition: height .15s ease-in
}

.carousel .slider-wrapper.axis-horizontal .slider {
    -ms-box-orient: horizontal;
    display: flex
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
    flex-direction: column;
    flex-flow: column
}

.carousel .slider {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%
}

.carousel .slider.animated {
    transition: all .35s ease-in-out
}

.carousel .slide {
    min-width: 100%;
    margin: 0;
    position: relative;
    text-align: center
}

.carousel .slide img {
    width: 100%;
    vertical-align: top;
    border: 0
}

.carousel .control-dots {
    position: absolute;
    padding: 0;
    text-align: center;
    z-index: 1
}

@media (min-width:960px) {
    .carousel .control-dots {
        bottom: 0
    }
}

.carousel .control-dots .dot:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel:hover .slide .legend {
    opacity: 1
}

@keyframes go2264125279 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go3020080000 {
    from {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes go463499852 {
    from {
        transform: scale(0) rotate(90deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(90deg);
        opacity: 1
    }
}

@keyframes go1268368563 {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes go1310225428 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go651618207 {
    0% {
        height: 0;
        width: 0;
        opacity: 0
    }

    40% {
        height: 0;
        width: 6px;
        opacity: 1
    }

    100% {
        opacity: 1;
        height: 10px
    }
}

@keyframes go901347462 {
    from {
        transform: scale(0.6);
        opacity: 0.4
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes react-spinners-PulseLoader-pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    45% {
        transform: scale(0.1);
        opacity: 0.7
    }

    80% {
        transform: scale(1);
        opacity: 1
    }
}

:host,
:root,
[data-theme] {
    --chakra-ring-inset: var(--chakra-empty, );
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0#0000;
    --chakra-ring-shadow: 0 0#0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --bc-colors-transparent: transparent;
    --bc-colors-current: currentColor;
    --bc-colors-black: #000000;
    --bc-colors-white: #FFFFFF;
    --bc-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --bc-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --bc-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --bc-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --bc-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --bc-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --bc-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --bc-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --bc-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
    --bc-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --bc-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --bc-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --bc-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --bc-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --bc-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --bc-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --bc-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --bc-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --bc-colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
    --bc-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --bc-colors-gray-50: #F7FAFC;
    --bc-colors-gray-100: #EDF2F7;
    --bc-colors-gray-200: #E2E8F0;
    --bc-colors-gray-300: #CBD5E0;
    --bc-colors-gray-400: #A0AEC0;
    --bc-colors-gray-500: #718096;
    --bc-colors-gray-600: #4A5568;
    --bc-colors-gray-700: #2D3748;
    --bc-colors-gray-800: #1A202C;
    --bc-colors-gray-900: #171923;
    --bc-colors-red-50: #FFF5F5;
    --bc-colors-red-100: #FED7D7;
    --bc-colors-red-200: #FEB2B2;
    --bc-colors-red-300: #FC8181;
    --bc-colors-red-400: #F56565;
    --bc-colors-red-500: #E53E3E;
    --bc-colors-red-600: #C53030;
    --bc-colors-red-700: #9B2C2C;
    --bc-colors-red-800: #822727;
    --bc-colors-red-900: #63171B;
    --bc-colors-orange-50: #FFFAF0;
    --bc-colors-orange-100: #FEEBC8;
    --bc-colors-orange-200: #FBD38D;
    --bc-colors-orange-300: #F6AD55;
    --bc-colors-orange-400: #ED8936;
    --bc-colors-orange-500: #DD6B20;
    --bc-colors-orange-600: #C05621;
    --bc-colors-orange-700: #9C4221;
    --bc-colors-orange-800: #7B341E;
    --bc-colors-orange-900: #652B19;
    --bc-colors-yellow-50: #FFFFF0;
    --bc-colors-yellow-100: #FEFCBF;
    --bc-colors-yellow-200: #FAF089;
    --bc-colors-yellow-300: #F6E05E;
    --bc-colors-yellow-400: #ECC94B;
    --bc-colors-yellow-500: #D69E2E;
    --bc-colors-yellow-600: #B7791F;
    --bc-colors-yellow-700: #975A16;
    --bc-colors-yellow-800: #744210;
    --bc-colors-yellow-900: #5F370E;
    --bc-colors-green-50: #F0FFF4;
    --bc-colors-green-100: #C6F6D5;
    --bc-colors-green-200: #9AE6B4;
    --bc-colors-green-300: #68D391;
    --bc-colors-green-400: #48BB78;
    --bc-colors-green-500: #38A169;
    --bc-colors-green-600: #2F855A;
    --bc-colors-green-700: #276749;
    --bc-colors-green-800: #22543D;
    --bc-colors-green-900: #1C4532;
    --bc-colors-teal-50: #E6FFFA;
    --bc-colors-teal-100: #B2F5EA;
    --bc-colors-teal-200: #81E6D9;
    --bc-colors-teal-300: #4FD1C5;
    --bc-colors-teal-400: #38B2AC;
    --bc-colors-teal-500: #319795;
    --bc-colors-teal-600: #2C7A7B;
    --bc-colors-teal-700: #285E61;
    --bc-colors-teal-800: #234E52;
    --bc-colors-teal-900: #1D4044;
    --bc-colors-blue-50: #ebf8ff;
    --bc-colors-blue-100: #bee3f8;
    --bc-colors-blue-200: #90cdf4;
    --bc-colors-blue-300: #63b3ed;
    --bc-colors-blue-400: #4299e1;
    --bc-colors-blue-500: #3182ce;
    --bc-colors-blue-600: #2b6cb0;
    --bc-colors-blue-700: #2c5282;
    --bc-colors-blue-800: #2a4365;
    --bc-colors-blue-900: #1A365D;
    --bc-colors-cyan-50: #EDFDFD;
    --bc-colors-cyan-100: #C4F1F9;
    --bc-colors-cyan-200: #9DECF9;
    --bc-colors-cyan-300: #76E4F7;
    --bc-colors-cyan-400: #0BC5EA;
    --bc-colors-cyan-500: #00B5D8;
    --bc-colors-cyan-600: #00A3C4;
    --bc-colors-cyan-700: #0987A0;
    --bc-colors-cyan-800: #086F83;
    --bc-colors-cyan-900: #065666;
    --bc-colors-purple-50: #FAF5FF;
    --bc-colors-purple-100: #E9D8FD;
    --bc-colors-purple-200: #D6BCFA;
    --bc-colors-purple-300: #B794F4;
    --bc-colors-purple-400: #9F7AEA;
    --bc-colors-purple-500: #805AD5;
    --bc-colors-purple-600: #6B46C1;
    --bc-colors-purple-700: #553C9A;
    --bc-colors-purple-800: #44337A;
    --bc-colors-purple-900: #322659;
    --bc-colors-pink-50: #FFF5F7;
    --bc-colors-pink-100: #FED7E2;
    --bc-colors-pink-200: #FBB6CE;
    --bc-colors-pink-300: #F687B3;
    --bc-colors-pink-400: #ED64A6;
    --bc-colors-pink-500: #D53F8C;
    --bc-colors-pink-600: #B83280;
    --bc-colors-pink-700: #97266D;
    --bc-colors-pink-800: #702459;
    --bc-colors-pink-900: #521B41;
    --bc-colors-linkedin-50: #E8F4F9;
    --bc-colors-linkedin-100: #CFEDFB;
    --bc-colors-linkedin-200: #9BDAF3;
    --bc-colors-linkedin-300: #68C7EC;
    --bc-colors-linkedin-400: #34B3E4;
    --bc-colors-linkedin-500: #00A0DC;
    --bc-colors-linkedin-600: #008CC9;
    --bc-colors-linkedin-700: #0077B5;
    --bc-colors-linkedin-800: #005E93;
    --bc-colors-linkedin-900: #004471;
    --bc-colors-facebook-50: #E8F4F9;
    --bc-colors-facebook-100: #D9DEE9;
    --bc-colors-facebook-200: #B7C2DA;
    --bc-colors-facebook-300: #6482C0;
    --bc-colors-facebook-400: #4267B2;
    --bc-colors-facebook-500: #385898;
    --bc-colors-facebook-600: #314E89;
    --bc-colors-facebook-700: #29487D;
    --bc-colors-facebook-800: #223B67;
    --bc-colors-facebook-900: #1E355B;
    --bc-colors-messenger-50: #D0E6FF;
    --bc-colors-messenger-100: #B9DAFF;
    --bc-colors-messenger-200: #A2CDFF;
    --bc-colors-messenger-300: #7AB8FF;
    --bc-colors-messenger-400: #2E90FF;
    --bc-colors-messenger-500: #0078FF;
    --bc-colors-messenger-600: #0063D1;
    --bc-colors-messenger-700: #0052AC;
    --bc-colors-messenger-800: #003C7E;
    --bc-colors-messenger-900: #002C5C;
    --bc-colors-whatsapp-50: #dffeec;
    --bc-colors-whatsapp-100: #b9f5d0;
    --bc-colors-whatsapp-200: #90edb3;
    --bc-colors-whatsapp-300: #65e495;
    --bc-colors-whatsapp-400: #3cdd78;
    --bc-colors-whatsapp-500: #22c35e;
    --bc-colors-whatsapp-600: #179848;
    --bc-colors-whatsapp-700: #0c6c33;
    --bc-colors-whatsapp-800: #01421c;
    --bc-colors-whatsapp-900: #001803;
    --bc-colors-twitter-50: #E5F4FD;
    --bc-colors-twitter-100: #C8E9FB;
    --bc-colors-twitter-200: #A8DCFA;
    --bc-colors-twitter-300: #83CDF7;
    --bc-colors-twitter-400: #57BBF5;
    --bc-colors-twitter-500: #1DA1F2;
    --bc-colors-twitter-600: #1A94DA;
    --bc-colors-twitter-700: #1681BF;
    --bc-colors-twitter-800: #136B9E;
    --bc-colors-twitter-900: #0D4D71;
    --bc-colors-telegram-50: #E3F2F9;
    --bc-colors-telegram-100: #C5E4F3;
    --bc-colors-telegram-200: #A2D4EC;
    --bc-colors-telegram-300: #7AC1E4;
    --bc-colors-telegram-400: #47A9DA;
    --bc-colors-telegram-500: #0088CC;
    --bc-colors-telegram-600: #007AB8;
    --bc-colors-telegram-700: #006BA1;
    --bc-colors-telegram-800: #005885;
    --bc-colors-telegram-900: #003F5E;
    --bc-colors-brand-50: #F7FAFC;
    --bc-colors-brand-100: #EDF2F7;
    --bc-colors-brand-200: #E2E8F0;
    --bc-colors-brand-300: #CBD5E0;
    --bc-colors-brand-400: #A0AEC0;
    --bc-colors-brand-500: #718096;
    --bc-colors-brand-600: #4A5568;
    --bc-colors-brand-700: #2D3748;
    --bc-colors-brand-800: #1A202C;
    --bc-colors-brand-900: #171923;
    --bc-colors-accent-50: rgba(0, 0, 0, 0.04);
    --bc-colors-accent-100: rgba(0, 0, 0, 0.06);
    --bc-colors-accent-200: rgba(0, 0, 0, 0.08);
    --bc-colors-accent-300: rgba(0, 0, 0, 0.16);
    --bc-colors-accent-400: rgba(0, 0, 0, 0.24);
    --bc-colors-accent-500: rgba(0, 0, 0, 0.36);
    --bc-colors-accent-600: rgba(0, 0, 0, 0.48);
    --bc-colors-accent-700: rgba(0, 0, 0, 0.64);
    --bc-colors-accent-800: rgba(0, 0, 0, 0.80);
    --bc-colors-accent-900: rgba(0, 0, 0, 0.92);
    --bc-colors-alpha-50: #F7FAFC;
    --bc-colors-alpha-100: #ff5c54;
    --bc-colors-alpha-200: #ed342b;
    --bc-colors-alpha-300: #ba0700;
    --bc-colors-alpha-400: #ba1c16;
    --bc-colors-alpha-500: #b51a14;
    --bc-colors-alpha-600: #a70005;
    --bc-colors-alpha-700: #7a0000;
    --bc-colors-alpha-800: #730400;
    --bc-colors-alpha-900: #640502;
    --bc-colors-beta-50: rgba(0, 0, 0, 0.04);
    --bc-colors-beta-100: #58ffeb;
    --bc-colors-beta-200: #00d4bb;
    --bc-colors-beta-300: #00ba74;
    --bc-colors-beta-400: #018b57;
    --bc-colors-beta-500: #017b4d;
    --bc-colors-beta-600: #026b44;
    --bc-colors-beta-700: #025636;
    --bc-colors-beta-800: #02422a;
    --bc-colors-beta-900: #023622;
    --bc-colors-gamma-50: rgba(0, 0, 0, 0.04);
    --bc-colors-gamma-100: #ffffe1;
    --bc-colors-gamma-200: #ffffbf;
    --bc-colors-gamma-300: #ffd675;
    --bc-colors-gamma-400: #f8ba46;
    --bc-colors-gamma-500: #ffc138;
    --bc-colors-gamma-600: #ffb000;
    --bc-colors-gamma-700: #9f730f;
    --bc-colors-gamma-800: #743f00;
    --bc-colors-gamma-900: #442601;
    --bc-colors-delta-50: rgba(0, 0, 0, 0.04);
    --bc-colors-delta-100: rgba(0, 0, 0, 0.06);
    --bc-colors-delta-200: rgba(0, 0, 0, 0.08);
    --bc-colors-delta-300: rgba(0, 0, 0, 0.16);
    --bc-colors-delta-400: rgba(0, 0, 0, 0.24);
    --bc-colors-delta-500: rgba(0, 0, 0, 0.36);
    --bc-colors-delta-600: rgba(0, 0, 0, 0.48);
    --bc-colors-delta-700: rgba(0, 0, 0, 0.64);
    --bc-colors-delta-800: rgba(0, 0, 0, 0.80);
    --bc-colors-delta-900: rgba(0, 0, 0, 0.92);
    --bc-colors-epsilon-50: rgba(0, 0, 0, 0.04);
    --bc-colors-epsilon-100: rgba(0, 0, 0, 0.06);
    --bc-colors-epsilon-200: rgba(0, 0, 0, 0.08);
    --bc-colors-epsilon-300: rgba(0, 0, 0, 0.16);
    --bc-colors-epsilon-400: rgba(0, 0, 0, 0.24);
    --bc-colors-epsilon-500: rgba(0, 0, 0, 0.36);
    --bc-colors-epsilon-600: rgba(0, 0, 0, 0.48);
    --bc-colors-epsilon-700: rgba(0, 0, 0, 0.64);
    --bc-colors-epsilon-800: rgba(0, 0, 0, 0.80);
    --bc-colors-epsilon-900: rgba(0, 0, 0, 0.92);
    --bc-colors-theta-50: rgba(0, 0, 0, 0.04);
    --bc-colors-theta-100: rgba(0, 0, 0, 0.06);
    --bc-colors-theta-200: rgba(0, 0, 0, 0.08);
    --bc-colors-theta-300: rgba(0, 0, 0, 0.16);
    --bc-colors-theta-400: rgba(0, 0, 0, 0.24);
    --bc-colors-theta-500: rgba(0, 0, 0, 0.36);
    --bc-colors-theta-600: rgba(0, 0, 0, 0.48);
    --bc-colors-theta-700: rgba(0, 0, 0, 0.64);
    --bc-colors-theta-800: rgba(0, 0, 0, 0.80);
    --bc-colors-theta-900: rgba(0, 0, 0, 0.92);
    --bc-colors-alphaAlpha-50: rgba(181, 26, 20, 0.05);
    --bc-colors-alphaAlpha-100: rgba(181, 26, 20, 0.1);
    --bc-colors-alphaAlpha-200: rgba(181, 26, 20, 0.2);
    --bc-colors-alphaAlpha-300: rgba(181, 26, 20, 0.3);
    --bc-colors-alphaAlpha-400: rgba(181, 26, 20, 0.4);
    --bc-colors-alphaAlpha-500: rgba(181, 26, 20, 0.5);
    --bc-colors-alphaAlpha-600: rgba(181, 26, 20, 0.6);
    --bc-colors-alphaAlpha-700: rgba(181, 26, 20, 0.7);
    --bc-colors-alphaAlpha-800: rgba(181, 26, 20, 0.8);
    --bc-colors-alphaAlpha-900: rgba(181, 26, 20, 0.9);
    --bc-colors-betaAlpha-50: rgba(1, 123, 77, 0.05);
    --bc-colors-betaAlpha-100: rgba(1, 123, 77, 0.1);
    --bc-colors-betaAlpha-200: rgba(1, 123, 77, 0.2);
    --bc-colors-betaAlpha-300: rgba(1, 123, 77, 0.3);
    --bc-colors-betaAlpha-400: rgba(1, 123, 77, 0.4);
    --bc-colors-betaAlpha-500: rgba(1, 123, 77, 0.5);
    --bc-colors-betaAlpha-600: rgba(1, 123, 77, 0.6);
    --bc-colors-betaAlpha-700: rgba(1, 123, 77, 0.7);
    --bc-colors-betaAlpha-800: rgba(1, 123, 77, 0.8);
    --bc-colors-betaAlpha-900: rgba(1, 123, 77, 0.9);
    --bc-colors-gammaAlpha-50: rgba(255, 193, 56, 0.05);
    --bc-colors-gammaAlpha-100: rgba(255, 193, 56, 0.1);
    --bc-colors-gammaAlpha-200: rgba(255, 193, 56, 0.2);
    --bc-colors-gammaAlpha-300: rgba(255, 193, 56, 0.3);
    --bc-colors-gammaAlpha-400: rgba(255, 193, 56, 0.4);
    --bc-colors-gammaAlpha-500: rgba(255, 193, 56, 0.5);
    --bc-colors-gammaAlpha-600: rgba(255, 193, 56, 0.6);
    --bc-colors-gammaAlpha-700: rgba(255, 193, 56, 0.7);
    --bc-colors-gammaAlpha-800: rgba(255, 193, 56, 0.8);
    --bc-colors-gammaAlpha-900: rgba(255, 193, 56, 0.9);
    --bc-borders-none: 0;
    --bc-borders-1px: 1px solid;
    --bc-borders-2px: 2px solid;
    --bc-borders-4px: 4px solid;
    --bc-borders-8px: 8px solid;
    --bc-fonts-heading: Staatliches, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bc-fonts-body: roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bc-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bc-fonts-accentStaat: Staatliches, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bc-fonts-accentMusashi: Musashi, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bc-fontSizes-xs: 0.75rem;
    --bc-fontSizes-sm: 0.875rem;
    --bc-fontSizes-md: 1rem;
    --bc-fontSizes-lg: 1.125rem;
    --bc-fontSizes-xl: 1.25rem;
    --bc-fontSizes-2xl: 1.5rem;
    --bc-fontSizes-3xl: 1.875rem;
    --bc-fontSizes-4xl: 2.25rem;
    --bc-fontSizes-5xl: 3rem;
    --bc-fontSizes-6xl: 3.75rem;
    --bc-fontSizes-7xl: 4.5rem;
    --bc-fontSizes-8xl: 6rem;
    --bc-fontSizes-9xl: 8rem;
    --bc-fontSizes-2xs: 0.625rem;
    --bc-fontSizes-3xs: 0.5rem;
    --bc-fontWeights-hairline: 100;
    --bc-fontWeights-thin: 200;
    --bc-fontWeights-light: 300;
    --bc-fontWeights-normal: 400;
    --bc-fontWeights-medium: 500;
    --bc-fontWeights-semibold: 600;
    --bc-fontWeights-bold: 700;
    --bc-fontWeights-extrabold: 800;
    --bc-fontWeights-black: 900;
    --bc-letterSpacings-tighter: -0.05em;
    --bc-letterSpacings-tight: -0.025em;
    --bc-letterSpacings-normal: 0;
    --bc-letterSpacings-wide: 0.025em;
    --bc-letterSpacings-wider: 0.05em;
    --bc-letterSpacings-widest: 0.1em;
    --bc-lineHeights-3: .75rem;
    --bc-lineHeights-4: 1rem;
    --bc-lineHeights-5: 1.25rem;
    --bc-lineHeights-6: 1.5rem;
    --bc-lineHeights-7: 1.75rem;
    --bc-lineHeights-8: 2rem;
    --bc-lineHeights-9: 2.25rem;
    --bc-lineHeights-10: 2.5rem;
    --bc-lineHeights-normal: normal;
    --bc-lineHeights-none: 1;
    --bc-lineHeights-shorter: 1.15;
    --bc-lineHeights-short: 1.2;
    --bc-lineHeights-base: 1.25;
    --bc-lineHeights-tall: 1.5;
    --bc-lineHeights-taller: 1.625;
    --bc-radii-none: 0;
    --bc-radii-sm: 0.125rem;
    --bc-radii-base: 0.25rem;
    --bc-radii-md: 0.375rem;
    --bc-radii-lg: 0.5rem;
    --bc-radii-xl: 0.75rem;
    --bc-radii-2xl: 1rem;
    --bc-radii-3xl: 1.5rem;
    --bc-radii-full: 9999px;
    --bc-space-1: 0.25rem;
    --bc-space-2: 0.5rem;
    --bc-space-3: 0.75rem;
    --bc-space-4: 1rem;
    --bc-space-5: 1.25rem;
    --bc-space-6: 1.5rem;
    --bc-space-7: 1.75rem;
    --bc-space-8: 2rem;
    --bc-space-9: 2.25rem;
    --bc-space-10: 2.5rem;
    --bc-space-12: 3rem;
    --bc-space-14: 3.5rem;
    --bc-space-16: 4rem;
    --bc-space-20: 5rem;
    --bc-space-24: 6rem;
    --bc-space-28: 7rem;
    --bc-space-32: 8rem;
    --bc-space-36: 9rem;
    --bc-space-40: 10rem;
    --bc-space-44: 11rem;
    --bc-space-48: 12rem;
    --bc-space-52: 13rem;
    --bc-space-56: 14rem;
    --bc-space-60: 15rem;
    --bc-space-64: 16rem;
    --bc-space-72: 18rem;
    --bc-space-80: 20rem;
    --bc-space-96: 24rem;
    --bc-space-px: 1px;
    --bc-space-0-5: 0.125rem;
    --bc-space-1-5: 0.375rem;
    --bc-space-2-5: 0.625rem;
    --bc-space-3-5: 0.875rem;
    --bc-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --bc-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --bc-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --bc-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --bc-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --bc-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --bc-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --bc-shadows-outline: none;
    --bc-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --bc-shadows-none: none;
    --bc-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --bc-sizes-1: 0.25rem;
    --bc-sizes-2: 0.5rem;
    --bc-sizes-3: 0.75rem;
    --bc-sizes-4: 1rem;
    --bc-sizes-5: 1.25rem;
    --bc-sizes-6: 1.5rem;
    --bc-sizes-7: 1.75rem;
    --bc-sizes-8: 2rem;
    --bc-sizes-9: 2.25rem;
    --bc-sizes-10: 2.5rem;
    --bc-sizes-12: 3rem;
    --bc-sizes-14: 3.5rem;
    --bc-sizes-16: 4rem;
    --bc-sizes-20: 5rem;
    --bc-sizes-24: 6rem;
    --bc-sizes-28: 7rem;
    --bc-sizes-32: 8rem;
    --bc-sizes-36: 9rem;
    --bc-sizes-40: 10rem;
    --bc-sizes-44: 11rem;
    --bc-sizes-48: 12rem;
    --bc-sizes-52: 13rem;
    --bc-sizes-56: 14rem;
    --bc-sizes-60: 15rem;
    --bc-sizes-64: 16rem;
    --bc-sizes-72: 18rem;
    --bc-sizes-80: 20rem;
    --bc-sizes-96: 24rem;
    --bc-sizes-px: 1px;
    --bc-sizes-0-5: 0.125rem;
    --bc-sizes-1-5: 0.375rem;
    --bc-sizes-2-5: 0.625rem;
    --bc-sizes-3-5: 0.875rem;
    --bc-sizes-max: max-content;
    --bc-sizes-min: min-content;
    --bc-sizes-full: 100%;
    --bc-sizes-3xs: 14rem;
    --bc-sizes-2xs: 16rem;
    --bc-sizes-xs: 20rem;
    --bc-sizes-sm: 24rem;
    --bc-sizes-md: 28rem;
    --bc-sizes-lg: 32rem;
    --bc-sizes-xl: 36rem;
    --bc-sizes-2xl: 42rem;
    --bc-sizes-3xl: 48rem;
    --bc-sizes-4xl: 56rem;
    --bc-sizes-5xl: 64rem;
    --bc-sizes-6xl: 72rem;
    --bc-sizes-7xl: 80rem;
    --bc-sizes-8xl: 90rem;
    --bc-sizes-container-sm: 640px;
    --bc-sizes-container-md: 768px;
    --bc-sizes-container-lg: 1400px;
    --bc-sizes-container-xl: 1432px;
    --bc-sizes-container-xs: 500px;
    --bc-zIndices-hide: -1;
    --bc-zIndices-auto: auto;
    --bc-zIndices-base: 0;
    --bc-zIndices-docked: 10;
    --bc-zIndices-dropdown: 1000;
    --bc-zIndices-sticky: 1100;
    --bc-zIndices-banner: 1200;
    --bc-zIndices-overlay: 1300;
    --bc-zIndices-modal: 1400;
    --bc-zIndices-popover: 1500;
    --bc-zIndices-skipLink: 1600;
    --bc-zIndices-toast: 1700;
    --bc-zIndices-tooltip: 1800;
    --bc-transition-property-common: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    --bc-transition-property-colors: background-color, border-color, color, fill, stroke;
    --bc-transition-property-dimensions: width, height;
    --bc-transition-property-position: left, right, top, bottom;
    --bc-transition-property-background: background-color, background-image, background-position;
    --bc-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --bc-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --bc-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --bc-transition-duration-ultra-fast: 50ms;
    --bc-transition-duration-faster: 100ms;
    --bc-transition-duration-fast: 150ms;
    --bc-transition-duration-normal: 200ms;
    --bc-transition-duration-slow: 300ms;
    --bc-transition-duration-slower: 400ms;
    --bc-transition-duration-ultra-slow: 500ms;
    --bc-blur-none: 0;
    --bc-blur-sm: 4px;
    --bc-blur-base: 8px;
    --bc-blur-md: 12px;
    --bc-blur-lg: 16px;
    --bc-blur-xl: 24px;
    --bc-blur-2xl: 40px;
    --bc-blur-3xl: 64px
}

html {
    line-height: 1.5;
    text-size-adjust: 100%;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    touch-action: manipulation
}

body {
    position: relative;
    font-feature-settings: "kern"
}

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

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

img {
    border-style: none
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    margin: 0px
}

button,
input {
    overflow: visible
}

button {
    text-transform: none
}

[type="checkbox"] {
    box-sizing: border-box
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    appearance: none !important
}

[type="search"]::-webkit-search-decoration {
    appearance: none !important
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit
}

body,
p {
    margin: 0px
}

button {
    background: transparent
}

button {
    cursor: pointer
}

button,
input {
    padding: 0px;
    line-height: inherit;
    color: inherit
}

img,
svg {
    display: block
}

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

[data-js-focus-visible] :focus:not([data-focus-visible-added]) {
    outline: none;
    box-shadow: none
}

body {
    font-family: var(--bc-fonts-body);
    color: var(--bc-colors-gray-800);
    background: var(--bc-colors-gray-200);
    transition-property: background-color;
    transition-duration: var(--bc-transition-duration-normal);
    line-height: var(--bc-lineHeights-base);
    min-height: 100vh
}

::-webkit-input-placeholder {
    color: var(--bc-colors-gray-400)
}

::placeholder {
    color: var(--bc-colors-gray-400)
}

*,
::before,
::after {
    border-color: var(--bc-colors-gray-200);
    overflow-wrap: break-word
}

@font-face {
    font-family: Staatliches;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/staatliches-normal-400.ttf)format("opentype")
}

@font-face {
    font-family: Musashi;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/musashi-normal-400.otf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 100;
    src: url(fonts/roboto-normal-100.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 100;
    src: url(fonts/roboto-italic-100.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/roboto-normal-300.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 300;
    src: url(fonts/roboto-italic-300.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/roboto-normal-400.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/roboto-italic-400.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/roboto-normal-500.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 500;
    src: url(fonts/roboto-italic-500.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/roboto-normal-700.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/roboto-italic-700.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/roboto-normal-900.ttf)format("opentype")
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 900;
    src: url(fonts/roboto-italic-900.ttf)format("opentype")
}

.js-focus-visible :focus:not([data-focus-visible-added]) {
    outline: none
}

body {
    background-image: url(images/lantern-page-background.png), url(images/gold-pattern-strip.png), url(images/gold-pattern-strip.png), var(--sf-img-15), linear-gradient(180deg, var(--bc-colors-alpha-300), var(--bc-colors-alpha-900));
    background-position: center top, left top, right top, center top, center top;
    background-repeat: no-repeat, repeat-y, repeat-y, repeat;
    background-size: 100vw 80vh, 20px 590px, 20px 590px, 320px, 100vw
}

@media (max-width:767px) {
    body {
        background-image: var(--sf-img-15), linear-gradient(180deg, var(--bc-colors-alpha-300), var(--bc-colors-alpha-900));
        background-size: 325px;
        background-position: center top, center top;
        background-repeat: repeat
    }
}

.css-1hrjt0q-PrimaryGridLayout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    row-gap: 0px;
    grid-template-areas: "header" "main" "footer" "responsibleGamblingMessage";
    min-height: 100vh;
    overflow: unset
}

.css-18pzztg-PrimaryGridHeader {
    position: sticky;
    z-index: var(--bc-zIndices-overlay);
    margin-bottom: 0px;
    max-width: 100%;
    grid-area: header
}

@media screen and (min-width:80em) {
    .css-18pzztg-PrimaryGridHeader {
        top: -38px
    }
}

.css-1rfes6b-nextToJump-FlexWrapper::before {
    background-image: url(images/next-to-jump-icon.png);
    width: var(--bc-sizes-full);
    height: 36px;
    background-position: center center;
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 6px 0px, rgba(0, 0, 0, 0.15) 0px 2px 0px 0px
}

.css-1dkzx9g-nextToJump-FlexWrapper {
    display: flex;
    padding-top: var(--bc-space-10);
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-300) 50%, var(--bc-colors-alpha-800));
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 20px 0px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: var(--bc-colors-gamma-600);
    padding-bottom: var(--bc-space-0-5);
    margin-bottom: var(--bc-space-2)
}

.css-1dkzx9g-nextToJump-FlexWrapper::before {
    background-image: url(images/next-to-jump-icon.png);
    width: var(--bc-sizes-full);
    height: 36px;
    background-position: center center;
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 6px 0px, rgba(0, 0, 0, 0.15) 0px 2px 0px 0px
}

.css-1w10f29-nextToJump-FlexBannerWrapper {
    display: flex;
    position: relative;
    column-gap: var(--bc-space-1);
    max-width: 100vw;
    height: var(--bc-sizes-12);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    padding-top: var(--bc-space-2-5);
    padding-bottom: var(--bc-space-2-5);
    margin: auto;
    width: var(--bc-sizes-container-xl)
}

.css-1xkvjrp {
    position: relative;
    background: var(--bc-colors-transparent);
    height: var(--bc-sizes-full)
}

.css-1at1umy:hover {
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-600), var(--bc-colors-alpha-600));
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
}

.css-mvylpp {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: inherit;
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    min-width: var(--bc-sizes-10);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    margin: 0px;
    display: inline-flex;
    position: relative;
    font-size: var(--bc-fontSizes-xs);
    font-weight: var(--bc-fontWeights-bold);
    padding: var(--bc-space-1);
    text-transform: uppercase;
    border: var(--bc-borders-none);
    border-radius: var(--bc-radii-md);
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-200), var(--bc-colors-alpha-400));
    color: var(--bc-colors-gamma-200);
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    height: var(--bc-sizes-full)
}

.css-mvylpp:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-mvylpp:hover[disabled],
.css-mvylpp:hover[aria-disabled="true"],
.css-mvylpp:hover[data-disabled] {
    background: initial
}

.css-mvylpp:hover {
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-600), var(--bc-colors-alpha-600));
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
}

.css-z6cbbm {
    place-self: stretch;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px
}

.css-1qkns54 {
    width: var(--bc-sizes-4);
    height: var(--bc-sizes-4);
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor
}

.css-1qq679y {
    z-index: 10
}

.css-1y5rkqb {
    position: relative;
    display: flex;
    flex-direction: column;
    --popper-bg: var(--bc-colors-white);
    background: var(--bc-colors-transparent);
    --popper-arrow-bg: var(--popper-bg);
    --popper-arrow-shadow-color: var(--bc-colors-gray-200);
    width: auto;
    border-width: 0px;
    border-style: none;
    border-image: initial;
    border-color: inherit;
    border-radius: var(--bc-radii-md);
    box-shadow: var(--bc-shadows-sm);
    z-index: inherit;
    left: var(--bc-space-1);
    top: calc(var(--bc-space-1)*-1)
}

.css-1y5rkqb:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: var(--bc-shadows-outline)
}

.css-er9wfe {
    padding: var(--bc-space-4);
    border-radius: var(--bc-radii-md);
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-400), var(--bc-colors-alpha-200));
    color: var(--bc-colors-gamma-200);
    z-index: var(--bc-zIndices-docked);
    height: var(--bc-sizes-full)
}

.css-er9wfe .chakra-checkbox__label {
    color: var(--bc-colors-gamma-200)
}

.css-1qpvkeo {
    display: flex;
    flex-direction: row
}

.css-1qpvkeo>:not(style)~:not(style) {
    margin-top: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    margin-inline-start: var(--bc-space-5)
}

.css-1je40yl {
    font-weight: var(--bc-fontWeights-bold);
    font-size: var(--bc-fontSizes-sm);
    margin-bottom: var(--bc-space-2);
    color: var(--bc-colors-gamma-200)
}

.css-15v0c67 {
    display: flex;
    flex-direction: column
}

.css-15v0c67>:not(style)~:not(style) {
    margin-top: var(--bc-space-2);
    margin-inline: 0px;
    margin-bottom: 0px
}

.css-up33ej-FormControlGroup {
    width: 100%;
    position: relative;
    margin-bottom: 0px
}

.css-124ilm0 {
    width: var(--bc-sizes-full);
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    vertical-align: top;
    position: relative
}

.css-9zn8uy {
    width: var(--bc-sizes-4);
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-radius: var(--bc-radii-sm);
    align-self: flex-start;
    transition: 0.2s ease-in-out;
    height: var(--bc-sizes-4);
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    vertical-align: top;
    user-select: none;
    flex-shrink: 0
}

.css-9zn8uy[data-checked] {
    background: var(--bc-colors-white);
    border-color: var(--bc-colors-white);
    color: var(--bc-colors-black)
}

.css-9zn8uy[aria-checked="true"]:hover,
.css-9zn8uy[data-checked]:hover {
    background: var(--bc-colors-white);
    border-color: var(--bc-colors-white)
}

.css-9zn8uy:indeterminate {
    background: var(--bc-colors-accent-500);
    border-color: var(--bc-colors-accent-500);
    color: var(--bc-colors-white)
}

.css-9zn8uy:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-9zn8uy:hover {
    opacity: 0.5
}

.css-ac92o7 {
    transform: scale(1);
    font-size: var(--bc-fontSizes-2xs);
    transition-property: transform;
    transition-duration: var(--bc-transition-duration-normal);
    width: 1.2em
}

.css-escldm {
    margin-inline-start: 0.5rem;
    user-select: none;
    font-size: var(--bc-fontSizes-xs)
}

.css-1pq4hlf-nextToJumpBanner-FlexItemsWrapper::-webkit-scrollbar {
    display: none
}

.css-2fb5zf-nextToJumpBanner-FlexItemsWrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
    width: var(--bc-sizes-full);
    overflow-x: auto;
    position: relative;
    column-gap: var(--bc-space-1);
    scrollbar-width: none;
    margin-right: 0px;
    min-height: var(--bc-sizes-full)
}

.css-2fb5zf-nextToJumpBanner-FlexItemsWrapper::-webkit-scrollbar {
    display: none
}

.css-a0iz74-nextToJumpBanner-FlexButtonContainer {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    --chakra-space-x-reverse: 1;
    --chakra-divide-x-reverse: 1;
    -webkit-box-pack: justify;
    justify-content: space-between;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: var(--bc-space-1);
    row-gap: var(--bc-space-0-5);
    background: var(--bc-colors-transparent)
}

.css-ulpdtq-nextToJumpBanner-ButtonChevron:hover {
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-600), var(--bc-colors-alpha-600));
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
}

.css-mz7l2w-nextToJumpBanner-ButtonChevron {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: inherit;
    font-weight: var(--bc-fontWeights-semibold);
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    font-size: var(--bc-fontSizes-md);
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    margin: 0px;
    display: inline-flex;
    width: var(--bc-sizes-7);
    padding-inline-start: var(--bc-space-1);
    padding-inline-end: var(--bc-space-1);
    border-radius: var(--bc-radii-md);
    flex: 1 1 0%;
    height: var(--bc-sizes-7);
    min-width: var(--bc-sizes-7);
    color: var(--bc-colors-gamma-200);
    padding: 0px;
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-200), var(--bc-colors-alpha-400));
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
}

.css-mz7l2w-nextToJumpBanner-ButtonChevron:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-mz7l2w-nextToJumpBanner-ButtonChevron:hover[disabled],
.css-mz7l2w-nextToJumpBanner-ButtonChevron:hover[aria-disabled="true"],
.css-mz7l2w-nextToJumpBanner-ButtonChevron:hover[data-disabled] {
    background: initial
}

.css-mz7l2w-nextToJumpBanner-ButtonChevron>svg {
    width: var(--bc-sizes-6);
    height: var(--bc-sizes-6)
}

.css-mz7l2w-nextToJumpBanner-ButtonChevron:hover {
    background-image: linear-gradient(to bottom, var(--bc-colors-alpha-600), var(--bc-colors-alpha-600));
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
}

.css-13otjrl {
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor
}

.css-mhj2fi-primaryLayout-PrimaryGridSubLayout {
    display: grid;
    grid-area: main;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    column-gap: var(--bc-space-2-5);
    grid-template-areas: "betslip" "sidenav" "content" "footer";
    min-width: 0px;
    width: var(--bc-sizes-full);
    max-width: var(--bc-sizes-container-xl);
    justify-self: center
}

@media screen and (min-width:62em) {
    .css-mhj2fi-primaryLayout-PrimaryGridSubLayout {
        grid-template: "sidenav betslip" "sidenav content" "sidenav content" 1fr"sidenav footer" /270px 1fr;
        column-gap: var(--bc-space-3);
        padding-inline-start: var(--bc-space-4);
        padding-inline-end: var(--bc-space-4)
    }
}

@media screen and (min-width:80em) {
    .css-mhj2fi-primaryLayout-PrimaryGridSubLayout {
        grid-template: "sidenav content betslip" "sidenav content betslip" 1fr"sidenav footer betslip" /270px 1fr 272px
    }
}

.css-19ez9cm-GridItemSideNav {
    grid-area: sidenav
}

@media screen and (min-width:80em) {
    .css-19ez9cm-GridItemSideNav {
        height: calc(-120px + 100vh);
        top: 60px
    }
}

.css-asioe8 {
    margin-left: calc(var(--bc-space-1)*-1);
    padding-bottom: var(--bc-space-1)
}

.css-1myapn5::before,
.css-1myapn5::after {
    visibility: hidden
}

@-webkit-keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

@keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

.css-95o3ru-SideNavContainer {
    grid-area: sidenav
}

.css-1kzo3b9 {
    overflow-x: hidden
}

.css-10klw3m {
    height: 100%
}

.css-a2bi8u {
    width: 100%;
    position: relative
}

.css-a2bi8u::before {
    content: none;
    position: absolute;
    inset: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0px);
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    border-image: url(images/decorative-border.svg)50/50px/0 stretch;
    pointer-events: none;
    opacity: 0.6
}

@media screen and (min-width:48em) {
    .css-a2bi8u::before {
        content: ""
    }
}

.css-12nmrqn {
    margin-bottom: 0px;
    width: 270px;
    border-radius: var(--bc-radii-lg);
    box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 20px 0px;
    background-image: unset;
    background-position: -370px 0px;
    background-size: 364px;
    background-blend-mode: overlay;
    padding-inline: 0px;
    padding-top: 0px;
    padding-bottom: 0px
}

@media screen and (min-width:48em) {
    .css-12nmrqn {
        box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
        background-image: var(--sf-img-17), linear-gradient(180deg, var(--bc-colors-alpha-200), var(--bc-colors-alpha-500))
    }
}

@media screen and (min-width:62em) {
    .css-12nmrqn {
        margin-bottom: var(--bc-space-2-5);
        padding-inline-start: var(--bc-space-5);
        padding-inline-end: var(--bc-space-5);
        padding-top: var(--bc-space-6);
        padding-bottom: var(--bc-space-6)
    }
}

.css-7w45sd-SideNavLink {
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--bc-colors-gamma-200);
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    font-size: var(--bc-fontSizes-md);
    height: 46px;
    padding-inline-start: var(--bc-space-3);
    padding-inline-end: var(--bc-space-3);
    width: var(--bc-sizes-full);
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-normal);
    font-family: var(--bc-fonts-accentMusashi);
    transition: all, 0.2s linear;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px;
    letter-spacing: 1px;
    z-index: 5;
    padding-top: var(--bc-space-3);
    padding-bottom: var(--bc-space-3);
    margin-left: 0px
}

.css-7w45sd-SideNavLink:hover {
    text-decoration: underline
}

.css-7w45sd-SideNavLink:focus {
    box-shadow: var(--bc-shadows-outline)
}

@media screen and (min-width:48em) {
    .css-7w45sd-SideNavLink {
        height: 38px;
        border-bottom: var(--bc-borders-none);
        box-shadow: unset
    }
}

@media screen and (min-width:62em) {
    .css-7w45sd-SideNavLink {
        padding-inline-start: var(--bc-space-2);
        padding-inline-end: var(--bc-space-2)
    }
}

.css-7w45sd-SideNavLink:hover {
    text-decoration: none;
    background: var(--bc-colors-alpha-100);
    color: var(--bc-colors-alpha-800)
}

.css-7w45sd-SideNavLink:hover .dropDownIcon {
    color: var(--bc-colors-alpha-600)
}

.css-7w45sd-SideNavLink:first-child {
    border-top: var(--bc-borders-none)
}

.css-7w45sd-SideNavLink:last-child {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px
}

@media screen and (min-width:48em) {
    .css-7w45sd-SideNavLink:last-child {
        border-bottom: var(--bc-borders-none);
        box-shadow: unset
    }
}

.css-7w45sd-SideNavLink:active {
    background: var(--bc-colors-alpha-700);
    opacity: 1
}

.css-7w45sd-SideNavLink .svgIcon {
    transition: all, 0.2s linear
}

.css-1eid29p-sideNavLink-FlexSideLinkWrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: var(--bc-lineHeights-4)
}

.css-qvdtcl {
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0
}

.css-qvdtcl:not(.dropDownIcon) {
    width: 26px;
    height: 26px;
    margin-right: var(--bc-space-2);
    padding: var(--bc-space-1);
    border-radius: 3px;
    color: var(--bc-colors-alpha-600);
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-500), var(--bc-colors-gamma-600));
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px 0px, rgba(255, 255, 255, 0.3) 0px 1px 1px 0px inset
}

.css-19ta91h-SideNavLink {
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--bc-colors-gamma-200);
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    font-size: var(--bc-fontSizes-md);
    height: 46px;
    padding-inline-start: var(--bc-space-3);
    padding-inline-end: var(--bc-space-3);
    width: var(--bc-sizes-full);
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-normal);
    font-family: var(--bc-fonts-accentMusashi);
    transition: all, 0.2s linear;
    text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px;
    letter-spacing: 1px;
    z-index: 5;
    padding-top: var(--bc-space-3);
    padding-bottom: var(--bc-space-3);
    margin-left: 0px;
    border-radius: var(--bc-radii-none);
    margin-bottom: 0px
}

.css-19ta91h-SideNavLink:hover {
    text-decoration: underline
}

.css-19ta91h-SideNavLink:focus {
    box-shadow: var(--bc-shadows-outline)
}

@media screen and (min-width:48em) {
    .css-19ta91h-SideNavLink {
        height: 38px;
        border-bottom: var(--bc-borders-none);
        box-shadow: unset
    }
}

@media screen and (min-width:62em) {
    .css-19ta91h-SideNavLink {
        padding-inline-start: var(--bc-space-2);
        padding-inline-end: var(--bc-space-2)
    }
}

.css-19ta91h-SideNavLink:hover {
    text-decoration: none;
    background: var(--bc-colors-alpha-100);
    color: var(--bc-colors-alpha-800)
}

.css-19ta91h-SideNavLink:hover .dropDownIcon {
    color: var(--bc-colors-alpha-600)
}

.css-19ta91h-SideNavLink:active {
    background: var(--bc-colors-alpha-700);
    opacity: 1
}

.css-19ta91h-SideNavLink .svgIcon {
    transition: all, 0.2s linear
}

.css-1vt7vzh-primaryLayout-PrimaryGridItemContent {
    min-width: 0px;
    margin-top: var(--bc-space-1);
    grid-area: content
}

.css-xhlzld::before,
.css-xhlzld::after {
    visibility: hidden
}

@-webkit-keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

@keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

.css-ol7yiv {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    overflow-x: scroll;
    margin-top: 0px;
    margin-bottom: var(--bc-space-0-5);
    padding-top: var(--bc-space-7);
    padding-bottom: var(--bc-space-9);
    max-width: 100dvw;
    margin-inline: 0px;
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    background: url(images/red-scroll-background.png)center top/100% 120px no-repeat;
    box-shadow: unset;
    border-top: unset;
    border-bottom: unset;
    gap: var(--bc-space-1)
}

@media screen and (min-width:48em) {
    .css-ol7yiv {
        overflow-x: unset;
        margin-top: var(--bc-space-3);
        margin-bottom: var(--bc-space-2);
        padding-top: var(--bc-space-2);
        padding-bottom: var(--bc-space-4);
        max-width: unset;
        margin-inline-start: var(--bc-space-1);
        margin-inline-end: var(--bc-space-1);
        padding-inline-start: var(--bc-space-5);
        padding-inline-end: var(--bc-space-5);
        background-image: linear-gradient(rgb(238, 52, 44), rgb(184, 27, 21));
        background-size: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        background-position: unset;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 8px 0px, rgb(255, 198, 72) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.2) 0px -1px 0px 0px;
        border-top: 6px solid rgb(238, 52, 44);
        border-bottom: 6px solid rgb(184, 27, 21)
    }
}

.css-ol7yiv::before {
    content: "";
    display: none;
    position: absolute;
    top: -14px;
    left: -5px;
    height: 100px;
    width: 29px;
    background-image: url(images/red-scroll-left-pole.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 1
}

@media screen and (min-width:62em) {
    .css-ol7yiv::before {
        display: block
    }
}

.css-ol7yiv::after {
    content: "";
    display: none;
    position: absolute;
    top: -20px;
    right: -5px;
    height: 111px;
    width: 31px;
    background-image: url(images/red-scroll-right-pole.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: 1
}

@media screen and (min-width:62em) {
    .css-ol7yiv::after {
        display: block
    }
}

.css-ol7yiv::-webkit-scrollbar {
    display: none
}

.css-gmeql2 {
    display: grid;
    row-gap: var(--bc-space-1);
    grid-auto-columns: minmax(0px, 1fr);
    grid-auto-flow: row;
    margin-top: 0px;
    margin-bottom: var(--bc-space-2);
    margin-inline-start: var(--bc-space-1-5);
    margin-inline-end: var(--bc-space-1-5)
}

@media screen and (min-width:30em) {
    .css-gmeql2 {
        row-gap: unset;
        column-gap: var(--bc-space-1)
    }
}

@media screen and (min-width:48em) {
    .css-gmeql2 {
        column-gap: var(--bc-space-2-5);
        grid-auto-flow: column
    }
}

@media screen and (min-width:62em) {
    .css-gmeql2 {
        margin-inline: unset
    }
}

.css-1qhjgzb-featured-FlexFeatureWrapper::after {
    content: "";
    background-image: url(images/featured-card-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: absolute;
    height: 200px;
    inset: 0px;
    z-index: -1;
    border-radius: var(--bc-radii-base);
    box-shadow: unset;
    margin: 3px
}

@media screen and (min-width:30em) {
    .css-1qhjgzb-featured-FlexFeatureWrapper::after {
        background-image: var(--sf-img-22);
        height: auto;
        border-radius: var(--bc-radii-md);
        box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
    }
}

@media screen and (min-width:48em) {
    .css-1qhjgzb-featured-FlexFeatureWrapper::after {
        background-position: 20% 30%;
        margin: 0px
    }
}

.css-7d0udr-featured-FlexFeatureWrapper {
    display: flex;
    min-height: 250px;
    margin-bottom: var(--bc-space-1-5);
    margin-inline-start: var(--bc-space-1-5);
    margin-inline-end: var(--bc-space-1-5);
    border-radius: var(--bc-radii-md);
    contain: paint;
    padding-inline-start: var(--bc-space-5);
    padding-inline-end: var(--bc-space-5);
    padding-top: var(--bc-space-4);
    padding-bottom: var(--bc-space-4);
    flex-direction: column;
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    background: linear-gradient(rgb(237, 52, 43), rgb(181, 26, 20) 100%);
    flex: 2 1 0%;
    transform-style: preserve-3d;
    position: relative
}

@media screen and (min-width:30em) {
    .css-7d0udr-featured-FlexFeatureWrapper {
        box-shadow: unset
    }
}

@media screen and (min-width:62em) {
    .css-7d0udr-featured-FlexFeatureWrapper {
        margin-bottom: var(--bc-space-2-5);
        margin-inline: unset
    }
}

.css-7d0udr-featured-FlexFeatureWrapper::after {
    content: "";
    background-image: url(images/featured-card-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: absolute;
    height: 200px;
    inset: 0px;
    z-index: -1;
    border-radius: var(--bc-radii-base);
    box-shadow: unset;
    margin: 3px
}

@media screen and (min-width:30em) {
    .css-7d0udr-featured-FlexFeatureWrapper::after {
        background-image: var(--sf-img-22);
        height: auto;
        border-radius: var(--bc-radii-md);
        box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
    }
}

@media screen and (min-width:48em) {
    .css-7d0udr-featured-FlexFeatureWrapper::after {
        background-position: 20% 30%;
        margin: 0px
    }
}

.css-chagye-FlexFeatureCardWrapper {
    display: flex;
    flex: 1 1 0%;
    -webkit-box-align: end;
    align-items: end;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: row
}

.css-1dp8aui-featured-BoxCard {
    border-radius: var(--bc-radii-md);
    contain: paint;
    flex: 1 1 0%;
    padding: var(--bc-space-2)
}

.css-ze4vp2-featured-FlexFeatureTitleWrapper {
    display: flex;
    flex: 1.5 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
    background-position: center center;
    padding-top: 0px;
    transform-style: preserve-3d;
    position: relative;
    contain: paint;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
    margin-bottom: 0px;
    margin-top: 40px
}

@media screen and (min-width:48em) {
    .css-ze4vp2-featured-FlexFeatureTitleWrapper {
        margin-bottom: 60px;
        margin-top: 0px
    }
}

.css-h954i7 {
    color: var(--bc-colors-gamma-500);
    font-family: var(--bc-fonts-accentMusashi);
    font-size: var(--bc-fontSizes-2xl);
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-normal);
    text-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
    width: var(--bc-sizes-full);
    text-align: center
}

@media screen and (min-width:48em) {
    .css-h954i7 {
        font-size: var(--bc-fontSizes-3xl);
        width: unset;
        text-align: unset
    }
}

.css-q47y69-featured-LinkFeatureCard {
    display: none;
    color: var(--bc-colors-gamma-200);
    text-transform: uppercase;
    font-size: var(--bc-fontSizes-xs);
    font-weight: var(--bc-fontWeights-black)
}

@media screen and (min-width:48em) {
    .css-q47y69-featured-LinkFeatureCard {
        display: block
    }
}

.css-q47y69-featured-LinkFeatureCard:hover {
    text-decoration: underline
}

.css-91kn03 {
    width: var(--bc-sizes-4);
    height: var(--bc-sizes-4);
    line-height: 1em;
    flex-shrink: 0;
    color: var(--bc-colors-gamma-200);
    padding-bottom: 2px;
    filter: drop-shadow(rgba(0, 0, 0, 0.6) 2px 1px 1px)
}

.css-a0t00g-featured-LinkCardHeader {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    gap: var(--bc-space-2);
    padding-inline: 0px;
    padding-top: 0px
}

@media screen and (min-width:30em) {
    .css-a0t00g-featured-LinkCardHeader {
        -webkit-box-pack: start;
        justify-content: start;
        padding-top: unset
    }
}

.css-a0t00g-featured-LinkCardHeader svg {
    color: var(--bc-colors-gamma-600);
    width: 22px;
    height: 22px;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 3px 4px)
}

.css-70qvj9 {
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.css-1snwhv5-IconCardHeader {
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    vertical-align: middle;
    margin-right: var(--bc-space-1)
}

.css-qjbxzk-TextCardHeader {
    font-weight: var(--bc-fontWeights-normal);
    font-size: var(--bc-fontSizes-lg);
    color: var(--bc-colors-gamma-200);
    font-family: var(--bc-fonts-accentStaat);
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px
}

.css-jchvao-countdown-CountdownFlex {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--bc-space-1)
}

@media screen and (min-width:30em) {
    .css-jchvao-countdown-CountdownFlex {
        gap: var(--bc-space-2)
    }
}

.css-1yy35p1-TextRaceNumber {
    font-weight: var(--bc-fontWeights-bold);
    font-size: var(--bc-fontSizes-2xs);
    border-radius: var(--bc-radii-sm);
    min-width: var(--bc-sizes-5);
    height: 16px;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: var(--bc-space-1);
    padding-inline-start: var(--bc-space-1);
    padding-inline-end: var(--bc-space-1);
    font-family: roboto;
    background: var(--bc-colors-alpha-700);
    color: var(--bc-colors-gamma-400);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
    max-height: 16px;
    min-height: 16px;
    line-height: 16px
}

.css-17o9urk {
    display: grid;
    grid-auto-rows: auto;
    grid-template: "." 1fr/auto;
    gap: var(--bc-space-2)
}

@media screen and (min-width:62em) {
    .css-17o9urk {
        grid-template-areas: ". . ."
    }
}

.css-1g36u5r {
    text-align: center;
    font-size: var(--bc-fontSizes-xs);
    font-weight: var(--bc-fontWeights-semibold);
    padding: var(--bc-space-2);
    margin-top: auto;
    transition: 0.3s ease-in-out
}

.css-1yk3zn8-raceTiles-GridRaceItems {
    display: grid;
    grid-auto-columns: minmax(0px, 1fr);
    grid-auto-flow: row;
    column-gap: var(--bc-space-2-5);
    margin-inline-start: var(--bc-space-1-5);
    margin-inline-end: var(--bc-space-1-5)
}

@media screen and (min-width:30em) {
    .css-1yk3zn8-raceTiles-GridRaceItems {
        grid-auto-flow: column
    }
}

@media screen and (min-width:62em) {
    .css-1yk3zn8-raceTiles-GridRaceItems {
        margin-inline: unset
    }
}

.css-wszi27-raceTiles-BoxColumn {
    margin-bottom: var(--bc-space-5)
}

@media screen and (min-width:30em) {
    .css-wszi27-raceTiles-BoxColumn {
        margin-bottom: unset
    }
}

.css-g5fnl9-raceTiles-TextRaceType {
    font-weight: var(--bc-fontWeights-normal);
    margin-bottom: var(--bc-space-2);
    font-size: var(--bc-fontSizes-md);
    text-align: center;
    text-transform: uppercase;
    font-family: var(--bc-fonts-accentMusashi);
    color: var(--bc-colors-gamma-200);
    text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
    letter-spacing: 1px
}

.css-1pkpywo::before,
.css-1pkpywo::after {
    visibility: hidden
}

@-webkit-keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

@keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

.css-12aehdy::before,
.css-12aehdy::after {
    visibility: hidden
}

@-webkit-keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

@keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

.css-198pt4v-PrimaryGridItemBetslip {
    min-width: 0px;
    z-index: 1;
    background: var(--bc-colors-transparent);
    padding-top: var(--bc-space-1);
    grid-area: betslip
}

@media screen and (min-width:80em) {
    .css-198pt4v-PrimaryGridItemBetslip {
        position: sticky;
        top: 64px;
        height: calc(-120px + 100vh)
    }
}

.css-32x29t-header-BoxWrapper {
    padding-right: 0px
}

.css-3399kf-header-FlexContainer {
    display: flex;
    margin-inline: auto;
    max-width: var(--bc-sizes-container-xl);
    height: 64px;
    padding-inline-start: var(--bc-space-2-5);
    padding-inline-end: var(--bc-space-2-5);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:62em) {
    .css-3399kf-header-FlexContainer {
        padding-inline: 0px
    }
}

.css-mq2z93-header-FlexLeftGroup {
    display: flex;
    gap: var(--bc-space-1-5);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.css-1jfzu53-header-LinkLogo {
    max-width: 160px;
    margin-left: calc(var(--bc-space-2)*-1)
}

@media screen and (min-width:62em) {
    .css-1jfzu53-header-LinkLogo {
        display: none
    }
}

.css-s1tiz7-header-ButtonGroup {
    display: flex;
    gap: var(--bc-space-1);
    -webkit-box-align: center;
    align-items: center
}

.css-1em4xpq-SkeletonButtonGroup::before,
.css-1em4xpq-SkeletonButtonGroup::after {
    visibility: hidden
}

@-webkit-keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

@keyframes animation-snm94m {
    0% {
        border-color: rgb(237, 242, 247);
        background: rgb(237, 242, 247)
    }

    100% {
        border-color: rgb(160, 174, 192);
        background: rgb(160, 174, 192)
    }
}

.css-nfqr84-GridItemBetslip {
    min-width: 0px;
    height: 100%;
    grid-area: betslip
}

@media screen and (min-width:80em) {
    .css-nfqr84-GridItemBetslip>div[class*="-FlexBetSlipModalContainer"] {
        position: sticky;
        top: 60px;
        height: calc(-155px + 100vh)
    }
}

.css-jyrrc3-modal-FlexBetSlipModalContainer {
    display: flex;
    flex-direction: column;
    max-width: var(--bc-sizes-full);
    width: 500px;
    border-radius: var(--bc-radii-lg);
    contain: paint;
    height: 100%;
    flex: 1 1 0%;
    max-height: 100dvh;
    background-image: var(--sf-img-17), linear-gradient(180deg, var(--bc-colors-alpha-200), var(--bc-colors-alpha-500));
    background-position: -370px 0px;
    background-size: 364px;
    background-blend-mode: overlay;
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px
}

@media screen and (min-width:48em) {
    .css-jyrrc3-modal-FlexBetSlipModalContainer {
        width: 320px
    }
}

@media screen and (min-width:62em) {
    .css-jyrrc3-modal-FlexBetSlipModalContainer {
        width: 320px
    }
}

@media screen and (min-width:80em) {
    .css-jyrrc3-modal-FlexBetSlipModalContainer {
        max-width: 272px;
        width: 272px
    }
}

.css-1y3909h-modal-BetSlipContainer {
    display: flex;
    flex-direction: column;
    width: var(--bc-sizes-full);
    height: var(--bc-sizes-full);
    border-radius: var(--bc-radii-base)
}

.css-61a4m5-header-FlexBetslipHeading {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-inline-start: var(--bc-space-2);
    padding-inline-end: var(--bc-space-2);
    background: var(--bc-colors-transparent);
    height: var(--bc-sizes-12);
    border-top-left-radius: var(--bc-radii-md);
    border-top-right-radius: var(--bc-radii-md);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 0px 0px;
    margin-inline: 3px;
    margin-top: var(--bc-space-0-5)
}

@media screen and (min-width:62em) {
    .css-61a4m5-header-FlexBetslipHeading {
        border-bottom: var(--bc-borders-1px)
    }
}

.css-61a4m5-header-FlexBetslipHeading.css-61a4m5-header-FlexBetslipHeading {
    border-bottom-color: rgb(248, 84, 70)
}

.css-t87b3v-BetslipTitle {
    display: flex;
    font-size: var(--bc-fontSizes-lg);
    font-weight: var(--bc-fontWeights-normal);
    gap: var(--bc-space-1);
    -webkit-box-align: center;
    align-items: center;
    color: var(--bc-colors-gamma-200);
    font-family: Staatliches;
    text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 5px
}

.css-t87b3v-BetslipTitle svg {
    color: var(--bc-colors-gamma-200)
}

.css-1wmudvn {
    width: var(--bc-sizes-5);
    height: var(--bc-sizes-5)
}

.css-9qebx2-BetslipTitleText {
    color: var(--bc-colors-gamma-200);
    font-family: Staatliches;
    font-size: var(--bc-fontSizes-md);
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-normal)
}

.css-dm1qfu-BetLengthIndicator {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: var(--bc-colors-gamma-500);
    padding: var(--bc-space-1);
    margin-left: var(--bc-space-1);
    width: var(--bc-sizes-5);
    height: var(--bc-sizes-5);
    border-radius: var(--bc-radii-base);
    color: var(--bc-colors-alpha-700);
    font-size: var(--bc-fontSizes-xs);
    font-family: roboto;
    font-weight: var(--bc-fontWeights-bold);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
    line-height: var(--bc-lineHeights-normal)
}

.css-17xejub {
    flex: 1 1 0%;
    place-self: stretch
}

.css-1u2evtq-modal-FlexBetGroupContainer::-webkit-scrollbar {
    display: none
}

.css-qosc65-modal-FlexBetGroupContainer {
    display: flex;
    flex: 1 1 0%;
    padding: 8px;
    overflow-y: auto;
    margin-bottom: var(--bc-space-1);
    margin-inline: 3px
}

.css-qosc65-modal-FlexBetGroupContainer::-webkit-scrollbar {
    display: none
}

.css-hiadkt-BetSlipEmptyWrapper {
    display: flex;
    flex-direction: column;
    padding-inline: 0px;
    padding: 0px;
    flex: 1 1 0%
}

.css-urr5rf-BetSlipEmptyContainer {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    padding-top: 18px;
    text-align: center;
    margin-inline: auto;
    width: var(--bc-sizes-full)
}

.css-n0yh3a-EmptyBoxHeadingIconContainer {
    display: flex;
    flex-direction: column-reverse;
    --chakra-space-y-reverse: 1;
    --chakra-divide-y-reverse: 1
}

.css-iaow1j-BetSlipEmptyHeading {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: var(--bc-fontWeights-normal);
    font-size: var(--bc-fontSizes-xl);
    line-height: 1;
    color: var(--bc-colors-gamma-400);
    font-family: var(--bc-fonts-accentMusashi);
    text-transform: uppercase;
    width: 195px
}

.css-gmuwbf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.css-3g6zjf {
    height: 163px;
    margin-top: var(--bc-space-4)
}

.css-dyijpc-BetSlipEmptySubheading {
    margin-bottom: var(--bc-space-1-5);
    font-size: var(--bc-fontSizes-sm);
    font-weight: var(--bc-fontWeights-normal);
    color: var(--bc-colors-gamma-200);
    margin-top: var(--bc-space-1-5)
}

.css-1my79vj-BetSlipEmptyResponsibleGamblingWrapper {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 3px;
    margin-inline-start: calc(var(--bc-space-1-5)*-1);
    margin-inline-end: calc(var(--bc-space-1-5)*-1);
    margin-bottom: calc(var(--bc-space-1-5)*-1)
}

.css-1szhiwk-FlexResponsibleGamblingSlideContainer {
    display: flex;
    background: var(--bc-colors-white);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--bc-colors-black);
    font-size: var(--bc-fontSizes-lg);
    width: var(--bc-sizes-full);
    height: 100%
}

.css-swebm4-responsibleGamblingBanner-FlexTextContainer {
    display: flex;
    max-width: 375px;
    flex-direction: column;
    gap: var(--bc-space-2);
    padding: var(--bc-space-3)
}

.css-fur0e7 {
    font-size: var(--bc-fontSizes-sm);
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-bold)
}

.css-33k81d {
    font-size: var(--bc-fontSizes-xs)
}

.css-uxn4cz {
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-fast);
    transition-timing-function: var(--bc-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit
}

.css-uxn4cz:hover {
    text-decoration: underline
}

.css-uxn4cz:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-1ru9qgf-primaryLayout-GridItemFooter {
    margin-top: 0px;
    grid-area: footer
}

.css-ggcvcx {
    grid-area: footer
}

.css-1j6asml {
    padding-top: 0px;
    padding-bottom: var(--bc-space-28);
    background-size: cover;
    background-position: center bottom;
    color: var(--bc-colors-white)
}

.css-qklk38 {
    width: 100%;
    margin-inline: auto;
    max-width: var(--bc-sizes-container-xl);
    background: var(--bc-colors-transparent);
    gap: var(--bc-space-2);
    display: flex;
    flex-direction: column;
    margin-top: var(--bc-space-6)
}

.css-qklk38 {
    padding-inline: unset
}

.css-o8a1j8 {
    max-width: var(--bc-sizes-container-xl);
    display: flex;
    flex-direction: column;
    border-radius: var(--bc-radii-md);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media screen and (min-width:48em) {
    .css-o8a1j8 {
        flex-direction: row;
        -webkit-box-pack: unset;
        justify-content: unset
    }
}

.css-ucbcgp {
    max-width: 170px;
    max-height: 95px
}

@media screen and (min-width:48em) {
    .css-ucbcgp {
        max-width: 230px;
        max-height: 40px
    }
}

.css-162u49t {
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    margin-left: unset;
    padding-bottom: 0px;
    color: var(--bc-colors-gamma-600);
    font-weight: var(--bc-fontWeights-medium);
    flex-direction: row;
    margin-top: 18px;
    gap: var(--bc-space-1)
}

@media screen and (min-width:48em) {
    .css-162u49t {
        -webkit-box-pack: unset;
        justify-content: unset;
        margin-left: auto;
        flex-direction: unset;
        margin-top: 0px
    }
}

.css-1oun7aq {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0px;
    font-size: var(--bc-fontSizes-xs);
    padding-inline-start: var(--bc-space-1);
    padding-inline-end: var(--bc-space-1);
    font-weight: var(--bc-fontWeights-bold);
    color: var(--bc-colors-gamma-200);
    margin-top: var(--bc-space-3)
}

@media screen and (min-width:30em) {
    .css-1oun7aq {
        text-align: left
    }
}

@media screen and (min-width:48em) {
    .css-1oun7aq {
        flex-direction: row;
        -webkit-box-pack: unset;
        justify-content: unset;
        margin-top: var(--bc-space-4)
    }
}

.css-1n9ylz1 {
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-fast);
    transition-timing-function: var(--bc-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--bc-colors-gamma-600);
    text-transform: lowercase;
    white-space: nowrap;
    display: inline
}

.css-1n9ylz1:hover {
    text-decoration: underline
}

.css-1n9ylz1:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-k5k9h3 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: unset;
    padding-inline-start: var(--bc-space-1);
    padding-inline-end: var(--bc-space-1);
    gap: var(--bc-space-6)
}

@media screen and (min-width:48em) {
    .css-k5k9h3 {
        background: var(--bc-colors-transparent)
    }
}

.css-k5k9h3 {
    flex-direction: column-reverse;
    --chakra-space-y-reverse: 1;
    --chakra-divide-y-reverse: 1
}

@media screen and (min-width:48em) {
    .css-k5k9h3 {
        flex-direction: column
    }
}

.css-1j80ntu {
    text-align: center;
    font-size: var(--bc-fontSizes-xs);
    order: 1;
    margin-bottom: 0px;
    width: unset;
    padding-right: 0px;
    flex: unset;
    color: var(--bc-colors-gamma-200)
}

@media screen and (min-width:30em) {
    .css-1j80ntu {
        text-align: left;
        order: unset;
        margin-left: 0px
    }
}

@media screen and (min-width:48em) {
    .css-1j80ntu {
        margin-right: 0px
    }
}

.css-pjujgx {
    margin-top: var(--bc-space-3)
}

.css-vgo5va {
    display: inline-block;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: inherit;
    border-radius: var(--bc-radii-md);
    font-weight: var(--bc-fontWeights-bold);
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    height: unset;
    min-width: var(--bc-sizes-10);
    font-size: var(--bc-fontSizes-xs);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    background: none;
    color: var(--bc-colors-gamma-600);
    margin: 0px 0px 1px;
    padding: 0px;
    cursor: pointer;
    text-transform: capitalize
}

.css-vgo5va:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-vgo5va:hover[disabled],
.css-vgo5va:hover[aria-disabled="true"],
.css-vgo5va:hover[data-disabled] {
    background: initial
}

.css-lmusqu {
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-fast);
    transition-timing-function: var(--bc-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--bc-colors-gamma-600);
    display: inline-block;
    text-transform: lowercase;
    margin-top: 0px;
    white-space: nowrap
}

.css-lmusqu:hover {
    text-decoration: underline
}

.css-lmusqu:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-1ps4qdx {
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-fast);
    transition-timing-function: var(--bc-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--bc-colors-gamma-600);
    text-transform: lowercase;
    white-space: nowrap;
    display: inline-block;
    margin-top: 0px;
    font-weight: var(--bc-fontWeights-bold);
    font-size: var(--bc-fontSizes-xs)
}

.css-1ps4qdx:hover {
    text-decoration: underline
}

.css-1ps4qdx:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-1xzh7a7 {
    margin-top: var(--bc-space-5)
}

.css-l4g5um {
    display: flex;
    flex-direction: column;
    gap: var(--bc-space-4)
}

.css-11w59xg {
    display: flex;
    flex-direction: column;
    gap: var(--bc-space-4);
    margin-bottom: var(--bc-space-2);
    text-align: center
}

@media screen and (min-width:30em) {
    .css-11w59xg {
        margin-bottom: unset;
        text-align: left
    }
}

@media screen and (min-width:48em) {
    .css-11w59xg {
        flex-direction: row
    }
}

.css-12595yo {
    margin-bottom: 0px
}

.css-sndnmo {
    font-weight: var(--bc-fontWeights-normal);
    font-size: var(--bc-fontSizes-md);
    padding-bottom: var(--bc-space-1);
    color: var(--bc-colors-gamma-600);
    text-transform: uppercase;
    font-family: var(--bc-fonts-accentStaat)
}

.css-1uvbsu1 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0px;
    padding-top: 0px
}

@media screen and (min-width:30em) {
    .css-1uvbsu1 {
        justify-content: left
    }
}

@media screen and (min-width:48em) {
    .css-1uvbsu1 {
        padding-top: var(--bc-space-1)
    }
}

.css-1c0inrk {
    width: var(--bc-sizes-12);
    height: var(--bc-sizes-7);
    background: var(--bc-colors-white);
    margin-right: var(--bc-space-1);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 1px
}

.css-1tsqaip {
    height: 100%;
    padding: var(--bc-space-1);
    margin: auto
}

.css-shn6p7 {
    margin-bottom: var(--bc-space-6)
}

.css-1rokr8u {
    font-weight: var(--bc-fontWeights-normal);
    font-size: var(--bc-fontSizes-md);
    padding-bottom: var(--bc-space-0-5);
    text-align: center;
    color: var(--bc-colors-gamma-600);
    text-transform: uppercase;
    font-family: var(--bc-fonts-accentStaat)
}

@media screen and (min-width:30em) {
    .css-1rokr8u {
        text-align: left
    }
}

.css-1y9qhdo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    order: 2;
    font-size: var(--bc-fontSizes-xs);
    margin-top: var(--bc-space-2);
    grid-template: ". ." /1fr 1fr 1fr;
    column-gap: var(--bc-space-10);
    row-gap: var(--bc-space-2)
}

.css-1y9qhdo>:not(style)~:not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px
}

@media screen and (min-width:30em) {
    .css-1y9qhdo {
        display: grid;
        -webkit-box-align: end;
        align-items: end;
        order: unset;
        margin-top: unset
    }
}

@media screen and (min-width:48em) {
    .css-1y9qhdo {
        min-width: 370px
    }
}

.css-1y9qhdo>a {
    color: var(--bc-colors-gamma-200);
    height: unset
}

.css-1y9qhdo>button {
    color: var(--bc-colors-gamma-200);
    height: unset;
    font-size: var(--bc-fontSizes-xs)
}

.css-13hteth {
    display: flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: start;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: inherit;
    border-radius: var(--bc-radii-md);
    font-weight: var(--bc-fontWeights-semibold);
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    min-width: var(--bc-sizes-10);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    background: none;
    margin: 0px;
    padding: 0px
}

.css-13hteth:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-13hteth:hover {
    text-decoration: underline
}

.css-1du1dz8 {
    font-size: var(--bc-fontSizes-xs);
    font-weight: var(--bc-fontWeights-medium)
}

.css-sn7y5j:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-sn7y5j:hover[disabled],
.css-sn7y5j:hover[aria-disabled="true"],
.css-sn7y5j:hover[data-disabled] {
    background: initial
}

.css-9sf7cf {
    transition-timing-function: var(--bc-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    display: inline;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: inherit;
    border-radius: var(--bc-radii-md);
    font-weight: var(--bc-fontWeights-medium);
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    min-width: var(--bc-sizes-10);
    font-size: var(--bc-fontSizes-xs);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    background: none;
    margin: 0px;
    padding: 0px
}

.css-9sf7cf:hover {
    text-decoration: underline
}

.css-9sf7cf:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-9sf7cf:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-9sf7cf:hover[disabled],
.css-9sf7cf:hover[aria-disabled="true"],
.css-9sf7cf:hover[data-disabled] {
    background: initial
}

.css-12vc5cv {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0px;
    color: var(--bc-colors-gray-700);
    margin-bottom: var(--bc-space-20)
}

@media screen and (min-width:30em) {
    .css-12vc5cv {
        -webkit-box-align: baseline;
        align-items: baseline;
        flex-direction: row;
        gap: var(--bc-space-4)
    }
}

.css-r6o2z1 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding-inline-start: var(--bc-space-1);
    padding-inline-end: var(--bc-space-1)
}

@media screen and (min-width:30em) {
    .css-r6o2z1 {
        justify-content: left
    }
}

.css-j6yd3o {
    font-weight: var(--bc-fontWeights-semibold);
    font-size: var(--bc-fontSizes-xs);
    text-align: center;
    color: var(--bc-colors-gamma-200);
    margin-bottom: var(--bc-space-2);
    padding-inline-start: var(--bc-space-8);
    padding-inline-end: var(--bc-space-8);
    padding-top: 0px;
    padding-bottom: 0px
}

@media screen and (min-width:30em) {
    .css-j6yd3o {
        font-weight: var(--bc-fontWeights-medium);
        text-align: left;
        margin-bottom: unset;
        padding-inline: unset
    }
}

.css-15dc8ng {
    margin-left: unset;
    margin-top: unset;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: var(--bc-colors-whiteAlpha-700)
}

@media screen and (min-width:30em) {
    .css-15dc8ng {
        -webkit-box-pack: unset;
        justify-content: unset
    }
}

.css-wuoxk5 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: var(--bc-fontSizes-sm);
    font-weight: var(--bc-fontWeights-normal);
    border: var(--bc-borders-2px);
    border-radius: 50%;
    height: var(--bc-sizes-8);
    width: var(--bc-sizes-8);
    margin-right: var(--bc-space-2);
    color: var(--bc-colors-gamma-200);
    padding-left: 3px;
    margin-bottom: var(--bc-space-1);
    font-family: var(--bc-fonts-accentStaat)
}

.css-hz1yxd {
    font-weight: var(--bc-fontWeights-bold);
    font-size: var(--bc-fontSizes-xs);
    padding-top: var(--bc-space-2);
    color: var(--bc-colors-gamma-200);
    margin-bottom: var(--bc-space-3)
}

.css-aymwq1-PrimaryGridItemResponsibleGambling {
    margin-top: 0px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: var(--bc-zIndices-base);
    grid-area: responsibleGamblingMessage
}

.css-84ofcj {
    font-size: var(--bc-fontSizes-lg);
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-bold)
}

.css-37ut7v {
    font-size: var(--bc-fontSizes-md)
}

.css-1svwefz-countdown-BadgeCountdown {
    white-space: nowrap;
    vertical-align: middle;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: var(--bc-fontSizes-2xs);
    padding-top: var(--bc-space-0-5);
    padding-bottom: var(--bc-space-0-5);
    text-transform: lowercase
}

.css-1svwefz-countdown-BadgeCountdown.css-1svwefz-countdown-BadgeCountdown.css-1svwefz-countdown-BadgeCountdown.css-1svwefz-countdown-BadgeCountdown {
    background: var(--bc-colors-beta-300);
    color: var(--bc-colors-blackAlpha-700);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px, rgba(255, 255, 255, 0.3) 0px 0px 0px 1px inset;
    border-radius: 3px;
    padding-inline-start: var(--bc-space-1);
    padding-inline-end: var(--bc-space-1);
    font-family: roboto;
    font-weight: var(--bc-fontWeights-bold)
}

.css-1svwefz-countdown-BadgeCountdown.css-1svwefz-countdown-BadgeCountdown {
    height: 16px;
    max-height: 16px;
    min-height: 16px;
    line-height: 15px
}

.css-1ronnau {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: 1.2;
    border-radius: var(--bc-radii-md);
    font-weight: var(--bc-fontWeights-semibold);
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    height: 46px;
    min-width: var(--bc-sizes-10);
    font-size: var(--bc-fontSizes-sm);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    color: var(--bc-colors-blackAlpha-700);
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-500) 0%, var(--bc-colors-gamma-600) 100%);
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    font-family: var(--bc-fonts-accentStaat);
    text-transform: capitalize;
    text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px
}

.css-1ronnau:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-1ronnau:hover {
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-300) 0%, var(--bc-colors-gamma-300) 100%);
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    color: var(--bc-colors-blackAlpha-700);
    text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px
}

.css-1ronnau:active {
    background: var(--bc-colors-blackAlpha-500);
    box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 2px 0px 0px inset;
    color: var(--bc-colors-gamma-500);
    text-shadow: var(--bc-shadows-none)
}

.css-1ronnau.css-1ronnau.css-1ronnau>span {
    z-index: 9
}

.css-19ygmxo {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: 1.2;
    border-radius: var(--bc-radii-md);
    font-weight: var(--bc-fontWeights-semibold);
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-normal);
    height: 46px;
    min-width: var(--bc-sizes-10);
    font-size: var(--bc-fontSizes-sm);
    padding-inline-start: var(--bc-space-4);
    padding-inline-end: var(--bc-space-4);
    color: var(--bc-colors-blackAlpha-700);
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-500) 0%, var(--bc-colors-gamma-600) 100%);
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    font-family: var(--bc-fonts-accentStaat);
    text-transform: capitalize;
    text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px
}

.css-19ygmxo:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-19ygmxo:hover {
    background: var(--bc-colors-gamma-300);
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(117, 20, 16) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    color: var(--bc-colors-blackAlpha-700);
    text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px
}

.css-19ygmxo:hover[disabled],
.css-19ygmxo:hover[aria-disabled="true"],
.css-19ygmxo:hover[data-disabled] {
    background: initial
}

.css-19ygmxo:active {
    background: var(--bc-colors-blackAlpha-500);
    box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px 0px, rgba(0, 0, 0, 0.3) 0px 2px 0px 0px inset;
    color: var(--bc-colors-gamma-500);
    text-shadow: var(--bc-shadows-none)
}

.css-19ygmxo.css-19ygmxo.css-19ygmxo>span {
    z-index: 9
}

.css-1stabl6 {
    display: flex;
    height: 46px;
    width: 82px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 4px;
    border-radius: 6px;
    background-image: linear-gradient(rgb(186, 7, 0), rgb(100, 5, 2));
    border: 2px solid rgb(255, 192, 51);
    cursor: pointer;
    position: relative
}

.css-1stabl6:hover {
    opacity: 0.9
}

.css-amefsl {
    position: absolute;
    inset: 0px;
    border-radius: 6px;
    border: 1px solid rgb(100, 5, 2);
    pointer-events: none
}

.css-5zcj5d {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    background-image: url(images/flag-united-kingdom.png)
}

.css-o4ukjz {
    z-index: 1;
    color: rgb(255, 255, 191);
    font-family: Staatliches;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.css-1nn60bx {
    width: 1em;
    height: 1em;
    line-height: 1em;
    flex-shrink: 0;
    color: rgb(255, 255, 191);
    font-size: 16px;
    z-index: 1
}

.css-6tf0wa:focus {
    box-shadow: var(--bc-shadows-none)
}

.css-122uim1 {
    position: relative;
    display: flex;
    flex-direction: column;
    --popper-bg: var(--bc-colors-white);
    --popper-arrow-bg: var(--popper-bg);
    --popper-arrow-shadow-color: var(--bc-colors-gray-200);
    border-radius: var(--bc-radii-md);
    z-index: inherit;
    border: var(--bc-borders-none);
    background: var(--bc-colors-transparent);
    box-shadow: var(--bc-shadows-none);
    width: 180px;
    padding: 0px;
    margin: 0px
}

.css-122uim1:focus {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: var(--bc-shadows-outline)
}

.css-122uim1:focus {
    box-shadow: var(--bc-shadows-none)
}

.css-1ggbz1p {
    background-image: linear-gradient(rgb(186, 7, 0), rgb(100, 5, 2));
    border: 3px solid rgb(255, 192, 51);
    border-radius: 6px
}

.css-wfdtma {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-inline: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px 4px 0px 0px;
    border-bottom-color: rgb(117, 20, 16);
    border-bottom-width: 2px
}

.css-v632pc {
    color: rgb(255, 255, 191);
    font-family: Staatliches;
    font-size: 14px;
    letter-spacing: 0.5px
}

.css-16xoubu {
    width: 1em;
    height: 1em;
    line-height: 1em;
    flex-shrink: 0;
    color: rgb(255, 255, 191);
    font-size: 16px
}

.css-1wubxmq:hover {
    background-image: none
}

.css-ugc47v {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding-inline: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: default;
    opacity: 0.35
}

.css-ugc47v:hover {
    background-image: none
}

.css-1uijw4s {
    font-family: Staatliches;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: rgb(192, 141, 122)
}

.css-zrz3w {
    border-bottom: 1px dashed rgb(177, 60, 44);
    margin-inline: 4px
}

.css-1d42qbk:hover {
    background-image: linear-gradient(rgb(186, 7, 0), rgb(230, 0, 18))
}

.css-xcaqbb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding-inline: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    opacity: 1
}

.css-xcaqbb:hover {
    background-image: linear-gradient(rgb(186, 7, 0), rgb(230, 0, 18))
}

.css-1v1mxpd {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    background-image: url(images/flag-china.png)
}

.css-m7md6s {
    font-family: Staatliches;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: rgb(255, 255, 191)
}

.css-a9xzqd-carousel-CarouselWrapper {
    width: var(--bc-sizes-full)
}

.css-a9xzqd-carousel-CarouselWrapper .control-dots {
    background: rgba(0, 0, 0, 0.16);
    width: fit-content;
    margin: auto;
    left: 0px;
    right: 0px;
    bottom: var(--bc-space-3);
    border-radius: var(--bc-radii-xl);
    min-width: var(--bc-sizes-8)
}

.css-1i52nhd-carousel-DotContainer {
    display: inline-block;
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-300), var(--bc-colors-gamma-400));
    border-top-left-radius: var(--bc-radii-md);
    border-bottom-left-radius: var(--bc-radii-md);
    padding-left: var(--bc-space-0-5);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-right: 0px
}

.css-1dw028r-carousel-Dot {
    width: var(--bc-sizes-2-5);
    height: var(--bc-sizes-2-5);
    border-radius: var(--bc-radii-full);
    background: var(--bc-colors-alpha-500);
    display: inline-block;
    margin-inline: 2px;
    cursor: pointer;
    margin-top: var(--bc-space-1)
}

.css-bzu2gt-carousel-DotContainer {
    display: inline-block;
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-300), var(--bc-colors-gamma-400));
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px
}

.css-1necwde-carousel-Dot {
    width: var(--bc-sizes-2-5);
    height: var(--bc-sizes-2-5);
    border-radius: var(--bc-radii-full);
    background: var(--bc-colors-blackAlpha-500);
    display: inline-block;
    margin-inline: 2px;
    cursor: pointer;
    margin-top: var(--bc-space-1)
}

.css-1ogtbvd-carousel-DotContainer {
    display: inline-block;
    background-image: linear-gradient(to bottom, var(--bc-colors-gamma-300), var(--bc-colors-gamma-400));
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-left: 0px;
    border-top-right-radius: var(--bc-radii-md);
    border-bottom-right-radius: var(--bc-radii-md);
    padding-right: var(--bc-space-0-5)
}

.css-142qw9u {
    user-select: none;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.css-g2g545 {
    font-size: var(--bc-fontSizes-xl);
    text-transform: uppercase;
    font-weight: var(--bc-fontWeights-bold)
}

.css-cim4q5 {
    transition-property: var(--bc-transition-property-common);
    transition-duration: var(--bc-transition-duration-fast);
    transition-timing-function: var(--bc-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    width: var(--bc-sizes-full)
}

.css-cim4q5:hover {
    text-decoration: underline
}

.css-cim4q5:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-frxtbl-carousel-BannerImage {
    height: auto
}

.css-1nmcsw0-header-IconButtonMenu:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-1nmcsw0-header-IconButtonMenu:hover[disabled],
.css-1nmcsw0-header-IconButtonMenu:hover[aria-disabled="true"],
.css-1nmcsw0-header-IconButtonMenu:hover[data-disabled] {
    background: initial
}

.css-1ri0wtm-betslip-header-CloseIconButton:hover {
    border: var(--bc-borders-none);
    background: none
}

.css-p5d8jg-betslip-header-CloseIconButton:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-p5d8jg-betslip-header-CloseIconButton:hover[disabled],
.css-p5d8jg-betslip-header-CloseIconButton:hover[aria-disabled="true"],
.css-p5d8jg-betslip-header-CloseIconButton:hover[data-disabled] {
    background: initial
}

.css-p5d8jg-betslip-header-CloseIconButton:hover {
    border: var(--bc-borders-none);
    background: none
}

.css-1v6r4p1:focus {
    box-shadow: var(--bc-shadows-outline)
}

.css-1v6r4p1:hover {
    background-image: linear-gradient(to bottom, var(--bc-colors-beta-500) 0%, var(--bc-colors-beta-500) 100%);
    box-shadow: rgb(255, 192, 51) 0px 0px 0px 2px inset, rgb(0, 77, 48) 0px 0px 0px 3px inset, rgba(255, 255, 255, 0.6) 0px 0px 0px 4px inset, rgba(0, 0, 0, 0.2) 0px 6px 10px 0px;
    text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px;
    color: var(--bc-colors-blackAlpha-700)
}

.css-1v6r4p1:hover[disabled],
.css-1v6r4p1:hover[aria-disabled="true"],
.css-1v6r4p1:hover[data-disabled] {
    background: initial
}

.css-1v6r4p1:active {
    background: var(--bc-colors-blackAlpha-700);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 0px 0px inset, rgba(255, 255, 255, 0.08) 0px 1px 0px 0px;
    color: var(--bc-colors-beta-300);
    text-shadow: unset
}

.fHrGFt {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.dd-option:hover {
    background: #f3f3f3;
    color: #000
}

​ .sf-hidden {
    display: none !important
}

img[src="data:,"],
source[src="data:,"] {
    display: none !important
}

/* Extracted from inline style attributes */
.extracted-style-1 {
    --chakra-ui-color-mode: light;
    margin-top: 0px;
}

.extracted-style-2 {
    position: fixed;
    z-index: 9999;
    inset: 16px;
    pointer-events: none;
}

.extracted-style-3 {
    visibility: hidden;
    position: absolute;
    min-width: max-content;
    inset: 0px auto auto 0px;
}

.extracted-style-4 {
    transform-origin: var(--popper-transform-origin);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.95) translateZ(0px);
}

.extracted-style-5 {
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

.extracted-style-6 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transform: none;
}

.extracted-style-7 {
    fill: none;
    stroke-width: 2;
    stroke: currentcolor;
    stroke-dasharray: 16;
    opacity: 1;
    stroke-dashoffset: 0;
}

.extracted-style-8 {
    width: 100%;
}

.extracted-style-9 {
    transform: translate3d(-400%, 0px, 0px);
    transition-duration: 750ms;
}

.extracted-style-10 {
    width: 1em;
}



@media screen and (max-width:1279px) {
    .css-nfqr84-GridItemBetslip {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .css-95o3ru-SideNavContainer {
        display: none;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff4c3;
    background:
        radial-gradient(circle at center, rgba(255, 190, 49, 0.08), transparent 32%),
        repeating-linear-gradient(45deg, rgba(255, 198, 35, 0.035) 0 2px, transparent 2px 38px),
        linear-gradient(180deg, #d80b05 0%, #990000 100%);
}

.gb888-page {
    min-height: 100vh;
    padding: 40px;
}

.gb888-demo-content {
    width: min(760px, 90%);
    margin: 90px auto;
    padding: 42px;
    border: 2px solid #f6b432;
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(255, 55, 30, 0.72), rgba(116, 0, 0, 0.86)),
        radial-gradient(circle at top right, rgba(255, 215, 91, 0.22), transparent 38%);
    box-shadow: 0 0 0 3px rgba(118, 0, 0, 0.55), 0 22px 65px rgba(0, 0, 0, 0.42);
    text-align: center;
}

.gb888-demo-content h1 {
    margin: 0 0 12px;
    color: #ffd84a;
    font-size: 48px;
    letter-spacing: 1px;
    text-shadow: 0 3px 0 #7b0000, 0 0 12px rgba(255, 208, 42, 0.6);
}

.gb888-demo-content p {
    margin: 0;
    color: #ffeec0;
}

.gb888-btn {
    border: 0;
    border-radius: 5px;
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.gb888-btn:hover {
    transform: translateY(-1px);
}

.gb888-btn--gold {
    color: #7a1200;
    background: linear-gradient(180deg, #fff27a 0%, #ffc21a 48%, #f18c00 100%);
    border: 1px solid #fff08a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 3px 0 #9f2a00, 0 0 18px rgba(255, 194, 26, 0.35);
}

.gb888-btn--dark {
    color: #ffe7a4;
    background: linear-gradient(180deg, #7c0d05 0%, #3f0000 100%);
    border: 1px solid #d86b1b;
    box-shadow: inset 0 1px 0 rgba(255, 210, 120, 0.2), 0 3px 0 rgba(0, 0, 0, 0.35);
}

.gb888-btn--ghost {
    color: #ffd84a;
    background: rgba(117, 0, 0, 0.58);
    border: 1px solid #ffbd31;
    box-shadow: inset 0 0 16px rgba(255, 189, 49, 0.12);
}

.gb888-agegate {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(56, 0, 0, 0.78);
    backdrop-filter: blur(5px);
}

.gb888-agegate.is-active {
    display: flex;
}

.gb888-agegate__card {
    position: relative;
    width: min(430px, 100%);
    padding: 38px 30px 30px;
    border: 2px solid #ffd34a;
    border-radius: 12px;
    background:
        radial-gradient(circle at top, rgba(255, 220, 78, 0.2), transparent 34%),
        linear-gradient(180deg, #ef2a17 0%, #b00600 45%, #720000 100%);
    box-shadow: 0 0 0 4px rgba(124, 0, 0, 0.62), 0 0 35px rgba(255, 184, 30, 0.34), 0 30px 90px rgba(0, 0, 0, 0.62);
    text-align: center;
    overflow: hidden;
}

.gb888-agegate__card::before,
.gb888-cookie-settings::before,
.gb888-cookies__main::before {
    content: "";
    position: absolute;
    inset: 8px;
    pointer-events: none;
    border: 1px solid rgba(255, 219, 97, 0.46);
    border-radius: 8px;
}

.gb888-agegate__badge {
    width: 76px;
    height: 76px;
    margin: 0 auto 18px;
    display: grid;
    place-items: center;
    color: #8a0500;
    font-size: 28px;
    font-weight: 900;
    border-radius: 50%;
    background: radial-gradient(circle, #fff7a5 0%, #ffc628 58%, #e57a00 100%);
    border: 3px solid #fff4a3;
    box-shadow: 0 5px 0 #8e1700, 0 0 24px rgba(255, 207, 47, 0.55);
}

.gb888-agegate__title {
    margin: 0 0 12px;
    color: #ffe45b;
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 0 3px 0 #780000, 0 0 12px rgba(255, 219, 76, 0.45);
}

.gb888-agegate__text {
    margin: 0 auto 24px;
    color: #fff0bc;
    font-size: 15px;
    line-height: 1.55;
}

.gb888-agegate__actions {
    display: grid;
    gap: 10px;
}

.gb888-agegate__note {
    margin: 18px 0 0;
    color: #ffc982;
    font-size: 12px;
}

.gb888-cookies {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 900;
    width: min(760px, calc(100vw - 44px));
    display: none;
}

.gb888-cookies.is-active {
    display: block;
}

.gb888-cookies__main {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 20px;
    border: 2px solid #ffbf31;
    border-radius: 10px;
    background:
        radial-gradient(circle at top left, rgba(255, 230, 93, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(239, 43, 21, 0.98), rgba(123, 0, 0, 0.98));
    box-shadow: 0 0 0 3px rgba(124, 0, 0, 0.6), 0 18px 60px rgba(0, 0, 0, 0.5), 0 0 28px rgba(255, 185, 35, 0.18);
    overflow: hidden;
}

.gb888-cookies__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(180deg, #fff27a, #f29800);
    border: 2px solid #fff3a1;
    box-shadow: 0 4px 0 #861500;
    font-size: 26px;
}

.gb888-cookies__title {
    margin: 0 0 6px;
    color: #ffe45b;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 0 2px 0 #7d0000;
}

.gb888-cookies__text {
    margin: 0;
    color: #fff0bd;
    font-size: 13px;
    line-height: 1.45;
}

.gb888-cookies__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.gb888-cookie-settings {
    position: absolute;
    right: 0;
    bottom: calc(100% + 14px);
    width: min(440px, 100%);
    padding: 22px;
    border: 2px solid #ffbf31;
    border-radius: 10px;
    background:
        radial-gradient(circle at top right, rgba(255, 225, 88, 0.16), transparent 36%),
        linear-gradient(180deg, #dc1c0c 0%, #8b0000 100%);
    box-shadow: 0 0 0 3px rgba(126, 0, 0, 0.62), 0 18px 65px rgba(0, 0, 0, 0.56);
    display: none;
    overflow: hidden;
}

.gb888-cookie-settings.is-active {
    display: block;
}

.gb888-cookie-settings__header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.gb888-cookie-settings__title {
    margin: 0;
    color: #ffe45b;
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: 0 2px 0 #7d0000;
}

.gb888-cookie-settings__close {
    width: 32px;
    height: 32px;
    border: 1px solid #ffbf31;
    border-radius: 5px;
    color: #ffd84a;
    background: rgba(94, 0, 0, 0.55);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.gb888-cookie-option {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 14px 0;
    border-top: 1px solid rgba(255, 198, 44, 0.28);
}

.gb888-cookie-option strong {
    display: block;
    margin-bottom: 4px;
    color: #fff3a5;
    font-size: 14px;
}

.gb888-cookie-option span {
    display: block;
    color: #ffd7a0;
    font-size: 12px;
    line-height: 1.4;
}

.gb888-switch {
    display: inline-flex;
    cursor: pointer;
}

.gb888-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.gb888-switch span {
    position: relative;
    width: 48px;
    height: 26px;
    border-radius: 99px;
    background: #5a0000;
    border: 1px solid #cc6416;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.38);
}

.gb888-switch span::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffe8a1, #f5a000);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    transition: transform 0.18s ease;
}

.gb888-switch input:checked+span {
    background: linear-gradient(180deg, #f5aa00, #d76b00);
    border-color: #fff08a;
}

.gb888-switch input:checked+span::after {
    transform: translateX(21px);
}

.gb888-switch input:disabled+span {
    opacity: 0.82;
    cursor: not-allowed;
}

.gb888-cookie-settings__actions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

@media (max-width: 760px) {
    .gb888-cookies {
        right: 14px;
        bottom: 14px;
        width: calc(100vw - 28px);
    }

    .gb888-cookies__main {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .gb888-cookies__icon {
        margin: 0 auto;
    }

    .gb888-cookies__actions {
        justify-content: center;
    }

    .gb888-cookie-settings {
        position: fixed;
        left: 14px;
        right: 14px;
        bottom: 14px;
        width: auto;
        max-height: calc(100vh - 28px);
        overflow-y: auto;
    }

    .gb888-cookie-settings__actions {
        flex-direction: column;
    }

    .gb888-btn {
        width: 100%;
    }
}

/* Legal content pages */
.legal-grid-content {
    padding: 8px 10px 40px;
}

.legal-page {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    color: #f8f2dc;
    font-family: Roboto, Arial, sans-serif;
}

.legal-hero,
.legal-section,
.legal-subnav {
    border: 1px solid rgba(255, 205, 92, 0.35);
    background: linear-gradient(180deg, rgba(40, 0, 0, 0.94), rgba(89, 0, 0, 0.92));
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.legal-hero {
    padding: 28px 30px;
    border-radius: 18px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.legal-hero::after {
    content: "";
    position: absolute;
    inset: auto -60px -80px auto;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: rgba(255, 197, 66, 0.08);
    pointer-events: none;
}

.legal-kicker {
    margin: 0 0 8px;
    color: #ffc83d;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.legal-hero h1 {
    margin: 0 0 12px;
    color: #ffffff;
    font-family: Staatliches, Roboto, Arial, sans-serif;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1;
    letter-spacing: 0.02em;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
}

.legal-intro,
.legal-updated,
.legal-section p,
.legal-section li {
    font-size: 15px;
    line-height: 1.72;
}

.legal-intro {
    margin: 0;
    max-width: 780px;
    color: #f7e9c0;
}

.legal-updated {
    display: inline-block;
    margin: 18px 0 0;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffe49b;
    font-size: 13px;
    font-weight: 700;
}

.legal-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
    margin-bottom: 16px;
}

.legal-subnav a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 201, 61, 0.12);
    color: #ffd662;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.legal-subnav a:hover {
    background: #ffc83d;
    color: #4a0000;
    transform: translateY(-1px);
}

.legal-section {
    padding: 22px 26px;
    border-radius: 16px;
    margin-bottom: 14px;
}

.legal-section h2 {
    margin: 0 0 10px;
    color: #ffd45a;
    font-family: Staatliches, Roboto, Arial, sans-serif;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: 0.02em;
}

.legal-section p {
    margin: 0 0 12px;
    color: #f7e9c0;
}

.legal-section p:last-child {
    margin-bottom: 0;
}

.legal-section ul {
    margin: 8px 0 0;
    padding-left: 22px;
}

.legal-section li {
    margin: 0 0 8px;
    color: #f7e9c0;
}

.legal-section li::marker {
    color: #ffc83d;
}

@media screen and (max-width: 48em) {
    .legal-grid-content {
        padding: 8px 8px 30px;
    }

    .legal-hero,
    .legal-section {
        padding: 20px 18px;
    }

    .legal-subnav {
        display: grid;
        grid-template-columns: 1fr;
    }

    .legal-subnav a {
        justify-content: center;
    }
}