@font-face{font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    src: url("assets/fonts/material-symbols-outlined-normal-variable.woff2")format("woff2")
;}
.material-symbols-outlined {font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
;}
#initial-loader-container {background-color: #a50d0c
;}
#initial-loader-container {background-color: #a50d0c;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999
;}
#initial-loader-container.fade-out {opacity: 0;
    visibility: hidden;
    transition: opacity 250ms, visibility 0s linear 250ms
;}
@keyframes fadeOut{0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }}
@keyframes fadeIn{from {
        opacity: 0
    }

    to {
        opacity: 1
    }}
@keyframes slideInUp{from {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }}
@keyframes loader-ripple{0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0
    }}
body, html {margin: 0;
    padding: 0
;}
#initial-loader-container {position: fixed;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #d52027 !important;}
@keyframes spin{from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }}
@font-face{font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    src: url("assets/fonts/inter-italic-variable-cyrillic.woff2")format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
;}
@font-face{font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    src: url("assets/fonts/inter-italic-variable-latin.woff2")format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
;}
@font-face{font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    src: url("assets/fonts/inter-normal-variable-cyrillic.woff2")format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
;}
@font-face{font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    src: url("assets/fonts/inter-normal-variable-latin.woff2")format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
;}
@keyframes dropdownFadeInBottom{0% {
        opacity: 0;
        transform: scale(.95) translateY(-5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }}
@keyframes dropdownFadeOutBottom{0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translateY(-5px)
    }}
@keyframes dropdownFadeInTop{0% {
        opacity: 0;
        transform: scale(.95) translateY(5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }}
@keyframes dropdownFadeOutTop{0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translateY(5px)
    }}
@keyframes dropdownFadeInRight{0% {
        opacity: 0;
        transform: scale(.95) translate(-5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translate(0)
    }}
@keyframes dropdownFadeOutRight{0% {
        opacity: 1;
        transform: scale(1) translate(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translate(-5px)
    }}
@keyframes dropdownFadeInLeft{0% {
        opacity: 0;
        transform: scale(.95) translate(5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translate(0)
    }}
@keyframes dropdownFadeOutLeft{0% {
        opacity: 1;
        transform: scale(1) translate(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translate(5px)
    }}
 
#sidebar-overlay {position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000c
;}
#sidebar-overlay.shown {opacity: 1
;}
#sidebar-overlay.shown.above-header-footer {z-index: 53;
    height: auto
;}
*, :before, :after {box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: transparent
;}
html, :host {line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
;}
body {margin: 0
;}
hr {height: 0;
    color: inherit;
    border-top-width: 1px
;}
button {font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0;
    padding: 0
;}
button {text-transform: none
;}
button, [type=button] {-webkit-appearance: button;
    background-color: transparent;
    background-image: none
;}
:-moz-focusring {outline: auto
;}
:-moz-ui-invalid {box-shadow: none
;}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto
;}
::-webkit-search-decoration {-webkit-appearance: none
;}
::-webkit-file-upload-button {-webkit-appearance: button;
    font: inherit
;}
h3, hr {margin: 0
;}
ul {list-style: none;
    padding: 0
;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {opacity: 1;
    color: #9ca3af
;}
input::placeholder, textarea::placeholder {opacity: 1;
    color: #9ca3af
;}
button {cursor: pointer
;}
:disabled {cursor: default
;}
img, svg, iframe {display: block;
    vertical-align: middle
;}
img {max-width: 100%;
    height: auto
;}
:root {color-scheme: light
;}
* {font-family: Inter, Roboto, sans-serif;
    font-feature-settings: "calt" 0, "case" 1
;}
h3 {margin-top: 0
;}
ul {margin-top: 0;
    margin-bottom: 1rem
;}
html {box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
;}
*, *:before, *:after {box-sizing: inherit
;}
[tabindex="-1"]:focus {outline: none !important;}
a {text-decoration: none
;}
a:not([href]):not([tabindex]):focus {outline: 0
;}
a, button {touch-action: manipulation
;}
button {line-height: inherit
;}
select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder {font-weight: 400 !important;}
select::placeholder, textarea::placeholder, input::placeholder {font-weight: 400 !important;}
input[type=radio]:disabled, input[type=checkbox]:disabled {cursor: not-allowed
;}
body {line-height: 1.6;
    
    
    background-color: rgb(241, 242, 245);
    color: rgb(39, 45, 53)
;}
button {font-size: .75rem
;}
h3 {margin-bottom: .5rem;
    font-family: inherit;
    color: inherit
;}
hr {margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto
;}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance: none;
    appearance: none
;}
.badge-live {background-color: rgb(255, 211, 61)
;}
.bet-card-header-divider {background-color: rgb(165, 173, 187)
;}
.countdown-badge.critical {background: rgb(253, 8, 15)
;}
.pointer-events-none {pointer-events: none
;}
.pointer-events-auto {pointer-events: auto
;}
.static {position: static
;}
.fixed {position: fixed
;}
.absolute {position: absolute
;}
.relative {position: relative
;}
.sticky {position: sticky
;}
.inset-0 {top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem
;}
.mobile-bottom-offset {bottom: calc(54px + .125rem)
;}
.left-0 {left: 0rem
;}
.right-0 {right: 0rem
;}
.top-0 {top: 0rem
;}
.top-12 {top: 3rem
;}
.\!z-\[55\] {z-index: 55 !important;}
.z-40 {z-index: 40
;}
.z-\[101\] {z-index: 101
;}
.z-\[1\] {z-index: 1
;}
.z-header {z-index: 53
;}
.z-live-chat {z-index: 58
;}
.z-navBar {z-index: 51
;}
.z-toast-container {z-index: 59
;}
.order-1 {order: 1
;}
.order-2 {order: 2
;}
.order-3 {order: 3
;}
.order-last {order: 9999
;}
.col-span-1 {grid-column: span 1/span 1
;}
.col-start-2 {grid-column-start: 2
;}
.row-span-1 {grid-row: span 1/span 1
;}
.row-start-1 {grid-row-start: 1
;}
.\!m-0 {margin: 0rem !important;}
.m-0 {margin: 0rem
;}
.m-auto {margin: auto
;}
.mx-0 {margin-left: 0rem;
    margin-right: 0rem
;}
.mx-3 {margin-left: .375rem;
    margin-right: .375rem
;}
.mx-auto {margin-left: auto;
    margin-right: auto
;}
.my-2 {margin-top: .25rem;
    margin-bottom: .25rem
;}
.my-\[12px\] {margin-top: 12px;
    margin-bottom: 12px
;}
.\!mr-1 {margin-right: .125rem !important;}
.mb-4 {margin-bottom: .5rem
;}
.mb-\[10px\] {margin-bottom: 10px
;}
.mb-\[15px\] {margin-bottom: 15px
;}
.ml-2 {margin-left: .25rem
;}
.ml-4 {margin-left: .5rem
;}
.ml-5 {margin-left: .75rem
;}
.mr-1 {margin-right: .125rem
;}
.mr-3 {margin-right: .375rem
;}
.mr-4 {margin-right: .5rem
;}
.mr-5 {margin-right: .75rem
;}
.mt-2 {margin-top: .25rem
;}
.mt-4 {margin-top: .5rem
;}
.mt-\[12px\] {margin-top: 12px
;}
.line-clamp-1 {overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
;}
.line-clamp-2 {overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
;}
.block {display: block
;}
.inline-block {display: inline-block
;}
.flex {display: flex
;}
.inline-flex {display: inline-flex
;}
.grid {display: grid
;}
.\!size-7 {width: 1.25rem !important;
    height: 1.25rem !important;}
.size-10 {width: 2.5rem;
    height: 2.5rem
;}
.size-6 {width: 1rem;
    height: 1rem
;}
.size-7 {width: 1.25rem;
    height: 1.25rem
;}
.size-8 {width: 1.5rem;
    height: 1.5rem
;}
.size-\[30px\] {width: 30px;
    height: 30px
;}
.size-\[36px\] {width: 36px;
    height: 36px
;}
.size-full {width: 100%;
    height: 100%
;}
.h-12 {height: 3rem
;}
.h-20 {height: 5rem
;}
.h-6 {height: 1rem
;}
.h-7 {height: 1.25rem
;}
.h-8 {height: 1.5rem
;}
.h-9 {height: 2rem
;}
.h-\[171px\] {height: 171px
;}
.h-\[180px\] {height: 180px
;}
.h-\[1px\] {height: 1px
;}
.h-\[20px\] {height: 20px
;}
.h-\[32px\] {height: 32px
;}
.h-\[36px\] {height: 36px
;}
.h-\[52px\] {height: 52px
;}
.h-auto {height: auto
;}
.h-dvh {height: 100dvh
;}
.h-fit {height: fit-content
;}
.h-full {height: 100%
;}
.max-h-\[40px\] {max-height: 40px
;}
.min-h-10 {min-height: 2.5rem
;}
.min-h-\[72px\] {min-height: 72px
;}
.min-h-dvh {min-height: 100dvh
;}
.min-h-screen {min-height: 100vh
;}
.\!w-\[320px\] {width: 320px !important;}
.w-11 {width: 2.75rem
;}
.w-32 {width: 8rem
;}
.w-7 {width: 1.25rem
;}
.w-80 {width: 20rem
;}
.w-\[0\.5px\] {width: .5px
;}
.w-\[154px\] {width: 154px
;}
.w-\[20px\] {width: 20px
;}
.w-\[32px\] {width: 32px
;}
.w-auto {width: auto
;}
.w-full {width: 100%
;}
.w-max {width: max-content
;}
.w-screen {width: 100vw
;}
.min-w-0 {min-width: 0rem
;}
.min-w-20 {min-width: 5rem
;}
.min-w-\[180px\] {min-width: 180px
;}
.min-w-\[250px\] {min-width: 250px
;}
.max-w-16 {max-width: 4rem
;}
.max-w-5xl {max-width: 64rem
;}
.max-w-7xl {max-width: 80rem
;}
.max-w-9 {max-width: 2rem
;}
.max-w-\[1536px\] {max-width: 1536px
;}
.max-w-\[210px\] {max-width: 210px
;}
.max-w-\[326px\] {max-width: 326px
;}
.max-w-2xl-fixed {max-width: 1536px
;}
.max-w-full {max-width: 100%
;}
.flex-1 {flex: 1 1 0%
;}
.flex-\[235\] {flex: 235
;}
.flex-\[535\] {flex: 535
;}
.flex-auto {flex: 1 1 auto
;}
.flex-none {flex: none
;}
.flex-shrink {flex-shrink: 1
;}
.flex-shrink-0, .shrink-0 {flex-shrink: 0
;}
.flex-grow {flex-grow: 1
;}
.origin-right {transform-origin: right
;}
@keyframes blurIn{0% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(-10%)
    }

    to {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0)
    }}
@keyframes pulse{0%,
    to {
        opacity: 1
    }

    60% {
        opacity: .6
    }}
@keyframes slide-in-left{0% {
        opacity: 0;
        transform: translate(-100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }}
@keyframes slide-in-right{0% {
        opacity: 0;
        transform: translate(100%)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }}
@keyframes spin{0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }}
.cursor-pointer {cursor: pointer
;}
.select-none {-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
;}
.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))
;}
.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
;}
.flex-row {flex-direction: row
;}
.flex-row-reverse {flex-direction: row-reverse
;}
.flex-col {flex-direction: column
;}
.flex-wrap {flex-wrap: wrap
;}
.flex-nowrap {flex-wrap: nowrap
;}
.items-center {align-items: center
;}
.justify-start {justify-content: flex-start
;}
.justify-end {justify-content: flex-end
;}
.justify-center {justify-content: center
;}
.justify-between {justify-content: space-between
;}
.justify-around {justify-content: space-around
;}
.gap-1 {gap: .125rem
;}
.gap-2 {gap: .25rem
;}
.gap-3 {gap: .375rem
;}
.gap-4 {gap: .5rem
;}
.gap-5 {gap: .75rem
;}
.gap-6 {gap: 1rem
;}
.gap-7 {gap: 1.25rem
;}
.gap-\[12px\] {gap: 12px
;}
.gap-\[4\.5px\] {gap: 4.5px
;}
.gap-\[4px\] {gap: 4px
;}
.gap-\[8px\] {gap: 8px
;}
.gap-x-4 {-moz-column-gap: .5rem;
    column-gap: .5rem
;}
.gap-x-6 {-moz-column-gap: 1rem;
    column-gap: 1rem
;}
.gap-x-8 {-moz-column-gap: 1.5rem;
    column-gap: 1.5rem
;}
.gap-y-4 {row-gap: .5rem
;}
.gap-y-5 {row-gap: .75rem
;}
.justify-self-end {justify-self: end
;}
.overflow-hidden {overflow: hidden
;}
.overscroll-y-contain {overscroll-behavior-y: contain
;}
.truncate {overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}
.text-ellipsis {text-overflow: ellipsis
;}
.whitespace-nowrap {white-space: nowrap
;}
.text-wrap {text-wrap: wrap
;}
.text-nowrap {text-wrap: nowrap
;}
.rounded-t-none {border-top-left-radius: 0;
    border-top-right-radius: 0
;}
.\!border {border-width: 1px !important;}
.border {border-width: 1px
;}
.border-0 {border-width: 0px
;}
.border-b {border-bottom-width: 1px
;}
.border-b-0 {border-bottom-width: 0px
;}
.border-b-2 {border-bottom-width: 2px
;}
.border-t {border-top-width: 1px
;}
.border-none {border-style: none
;}
.bg-cover {background-size: cover
;}
.bg-right-top {background-position: right top
;}
.fill-\[\#f25d50\] {fill: #f25d50
;}
.p-0 {padding: 0rem
;}
.p-3 {padding: .375rem
;}
.p-4 {padding: .5rem
;}
.p-5 {padding: .75rem
;}
.p-6 {padding: 1rem
;}
.p-\[12px\] {padding: 12px
;}
.px-3 {padding-left: .375rem;
    padding-right: .375rem
;}
.px-4 {padding-left: .5rem;
    padding-right: .5rem
;}
.px-5 {padding-left: .75rem;
    padding-right: .75rem
;}
.px-6 {padding-left: 1rem;
    padding-right: 1rem
;}
.px-7 {padding-left: 1.25rem;
    padding-right: 1.25rem
;}
.px-\[12px\] {padding-left: 12px;
    padding-right: 12px
;}
.py-0 {padding-top: 0rem;
    padding-bottom: 0rem
;}
.py-1 {padding-top: .125rem;
    padding-bottom: .125rem
;}
.py-4 {padding-top: .5rem;
    padding-bottom: .5rem
;}
.py-5 {padding-top: .75rem;
    padding-bottom: .75rem
;}
.py-7 {padding-top: 1.25rem;
    padding-bottom: 1.25rem
;}
.py-\[10px\] {padding-top: 10px;
    padding-bottom: 10px
;}
.pb-2 {padding-bottom: .25rem
;}
.pb-5 {padding-bottom: .75rem
;}
.pb-6 {padding-bottom: 1rem
;}
.pb-\[12px\] {padding-bottom: 12px
;}
.pl-6 {padding-left: 1rem
;}
.pl-9 {padding-left: 2rem
;}
.pr-4 {padding-right: .5rem
;}
.pr-5 {padding-right: .75rem
;}
.pr-9 {padding-right: 2rem
;}
.pt-1 {padding-top: .125rem
;}
.pt-4 {padding-top: .5rem
;}
.text-center {text-align: center
;}
.text-end {text-align: end
;}
.font-brand {font-family: Rubik, Inter, Roboto, sans-serif
;}
.\!font-semibold {font-weight: 600 !important;}
.font-bold {font-weight: 700
;}
.font-semibold {font-weight: 600
;}
.uppercase {text-transform: uppercase
;}
.capitalize {text-transform: capitalize
;}
.normal-case {text-transform: none
;}
.\!leading-\[1\] {line-height: 1 !important;}
.underline {-webkit-text-decoration-line: underline;
    text-decoration-line: underline
;}
.shadow-sm {box-shadow: 0 0 0 0px #fff, 0 0 0 calc(0px + 0px) rgba(5, 27, 66, .36), 0px
;}
.transition-all {transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
;}
.transition-colors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
;}
.transition-transform {transition-property: transform;
    transition-duration: .15s
;}
.duration-200 {transition-duration: .2s
;}
.duration-500 {transition-duration: .5s
;}
.ease-in-out {transition-timing-function: cubic-bezier(.4, 0, .2, 1)
;}
.body-sm {font-size: .8125rem;
    line-height: 1.25rem
;}
.body-xs {font-size: .75rem;
    line-height: 1.125rem
;}
.body-xxs {font-size: .6875rem;
    line-height: 1rem
;}
.heading-md {font-size: 1.125rem;
    line-height: 1.375rem
;}
.heading-sm {font-size: 1rem;
    line-height: 1.25rem
;}
.heading-xl {font-size: 1.5rem;
    line-height: 1.75rem
;}
.label-lg {font-size: .875rem;
    line-height: 1rem
;}
.label-md {font-size: .8125rem;
    line-height: .9375rem
;}
.label-sm {font-size: .75rem;
    line-height: .875rem
;}
.label-xxs {font-size: .625rem;
    line-height: .8125rem
;}
[class*=material-symbols-].icon-size-md, .icon-size-md {font-size: 20px;
    width: 20px;
    height: 20px
;}
[class*=material-symbols-].icon-size-lg, .icon-size-lg {font-size: 24px;
    width: 24px;
    height: 24px
;}
.bg-transparent {background-color: #FFFFFF00
;}
.bg-neutral-100 {background-color: rgb(255, 255, 255)
;}
.bg-neutral-300 {background-color: rgb(235, 238, 243)
;}
.bg-neutral-800 {background-color: rgb(57, 65, 76)
;}
.bg-brand {background-color: rgb(211, 33, 35)
;}
.bg-system-primary {background-color: rgb(241, 242, 245)
;}
.bg-system-secondary {background-color: rgb(255, 255, 255)
;}
.bg-foreground-brand {background-color: rgb(211, 33, 35)
;}
.bg-foreground-primary {background-color: rgb(39, 45, 53)
;}
.bg-foreground-secondary {background-color: rgba(5, 43, 105, .08)
;}
.bg-foreground-tertiary {background-color: rgb(255, 255, 255)
;}
.bg-component-footer {background-color: rgb(230, 233, 238)
;}
.bg-component-footer-card {background-color: rgb(255, 255, 255)
;}
.bg-component-navbar-betslip {background-color: rgb(39, 45, 53)
;}
.bg-opacity-dark-10 {background-color: rgba(14, 37, 73, .17)
;}
.bg-opacity-dark-20 {background-color: rgba(5, 27, 66, .36)
;}
.\!bg-primitive-neutral-light-300 {background-color: rgb(245, 246, 247) !important;}
.text-brand {color: rgb(211, 33, 35)
;}
.text-info {color: rgb(23, 92, 211)
;}
.text-inverse {color: rgb(255, 255, 255)
;}
.text-ondark {color: rgb(255, 255, 255)
;}
.text-primary {color: rgb(39, 45, 53)
;}
.text-secondary {color: rgb(96, 104, 118)
;}
.text-tertiary {color: rgb(165, 173, 187)
;}
.text-foreground-link {color: rgb(21, 112, 239)
;}
.text-foreground-link-active {color: rgb(21, 112, 239)
;}
.text-foreground-tertiary {color: rgb(255, 255, 255)
;}
.text-neutral-1000 {color: rgb(17, 19, 24)
;}
.text-component-navbar-betslip {color: rgb(255, 255, 255)
;}
.text-opacity-dark-40 {color: rgba(3, 15, 38, .63)
;}
.border-brand {border-color: rgb(211, 33, 35)
;}
.border-primary {border-color: rgb(235, 238, 243)
;}
.border-secondary {border-color: rgb(241, 242, 245)
;}
.backdrop-blur-component-navbar {-webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px)
;}
.rounded {border-radius: 4px
;}
.rounded-brand {border-radius: 8px
;}
.rounded-full {border-radius: 360px
;}
.rounded-lg {border-radius: 12px
;}
.rounded-md {border-radius: 8px
;}
.rounded-sm {border-radius: 4px
;}
.rounded-component-button {border-radius: 8px
;}
.rounded-component-navbar-elements {border-radius: 360px
;}
.container-fluid {position: relative;
    margin-left: auto;
    margin-right: auto
;}
.\[contain\:layout_style_inline-size\] {contain: layout style inline-size
;}
.\[contain\:strict\] {contain: strict
;}
[data-v-onboarding-wrapper] [data-popper-arrow]:before {background-color: rgb(39 45 53/1);
    background-color: rgb(39, 45, 53);
    content: "";
    top: 0;
    left: 0;
    opacity: 0;
    animation: arrow-fade-scale-in .3s ease-out forwards;
    transform: translate(0) rotate(45deg) scale(.5);
    visibility: visible;
    transform-origin: center;
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: -1
;}
@keyframes arrow-fade-scale-in{to {
        opacity: 1;
        transform: translate(0) rotate(45deg) scale(1)
    }}
.first-letter\:capitalize:first-letter {text-transform: capitalize
;}
.last\:border-none:last-child {border-style: none
;}
.last\:pb-0:last-child {padding-bottom: 0rem
;}
.hover\:cursor-pointer:hover {cursor: pointer
;}
.hover\:border-b-2:hover {border-bottom-width: 2px
;}
.hover\:bg-component-navbar-betslip-hover:hover {background-color: rgb(39 45 53/1)
;}
.hover\:bg-component-navbar-elements-hover:hover {background-color: #051b425c
;}
.hover\:bg-foreground-brand-hover:hover {background-color: rgb(252 126 126/1)
;}
.hover\:bg-foreground-primary-hover:hover {background-color: rgb(79 86 99/1)
;}
.hover\:bg-foreground-secondary-hover:hover {background-color: #0e25492b
;}
.hover\:bg-foreground-tertiary-hover:hover {background-color: rgb(245 246 247/1)
;}
.hover\:pt-1:hover {padding-top: .125rem
;}
.hover\:text-foreground-primary-hover:hover {color: rgb(79 86 99/1)
;}
.hover\:text-info:hover {color: rgb(23 92 211/1)
;}
.hover\:text-inverse:hover {color: rgb(255 255 255/1)
;}
.hover\:text-neutral-1000:hover {color: rgb(17 19 24/1)
;}
.hover\:text-primary:hover {color: rgb(39 45 53/1)
;}
.hover\:text-secondary:hover {color: rgb(96 104 118/1)
;}
.hover\:bg-foreground-brand-hover:hover {background-color: rgb(252, 126, 126)
;}
.hover\:bg-foreground-primary-hover:hover {background-color: rgb(79, 86, 99)
;}
.hover\:bg-foreground-secondary-hover:hover {background-color: rgba(14, 37, 73, .17)
;}
.hover\:bg-foreground-tertiary-hover:hover {background-color: rgb(245, 246, 247)
;}
.hover\:bg-component-navbar-betslip-hover:hover {background-color: rgb(39, 45, 53)
;}
.hover\:bg-component-navbar-elements-hover:hover {background-color: rgba(5, 27, 66, .36)
;}
.hover\:text-info:hover {color: rgb(23, 92, 211)
;}
.hover\:text-inverse:hover {color: rgb(255, 255, 255)
;}
.hover\:text-primary:hover {color: rgb(39, 45, 53)
;}
.hover\:text-secondary:hover {color: rgb(96, 104, 118)
;}
.hover\:text-foreground-primary-hover:hover {color: rgb(79, 86, 99)
;}
.hover\:text-neutral-1000:hover {color: rgb(17, 19, 24)
;}
.focus\:text-info:focus {color: rgb(23 92 211/1)
;}
.focus\:text-neutral-1000:focus {color: rgb(17 19 24/1)
;}
.focus\:text-info:focus {color: rgb(23, 92, 211)
;}
.focus\:text-neutral-1000:focus {color: rgb(17, 19, 24)
;}
.active\:bg-foreground-brand-pressed:active {background-color: rgb(153 0 2/1)
;}
.active\:bg-foreground-primary-pressed:active {background-color: rgb(17 19 24/1)
;}
.active\:bg-foreground-secondary-pressed:active {background-color: #0e25492b
;}
.active\:bg-foreground-tertiary-pressed:active {background-color: rgb(241 242 245/1)
;}
.active\:text-primary:active {color: rgb(39 45 53/1)
;}
.active\:bg-foreground-brand-pressed:active {background-color: rgb(153, 0, 2)
;}
.active\:bg-foreground-primary-pressed:active {background-color: rgb(17, 19, 24)
;}
.active\:bg-foreground-secondary-pressed:active {background-color: rgba(14, 37, 73, .17)
;}
.active\:bg-foreground-tertiary-pressed:active {background-color: rgb(241, 242, 245)
;}
.active\:text-primary:active {color: rgb(39, 45, 53)
;}
.disabled\:bg-opacity-light-20:disabled {background-color: #bcd5fa42
;}
.disabled\:text-opacity-light-40:disabled {color: #d1e1ff6e
;}
.disabled\:bg-opacity-light-20:disabled {background-color: rgba(188, 213, 250, .26)
;}
.disabled\:text-opacity-light-40:disabled {color: rgba(209, 225, 255, .43)
;}
 
@keyframes dropdownFadeOutBottom{0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translateY(-5px)
    }}
@keyframes dropdownFadeOutLeft{0% {
        opacity: 1;
        transform: scale(1) translate(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translate(5px)
    }}
@keyframes dropdownFadeOutRight{0% {
        opacity: 1;
        transform: scale(1) translate(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translate(-5px)
    }}
@keyframes dropdownFadeOutTop{0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }

    to {
        opacity: 0;
        transform: scale(.95) translateY(5px)
    }}
 
@keyframes fadeOut{0% {
        opacity: 1
    }

    to {
        opacity: 0
    }}
 
 
@keyframes dropdownFadeInBottom{0% {
        opacity: 0;
        transform: scale(.95) translateY(-5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }}
@keyframes dropdownFadeInLeft{0% {
        opacity: 0;
        transform: scale(.95) translate(5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translate(0)
    }}
@keyframes dropdownFadeInRight{0% {
        opacity: 0;
        transform: scale(.95) translate(-5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translate(0)
    }}
@keyframes dropdownFadeInTop{0% {
        opacity: 0;
        transform: scale(.95) translateY(5px)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }}
 
@keyframes fadeIn{0% {
        opacity: 0
    }

    to {
        opacity: 1
    }}
 
@media (min-width:390px){.xs\:top-\[52px\] {top: 52px
    ;}
.xs\:h-10 {height: 2.5rem
    ;}
.xs\:h-9 {height: 2rem
    ;}
.xs\:h-\[52px\] {height: 52px
    ;}
.xs\:w-\[53px\] {width: 53px
    ;}
.xs\:px-4 {padding-left: .5rem;
        padding-right: .5rem
    ;}
.xs\:py-2 {padding-top: .25rem;
        padding-bottom: .25rem
    ;}
.xs\:label-lg {font-size: .875rem;
        line-height: 1rem
    ;}
.xs\:label-xs {font-size: .6875rem;
        line-height: .8125rem
    ;}}
@media (min-width:744px){.sm\:top-\[60px\] {top: 60px
    ;}
.sm\:flex {display: flex
    ;}
.sm\:size-11 {width: 2.75rem;
        height: 2.75rem
    ;}
.sm\:h-11 {height: 2.75rem
    ;}
.sm\:h-8 {height: 1.5rem
    ;}
.sm\:h-\[60px\] {height: 60px
    ;}
.sm\:w-\[74px\] {width: 74px
    ;}
.sm\:w-full {width: 100%
    ;}
.sm\:max-w-\[163px\] {max-width: 163px
    ;}
.sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
    ;}
.sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr))
    ;}
.sm\:flex-row {flex-direction: row
    ;}
.sm\:gap-6 {gap: 1rem
    ;}
.sm\:gap-7 {gap: 1.25rem
    ;}
.sm\:overflow-y-hidden {overflow-y: hidden
    ;}
.sm\:px-5 {padding-left: .75rem;
        padding-right: .75rem
    ;}
.sm\:px-7 {padding-left: 1.25rem;
        padding-right: 1.25rem
    ;}
.sm\:heading-sm {font-size: 1rem;
        line-height: 1.25rem
    ;}
.sm\:label-sm {font-size: .75rem;
        line-height: .875rem
    ;}
.sm\:icon-size-lg[class*=material-symbols-], .sm\:icon-size-lg {font-size: 24px;
        width: 24px;
        height: 24px
    ;}
.sm\:rounded-lg {border-radius: 12px
    ;}
.sm\:last\:pb-5:last-child {padding-bottom: .75rem
    ;}}
@media not all and (min-width:744px){.max-sm\:pt-0 {padding-top: 0rem
    ;}}
@media (min-width:1133px){.md\:bottom-1 {bottom: .125rem
    ;}
.md\:top-\[68px\] {top: 68px
    ;}
.md\:order-2 {order: 2
    ;}
.md\:order-3 {order: 3
    ;}
.md\:flex {display: flex
    ;}
.md\:hidden {display: none
    ;}
.md\:h-9 {height: 2rem
    ;}
.md\:h-\[68px\] {height: 68px
    ;}
.md\:max-w-\[250px\] {max-width: 250px
    ;}
.md\:max-w-\[320px\] {max-width: 320px
    ;}
.md\:grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))
    ;}
.md\:flex-row {flex-direction: row
    ;}
.md\:flex-col {flex-direction: column
    ;}
.md\:justify-between {justify-content: space-between
    ;}
.md\:gap-7 {gap: 1.25rem
    ;}
.md\:gap-9 {gap: 2rem
    ;}
.md\:py-9 {padding-top: 2rem;
        padding-bottom: 2rem
    ;}
.md\:pr-6 {padding-right: 1rem
    ;}
.md\:pt-6 {padding-top: 1rem
    ;}
.md\:shadow-lg {box-shadow: 0 0 0 0px #fff, 0 0 0 calc(0px + 0px) rgba(5, 27, 66, .36), 0px
    ;}
.md\:heading-lg {font-size: 1.25rem;
        line-height: 1.5rem
    ;}
.md\:bg-neutral-100 {background-color: rgb(255, 255, 255)
    ;}}
@media not all and (min-width:1133px){.max-md\:absolute {position: absolute
    ;}
.max-md\:bottom-0 {bottom: 0rem
    ;}
.max-md\:h-dvh {height: 100dvh
    ;}
.max-md\:w-screen {width: 100vw
    ;}
.max-md\:overflow-y-auto {overflow-y: auto
    ;}
.max-md\:overflow-x-hidden {overflow-x: hidden
    ;}
.max-md\:p-6 {padding: 1rem
    ;}
.max-md\:bg-neutral-400 {background-color: rgb(223, 227, 234)
    ;}}
@media (min-width:1024px){@media not all and (min-width:1133px){.legacymobile\:max-md\:px-6 {padding-left: 1rem;
            padding-right: 1rem
        ;}
.legacymobile\:max-md\:pt-6 {padding-top: 1rem
        ;}}}
@media (min-width:1280px){.lg\:absolute {position: absolute
    ;}
.lg\:\!z-\[50\] {z-index: 50 !important;}
.lg\:mt-auto {margin-top: auto
    ;}
.lg\:min-w-\[120px\] {min-width: 120px
    ;}
.lg\:p-6 {padding: 1rem
    ;}
.lg\:py-10 {padding-top: 2.5rem;
        padding-bottom: 2.5rem
    ;}
.lg\:pb-8 {padding-bottom: 1.5rem
    ;}
.lg\:pr-0 {padding-right: 0rem
    ;}}
@media (min-width:1536px){.xl-right-offset {right: max(calc(((100vw - (100vw - 100%)) - 1536px)/2 + 1rem), 1rem)
    ;}
.xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr))
    ;}
.xl\:py-0 {padding-top: 0rem;
        padding-bottom: 0rem
    ;}
.xl\:rounded-md {border-radius: 8px
    ;}}
@media not all and (min-width:1536px){.max-xl\:p-0 {padding: 0rem
    ;}
.max-xl\:py-0 {padding-top: 0rem;
        padding-bottom: 0rem
    ;}}
@media (min-width:1133px){@media not all and (min-width:1536px){.md\:max-xl\:py-4 {padding-top: .5rem;
            padding-bottom: .5rem
        ;}
.md\:max-xl\:shadow-sm {box-shadow: 0 0 0 0px #fff, 0 0 0 calc(0px + 0px) rgba(5, 27, 66, .36), 0px
        ;}}}
@media (min-width:1536px){.last\:2xl\:rounded-b-lg:last-child {border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px
    ;}}
:where(.initial\:h-\[44px\]) {height: 44px
;}
:where(.initial\:w-full) {width: 100%
;}
:where(.initial\:pl-5) {padding-left: .75rem
;}
:where(.initial\:icon-size-md) {font-size: 20px;
    width: 20px;
    height: 20px
;}
:where(.initial\:first\:rounded-t-\[inherit\]:first-child) {border-top-left-radius: inherit;
    border-top-right-radius: inherit
;}
:where(.initial\:last\:rounded-b-\[inherit\]:last-child) {border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
;}
:where(.initial\:hover\:text-foreground-link-hover:hover) {color: rgb(83 177 253/1)
;}
:where(.initial\:hover\:text-foreground-link-hover:hover) {color: rgb(83, 177, 253)
;}
:where(.initial\:active\:text-foreground-link-active:active) {color: rgb(21 112 239/1);
    color: rgb(21, 112, 239)
;}
.ladbrokes\:\[\&\.active\]\:text-foreground-brand-hover.active {color: rgb(252, 126, 126)
;}
.\[\&\:last-child\]\:-mr-5:last-child {margin-right: -.75rem
;}
.\[\&\>\*\:not\(dl\)\]\:flex>*:not(dl) {display: flex
;}
.\[\&\>\*\:not\(dl\)\]\:h-11>*:not(dl) {height: 2.75rem
;}
.\[\&\>\*\:not\(dl\)\]\:w-11>*:not(dl) {width: 2.75rem
;}
.\[\&_\*\]\:text-inverse *, .\[\&_\*\]\:hover\:text-inverse:hover * {color: rgb(255 255 255/1);
    color: rgb(255, 255, 255)
;}
.\[\&_\*\]\:focus\:text-inverse:focus * {color: rgb(255 255 255/1);
    color: rgb(255, 255, 255)
;}
.\[\&_\:not\(dl\)\]\:place-content-center :not(dl) {place-content: center
;}
.\[\&_\:not\(dl\)\]\:place-items-center :not(dl) {place-items: center
;}
@media (min-width:1133px){.md\:\[\&_\>_\*\]\:box-border>* {box-sizing: border-box
    ;}}
@font-face{font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    src: url("assets/fonts/rubik-normal-700.woff")format("woff")
;}
@keyframes bounceInDown{0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }}
@keyframes bounceInUp{0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }}
@keyframes bounceOutDown{20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }}
@keyframes bounceOutUp{20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }}
@keyframes fadeIn{0% {
        opacity: 0
    }

    to {
        opacity: 1
    }}
@keyframes fadeOut{0% {
        opacity: 1
    }

    to {
        opacity: 0
    }}
@keyframes fadeInDown{0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }}
@keyframes fadeOutUp{0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }}
@keyframes fade--out-fully--down-slightly{0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, 5%, 0);
        opacity: 0
    }}
@keyframes fade--in-fully--from-slightly-down{0% {
        transform: translate3d(0, 5%, 0);
        opacity: 0
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }}
@keyframes slideInDown{0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }}
@keyframes slideInUp{0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }}
@keyframes slideOutDown{0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }}
@keyframes slideOutUp{0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }}
@keyframes slideSearchOut{0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }}
@keyframes slideSearchIn{0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

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

    to {
        transform: rotate(359deg)
    }}
html {font-family: Inter, sans-serif;
    touch-action: manipulation
;}
body {font-size: .75rem
;}
a {color: #06c
;}
a:hover {color: #194ca8
;}
a:active {color: #073f88
;}
@media (min-width:1150px) and (max-width:1940px){.desktop .betslip-enabled .race-runner-info {padding-right: 0
    ;}}
input:focus::-ms-input-placeholder {color: transparent
;}
input:focus::placeholder {color: transparent
;}
@keyframes modal-backdrop-fade{0% {
        opacity: 0
    }

    to {
        opacity: 1
    }}
@keyframes modal-backdrop-desktop-account-fade{0% {
        opacity: 0
    }

    to {
        opacity: 1
    }}
@keyframes sgm-error-slide{0% {
        transform: translateY(90px)
    }

    to {
        transform: translate(0)
    }}
@media (max-width:1023.98px){.page-header:after {content: "";
        width: 100%;
        height: 8px;
        display: block;
        position: absolute;
        bottom: -8px;
        background: transparent url("assets/images/runner-silk-gradient.png") repeat-x 0 0;
        pointer-events: none;
        background-position: 0 0;
        left: 0
    ;}}
@keyframes arrowIn{0% {
        border-bottom-width: 0
    }

    to {
        border-bottom-width: 4px
    }}
@keyframes arrowOut{0% {
        border-bottom-width: 3px
    }

    to {
        border-bottom-width: 0
    }}
.right-slideout-shown.desktop #live-chat-draggable {margin-left: -350px
;}
.sprite-icon:not(.hidden):not([class$=":hidden"]) {display: inline-block;
    vertical-align: middle
;}
#betslip-container {height: 100%
;}
.betslip-section {position: relative;
    height: 100%
;}
.betslip-section .tab-selector, .betslip-section .tab-selector__inner {height: auto
;}
.betslip-section .tab-selector__indicator-active {background: #eb3638
;}
.toasts {position: fixed;
    bottom: 0rem;
    left: 50%;
    z-index: 60;
    margin-right: -50%;
    display: flex;
    
    
    transform: translate(-50%, 0rem) rotate(-45deg) skew(0) skewY(0) scaleX(1.15) scaleY(1.15);
    flex-direction: column
;}
.session-timer {text-transform: none;
    white-space: nowrap
;}
.session-timer__label {font-weight: 400;
    margin-right: 3px
;}
.session-timer__timer {font-weight: 600
;}
.tab-selector {position: relative
;}
.tab-selector__inner {display: flex;
    background-color: #fff;
    margin: 0;
    padding: 0;
    list-style: none
;}
@keyframes arrowIn{0% {
        border-bottom-width: 0
    }

    to {
        border-bottom-width: 4px
    }}
@keyframes arrowOut{0% {
        border-bottom-width: 3px
    }

    to {
        border-bottom-width: 0
    }}
.tab-selector__tab {position: relative;
    flex: 1 1 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 40px;
    font-size: 11px;
    font-weight: 600
;}
.tab-selector__tab.active {background-color: #fff
;}
.tab-selector__tab.active:before {content: "";
    display: inline-block;
    position: relative;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #eb3638;
    border-right: 4px solid transparent;
    transform: rotate(0);
    border-bottom: 4px solid #eb3638;
    border-left: 4px solid transparent;
    position: absolute;
    display: none;
    background: 0;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    animation: arrowIn;
    animation-duration: 325ms;
    animation-fill-mode: both
;}
.tab-selector__tab.inactive:before {animation: arrowOut;
    animation-duration: 125ms;
    animation-fill-mode: both
;}
.tab-selector__indicator {position: relative;
    background-color: #fff;
    height: 3px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8
;}
.tab-selector__indicator-active {position: absolute;
    height: 100%;
    top: 0;
    margin: 0;
    border: none;
    background-color: #eb3638;
    transition: left .25s ease, width .25s ease
;}
@keyframes shake{0% {
        margin-left: 0
    }

    25% {
        margin-left: .5rem
    }

    75% {
        margin-left: -.5rem
    }

    to {
        margin-left: 0
    }}
@keyframes fadeIn{0% {
        opacity: 0
    }

    to {
        opacity: 1
    }}
@media (min-width:1024px){.promo-slider {padding: 0;
        margin-bottom: 10px
    ;}}
.promo-slider .promotion-card-header {padding-bottom: 32%;
    border-radius: 0
;}
@media (min-width:1024px){.promo-slider .promotion-card-header {padding-bottom: 17.8217821782%;
        border-radius: 5px
    ;}}
.promo-slider .promotion-image {cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
;}
.promo-slider-pagination {display: flex;
    justify-content: center
;}
.promo-slider-pagination__item {padding: 10px 5px
;}
.promo-slider-pagination__item:before {content: "";
    display: block;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer
;}
@media (min-width:1024px){.promo-slider-pagination__item {flex: 1 1 0;
        padding: 4px 2px;
        cursor: pointer
    ;}
.promo-slider-pagination__item:before {width: 100%;
        height: 4px;
        border-radius: 2px
    ;}
.promo-slider-pagination__item:first-child {padding: 4px 4px 4px 0
    ;}
.promo-slider-pagination__item:last-child {padding: 4px 0 4px 4px
    ;}}
.promo-slider-pagination__item:before {background-color: rgb(206 212 223/1);
    background-color: rgb(206, 212, 223)
;}
.promo-slider-pagination__item.active:before {background-color: rgb(211 33 35/1);
    background-color: rgb(211, 33, 35)
;}
.homepage-ntg {margin: 0 0 10px
;}
.homepage-ntg-header {padding: 0;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: nowrap;
    border-bottom: none
;}
.homepage-ntg-title {width: 100%;
    line-height: 35px;
    height: 35px;
    background: #232323;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 0 0 15px;
    font-weight: 600
;}
.homepage-ntg-race-table {display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: nowrap;
    background: rgb(255, 255, 255);
    margin-top: 0
;}
@media (min-width:1280px){@media (max-width:1420px){.unified-breakpoint-system.right-slideout-shown .homepage-ntg-race-table>*:nth-child(n/**/+3) {display: none
        ;}}}
.homepage-ntg-title {border-radius: 5px 5px 0 0
;}
.homepage-ntg-race-table {border-top: none;
    border-bottom-width: 2px;
    
    border-color: rgb(235, 238, 243);
    padding: 10px 0;
    border-radius: 0 0 5px 5px
;}
.price-button {padding: 0;
    outline: none;
    transition: all .25s ease;
    position: relative;
    background-color: transparent;
    border: unset;
    font-family: Inter, sans-serif
;}
.price-button .price-button-odds {font-family: Inter, sans-serif
;}
.price-button-standard .price-button-odds {background-color: #f1f3f5
;}
.price-button-standard .price-button-odds {display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    line-height: 15px
;}
.price-button-standard .price-button-odds-price {flex: 1.4;
    display: flex;
    align-items: center;
    justify-content: center
;}
.price-button.increased .price-button-odds:before {content: "";
    display: inline-block;
    position: relative;
    background: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #7bc936;
    border-right: 4px solid transparent;
    transform: rotate(0);
    border-bottom: 4px solid #7bc936;
    border-left: 4px solid transparent
;}
.price-button.decreased .price-button-odds:before {content: "";
    display: inline-block;
    position: relative;
    background: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fa6365;
    border-right: 4px solid transparent;
    transform: rotate(0);
    border-top: 4px solid #fa6365;
    border-left: 4px solid transparent
;}
.desktop .price-button {cursor: default
;}
.desktop .price-button-name {text-transform: none;
    align-items: flex-end
;}
.desktop .price-button-odds {cursor: pointer;
    height: auto;
    padding: .3em;
    font-weight: 600;
    color: #232323;
    border-radius: 4px;
    border: 1px solid #eceff1;
    background: #f1f3f5;
    margin: auto
;}
.desktop .price-button-odds-price {text-decoration: none
;}
.desktop .price-button-standard {text-align: center;
    justify-content: center
;}
.desktop .price-button-standard .price-button-odds {height: 34px;
    width: 55px;
    font-size: 13px
;}
.desktop .price-button:not([disabled=disabled]):not(.not-bettable) .desktop .price-button-odds:hover {background: #fbfbfb;
    color: #232323
;}
.desktop .price-button.not-bettable .price-button-name, .desktop .price-button.not-bettable:hover .price-button-name {color: gray
;}
.desktop .price-button.not-bettable .price-button-odds, .desktop .price-button.not-bettable:hover .price-button-odds {border: 1px solid #f5f5f5;
    box-shadow: unset;
    cursor: not-allowed;
    font-weight: 600
;}
.desktop .price-button.not-bettable .price-button-odds-price, .desktop .price-button.not-bettable:hover .price-button-odds-price {text-decoration: inherit
;}
.desktop .price-button.price-button-composition.not-bettable .price-button-odds, .desktop .price-button.price-button-composition.not-bettable:hover .price-button-odds {border: unset
;}
.price-button {color: #232323
;}
.price-button.increased .price-button-odds:before, .price-button.decreased .price-button-odds:before {position: absolute;
    animation-name: odds-arrow-anim;
    animation-iteration-count: 1;
    animation-delay: .4s;
    animation-duration: 2.2s;
    opacity: 0;
    left: calc(50% - 4px)
;}
.price-button.increased .price-button-odds:before {top: 0
;}
.price-button.decreased .price-button-odds:before {bottom: 0
;}
@keyframes odds-invalid{50% {
        border-color: #981d1d;
        color: #981d1d
    }}
@keyframes odds-entrant-name-invalid{50% {
        border-bottom-color: #981d1d
    }}
@keyframes odds-decreased{50% {
        background-color: #ffd9d9;
        border-color: #f9b2b3;
        color: inherit;
        box-shadow: 0 2px 1px #f9b2b3
    }}
@keyframes odds-increased{50% {
        background-color: #eaffd7;
        border-color: #c4f09d;
        color: inherit;
        box-shadow: 0 2px 1px #c4f09d
    }}
@keyframes odds-arrow-anim{0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    to {
        opacity: 0
    }}
.price-button {border-radius: 4px
;}
.price-button-standard .price-button-odds {box-shadow: 0 2px 1px #babfca
;}
.price-button-composition {padding: 4px 6px 2px;
    background-color: #f1f3f5;
    box-shadow: 0 2px 1px #babfca;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
;}
.price-button-composition .price-button-name {margin: 0;
    min-height: inherit;
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
;}
.price-button-composition .price-button-odds {font-size: 13px;
    font-weight: 600;
    border: unset;
    padding: 0;
    background: inherit;
    line-height: 16px
;}
.price-button-composition .price-button-odds:hover {background: inherit
;}
.price-button-composition.not-bettable {color: gray;
    background-color: #fcfcfd;
    border: 1px solid #f5f5f5;
    box-shadow: none;
    cursor: not-allowed
;}
.price-button-composition.not-bettable .price-button-name {cursor: not-allowed
;}
.price-button-composition.not-bettable .price-button-odds {color: #a4a4a4
;}
.price-button-composition:hover {cursor: pointer;
    background: #fbfbfb
;}
.price-button .increased.price-button-odds:before {content: "";
    display: inline-block;
    position: relative;
    background: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #7bc936;
    border-right: 4px solid transparent;
    transform: rotate(0);
    border-bottom: 4px solid #7bc936;
    border-left: 4px solid transparent
;}
.price-button .decreased.price-button-odds:before {content: "";
    display: inline-block;
    position: relative;
    background: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fa6365;
    border-right: 4px solid transparent;
    transform: rotate(0);
    border-top: 4px solid #fa6365;
    border-left: 4px solid transparent
;}
.price-button-standard .increased.price-button-odds {animation-name: odds-increased
;}
.price-button-standard .decreased.price-button-odds {animation-name: odds-decreased
;}
.price-button .increased.price-button-odds:before, .price-button .decreased.price-button-odds:before {position: absolute;
    animation-name: odds-arrow-anim;
    animation-iteration-count: 1;
    animation-delay: .4s;
    animation-duration: 2.2s;
    opacity: 0;
    left: calc(50% - 4px)
;}
.price-button .increased.price-button-odds:before, .price-button.increased .price-button-odds:before {top: 0
;}
.price-button .decreased.price-button-odds:before, .price-button.decreased .price-button-odds:before {bottom: 0
;}
.price-button .increased, .price-button .decreased, .price-button .increased.price-button-odds, .price-button .decreased.price-button-odds {animation-timing-function: ease-out;
    animation-duration: 1.5s
;}
@keyframes odds-decreased-promo-odds{50% {
        background-color: #ffd9d9
    }}
@keyframes odds-increased-promo-odds{50% {
        background-color: #eaffd7
    }}
.keen-slider:not([data-keen-slider-disabled]) {-webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%
;}
.keen-slider>* {flex: 1 0 100%;
    position: relative;
    overflow: hidden;
    min-height: 100%
;}
.promotion-card-header {position: relative;
    display: block;
    width: 100%;
    height: 0;
    background-color: #282828;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
;}
.promotion-card-header .promotion-image {position: absolute;
    display: inline-block;
    height: 100%;
    z-index: 0;
    background-color: #f7f7f7;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
;}
.cRJJtC {position: relative;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-direction: column
;}
.gtTeTM {color: rgb(145, 150, 161);
    margin-top: 80px;
    padding: 5px;
    flex: 0 1 100%;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column
;}
.cJVZEx {margin-bottom: 20px;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-direction: column
;}
.hLKQOG {max-width: 200px;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-direction: column
;}
.fYnjkm {position: relative;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-direction: column
;}
.evbWZG {text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 11px;
    flex: 0 0 auto;
    text-transform: none;
    font-style: normal;
    display: flex
;}
.jLlVBq {text-align: center;
    font-weight: 600;
    font-size: 11px;
    flex: 0 0 auto;
    text-transform: none;
    font-style: normal;
    display: flex
;}
.iJzGVA {padding: 10px 10px 245px;
    overflow-y: auto;
    height: calc(100% - 80px);
    transition: 250ms
;}
@media (max-width:321px){.iJzGVA {padding: 10px 10px 203px
    ;}
.iJzGVA.empty {height: 100%
    ;}}
@media (min-width:960px){.iJzGVA {height: calc(100% - 116px)
    ;}}
.bZEJOv {height: 100%;
    font-family: Inter, sans-serif;
    color: rgb(35, 35, 35)
;}
.ksxLPv {width: 100%;
    background-color: rgb(247, 247, 247);
    overflow: hidden;
    position: relative;
    height: calc(100% - 87px)
;}
@media (min-width:960px){.ksxLPv {height: calc(100% - 87px)
    ;}}
.carousel-entry {width: 100%;
    max-height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 0;
    border-left: solid 1px rgb(235, 238, 243)
;}
.carousel-entry:first-child {border-width: 0px
;}
.carousel-entry__entrants {height: 100%;
    padding: 0;
    margin: 0
;}
.carousel-entry__entrants:before {content: "";
    height: 0;
    width: calc(100% - 30px);
    line-height: 0;
    display: block;
    padding: 0;
    color: #d5d5d5;
    font-weight: 600;
    font-size: 10px;
    border-top: solid 1px rgb(235, 238, 243);
    margin: 0 auto
;}
.carousel-entry__runner-summary {flex: 1 1 0;
    overflow: hidden;
    min-width: 0
;}
.carousel-entry__runner-summary .runner-entrant-name {display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0, max-content))
;}
.carousel-entry__runner-summary .runner-name {min-width: 0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
;}
.carousel-entry__runner-summary .race-runner-info .runner-additionals .runner-text-container {display: grid;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr) auto
;}
.carousel-entry__price-button {display: flex;
    flex: 0 0 auto;
    align-items: center;
    height: 59px;
    width: auto;
    border-left: 0;
    position: relative
;}
.carousel-entry__entrant {height: 60px;
    border-top: 1px solid #f7f7f7;
    margin: 0 15px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .25rem;
    
    border-color: rgb(235, 238, 243)
;}
.race-summary-ntg {color: rgb(39, 45, 53)
;}
.race-summary-ntg:hover {color: rgb(79 86 99/1);
    color: rgb(79, 86, 99)
;}
.race-summary-ntg {display: flex;
    height: 50px;
    padding: 0 11px;
    justify-content: space-between;
    align-items: center;
    line-height: 1
;}
.race-summary-ntg__text {text-transform: uppercase;
    font-weight: 600
;}
.race-summary-ntg__number {width: 28px;
    height: 28px;
    border: 1px solid #d5d5d5;
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    display: block;
    margin: 0 8px 0 0;
    font-size: 10px
;}
.race-summary-ntg__category {margin: 0 8px 0 0
;}
.race-summary-ntg__ttg {font-weight: 600
;}
.race-summary-ntg__icons-extras, .race-summary-ntg__label {display: flex;
    align-items: center
;}
.race-summary-ntg__text {display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end
;}
.race-summary-ntg__extras {display: flex;
    align-items: center
;}
.vscroll {display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px
;}
.vscroll__pagination {flex: 0 0 40px;
    min-width: 40px;
    margin: 0 0 0 2px
;}
.vscroll__overflow {position: relative;
    flex: 1 1 auto;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 5px 0 5px #0003
;}
.vscroll__slide-list {transition: .2s all ease;
    list-style: none;
    margin: 0;
    padding: 0
;}
.pagination-dots {display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    border-radius: 5px;
    will-change: transform;
    padding: 10px 0
;}
.pagination-dots__direction {width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer
;}
.pagination-dots__direction:before {content: "";
    display: inline-block;
    position: relative;
    background: 0;
    width: 8px;
    height: 8px;
    border-top: none;
    border-left: none;
    border-right: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
    transform: rotate(-45deg);
    transform: rotate(-135deg)
;}
.pagination-dots__direction--down {transform: rotate(180deg)
;}
.pagination-dots__dot {width: 10px;
    height: 10px;
    margin: 10px 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: .2s background ease;
    cursor: pointer
;}
.pagination-dots__dot:hover {background: #ffffff80
;}
.pagination-dots__dot.active {background: #fff
;}
.channel-icon-live-race {padding: 2px
;}
.event-countdown {white-space: nowrap
;}
.race-runner-info {display: flex;
    flex: 1 1 0;
    align-items: center;
    position: relative
;}
.race-runner-info .race-runner-icon {position: relative;
    width: 32px;
    min-width: 32px
;}
.race-runner-info__runner-icon {position: relative;
    display: block;
    margin: 0 auto
;}
.race-runner-info .race-runner-details {text-transform: capitalize;
    flex: 1;
    padding-left: 10px;
    -webkit-font-smoothing: auto
;}
.race-runner-info .runner {line-height: 18px;
    font-size: 12px;
    font-weight: 600;
    word-break: break-all
;}
.race-runner-info .runner-additionals {color: rgb(96, 104, 118);
    font-size: 11px
;}
.race-runner-info .runner-additionals .runner-text-container {align-items: center;
    width: fit-content
;}
.race-runner-info .runner-additionals .runner-text-container .runner-data-jockey {flex: 0 1 auto;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
;}
.race-runner-info .runner-additionals .runner-text-container .runner-data-weight {flex-shrink: 0
;}
.desktop .race-runner-info .runner-icon {cursor: pointer
;}
.desktop .race-runner-info .runner-additionals {line-height: 14px
;}
.desktop .race-runner-info .runner-additionals .runner-text-container .runner-data-weight {padding-left: 5px
;}
@media only screen and (max-width:400px){.race-runner-info .runner {font-size: 11px
    ;}}
.runner-icon {background-image: url("assets/images/blank-silk.png")
;}
.runner-icon--country-usa {background-position-x: -126px
;}
.runner-icon--horse-racing {background-position: 0 0;
    background-size: auto 100%
;}
.runner-entrant-name {gap: .5ch
;}
.sf-hidden {display: none !important;}
.extracted-style-2 {font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;}
.extracted-style-4 {width: 50%;
    left: 0%;}
.extracted-style-5 {min-width: 902px;
    max-width: 902px;
    transform: translate3d(-902px, 0px, 0px);}
.extracted-style-6 {background-image: url("assets/images/srm-bigger-odds-homepage.webp");
    width: 100%;}
.extracted-style-7 {width: 100%;
    background-image: url("assets/images/sgm-stats-track-nrl-homepage.webp");}
.extracted-style-8 {width: 100%;
    background-image: url("assets/images/ladbrokes-live-watch-bet-homepage.webp");}
.extracted-style-9 {width: 100%;
    background-image: url("assets/images/fast-app-homepage.webp");}
.extracted-style-10 {width: 100%;
    background-image: url("assets/images/fast-favourites-homepage.webp");}
.extracted-style-11 {width: 100%;
    background-image: url("assets/images/rg2-homepage.webp");}
.extracted-style-30 {background-image: url("assets/images/featured-event-background.jpg");}
.extracted-style-31 {margin-top: 0px;}
.extracted-style-32 {left: calc(1680px);
    top: calc(889px);}
.converted-button-link, .converted-div-link {color: inherit;
    text-decoration: none;
    cursor: pointer;}
.converted-button-link {font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: none;
    border: 0;
    touch-action: manipulation;}
.lbk-age-shell, .lbk-cookie-modal {position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(20, 25, 34, 0.62);
  backdrop-filter: blur(4px);
  z-index: 9999;}
.lbk-age-shell.lbk-visible, .lbk-cookie-modal.lbk-visible {display: flex;}
.lbk-age-card {width: 100%;
  max-width: 420px;
  padding: 30px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(16, 24, 40, 0.28);
  text-align: center;
  border-top: 6px solid #d71920;}
.lbk-age-mark {width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d71920;
  color: #ffffff;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -1px;}
.lbk-age-title {margin: 0 0 12px;
  color: #161b24;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;}
.lbk-age-text {margin: 0;
  color: #5f6877;
  font-size: 15px;
  line-height: 1.5;}
.lbk-age-actions {display: grid;
  gap: 10px;
  margin: 24px 0 16px;}
.lbk-age-button, .lbk-cookie-btn, .lbk-cookie-close {border: 0;
  font-family: inherit;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;}
.lbk-age-button:hover, .lbk-cookie-btn:hover, .lbk-cookie-close:hover {transform: translateY(-1px);}
.lbk-age-button {min-height: 48px;
  padding: 13px 18px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 800;}
.lbk-age-button-primary {background: #d71920;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(215, 25, 32, 0.28);}
.lbk-age-button-light {background: #eef1f6;
  color: #222833;}
.lbk-age-note {margin: 0;
  color: #8b94a3;
  font-size: 12px;
  font-weight: 700;}
.lbk-cookie-panel {position: fixed;
  left: 24px;
  right: 24px;
  bottom: 24px;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(16, 24, 40, 0.22);
  border-left: 6px solid #d71920;
  z-index: 9998;}
.lbk-cookie-panel.lbk-visible {display: flex;}
.lbk-cookie-main {display: flex;
  align-items: center;
  gap: 16px;}
.lbk-cookie-badge {flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: 7px;
  background: #d71920;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.4px;}
.lbk-cookie-content {max-width: 620px;}
.lbk-cookie-title {margin: 0 0 5px;
  color: #171c25;
  font-size: 18px;
  font-weight: 800;}
.lbk-cookie-copy {margin: 0;
  color: #697282;
  font-size: 14px;
  line-height: 1.45;}
.lbk-cookie-actions, .lbk-cookie-dialog-actions {display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;}
.lbk-cookie-btn {min-height: 42px;
  padding: 11px 16px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;}
.lbk-cookie-btn-red {background: #d71920;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(215, 25, 32, 0.24);}
.lbk-cookie-btn-dark {background: #222833;
  color: #ffffff;}
.lbk-cookie-btn-soft {background: #eef1f6;
  color: #222833;}
.lbk-cookie-dialog {width: 100%;
  max-width: 580px;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(16, 24, 40, 0.28);}
.lbk-cookie-head {display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  background: #d71920;
  color: #ffffff;}
.lbk-cookie-kicker {display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.45px;
  opacity: 0.82;}
.lbk-cookie-modal-title {margin: 0;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;}
.lbk-cookie-close {width: 36px;
  height: 36px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  font-size: 30px;
  line-height: 1;}
.lbk-cookie-options {display: grid;
  gap: 1px;
  padding: 16px;
  background: #e7eaf0;}
.lbk-cookie-row {display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  background: #ffffff;
  border-radius: 8px;}
.lbk-cookie-row strong {display: block;
  margin-bottom: 5px;
  color: #202632;
  font-size: 15px;}
.lbk-cookie-row small {display: block;
  color: #70798a;
  font-size: 13px;
  line-height: 1.4;}
.lbk-cookie-row input {flex: 0 0 auto;
  width: 46px;
  height: 24px;
  appearance: none;
  border-radius: 999px;
  background: #c7ccd6;
  position: relative;
  cursor: pointer;
  transition: background 0.18s ease;}
.lbk-cookie-row input:checked {background: #d71920;}
.lbk-cookie-row input::before {content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #ffffff;
  transition: transform 0.18s ease;
  box-shadow: 0 2px 5px rgba(16, 24, 40, 0.24);}
.lbk-cookie-row input:checked::before {transform: translateX(22px);}
.lbk-cookie-row input:disabled {cursor: not-allowed;
  opacity: 0.65;}
.lbk-cookie-dialog-actions {justify-content: flex-end;
  padding: 18px 24px 24px;
  background: #ffffff;}
@media (max-width: 820px){.lbk-cookie-panel {align-items: stretch;
    flex-direction: column;
    left: 14px;
    right: 14px;
    bottom: 14px;}
.lbk-cookie-main {align-items: flex-start;}
.lbk-cookie-actions {width: 100%;}
.lbk-cookie-btn {flex: 1;}}
@media (max-width: 520px){.lbk-age-card, .lbk-cookie-dialog {max-width: 100%;}
.lbk-age-card {padding: 24px 18px;}
.lbk-cookie-main {flex-direction: column;}
.lbk-cookie-actions, .lbk-cookie-dialog-actions {flex-direction: column;}
.lbk-cookie-btn {width: 100%;}
.lbk-cookie-row {align-items: flex-start;}}
* {box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;}
body {min-width: 0;
  overflow-x: hidden;}
img, svg, video {max-width: 100%;}
.lbk-mobile-bottom-nav {display: none;}
@media (max-width: 767px){html, body {width: 100%;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #f1f3f5;}
body.desktop, body.mobile {font-size: 14px;}
#app, #app > .flex, .min-h-dvh {min-height: 100dvh;}
[data-testid="header-bar"] {position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;}
[data-testid="header-bar-content-container"] {min-height: 52px !important;
    height: 52px !important;
    padding-left: 12px !important;
    padding-right: 10px !important;
    gap: 8px !important;}
[data-testid="site-nav-logo"] {width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    object-fit: contain;}
[data-testid="header-bar"] .gap-4, [data-testid="header-bar"] .gap-6, [data-testid="header-bar"] .gap-7 {gap: 8px !important;}
[data-testid="header-login"], [data-testid="header-join-now"] {min-width: 58px !important;
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    border-radius: 9px !important;}
[data-testid="header-bar"] a[href="#"]:has([data-testid="platform-icon-search"]) {width: 36px !important;
    height: 36px !important;}
[data-testid="header-bar"] a[href="#"]:has([data-testid="platform-icon-search"]) i {font-size: 22px !important;}
[data-testid="header-bar"] .bg-component-navbar-betslip {position: fixed !important;
    right: 12px !important;
    bottom: calc(66px + 12px + env(safe-area-inset-bottom)) !important;
    z-index: 140 !important;
    width: 58px !important;
    height: 58px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.24) !important;}
[data-testid="header-bar"] .bg-component-navbar-betslip span:first-child {font-size: 16px !important;
    line-height: 18px !important;}
[data-testid="header-bar"] .bg-component-navbar-betslip span:last-child {font-size: 10px !important;
    line-height: 12px !important;}
nav.sticky {top: 52px !important;
    z-index: 110 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;}
nav.sticky::-webkit-scrollbar {display: none;}
nav.sticky > div {width: max-content !important;
    min-width: 100% !important;
    height: 46px !important;
    padding: 0 12px !important;
    gap: 16px !important;
    justify-content: flex-start !important;}
nav.sticky > div > .flex.h-full {gap: 18px !important;
    min-width: max-content;}
nav.sticky a, nav.sticky a > div {min-width: max-content;}
nav.sticky a > div {gap: 7px !important;
    padding: 0 2px !important;
    font-size: 13px !important;
    line-height: 1 !important;}
nav.sticky svg {width: 22px !important;
    height: 22px !important;}
[data-testid="main-navigation-date-time"] {display: none !important;}
.relative.flex.h-full.flex-1.flex-col.overflow-hidden {overflow: visible !important;}
aside[data-testid="page-content-right"] {display: none !important;}
#main {width: 100% !important;
    max-width: 100% !important;
    overflow-y: visible !important;
    padding-bottom: calc(66px + 18px + env(safe-area-inset-bottom)) !important;}
#main > div {display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
    padding: 12px !important;
    margin: 0 !important;}
#main > div > .order-last, #main > div > div[class*="w-80"] {display: none !important;}
#main > div > aside:first-child {order: 1 !important;
    position: static !important;
    z-index: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    contain: none !important;}
#main > div > aside:first-child::-webkit-scrollbar {display: none;}
#main > div > aside:first-child > div {display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: max-content !important;
    min-width: 100% !important;
    padding: 0 0 3px !important;
    background: transparent !important;
    border-radius: 0 !important;}
#main > div > aside:first-child > div > div:first-child {display: none !important;}
#main > div > aside:first-child .border-secondary {display: contents !important;}
#main > div > aside:first-child .flex.px-5.py-4, #main > div > aside:first-child .whitespace-nowrap.font-semibold.text-secondary, #main > div > aside:first-child .m-auto.h-\[1px\] {display: none !important;}
#main > div > aside:first-child a.block.w-full, #main > div > aside:first-child a[data-testid="list-item"], #main > div > aside:first-child [data-testid="list-item"] {flex: 0 0 auto !important;
    width: auto !important;
    min-width: 128px !important;
    max-width: 162px !important;}
#main > div > aside:first-child [data-testid="list-item"] {min-height: 50px !important;
    padding: 0 10px !important;
    gap: 8px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #232323 !important;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.08) !important;
    overflow: hidden !important;}
#main > div > aside:first-child [data-testid="list-item-left-content"] {width: 24px !important;
    min-width: 24px !important;}
#main > div > aside:first-child [data-testid="list-item"] svg {width: 22px !important;
    height: 22px !important;}
#main > div > aside:first-child [data-testid="list-item-content"] {min-height: 50px !important;
    padding: 7px 0 !important;
    gap: 6px !important;}
#main > div > aside:first-child [data-testid="body"], #main > div > aside:first-child [data-testid="body"] span, #main > div > aside:first-child [data-testid="body"] div {max-width: 98px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.2 !important;}
#page-content-rect-for-modal {order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;}
#page-content-rect-for-modal .home-content, #page-content-rect-for-modal .page-content-inner, #page-content-rect-for-modal .home-desktop {width: 100% !important;
    max-width: 100% !important;}
.promo-slider {margin: 0 0 12px !important;}
.promo-slider .keen-slider {display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    border-radius: 14px;
    scrollbar-width: none;}
.promo-slider .keen-slider::-webkit-scrollbar {display: none;}
.promo-slider .keen-slider > * {flex: 0 0 86% !important;
    min-width: 86% !important;
    scroll-snap-align: start;
    border-radius: 14px !important;}
.promo-slider .promotion-card-header {padding-bottom: 47% !important;
    border-radius: 14px !important;}
.promo-slider .promotion-image {border-radius: 14px !important;
    background-size: cover !important;
    background-position: center !important;}
.promo-slider-pagination {display: none !important;}
.homepage-ntg {margin: 0 0 12px !important;}
.homepage-ntg-title {height: 38px !important;
    line-height: 38px !important;
    padding-left: 14px !important;
    border-radius: 12px 12px 0 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.03em;}
.homepage-ntg-race-table {display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 10px !important;
    border-radius: 0 0 12px 12px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;}
.homepage-ntg-race-table::-webkit-scrollbar {display: none;}
.homepage-ntg-race-table > .carousel-entry {flex: 0 0 min(82vw, 320px) !important;
    width: min(82vw, 320px) !important;
    min-width: min(82vw, 320px) !important;
    border: 1px solid rgb(235, 238, 243) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.07) !important;
    scroll-snap-align: start;}
.race-summary-ntg {min-height: 48px !important;
    height: auto !important;
    padding: 8px 10px !important;}
.race-summary-ntg__meeting, .race-summary-ntg__name {max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;}
.race-summary-ntg__number {width: 26px !important;
    height: 26px !important;
    line-height: 24px !important;}
.carousel-entry__entrants::before {width: calc(100% - 20px) !important;}
.carousel-entry__entrant {min-height: 58px !important;
    height: auto !important;
    margin: 0 10px !important;
    gap: 8px !important;}
.carousel-entry__runner-summary .runner-entrant-name {max-width: 170px !important;}
.carousel-entry__runner-summary .runner-name, .runner-data-jockey, .runner-data-trainer {overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;}
.runner-additionals {font-size: 10px !important;
    line-height: 1.2 !important;}
.carousel-entry__price-button {height: 48px !important;
    min-width: 58px !important;}
.price-button-standard .price-button-odds, .desktop .price-button-standard .price-button-odds, .mobile .price-button-standard .price-button-odds {min-width: 56px !important;
    width: 56px !important;
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 13px !important;}
footer, footer .items-left, footer [class*="max-w-5xl"] {width: 100% !important;
    max-width: 100% !important;}
footer [class*="p-6"] {padding: 16px !important;}
footer .heading-xl {font-size: 20px !important;
    line-height: 1.2 !important;}
footer .label-lg, footer .label-md, footer span, footer a {font-size: 12px !important;
    line-height: 1.45 !important;}
.lbk-mobile-bottom-nav {position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 130;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2px;
    min-height: calc(66px + env(safe-area-inset-bottom));
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid rgba(16, 24, 40, 0.12);
    box-shadow: 0 -10px 30px rgba(16, 24, 40, 0.12);
    backdrop-filter: blur(12px);}
.lbk-mobile-bottom-nav__item {display: flex;
    min-width: 0;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    border-radius: 14px;
    color: #4f5663;
    text-decoration: none;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    touch-action: manipulation;}
.lbk-mobile-bottom-nav__item i {font-size: 22px;
    line-height: 1;}
.lbk-mobile-bottom-nav__item--active, .lbk-mobile-bottom-nav__item:active {background: #d32123;
    color: #ffffff;}
.lbk-mobile-bottom-nav__betslip {color: #d32123;}
.lbk-mobile-bottom-nav__betslip:active {color: #ffffff;}
.lbk-cookie-panel {bottom: calc(66px + 12px + env(safe-area-inset-bottom)) !important;
    left: 10px !important;
    right: 10px !important;
    max-height: calc(100dvh - 96px) !important;
    overflow-y: auto !important;}
.lbk-cookie-modal {padding: 12px !important;}
.lbk-cookie-dialog {max-height: calc(100dvh - 24px) !important;
    overflow-y: auto !important;}}
@media (min-width: 768px){.lbk-mobile-bottom-nav {display: none !important;}}
@media (max-width: 767px){.promo-slider .promo-slider-card, .promo-slider .keen-slider > * {max-width: none !important;
    transform: none !important;}}
.terms-list-container {padding: 10px
;}
.terms-list-container .page-header.noback {background: none
;}
.terms-list-container .page-header.noback:after {content: none
;}
.terms-list-container .page-header.noback h1 {color: #232323;
    padding-left: 6px
;}
.terms-list-container .terms-list {margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
;}
.terms-list-container .terms-list li {width: 50%;
    float: left
;}
.terms-list-container .terms-list li a {margin: 10px;
    padding: 20px 20px 20px 65px;
    display: block;
    border: solid 1px #eeeeee;
    background-color: #fefefe;
    border-radius: 4px;
    position: relative;
    color: #aaa;
    font-size: 11px
;}
.terms-list-container .terms-list li a strong {color: #a50d0c;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    display: block
;}
.terms-list-container .terms-list li a:before {content: "";
    width: 32px;
    height: 32px;
    margin-right: 10px;
    float: left;
    position: absolute;
    top: 20px;
    left: 20px
;}
.terms-list-container .terms-list li a:not([href$=".pdf"]):before {content: "";
    font-family: FontAwesome,sans-serif;
    font-size: 20px;
    text-align: center;
    top: 13px
;}
.terms-list-container .terms-list li a[href$=".pdf"]:before {background: url(/images/icons/Adobe_PDF_file_icon_32x32.png) no-repeat 50% 50%;
    background-size: contain
;}
.terms-list-container .terms-list li a.privacy-policy-link:before {top: 20px
;}
.terms-list-container .page-header.noback h1 {text-align: left;
    text-transform: none;
    padding-left: 0
;}
@media (min-width: 1024px){.terms-list-container .page-header.noback {width:calc(100% + 10px);
        margin-left: -10px
    ;}
.terms-list-container .page-header.noback h1 {padding-left: 0
    ;}}


/* Restored runner silk icons without CSS variables */
.race-runner-info:not(.greyhound-racing) .race-runner-icon {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 32px;
}
.race-runner-info:not(.greyhound-racing) .runner-icon {
    width: 32px;
    height: 32px;
    display: block;
}
.desktop .race-runner-info:not(.scratched) {
    min-height: 51px;
}
.race-runner-info:not(.greyhound-racing) .race-runner-icon.silk-provided {
    background-image: none;
}
.runner-icon {
    background-repeat: no-repeat;
    background-image: url("assets/images/blank-silk.png");
}
.runner-icon--horse-racing {
    background-size: auto 100%;
}
.extracted-style-12 { background-image: url("assets/images/runner-silk-sprite-01.png"); background-position: -128px 0; background-size: auto 100%; }
.extracted-style-13 { background-image: url("assets/images/runner-silk-sprite-01.png"); background-position: -96px 0; background-size: auto 100%; }
.extracted-style-14 { background-image: url("assets/images/runner-silk-sprite-01.png"); background-position: -192px 0; background-size: auto 100%; }
.extracted-style-15 { background-image: url("assets/images/runner-silk-sprite-01.png"); background-position: -64px 0; background-size: auto 100%; }
.extracted-style-16 { background-image: url("assets/images/runner-silk-sprite-01.png"); background-position: -224px 0; background-size: auto 100%; }
.extracted-style-17 { background-image: url("assets/images/runner-silk-sprite-01.png"); background-position: 0 0; background-size: auto 100%; }
.extracted-style-18 { background-image: url("assets/images/runner-silk-sprite-02.png"); background-position: -32px 0; background-size: auto 100%; }
.extracted-style-19 { background-image: url("assets/images/runner-silk-sprite-02.png"); background-position: -64px 0; background-size: auto 100%; }
.extracted-style-20 { background-image: url("assets/images/runner-silk-sprite-02.png"); background-position: -192px 0; background-size: auto 100%; }
.extracted-style-21 { background-image: url("assets/images/runner-silk-sprite-02.png"); background-position: -256px 0; background-size: auto 100%; }
.extracted-style-22 { background-image: url("assets/images/runner-silk-sprite-02.png"); background-position: -224px 0; background-size: auto 100%; }
.extracted-style-23 { background-image: url("assets/images/runner-silk-sprite-02.png"); background-position: 0 0; background-size: auto 100%; }
.extracted-style-24 { background-image: url("assets/images/runner-silk-sprite-03.png"); background-position: -64px 0; background-size: auto 100%; }
.extracted-style-25 { background-image: url("assets/images/runner-silk-sprite-03.png"); background-position: -128px 0; background-size: auto 100%; }
.extracted-style-26 { background-image: url("assets/images/runner-silk-sprite-03.png"); background-position: -32px 0; background-size: auto 100%; }
.extracted-style-27 { background-image: url("assets/images/runner-silk-sprite-03.png"); background-position: -160px 0; background-size: auto 100%; }
.extracted-style-28 { background-image: url("assets/images/runner-silk-sprite-03.png"); background-position: 0 0; background-size: auto 100%; }
.extracted-style-29 { background-image: url("assets/images/runner-silk-sprite-03.png"); background-position: -192px 0; background-size: auto 100%; }