:root {
        --sf-img-18: url("images/image-05-cac0434e9e8f.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/image-01-b28a30d237db.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
    }

.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: #1BD5FF;
        --bc-colors-alpha-200: #00BFEA;
        --bc-colors-alpha-300: #225CA1;
        --bc-colors-alpha-400: #284985;
        --bc-colors-alpha-500: #1D3461;
        --bc-colors-alpha-600: #1A2F56;
        --bc-colors-alpha-700: #121F3F;
        --bc-colors-alpha-800: #0E1C37;
        --bc-colors-alpha-900: #0A1221;
        --bc-colors-beta-50: rgba(0, 0, 0, 0.04);
        --bc-colors-beta-100: #FFBA95;
        --bc-colors-beta-200: #FF965D;
        --bc-colors-beta-300: #FF6E20;
        --bc-colors-beta-400: #F36417;
        --bc-colors-beta-500: #F95D3C;
        --bc-colors-beta-600: #F95D3C;
        --bc-colors-beta-700: #DC4221;
        --bc-colors-beta-800: #FAC83D;
        --bc-colors-beta-900: #354A03;
        --bc-colors-gamma-50: rgba(0, 0, 0, 0.04);
        --bc-colors-gamma-100: rgba(0, 0, 0, 0.06);
        --bc-colors-gamma-200: rgba(0, 0, 0, 0.08);
        --bc-colors-gamma-300: rgba(0, 0, 0, 0.16);
        --bc-colors-gamma-400: rgba(0, 0, 0, 0.24);
        --bc-colors-gamma-500: rgba(0, 0, 0, 0.36);
        --bc-colors-gamma-600: rgba(0, 0, 0, 0.48);
        --bc-colors-gamma-700: rgba(0, 0, 0, 0.64);
        --bc-colors-gamma-800: rgba(0, 0, 0, 0.80);
        --bc-colors-gamma-900: rgba(0, 0, 0, 0.92);
        --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(29, 52, 97, 0.05);
        --bc-colors-alphaAlpha-100: rgba(29, 52, 97, 0.1);
        --bc-colors-alphaAlpha-200: rgba(29, 52, 97, 0.2);
        --bc-colors-alphaAlpha-300: rgba(29, 52, 97, 0.3);
        --bc-colors-alphaAlpha-400: rgba(29, 52, 97, 0.4);
        --bc-colors-alphaAlpha-500: rgba(29, 52, 97, 0.5);
        --bc-colors-alphaAlpha-600: rgba(29, 52, 97, 0.6);
        --bc-colors-alphaAlpha-700: rgba(29, 52, 97, 0.7);
        --bc-colors-alphaAlpha-800: rgba(29, 52, 97, 0.8);
        --bc-colors-alphaAlpha-900: rgba(29, 52, 97, 0.9);
        --bc-colors-betaAlpha-50: rgba(249, 93, 60, 0.05);
        --bc-colors-betaAlpha-100: rgba(249, 93, 60, 0.1);
        --bc-colors-betaAlpha-200: rgba(249, 93, 60, 0.2);
        --bc-colors-betaAlpha-300: rgba(249, 93, 60, 0.3);
        --bc-colors-betaAlpha-400: rgba(249, 93, 60, 0.4);
        --bc-colors-betaAlpha-500: rgba(249, 93, 60, 0.5);
        --bc-colors-betaAlpha-600: rgba(249, 93, 60, 0.6);
        --bc-colors-betaAlpha-700: rgba(249, 93, 60, 0.7);
        --bc-colors-betaAlpha-800: rgba(249, 93, 60, 0.8);
        --bc-colors-betaAlpha-900: rgba(249, 93, 60, 0.9);
        --bc-colors-gammaAlpha-50: rgba(0, 0, 0, 0.05);
        --bc-colors-gammaAlpha-100: rgba(0, 0, 0, 0.1);
        --bc-colors-gammaAlpha-200: rgba(0, 0, 0, 0.2);
        --bc-colors-gammaAlpha-300: rgba(0, 0, 0, 0.3);
        --bc-colors-gammaAlpha-400: rgba(0, 0, 0, 0.4);
        --bc-colors-gammaAlpha-500: rgba(0, 0, 0, 0.5);
        --bc-colors-gammaAlpha-600: rgba(0, 0, 0, 0.6);
        --bc-colors-gammaAlpha-700: rgba(0, 0, 0, 0.7);
        --bc-colors-gammaAlpha-800: rgba(0, 0, 0, 0.8);
        --bc-colors-gammaAlpha-900: rgba(0, 0, 0, 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: roboto, -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-accent: Orbitron, -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,
    iframe {
        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: roboto;
        font-style: normal;
        font-weight: 100;
        src: url("fonts/roboto-100-normal-bf9760a482.ttf") format("truetype")format("opentype")
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
        background-image: url(images/image-01-3194cbee3983.jpg), linear-gradient(180deg, var(--bc-colors-alpha-700), var(--bc-colors-alpha-900));
        background-position: center top, center center;
        background-repeat: no-repeat;
        background-size: 100vw
    }

    @media (max-width:767px) {
        body {
            background: linear-gradient(180deg, var(--bc-colors-alpha-700), var(--bc-colors-alpha-900))
        }
    }

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

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

    .css-14lpwjp-login-WrapperContent form input:-webkit-autofill,
    .css-14lpwjp-login-WrapperContent form input:-webkit-autofill:focus {
        transition: background-color 600000s, color 600000s
    }

    .css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input:hover,
    .css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input:focus {
        background: var(--bc-colors-blackAlpha-600)
    }

    .css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input:active,
    .css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input:focus {
        color: var(--bc-colors-white)
    }

    .css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input::-webkit-input-placeholder {
        color: var(--bc-colors-whiteAlpha-600)
    }

    .css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input.css-1gnv1oo-onboarding-Input::placeholder {
        color: var(--bc-colors-whiteAlpha-600)
    }

    .css-198xfzl-onboarding-Input::-webkit-input-placeholder {
        color: var(--bc-colors-whiteAlpha-700)
    }

    .css-198xfzl-onboarding-Input::placeholder {
        color: var(--bc-colors-whiteAlpha-700)
    }

    .css-198xfzl-onboarding-Input:hover.css-198xfzl-onboarding-Input:hover {
        background: var(--bc-colors-alpha-500);
        border-left: var(--bc-borders-none);
        color: var(--bc-colors-white)
    }

    .css-198xfzl-onboarding-Input:focus.css-198xfzl-onboarding-Input:focus,
    .css-198xfzl-onboarding-Input:active.css-198xfzl-onboarding-Input:active {
        background: var(--bc-colors-alpha-800);
   
        border-color: var(--bc-colors-beta-200)
    }

    .css-198xfzl-onboarding-Input:-webkit-autofill {
        caret-color: currentcolor
    }

    .css-198xfzl-onboarding-Input:-webkit-autofill:hover,
    .css-198xfzl-onboarding-Input:-webkit-autofill:focus,
    .css-198xfzl-onboarding-Input:-webkit-autofill:active {
        caret-color: currentcolor
    }

    .css-198xfzl-onboarding-Input:hover {
        border-color: var(--bc-colors-gray-300)
    }

    .css-198xfzl-onboarding-Input:focus {
        z-index: 1;
        border-color: rgb(49, 130, 206);
        box-shadow: rgb(49, 130, 206) 0px 0px 0px 1px
    }

    .css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input:hover,
    .css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input:focus {
        background: var(--bc-colors-blackAlpha-600)
    }

    .css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input:active,
    .css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input:focus {
        color: var(--bc-colors-white)
    }

    .css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input::-webkit-input-placeholder {
        color: var(--bc-colors-whiteAlpha-600)
    }

    .css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input.css-198xfzl-onboarding-Input::placeholder {
        color: var(--bc-colors-whiteAlpha-600)
    }

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

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

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

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

    .css-oqadj2:hover {
        background-image: linear-gradient(to bottom, var(--bc-colors-beta-100), var(--bc-colors-beta-100));
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.35) 0px 0px 0px 2px inset
    }

    .css-oqadj2:active {
        background-image: linear-gradient(to bottom, var(--bc-colors-blackAlpha-500), var(--bc-colors-blackAlpha-500));
        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-alpha-100);
        text-shadow: var(--bc-shadows-none)
    }

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

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

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

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

    .css-8g2rgk-PrimaryGridHeader {
        position: sticky;
        top: 0px;
        z-index: var(--bc-zIndices-overlay);
        margin-bottom: 0px;
        max-width: 100%;
        background: var(--bc-colors-alpha-900);
        border-bottom-color: unset;
        grid-area: header
    }

    @media screen and (min-width:30em) {
        .css-8g2rgk-PrimaryGridHeader {
            margin-bottom: var(--bc-space-3)
        }
    }

    @media screen and (min-width:48em) {
        .css-8g2rgk-PrimaryGridHeader {
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: var(--bc-colors-beta-500)
        }
    }

    .css-1h96iw-nextToJump-FlexWrapper {
        display: flex;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 20px 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-1ubjvmh:hover {
        background: var(--bc-colors-alpha-400)
    }

    .css-1bszrb0 {
        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);
        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-width: 1px;
        border-style: solid;
        border-image: initial;
        border-radius: var(--bc-radii-md);
        background: var(--bc-colors-alpha-600);
        color: var(--bc-colors-alpha-100);
        backdrop-filter: blur(8px);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px 0px, rgba(0, 216, 255, 0.15) 0px 0px 20px 0px inset;
        border-color: var(--bc-colors-alpha-400);
        height: var(--bc-sizes-full)
    }

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

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

    .css-1bszrb0:hover {
        background: var(--bc-colors-alpha-400)
    }

    .css-1bszrb0 svg {
        filter: drop-shadow(rgba(28, 213, 255, 0.5) 0px 0px 9px)
    }

    .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-1xyxtn4 {
        padding: var(--bc-space-4);
        border-radius: var(--bc-radii-sm);
        background: var(--bc-colors-alpha-600);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--bc-colors-alpha-400);
        backdrop-filter: blur(8px);
        color: var(--bc-colors-white);
        z-index: var(--bc-zIndices-docked);
        height: var(--bc-sizes-full)
    }

    .css-1xyxtn4 .chakra-checkbox__label {
        color: var(--bc-colors-white)
    }

    .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-1kx9mcy {
        font-weight: var(--bc-fontWeights-bold);
        font-size: var(--bc-fontSizes-sm);
        margin-bottom: var(--bc-space-2);
        color: var(--bc-colors-white)
    }

    .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-i0cfir-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-1dovivy-nextToJumpBanner-ButtonChevron:hover {
        background: var(--bc-colors-alpha-400)
    }

    .css-16x2d7d-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);
        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-alpha-100);
        padding: 0px;
        background: var(--bc-colors-alpha-600);
        backdrop-filter: blur(8px);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px 0px, rgba(0, 216, 255, 0.15) 0px 0px 20px 0px inset;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--bc-colors-alpha-400)
    }

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

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

    .css-16x2d7d-nextToJumpBanner-ButtonChevron>svg {
        width: var(--bc-sizes-6);
        height: var(--bc-sizes-6);
        filter: drop-shadow(rgba(28, 213, 255, 0.5) 0px 0px 9px)
    }

    .css-16x2d7d-nextToJumpBanner-ButtonChevron:hover {
        background: var(--bc-colors-alpha-400)
    }

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

    .css-1g2u2wc-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-1g2u2wc-primaryLayout-PrimaryGridSubLayout {
            grid-template: "sidenav betslip" "sidenav content" "sidenav content" 1fr"sidenav footer" /270px 1fr;
            column-gap: var(--bc-space-4);
            padding-inline-start: var(--bc-space-4);
            padding-inline-end: var(--bc-space-4)
        }
    }

    @media screen and (min-width:80em) {
        .css-1g2u2wc-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-ldihrc {
        margin-inline: auto
    }

    .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-q43d0u {
        width: 270px;
        background: var(--bc-colors-alphaAlpha-800);
        display: flex;
        flex-direction: column;
        border-radius: var(--bc-radii-base);
        padding-inline: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-top: unset;
        border-bottom: unset;
        border-left: unset;
        border-image: unset;
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px 0px, rgba(0, 216, 255, 0.15) 0px 0px 20px 0px inset;
        backdrop-filter: blur(8px)
    }

    @media screen and (min-width:48em) {
        .css-q43d0u {
            border: 1px solid rgba(149, 239, 255, 0.2)
        }
    }

    @media screen and (min-width:62em) {
        .css-q43d0u {
            padding-inline-start: var(--bc-space-3);
            padding-inline-end: var(--bc-space-3);
            padding-top: var(--bc-space-1);
            padding-bottom: var(--bc-space-1);
            margin-bottom: var(--bc-space-4)
        }
    }

    .css-rda4cf-SideNavLink {
        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-white);
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        font-size: var(--bc-fontSizes-xs);
        height: 40px;
        padding-inline-start: var(--bc-space-1-5);
        padding-inline-end: var(--bc-space-1-5);
        width: var(--bc-sizes-full);
        -webkit-box-pack: justify;
        justify-content: space-between;
        text-transform: uppercase;
        font-weight: var(--bc-fontWeights-bold);
        font-family: Roboto;
        text-shadow: rgba(0, 0, 0, 0.25) 0px 3px 4px;
        background: var(--bc-colors-transparent);
        box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        padding-top: var(--bc-space-0-5);
        padding-bottom: var(--bc-space-0-5);
        margin-left: 0px
    }

    .css-rda4cf-SideNavLink:hover {
        text-decoration: underline
    }

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

    @media screen and (min-width:48em) {
        .css-rda4cf-SideNavLink {
            padding-inline: 0px;
            height: 45px;
            padding-top: var(--bc-space-1-5);
            padding-bottom: var(--bc-space-1-5)
        }
    }

    .css-rda4cf-SideNavLink:hover {
        text-decoration: none;
        color: var(--bc-colors-beta-200);
        text-shadow: rgb(255, 110, 32) 0px 0px 12px
    }

    .css-rda4cf-SideNavLink:hover .icon,
    .css-rda4cf-SideNavLink:hover .svgIcon {
        background-image: unset;
        color: var(--bc-colors-beta-200);
        filter: drop-shadow(rgb(255, 110, 32) 0px 0px 12px)
    }

    @media screen and (min-width:48em) {

        .css-rda4cf-SideNavLink:hover .icon,
        .css-rda4cf-SideNavLink:hover .svgIcon {
            background-image: linear-gradient(rgb(255, 150, 94), rgb(243, 100, 23));
            color: var(--bc-colors-blackAlpha-800);
            filter: unset
        }
    }

    .css-rda4cf-SideNavLink.css-rda4cf-SideNavLink {
        margin-bottom: 0px
    }

    .css-rda4cf-SideNavLink:last-child {
        border-bottom: var(--bc-borders-none);
        box-shadow: unset;
        margin-bottom: 0px
    }

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

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

    .css-10tky1u-sideNavLink-FlexSideLinkWrapper {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-family: Roboto;
        font-size: 12px;
        font-weight: var(--bc-fontWeights-bold);
        text-transform: uppercase
    }

    .css-au4pi6 {
        width: 28px;
        height: 28px;
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: rgb(28, 213, 255);
        margin-right: var(--bc-space-1);
        box-shadow: unset;
        filter: drop-shadow(rgba(28, 213, 255, 0.5) 0px 0px 9px);
        padding: var(--bc-space-1);
        border-radius: var(--bc-radii-base);
        text-decoration: none
    }

    @media screen and (min-width:48em) {
        .css-au4pi6 {
            color: var(--bc-colors-blackAlpha-800);
            margin-right: var(--bc-space-2-5);
            background-image: linear-gradient(to bottom, var(--bc-colors-alpha-100), var(--bc-colors-alpha-200));
            box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;
            filter: drop-shadow(rgba(255, 255, 255, 0.3) 0px 1px 0px);
            padding: var(--bc-space-1-5)
        }
    }

    .css-au4pi6 g path {
        fill: rgb(28, 213, 255)
    }

    @media screen and (min-width:48em) {
        .css-au4pi6 g path {
            fill: var(--bc-colors-blackAlpha-800)
        }
    }

    .css-ppifut-SideNavLink {
        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-white);
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        font-size: var(--bc-fontSizes-xs);
        height: 40px;
        padding-inline-start: var(--bc-space-1-5);
        padding-inline-end: var(--bc-space-1-5);
        width: var(--bc-sizes-full);
        -webkit-box-pack: justify;
        justify-content: space-between;
        text-transform: uppercase;
        font-weight: var(--bc-fontWeights-bold);
        font-family: Roboto;
        text-shadow: rgba(0, 0, 0, 0.25) 0px 3px 4px;
        background: var(--bc-colors-transparent);
        box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        padding-top: var(--bc-space-0-5);
        padding-bottom: var(--bc-space-0-5);
        margin-left: 0px
    }

    .css-ppifut-SideNavLink:hover {
        text-decoration: underline
    }

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

    @media screen and (min-width:48em) {
        .css-ppifut-SideNavLink {
            padding-inline: 0px;
            height: 45px;
            padding-top: var(--bc-space-1-5);
            padding-bottom: var(--bc-space-1-5)
        }
    }

    .css-ppifut-SideNavLink:hover {
        text-decoration: none;
        color: var(--bc-colors-beta-200);
        text-shadow: rgb(255, 110, 32) 0px 0px 12px
    }

    .css-ppifut-SideNavLink:hover .icon,
    .css-ppifut-SideNavLink:hover .svgIcon {
        background-image: unset;
        color: var(--bc-colors-beta-200);
        filter: drop-shadow(rgb(255, 110, 32) 0px 0px 12px)
    }

    @media screen and (min-width:48em) {

        .css-ppifut-SideNavLink:hover .icon,
        .css-ppifut-SideNavLink:hover .svgIcon {
            background-image: linear-gradient(rgb(255, 150, 94), rgb(243, 100, 23));
            color: var(--bc-colors-blackAlpha-800);
            filter: unset
        }
    }

    .css-ppifut-SideNavLink.css-ppifut-SideNavLink {
        margin-bottom: 0px
    }

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

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

    @media screen and (min-width:62em) {
        .css-ppifut-SideNavLink {
            border-radius: var(--bc-radii-md)
        }
    }

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

    @media screen and (min-width:30em) {
        .css-i3h5ye-primaryLayout-PrimaryGridItemContent {
            margin-inline: 0px
        }
    }

    .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-18agklq {
        display: grid;
        row-gap: var(--bc-space-1);
        column-gap: var(--bc-space-3-5);
        grid-auto-columns: minmax(0px, 1fr);
        grid-auto-flow: row;
        margin-top: 0px;
        margin-bottom: var(--bc-space-3);
        margin-inline-start: var(--bc-space-1-5);
        margin-inline-end: var(--bc-space-1-5)
    }

    @media screen and (min-width:30em) {
        .css-18agklq {
            row-gap: unset
        }
    }

    @media screen and (min-width:48em) {
        .css-18agklq {
            grid-auto-flow: column
        }
    }

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

    .css-1ivobtz-featured-FlexFeatureWrapper::after {
        content: "";
        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);
        margin: var(--bc-space-0-5)
    }

    @media screen and (min-width:30em) {
        .css-1ivobtz-featured-FlexFeatureWrapper::after {
            height: auto;
            border-radius: var(--bc-radii-md)
        }
    }

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

    .css-1x0dmdh-featured-FlexFeatureWrapper {
        display: flex;
        min-height: 250px;
        margin-bottom: 0px;
        margin-inline-start: var(--bc-space-1-5);
        margin-inline-end: var(--bc-space-1-5);
        border-radius: var(--bc-radii-lg);
        contain: paint;
        padding-inline: 0px;
        padding-top: var(--bc-space-2);
        padding-bottom: var(--bc-space-2);
        flex-direction: column;
        box-shadow: rgba(255, 110, 32, 0.5) 0px 0px 20px 0px, rgb(7, 16, 33) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.2) 0px 0px 0px 2px inset;
        border-width: 2px;
        border-style: solid;
        border-image: initial;
        border-color: var(--bc-colors-beta-400);
        background: var(--bc-colors-alpha-700);
        flex: 2 1 0%;
        transform-style: preserve-3d;
        position: relative
    }

    @media screen and (min-width:30em) {
        .css-1x0dmdh-featured-FlexFeatureWrapper {
            margin-inline: 0px;
            padding-inline-start: var(--bc-space-3);
            padding-inline-end: var(--bc-space-3);
            padding-top: var(--bc-space-4);
            padding-bottom: var(--bc-space-4)
        }
    }

    .css-1x0dmdh-featured-FlexFeatureWrapper::after {
        content: "";
        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);
        margin: var(--bc-space-0-5)
    }

    @media screen and (min-width:30em) {
        .css-1x0dmdh-featured-FlexFeatureWrapper::after {
            height: auto;
            border-radius: var(--bc-radii-md)
        }
    }

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

    .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-w8xsx6-featured-BoxCard {
        border-radius: var(--bc-radii-md);
        contain: paint;
        flex: 1 1 0%;
        padding-inline-start: var(--bc-space-4);
        padding-inline-end: var(--bc-space-4);
        padding-top: var(--bc-space-2);
        padding-bottom: var(--bc-space-2)
    }

    .css-uedlvi-featured-FlexFeatureTitleWrapper {
        display: flex;
        flex: 1.5 1 0%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        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;
        padding-bottom: 5px;
        margin-top: 60px
    }

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

    @media screen and (min-width:62em) {
        .css-uedlvi-featured-FlexFeatureTitleWrapper {
            -webkit-box-pack: justify;
            justify-content: space-between
        }
    }

    .css-10aea2e {
        color: var(--bc-colors-alpha-100);
        font-family: Roboto;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: var(--bc-fontWeights-bold)
    }

    @media screen and (min-width:30em) {
        .css-10aea2e {
            font-size: 22px
        }
    }

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

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

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

    .css-1mnivgx {
        width: var(--bc-sizes-4);
        height: var(--bc-sizes-4);
        line-height: 1em;
        flex-shrink: 0;
        color: var(--bc-colors-beta-400);
        padding-bottom: 2px
    }

    .css-1uuzvuw-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-1uuzvuw-featured-LinkCardHeader {
            -webkit-box-pack: start;
            justify-content: start;
            padding-top: unset
        }
    }

    .css-1uuzvuw-featured-LinkCardHeader svg {
        color: var(--bc-colors-beta-500);
        width: 22px;
        height: 22px;
        filter: drop-shadow(rgba(0, 0, 0, 0.25) 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-sbvq7c-TextCardHeader {
        font-weight: var(--bc-fontWeights-extrabold);
        font-size: var(--bc-fontSizes-xs);
        color: var(--bc-colors-white);
        font-family: Roboto;
        text-transform: uppercase;
        text-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px;
        margin-left: var(--bc-space-1)
    }

    .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-1iwzvim-TextRaceNumber {
        font-weight: var(--bc-fontWeights-bold);
        font-size: var(--bc-fontSizes-2xs);
        border-radius: 3px;
        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-0-5);
        padding-inline-end: var(--bc-space-0-5);
        font-family: roboto;
        background: var(--bc-colors-beta-300);
        color: var(--bc-colors-blackAlpha-800);
        max-height: 16px;
        min-height: 16px;
        line-height: 16px;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px, rgba(255, 255, 255, 0.25) 0px 0px 0px 1px inset
    }

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

    @media screen and (min-width:48em) {
        .css-1ayz1xw {
            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-ulurcu-raceTiles-GridRaceItems {
        display: grid;
        grid-auto-columns: minmax(0px, 1fr);
        grid-auto-flow: row;
        column-gap: var(--bc-space-3);
        margin-inline-start: var(--bc-space-1-5);
        margin-inline-end: var(--bc-space-1-5);
        margin-top: var(--bc-space-3)
    }

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

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

    .css-kpufe4-raceTiles-BoxColumn {
        margin-bottom: var(--bc-space-0-5);
        background: var(--bc-colors-transparent)
    }

    @media screen and (min-width:30em) {
        .css-kpufe4-raceTiles-BoxColumn {
            margin-bottom: var(--bc-space-5)
        }
    }

    .css-1h993ia-raceTiles-TextRaceType {
        font-weight: var(--bc-fontWeights-normal);
        margin-bottom: var(--bc-space-2);
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        color: var(--bc-colors-alpha-100);
        margin-top: var(--bc-space-1-5);
        font-family: Staatliches
    }

    .css-1pkpywo {
        opacity: 0.7;
        border-radius: 2px;
        border-color: rgb(237, 242, 247);
        background: padding-box rgb(160, 174, 192);
        animation: 0.8s linear 0s infinite alternate none running animation-snm94m;
        box-shadow: var(--bc-shadows-none);
        cursor: default;
        color: var(--bc-colors-transparent);
        pointer-events: none;
        user-select: none;
        width: var(--bc-sizes-full);
        height: 40px;
        margin-bottom: var(--bc-space-1)
    }

    .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-cbx7kk-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-cbx7kk-PrimaryGridItemBetslip {
            position: sticky;
            top: 60px;
            height: calc(-120px + 100vh)
        }
    }

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

    .css-al455e-header-FlexContainer {
        display: flex;
        margin-inline: auto;
        max-width: var(--bc-sizes-container-xl);
        height: unset;
        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-al455e-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-1qmgx5n-GridItemBetslip {
        min-width: 0px;
        height: 100%;
        grid-area: betslip
    }

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

    .css-2n9u9n-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: var(--bc-colors-alphaAlpha-800);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px 0px, rgba(149, 239, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 216, 255, 0.15) 0px 0px 20px 0px inset;
        backdrop-filter: blur(8px);
        margin-top: 0px
    }

    @media screen and (min-width:30em) {
        .css-2n9u9n-modal-FlexBetSlipModalContainer {
            margin-top: var(--bc-space-1)
        }
    }

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

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

    @media screen and (min-width:80em) {
        .css-2n9u9n-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-v1hkgw-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)
    }

    @media screen and (min-width:62em) {
        .css-v1hkgw-header-FlexBetslipHeading {
            border-bottom: 1px solid
        }
    }

    .css-v1hkgw-header-FlexBetslipHeading.css-v1hkgw-header-FlexBetslipHeading {
        border-bottom-color: var(--bc-colors-whiteAlpha-100)
    }

    .css-6tjkfd-BetslipTitle {
        display: flex;
        font-size: var(--bc-fontSizes-xl);
        font-weight: var(--bc-fontWeights-bold);
        gap: var(--bc-space-1);
        -webkit-box-align: center;
        align-items: center
    }

    .css-6tjkfd-BetslipTitle svg {
        color: var(--bc-colors-beta-400)
    }

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

    .css-1nwf7d5-BetslipTitleText {
        font-weight: var(--bc-fontWeights-normal);
        color: var(--bc-colors-white);
        font-family: Staatliches;
        font-size: var(--bc-fontSizes-lg);
        text-transform: uppercase;
        text-shadow: rgba(0, 0, 0, 0.25) 0px 3px 4px
    }

    .css-ydclpz-BetLengthIndicator {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: var(--bc-colors-beta-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-blackAlpha-800);
        font-size: var(--bc-fontSizes-xs);
        font-family: var(--bc-fonts-body);
        font-weight: var(--bc-fontWeights-extrabold);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
        line-height: var(--bc-lineHeights-normal);
        text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px
    }

    .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-1x3cs3l-EmptyBoxHeadingIconContainer {
        display: flex;
        flex-direction: column-reverse;
        --chakra-space-y-reverse: 1;
        --chakra-divide-y-reverse: 1;
        -webkit-box-align: center;
        align-items: center
    }

    .css-11bt34z-BetSlipEmptyHeading {
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: var(--bc-fontWeights-bold);
        font-size: var(--bc-fontSizes-md);
        line-height: 1;
        color: var(--bc-colors-beta-300);
        font-family: Roboto;
        text-transform: uppercase;
        width: 203px
    }

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

    .css-yepxhv {
        height: 95px;
        margin-top: var(--bc-space-4)
    }

    .css-1b3v60y-BetSlipEmptySubheading {
        margin-bottom: var(--bc-space-1-5);
        font-size: var(--bc-fontSizes-sm);
        font-weight: var(--bc-fontWeights-normal);
        color: var(--bc-colors-white);
        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-m8z78q-primaryLayout-GridItemFooter {
        margin-top: var(--bc-space-4);
        grid-area: footer
    }

    @media screen and (min-width:62em) {
        .css-m8z78q-primaryLayout-GridItemFooter {
            margin-top: 0px
        }
    }

    .css-ggcvcx {
        grid-area: footer
    }

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

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

    .css-1oum54k {
        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-7exynl {
        max-width: 222px
    }

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

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

    .css-1kvwceg {
        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)
    }

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

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

    .css-3pwq43 {
        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-beta-400);
        text-transform: lowercase;
        white-space: nowrap;
        display: inline
    }

    .css-3pwq43:hover {
        text-decoration: underline
    }

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

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

    @media screen and (min-width:48em) {
        .css-kjhr39 {
            padding-inline-start: var(--bc-space-1);
            padding-inline-end: var(--bc-space-1);
            background: var(--bc-colors-transparent)
        }
    }

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

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

    .css-nyf0fc {
        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-white)
    }

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

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

    .css-nyf0fc p:first-of-type {
        margin-top: 0px
    }

    .css-1t469m {
        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-beta-400);
        margin: 0px 0px 1px;
        padding: 0px;
        cursor: pointer;
        text-transform: capitalize
    }

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

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

    .css-1qk8rbm {
        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-white);
        display: inline-block;
        text-transform: lowercase;
        margin-top: 0px;
        white-space: nowrap
    }

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

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

    .css-xp6bml {
        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-beta-400);
        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-xp6bml:hover {
        text-decoration: underline
    }

    .css-xp6bml: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-15g2bps {
        font-weight: var(--bc-fontWeights-black);
        font-size: var(--bc-fontSizes-xs);
        padding-bottom: var(--bc-space-2);
        color: var(--bc-colors-alpha-100);
        text-transform: uppercase;
        font-family: var(--bc-fonts-body)
    }

    .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-1vehh5t {
        font-weight: var(--bc-fontWeights-black);
        font-size: var(--bc-fontSizes-xs);
        padding-bottom: var(--bc-space-0-5);
        text-align: center;
        color: var(--bc-colors-alpha-100);
        text-transform: uppercase;
        font-family: var(--bc-fonts-body)
    }

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

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

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

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

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

    .css-1i901le>a {
        color: inherit;
        height: unset;
        font-weight: var(--bc-fontWeights-medium);
        font-size: var(--bc-fontSizes-xs)
    }

    .css-1i901le>button {
        height: unset;
        font-weight: var(--bc-fontWeights-medium);
        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);
        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;
        color: inherit;
        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);
        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-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-1q6pt0w {
        font-weight: var(--bc-fontWeights-medium);
        font-size: var(--bc-fontSizes-xs);
        text-align: center;
        color: var(--bc-colors-white);
        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-1q6pt0w {
            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-d6yp8s {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: var(--bc-fontSizes-xs);
        font-weight: var(--bc-fontWeights-medium);
        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-white);
        margin-bottom: var(--bc-space-1);
        font-family: var(--bc-fonts-body)
    }

    .css-1jjffhz {
        font-weight: var(--bc-fontWeights-bold);
        font-size: var(--bc-fontSizes-xs);
        padding-top: var(--bc-space-2);
        color: var(--bc-colors-white);
        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-1f2zsmr-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-1f2zsmr-countdown-BadgeCountdown.css-1f2zsmr-countdown-BadgeCountdown.css-1f2zsmr-countdown-BadgeCountdown.css-1f2zsmr-countdown-BadgeCountdown {
        background: var(--bc-colors-alpha-100);
        color: var(--bc-colors-blackAlpha-800);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px, rgba(255, 255, 255, 0.25) 0px 0px 0px 1px inset;
        border-radius: 3px;
        padding-inline-start: var(--bc-space-1);
        padding-inline-end: var(--bc-space-1);
        font-weight: var(--bc-fontWeights-bold)
    }

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

    .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-1gezq6i-carousel-DotContainer {
        display: inline-block;
        background-image: linear-gradient(rgb(28, 213, 255), rgb(0, 192, 235));
        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-piadbj-carousel-Dot {
        width: var(--bc-sizes-2-5);
        height: var(--bc-sizes-2-5);
        border-radius: var(--bc-radii-full);
        background: rgb(26, 47, 86);
        display: inline-block;
        margin-inline: 2px;
        cursor: pointer
    }

    .css-vs1r05-carousel-DotContainer {
        display: inline-block;
        background-image: linear-gradient(rgb(28, 213, 255), rgb(0, 192, 235));
        border-radius: 0px;
        padding-left: 0px;
        padding-right: 0px
    }

    .css-crno6-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-300);
        display: inline-block;
        margin-inline: 2px;
        cursor: pointer
    }

    .css-nmt3sa-carousel-DotContainer {
        display: inline-block;
        background-image: linear-gradient(rgb(28, 213, 255), rgb(0, 192, 235));
        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-1n7f4xf {
        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-black);
        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-xs);
        padding-inline-start: var(--bc-space-4);
        padding-inline-end: var(--bc-space-4);
        color: var(--bc-colors-blackAlpha-800);
        border: var(--bc-borders-none);
        background-image: linear-gradient(to bottom, var(--bc-colors-beta-200), var(--bc-colors-beta-400));
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;
        font-family: Roboto;
        text-transform: uppercase;
        text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px
    }

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

    .css-1n7f4xf:hover {
        background-image: linear-gradient(to bottom, var(--bc-colors-beta-100), var(--bc-colors-beta-100));
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.35) 0px 0px 0px 2px inset
    }

    .css-1n7f4xf:active {
        background-image: linear-gradient(to bottom, var(--bc-colors-blackAlpha-500), var(--bc-colors-blackAlpha-500));
        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-alpha-100);
        text-shadow: var(--bc-shadows-none)
    }

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

    .css-1yqfxqz {
        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-black);
        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-xs);
        padding-inline-start: var(--bc-space-4);
        padding-inline-end: var(--bc-space-4);
        color: var(--bc-colors-blackAlpha-800);
        border: var(--bc-borders-none);
        background-image: linear-gradient(to bottom, var(--bc-colors-alpha-100), var(--bc-colors-alpha-200));
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;
        font-family: Roboto;
        text-transform: uppercase;
        text-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px
    }

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

    .css-1yqfxqz:hover {
        background-image: linear-gradient(to bottom, var(--bc-colors-alpha-400), var(--bc-colors-alpha-400));
        color: var(--bc-colors-alpha-100);
        text-shadow: var(--bc-shadows-none);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px, rgb(28, 213, 255) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px inset
    }

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

    .css-1yqfxqz:active {
        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: var(--bc-shadows-none)
    }

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

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

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

    ​

.sf-hidden {
        display: none !important
    }

/* Inline styles extracted from index.html */
.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{background-blend-mode:normal!important;background-clip:content-box!important;background-position:50% 50%!important;background-color:rgba(0,0,0,0)!important;background-image:var(--sf-img-18)!important;background-size:100% 100%!important;background-origin:content-box!important;background-repeat:no-repeat!important;}
.extracted-style-9{width:100%;}
.extracted-style-10{transform:translate3d(-100%,0px,0px);transition-duration:750ms;}
.extracted-style-11{width:1em;}

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

@media screen and (max-width:991px) {
    .css-95o3ru-SideNavContainer {
        display: none;
    }
}:root {
  --eodds-navy: #091631;
  --eodds-navy-soft: #102751;
  --eodds-panel: #173762;
  --eodds-panel-dark: #10264a;
  --eodds-cyan: #25d7ff;
  --eodds-orange: #ff6a21;
  --eodds-orange-light: #ff8a3d;
  --eodds-white: #ffffff;
  --eodds-muted: #b9c7da;
  --eodds-border: rgba(37, 215, 255, 0.28);
  --eodds-shadow: 0 22px 70px rgba(0, 0, 0, 0.45);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--eodds-white);
  background:
    radial-gradient(circle at 18% 12%, rgba(37, 215, 255, 0.12), transparent 26%),
    radial-gradient(circle at 80% 20%, rgba(255, 106, 33, 0.12), transparent 24%),
    linear-gradient(135deg, #07142d 0%, #0c1c3d 55%, #071327 100%);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 8px 8px;
  opacity: 0.35;
}

.epicdemo-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

.epicdemo-logo {
  font-size: clamp(34px, 7vw, 92px);
  font-weight: 900;
  letter-spacing: -3px;
  color: var(--eodds-white);
  opacity: 0.08;
}

.epicdemo-logo span {
  color: var(--eodds-cyan);
}

.eodds-age-screen,
.eodds-preference-shade {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(4, 12, 28, 0.78);
  backdrop-filter: blur(10px);
}

.eodds-age-screen.is-visible,
.eodds-preference-shade.is-visible {
  display: flex;
}

.eodds-age-card,
.eodds-preference-modal {
  width: min(100%, 560px);
  border: 1px solid var(--eodds-border);
  border-top: 2px solid var(--eodds-orange);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(26, 61, 106, 0.96), rgba(13, 30, 64, 0.98)),
    var(--eodds-panel);
  box-shadow: var(--eodds-shadow), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.eodds-age-card {
  padding: 34px;
  text-align: center;
}

.eodds-age-mark {
  width: 78px;
  height: 78px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border: 3px solid var(--eodds-orange);
  border-radius: 50%;
  color: var(--eodds-cyan);
  font-size: 26px;
  font-weight: 900;
  box-shadow: 0 0 28px rgba(255, 106, 33, 0.35);
}

.eodds-age-title,
.eodds-preference-title,
.eodds-cookie-title {
  margin: 0;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: -0.5px;
}

.eodds-age-title {
  font-size: 34px;
}

.eodds-age-copy,
.eodds-preference-copy,
.eodds-cookie-text,
.eodds-age-note,
.eodds-toggle-row p {
  color: var(--eodds-muted);
  line-height: 1.45;
}

.eodds-age-copy {
  margin: 14px 0 24px;
  font-size: 16px;
}

.eodds-age-actions,
.eodds-preference-actions,
.eodds-cookie-actions {
  display: flex;
  gap: 10px;
}

.eodds-age-actions {
  justify-content: center;
  flex-wrap: wrap;
}

.eodds-age-note {
  margin: 20px 0 0;
  font-size: 13px;
}

.eodds-action-btn,
.eodds-mini-btn,
.eodds-close-btn {
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: 900;
  text-transform: uppercase;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.eodds-action-btn {
  min-height: 48px;
  padding: 0 20px;
  border-radius: 6px;
  font-size: 13px;
}

.eodds-mini-btn {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
}

.eodds-action-btn:hover,
.eodds-mini-btn:hover,
.eodds-close-btn:hover {
  transform: translateY(-1px);
}

.eodds-action-btn--primary,
.eodds-mini-btn--orange {
  color: #101010;
  background: linear-gradient(180deg, var(--eodds-orange-light), var(--eodds-orange));
  box-shadow: 0 10px 24px rgba(255, 106, 33, 0.28);
}

.eodds-action-btn--ghost,
.eodds-mini-btn--dark {
  color: var(--eodds-white);
  background: #102247;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.eodds-action-btn--line,
.eodds-mini-btn--line {
  color: var(--eodds-cyan);
  background: rgba(37, 215, 255, 0.08);
  border: 1px solid rgba(37, 215, 255, 0.45);
}

.eodds-cookie-panel {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 900;
  display: none;
}

.eodds-cookie-panel.is-visible {
  display: block;
}

.eodds-cookie-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--eodds-border);
  border-left: 3px solid var(--eodds-orange);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(24, 55, 98, 0.97), rgba(12, 29, 62, 0.98));
  box-shadow: var(--eodds-shadow);
}

.eodds-cookie-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #061329;
  background: var(--eodds-cyan);
  font-weight: 900;
  font-size: 18px;
  box-shadow: 0 0 22px rgba(37, 215, 255, 0.35);
}

.eodds-cookie-title {
  color: var(--eodds-cyan);
  font-size: 19px;
}

.eodds-cookie-text {
  margin: 5px 0 0;
  font-size: 14px;
}

.eodds-preference-modal {
  max-height: calc(100vh - 44px);
  overflow: auto;
  padding: 24px;
}

.eodds-preference-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.eodds-preference-label {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 8px;
  border-radius: 4px;
  color: #071329;
  background: var(--eodds-cyan);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.eodds-preference-title {
  font-size: 28px;
}

.eodds-close-btn {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 5px;
  color: var(--eodds-white);
  background: rgba(255, 106, 33, 0.9);
  font-size: 26px;
  line-height: 1;
}

.eodds-preference-copy {
  margin: 14px 0 18px;
  font-size: 15px;
}

.eodds-toggle-list {
  display: grid;
  gap: 10px;
}

.eodds-toggle-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(37, 215, 255, 0.14);
  border-radius: 7px;
  background: rgba(6, 18, 42, 0.52);
}

.eodds-toggle-row h3 {
  margin: 0;
  color: var(--eodds-white);
  font-size: 16px;
  font-weight: 900;
}

.eodds-toggle-row p {
  margin: 5px 0 0;
  font-size: 13px;
}

.eodds-switch {
  position: relative;
  width: 56px;
  height: 30px;
  display: inline-flex;
}

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

.eodds-switch span {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  background: #091833;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.eodds-switch span::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #7f8fa6;
  transition: transform 0.18s ease, background 0.18s ease;
}

.eodds-switch input:checked + span {
  border-color: rgba(37, 215, 255, 0.65);
  background: rgba(37, 215, 255, 0.14);
}

.eodds-switch input:checked + span::before {
  transform: translateX(26px);
  background: var(--eodds-cyan);
}

.eodds-switch input:disabled + span {
  opacity: 0.75;
}

.eodds-preference-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 18px;
}

@media (max-width: 860px) {
  .eodds-cookie-inner {
    grid-template-columns: auto 1fr;
  }

  .eodds-cookie-actions {
    grid-column: 1 / -1;
    flex-wrap: wrap;
  }

  .eodds-cookie-actions .eodds-mini-btn {
    flex: 1 1 150px;
  }
}

@media (max-width: 540px) {
  .eodds-age-card,
  .eodds-preference-modal {
    padding: 22px;
  }

  .eodds-age-title {
    font-size: 28px;
  }

  .eodds-preference-title {
    font-size: 23px;
  }

  .eodds-age-actions,
  .eodds-preference-actions {
    display: grid;
  }

  .eodds-action-btn {
    width: 100%;
  }

  .eodds-toggle-row {
    grid-template-columns: 1fr;
  }

  .eodds-cookie-panel {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }
}

/* Legal information pages */
.eodds-legal-page {
  width: min(100%, 980px);
  margin: 24px auto 48px;
  padding: 0 18px 32px;
  color: #f5f7fb;
  line-height: 1.7;
}

.eodds-legal-card {
  background: linear-gradient(180deg, rgba(18, 26, 48, 0.97), rgba(10, 14, 28, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.32);
  overflow: hidden;
}

.eodds-legal-hero {
  padding: 34px 36px 26px;
  background: radial-gradient(circle at top left, rgba(37, 215, 255, 0.18), transparent 40%), rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.eodds-legal-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(37, 215, 255, 0.12);
  color: #25d7ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eodds-legal-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.eodds-legal-updated {
  margin: 16px 0 0;
  color: #b8c4d9;
  font-size: 15px;
}

.eodds-legal-body {
  padding: 28px 36px 38px;
}

.eodds-legal-intro {
  margin: 0 0 24px;
  color: #dce7f7;
  font-size: 17px;
}

.eodds-legal-section {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.eodds-legal-section:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.eodds-legal-section h2 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.eodds-legal-section h3 {
  margin: 22px 0 10px;
  color: #eef6ff;
  font-size: 19px;
}

.eodds-legal-section p {
  margin: 0 0 15px;
  color: #c7d2e5;
}

.eodds-legal-section ul,
.eodds-legal-section ol {
  margin: 12px 0 16px;
  padding-left: 24px;
  color: #c7d2e5;
}

.eodds-legal-section li {
  margin: 8px 0;
}

.eodds-legal-note {
  margin: 22px 0 0;
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(37, 215, 255, 0.1);
  border: 1px solid rgba(37, 215, 255, 0.22);
  color: #e7f8ff;
}

.eodds-legal-contact-box {
  margin-top: 30px;
  padding: 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.eodds-legal-contact-box p:last-child,
.eodds-legal-section p:last-child {
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .eodds-legal-page {
    margin-top: 14px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .eodds-legal-hero,
  .eodds-legal-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}