:root{
    --sf-img-20: url("../images/sprite-sf-img-20.png");
    --sf-img-18: url("../images/sprite-sf-img-18.png");
    --sf-img-22: url("../images/sprite-sf-img-22.png");
    --sf-img-24: url("../images/sprite-sf-img-24.png");
    --sf-img-4: url("../images/sprite-sf-img-4.svg")
}.fa-solid{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}.fa-solid{
    font-family: "Font Awesome 6 Pro"
}.fa-battery-low::before{
    content: ""
}.fa-shuffle::before{
    content: ""
}.fa-chevron-left::before{
    content: ""
}.fa-chevron-right::before{
    content: ""
}:root{
    --fa-style-family-classic: "Font Awesome 6 Pro";
    --fa-font-regular: normal 400 1em/1"Font Awesome 6 Pro"
}@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fontawesome-pro-regular.woff2")format("woff2")
}:root{
    --fa-style-family-classic: "Font Awesome 6 Pro";
    --fa-font-solid: normal 900 1em/1"Font Awesome 6 Pro"
}@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fontawesome-pro-solid.woff2")format("woff2")
}.fa-solid{
    font-weight: 900
}:root{
    --secondary: #16ff5e;
    --secondary50: #16ff5e50;
    --secondary-light: #bfffba;
    --tertiary: #0ee46e;
    --quaternary: #16ff5e;
    --quinary: #82e27d;
    --icon: #ff6600
}*{
    -webkit-overflow-scrolling: touch
}html{
    font-size: 0.9rem;
    overflow-x: hidden;
    overflow-y: scroll
}body{
    margin: 0;
    padding-top: 4rem;
    font-family: "Saira";
    font-size: 1rem;
    background: #e9eaed;
    overflow-x: hidden
}body,
html{
    -webkit-overflow-scrolling: touch
}header{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    height: 4rem;
    width: 100vw;
    padding: 0;
    z-index: 200;
    box-sizing: border-box;
    background: #000;
    color: #fff;
    outline: 2px solid var(--tertiary)
}nav{
    display: grid;
    grid-template-columns: 5rem auto;
    justify-content: space-between;
    padding-left: 0;
    width: 100vw;
    align-items: center
}nav .header-logo img{
    height: 32px;
    margin-left: 15px
}nav .header-details{
    margin-top: 8px
}nav .header-user{
    grid-template-columns: 5rem auto 2rem 3rem;
    gap: 5px
}nav .header-verify{
    margin-top: -7px;
    margin-right: 1rem
}nav .header-login{
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-right: 1rem;
    margin-top: -8px
}nav .button-login,
nav .button-join{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2rem;
    text-transform: uppercase
}nav .button-login{
    background: #333
}nav .button-join{
    background: var(--secondary);
    color: #000
}nav .header-nav{
    display: none
}#nav-ntj{
    display: none
}.carousel{
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    gap: 0.5rem;
    width: 100vw;
    margin-right: -1rem;
    margin-left: -1rem;
    padding: 1rem;
    cursor: pointer;
    box-sizing: border-box
}.carousel-tab{
    width: 300px;
    min-width: 300px;
    height: 150px;
    border-radius: 1rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}.carousel::-webkit-scrollbar{
    display: none
}#leftColumn{
    display: none
}#rightColumn{
    padding: 0 2rem 0 1rem
}#rightColumn .tab-togglers{
    display: none
}#mainContent{
    min-width: auto;
    padding: 1px 1rem 4rem 1rem;
    background-repeat: no-repeat;
    background-size: 20rem;
    background-position: 50% 15rem
}h5{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 0.2rem 0 0.2rem 1rem;
    color: #333
}.odds-table{
    border-collapse: collapse
}.odds-table th{
    font-weight: 600
}.odds-table td{
    padding: 0.2rem 0;
    vertical-align: middle
}.odds-table td .betlink{
    width: 52px
}.odds-table td.odds{
    width: 5rem;
    min-width: 5rem;
    text-align: center
}.odds-table td.silk-racing{
    padding: 0;
    width: 1rem
}.odds-table td.silk-racing .silk-racing-icon{
    width: 3rem;
    height: 3rem;
    background-size: auto 3rem
}.odds-table td.silk-racing .silk-racing-icon.silk-grey{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-size: cover
}.odds-table td.silk-racing .silk-racing-icon.silk-harn{
    transform: scale(0.8)
}.odds-table tr:last-child td{
    border: 0
}.silk-grey.silk-grey-1{
    background: #D70505;
    outline: 4px solid #d7050530
}.silk-grey.silk-grey-2{
    background-image: linear-gradient(0deg, #000 7px, #fff 7px, #fff 14px, #000 14px, #000 21px, #fff 21px, #fff 28px, #000 28px);
    outline: 4px solid #00000020
}.silk-grey.silk-grey-4{
    background: #296def;
    outline: 4px solid #296def30
}.silk-grey.silk-grey-5{
    background: #ffdd00;
    outline: 4px solid #ffdd0030
}.silk-grey.silk-grey-6{
    background: #0fc476;
    outline: 4px solid #0fc47630
}.silk-grey.silk-grey-7{
    background: #000000;
    outline: 4px solid #00000020
}.silk-grey.silk-grey-8{
    background: #ee7bbf;
    outline: 4px solid #ee7bbf30
}.nextup-scroller-odds .silk-grey{
    margin-left: 12px !important;
    margin-right: 6px !important
}.tutorial-helper-container{
    grid-template-areas: "helper";
    user-select: none
}.mybets::-webkit-scrollbar{
    width: 10px;
    border: 1px solid #e9eaed
}.mybets::-webkit-scrollbar-track{
    margin: 0;
    background: #e9eaed;
    border-radius: 1rem;
    cursor: pointer
}.mybets::-webkit-scrollbar-thumb{
    background: rgba(51, 51, 51, 0.7);
    opacity: 0.6;
    border-radius: 1rem
}.mybets::-webkit-scrollbar-thumb:hover{
    background: rgba(51, 51, 51, 1)
}.betslip{
    display: none;
    position: fixed;
    top: 59px;
    left: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: none;
    z-index: 101;
    background: #333
}.betslip-header-tabs{
    grid-template-columns: 1fr 1fr;
    padding: 4px;
    margin: 10px 10px 0 10px;
    border-radius: 2rem;
    gap: 8px;
    position: sticky;
    z-index: 1;
    box-sizing: border-box;
    background: #444
}.betslip-reuse-container{
    grid-template-columns: 1fr 1fr;
    position: fixed;
    bottom: 0;
    width: 100vw;
    left: 0;
    padding: 0.8rem 1rem 1rem 1rem;
    box-sizing: border-box;
    justify-content: center;
    gap: 1rem;
    row-gap: 0;
    background: #000;
    border-top: 3px solid var(--tertiary);
    z-index: 3
}.betslip-refresh:before{
    content: ""
}.betslip-refresh:before{
    cursor: pointer;
    font-family: "Font Awesome 6 Pro";
    font-weight: bold
}.betslip-container{
    display: flex;
    flex-direction: column;
    background: #333
}.betslip-master-error{
    padding: 0.3rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid var(--tertiary);
    background: #ff0000
}.betslip-footer{
    position: fixed;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100vw;
    box-sizing: border-box;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    padding: 0.5rem 0.7rem 0.7rem 0.7rem;
    background: #000
}.betslip-footer-collapsed{
    padding-top: 0.2rem
}.betslip-empty{
    padding: 1rem;
    margin: 0 0 1rem 0;
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold
}.betslip-sgm{
    color: #fff
}.quick-multi-race-info{
    display: grid;
    grid-template-columns: 2.5rem auto;
    align-items: center;
    margin-bottom: 0.5rem;
    background: #333;
    color: #fff;
    border-radius: 1rem
}.quick-multi-race-name{
    position: relative;
    margin: -7px -14px;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 900;
    display: flex;
    gap: 0;
    text-transform: uppercase
}.quick-multi-race-runner-name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1rem
}.quick-multi-race-runner-with-race{
    flex-direction: column;
    align-items: flex-start;
    line-height: 1rem
}.quick-multi-race-runner-race{
    font-size: 0.9rem;
    font-weight: bold;
    color: #333
}.quick-multi-race-runner-race-detail{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9rem;
    color: #666
}.quick-multi-race-runner-track{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px
}.quick-multi-race-runner{
    display: grid;
    grid-template-columns: 2rem auto 4rem 4rem;
    column-gap: 0.5rem;
    min-height: 36px;
    max-height: 36px;
    margin: 0/**/-1rem;
    padding-right: 0.5rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0
}.quick-multi-race-runner:last-child{
    border: 0
}.quick-multi-race-runner-silks{
    width: 2.5rem;
    height: 2.5rem;
    background-size: auto 100%
}.quick-multi-race-runner-silks.silk-grey{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin-left: 10px
}.quick-multi-race-runner .ttg-{
    font-weight: 600 !important;
    font-size: 0.7rem !important
}.quick-multi-race-runner .ttg-0{
    outline: none !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    background: none !important
}.quick-multi-race-runner .ttg-0{
    color: #cc0000 !important
}.quick-multi-race-runner .button.betlink{
    width: auto
}.quick-multi-race-runner [class*="icon-"]:before{
    margin-left: 7px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #dbdbdb
}.quick-multi-race-runner-rating{
    padding: 2px 5px;
    background: #ff6300;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    border-radius: 10px;
    min-width: 16px;
    text-align: center
}.quick-multi-race .betlink{
    box-sizing: border-box;
    margin: 0
}.quick-multi-bet-type{
    line-height: 1rem;
    color: #fff;
    border-bottom: 4px solid var(--tertiary);
    font-size: 1rem !important;
    font-weight: bold !important;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(135deg, #000 calc(100% - 7rem), #333 calc(100% - 7rem))
}.quick-multi-bet-type:before{
    position: absolute;
    left: 10px;
    top: 16px;
    font-size: 1.6rem;
    color: var(--secondary);
    font-weight: bold !important
}.quick-multi-header{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -0.5rem -1rem 0/**/-1rem;
    padding: 0.4rem 0 0.4rem 8px;
    border-radius: 1rem 1rem 0 0;
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase
}.quick-multi-subheader{
    font-size: 0.9rem;
    line-height: 0.9rem;
    max-width: calc(100% - 6rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    color: var(--secondary-light);
    font-weight: 600
}.quick-multi-shuffle{
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 12px;
    background: #fff;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    place-items: center;
    justify-content: center;
    transform: scale(1.2)
}.quick-multi-switch-bet-type-container{
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 1rem;
    padding: 5px;
    background: #000
}.quick-multi-switch-bet-type{
    padding: 3px 0.5rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 13px;
    min-width: 1.8rem;
    text-align: center;
    border-radius: 1rem
}.quick-multi-switch-bet-type-selected{
    background: #fff;
    color: #000
}.quick-multi-race-change-pos{
    font-size: 1.6rem
}.quick-multi-event-ttg{
    display: inline-block;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    border-radius: 10px
}.quick-multi-footer{
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0 0.2rem 0
}.content-scroller{
    flex-direction: row;
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    display: flex;
    will-change: transform;
    transform: translateX(0%)
}.content-scroller .panel{
    border-radius: 1rem
}.content-scroller-container{
    position: relative;
    width: calc(100% - 0.3rem);
    padding: 0 0.15rem;
    flex-shrink: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: all 1s;
    overscroll-behavior: none
}.content-scroller-buttons{
    justify-content: center;
    gap: 0.5rem;
    margin: -7px auto 10px auto
}.button{
    cursor: pointer
}a.button{
    text-decoration: none
}.button.betlink{
    z-index: 1;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 1rem;
    min-height: 30px;
    max-height: 30px;
    white-space: nowrap;
    color: #2C2F36;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 1rem;
    padding: 0.2rem 0.5rem;
    width: 100%;
    background: #efefef
}.button.submit{
    position: relative;
    padding: 0.3rem 1rem;
    font-family: "Saira";
    text-align: center;
    border-radius: 1rem;
    font-weight: 600;
    background: var(--secondary);
    color: #000
}.button.submit:hover{
    outline: none
}.tab-switches{
    display: flex;
    align-items: stretch;
    padding: 2px 0.5rem 3px 0.5rem;
    overscroll-behavior: none
}.tab-switches .tab-switch{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex: 1 1 1%;
    gap: 3px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    background: #efefef;
    border-radius: 1rem;
    user-select: none
}.tab-switches::-webkit-scrollbar{
    display: none
}.tab-racing-highlights{
    margin-top: 5px;
    margin-right: -1rem;
    margin-left: -1rem;
    overflow: auto;
    gap: 5px
}.tab-racing-highlights .tab-switch{
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5px 0;
    width: 18%;
    min-width: 18%;
    max-width: 18%
}.tab-racing-highlights [class*="icon-"]:before{
    padding: 1rem 0;
    font-weight: bold;
    font-size: 20px;
    color: #ff4800;
    background: #fff;
    display: inline-block;
    line-height: 10px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #88888830
}.tab-racing-highlights .event-timestamp{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: bold;
    background: #333;
    color: #fff
}.tab-highlight-name{
    display: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 0
}.tab-highlight-name-short{
    overflow: hidden;
    white-space: break-spaces;
    text-overflow: ellipsis
}.tab-highlight-special::before{
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    color: white;
    padding: 0 5px;
    border-radius: 10px
}.tab-highlight-new{
    background: #ffdec4 !important
}.tab-highlight-new::before{
    content: "NEW"
}.tab-racing-highlights::before,
.tab-racing-highlights::after{
    content: "";
    margin-inline: auto;
    flex: 0 0 auto
}.tab-togglers{
    display: flex;
    gap: 0;
    padding: 0 0 0.5rem 0;
    overflow: auto
}.tab-togglers .tab-toggler{
    position: relative;
    flex: 1 1 1%;
    min-width: 3.5rem;
    max-width: 3.5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    padding: 0.3rem 0rem;
    font-size: 0.9rem;
    line-height: 2rem;
    font-weight: 600;
    cursor: pointer;
    background: #333;
    color: #fff
}.tab-togglers .tab-toggler-selected{
    color: #000;
    background: var(--secondary)
}.tab-togglers .tab-toggler[class*="icon-"]:before{
    font-size: 1.5rem;
    font-weight: bold
}.tab-togglers .tab-toggler:first-child{
    border-radius: 1rem 0 0 1rem
}.tab-togglers .tab-toggler:last-child{
    border-radius: 0 1rem 1rem 0
}.tab-togglers .tab-toggler:not(.tab-toggler-selected):hover{
    color: #fff;
    background: #000
}.panel{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin-bottom: 1rem;
    background: #fff;
    box-shadow: #88888830 0px 0px 5px 0px
}.homepage-switch{
    display: flex;
    gap: 1rem;
    padding: 10px;
    margin: 0 0 0.3rem 0;
    overflow: auto;
    background: #fff;
    border-radius: 2rem
}.homepage-switch .button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 1;
    white-space: nowrap;
    background: none;
    outline: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 0;
    padding: 12px 0 11px 0
}.homepage-switch .button.selected{
    outline: 4px solid var(--secondary);
    background: var(--secondary)
}.homepage-switch .button:not(.selected):hover{
    outline: 4px solid #efefef;
    background: #efefef
}.homepage-section{
    display: flex;
    flex-direction: column
}.homepage-racing .homepage-racing-nextup{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem
}.homepage-racing .nextup-scroller h5{
    display: none !important
}.homepage-racing .nextup-scroller .nextup-race-title{
    font-size: 1rem
}.homepage-racing .nextup-scroller-odds{
    min-height: 275px
}.homepage-racing .nextup-scroller-odds .panel{
    padding: 0
}.homepage-racing .nextup-scroller-odds .odds-table{
    margin: 0;
    width: auto
}.homepage-racing .nextup-scroller-odds th{
    padding: 0.5rem 1rem 0.5rem 2.3rem;
    line-height: 1.5rem;
    max-width: 10rem;
    font-size: 1.2rem;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(135deg, #000 calc(100% - 7rem), #333 calc(100% - 7rem));
    color: #fff;
    border-bottom: 4px solid var(--tertiary);
    outline: 4px solid #ffffff20
}.homepage-racing .nextup-scroller-odds th .odds-table-header{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}.homepage-racing .nextup-scroller-odds th .odds-table-header:before{
    position: absolute;
    left: 12px;
    top: 7px;
    font-weight: bold;
    font-size: 1.2rem;
    color: var(--secondary)
}.homepage-racing .nextup-scroller-odds th .odds-table-header .race-details{
    width: calc(100% - 6rem);
    display: flex;
    align-items: center;
    gap: 5px
}.homepage-racing .nextup-scroller-odds th .odds-table-header .race-time{
    padding: 0 5px;
    font-size: 11px;
    line-height: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 1rem
}.homepage-racing .nextup-scroller-odds th .odds-table-header .race-name{
    font-weight: 900;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}.homepage-racing .nextup-scroller-odds th .odds-table-switch{
    display: flex;
    position: absolute;
    top: 6px;
    right: 6px;
    border-radius: 1rem;
    padding: 5px;
    background: #000
}.homepage-racing .nextup-scroller-odds th .odds-table-switch-bet{
    padding: 3px 0.5rem;
    color: #fff;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 10px;
    min-width: 1.4rem;
    text-align: center;
    border-radius: 1rem
}.homepage-racing .nextup-scroller-odds th .odds-table-switch-bet-selected{
    background: #fff;
    color: #000
}.homepage-racing .nextup-scroller-odds td{
    height: 3.1rem;
    border-bottom: 1px solid #e0e0e0
}.homepage-racing .nextup-scroller-odds td .betlink{
    padding-top: 0;
    padding-bottom: 0
}.homepage-racing .nextup-scroller-odds td.odds:empty{
    width: 0;
    min-width: 0;
    padding: 0
}.homepage-regulatory{
    margin: 0 1rem 1rem 1rem;
    font-size: 0.9rem;
    line-height: 0.9rem;
    color: #666
}.nextup-scroller-container{
    margin: 0/**/-1rem;
    overflow: hidden
}.nextup-scroller{
    width: calc(100vw - 2rem);
    margin: 0;
    padding: 0 1rem;
    display: flex;
    gap: 10px;
    min-height: 5rem;
    box-sizing: border-box
}.nextup-race .promo{
    position: absolute;
    right: 60px;
    top: 6px;
    padding: 0 6px;
    line-height: 19px;
    background: #ff6600;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 10px
}.nextup-race{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 8rem;
    max-height: 4rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border-radius: 1rem;
    color: #000;
    text-decoration: none;
    box-shadow: #88888830 0px 0px 5px 0px
}.nextup-race-title{
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.6rem;
    font-size: 1.2rem;
    font-weight: bold;
    min-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}.nextup-race-number{
    line-height: 0.8rem;
    font-size: 0.8rem;
    font-weight: normal;
    padding-bottom: 0.3rem;
    color: #333
}.nextup-race-footer{
    display: flex;
    justify-content: space-between;
    margin: 3px -5px
}.nextup-race-icon{
    color: var(--quaternary)
}.nextup-race-icon:before{
    font-size: 2.2rem
}.nextup-race-icon2{
    display: none
}.nextup-race-ttg{
    display: flex;
    justify-content: space-around;
    width: 100%;
    min-width: 3.5rem;
    line-height: 1.2rem;
    padding: 0.2rem 0;
    text-align: center;
    font-size: 0.9rem;
    background: #333;
    color: #fff;
    outline: none !important;
    border-radius: 1rem
}.nextup-race-mins{
    justify-content: center;
    font-weight: bold
}.ttg-0{
    background: #d7102d !important;
    color: #ffffff !important
}.ttg-10{
    background: #333333 !important;
    color: #ffffff !important
}.mobile-scroller{
    transform: translateX(0px);
    transition: 0.3s ease all
}table td{
    font-size: 14px
}.disabled{
    pointer-events: none;
    opacity: 0.5
}.desk-only{
    display: none !important
}.mainContent{
    cursor: pointer
}.homepage-links-footer{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 1rem 1rem 2rem 1rem;
    gap: 2rem;
    text-align: center
}.homepage-links-footer h4{
    margin: 0
}.homepage-links-footer a{
    color: #000;
    font-size: 0.9rem;
    text-decoration: none
}.homepage-rg-footer{
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1rem
}.betslip-respgambling,
.main-respgambling{
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.7rem 1rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    line-height: 0.9rem;
    background: #fff;
    color: #000
}.main-respgambling{
    margin-bottom: 1rem
}.betslip-respgambling{
    border: none;
    border-radius: 1rem;
    margin: 1rem 1rem 25rem 1rem
}.respgambling-head,
.respgambling-head{
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: bold
}.betstop{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    line-height: 0.9rem;
    background: #fff
}.betstop img{
    width: 10rem
}html{
    overflow: hidden
}body{
    display: grid;
    grid-template-columns: 18rem minmax(20rem, 80rem) 24rem;
    justify-content: center;
    padding-top: 8rem
}nav{
    grid-template-columns: 7rem auto auto;
    justify-content: normal;
    max-width: 90rem;
    margin: auto
}nav .header-logo img{
    height: 40px
}nav .header-nav{
    display: flex;
    gap: 1rem;
    padding: 0 2rem
}nav .header-nav a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 6rem;
    min-height: 35px;
    padding: 0.2rem 1rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2rem;
    border-radius: 2rem;
    color: #fff;
    background: #1d1d1d;
    text-decoration: none;
    text-transform: uppercase
}nav .header-nav a:hover{
    color: var(--secondary);
    background: #000
}nav .header-details{
    margin-left: auto
}nav .header-user{
    grid-template-columns: 5rem 5rem 6rem 6rem auto 2rem 3rem;
    gap: 10px
}#mainContent{
    padding: 0 1rem 0 0;
    height: calc(100vh - 9rem);
    overflow: scroll;
    overflow-x: hidden
}#mainContent::-webkit-scrollbar{
    width: 10px;
    border: 1px solid #e9eaed
}#mainContent::-webkit-scrollbar-track{
    margin: 0;
    background: #e9eaed;
    border-radius: 1rem;
    cursor: pointer
}#mainContent::-webkit-scrollbar-thumb{
    background: #888;
    opacity: 0.6;
    border-radius: 1rem
}#mainContent::-webkit-scrollbar-thumb:hover{
    background: #333
}#nav-ntj{
    display: flex;
    gap: 0.5rem;
    width: 100vw;
    position: fixed;
    top: 4rem;
    left: 0;
    padding: 0.65rem 0;
    overflow: auto;
    background: #e9eaed;
    z-index: 5
}#nav-ntj .ntj-fixed{
    margin-left: 0.5rem;
    margin-right: -0.5rem;
    padding: 0.5rem 1rem;
    background: #333;
    color: #fff;
    font-weight: bold;
    border-radius: 2rem 0 0 2rem;
    cursor: pointer
}#nav-ntj .ntj-aus{
    margin-left: 0.5rem;
    padding: 0.5rem 1rem;
    background: #333;
    color: #fff;
    font-weight: bold;
    border-radius: 0 2rem 2rem 0;
    cursor: pointer;
    white-space: nowrap
}#nav-ntj .nextup-race{
    display: grid;
    grid-template-areas: "icon track track" "icon race race";
    grid-template-columns: 1rem auto 3rem;
    border-radius: 2rem;
    align-content: center;
    min-width: 11rem;
    height: 2.5rem;
    padding: 0 1rem
}#nav-ntj .nextup-race-title{
    display: block;
    grid-area: track;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    overflow: hidden;
    width: 100px
}#nav-ntj .nextup-race-number{
    grid-area: race;
    margin-top: -3px;
    font-size: 12px;
    font-weight: 500;
    color: #666
}#nav-ntj .nextup-race-footer{
    position: absolute;
    right: 0;
    height: 100%;
    margin: 0
}#nav-ntj .nextup-race-start{
    display: none
}#nav-ntj .nextup-race-ttg{
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: 5px;
    margin-top: 5px;
    margin-right: 6px
}#nav-ntj .nextup-race-icon2{
    display: block;
    grid-area: icon;
    margin-left: -6px;
    margin-top: 8px;
    color: var(--icon)
}#nav-ntj .nextup-race-icon2:before{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px
}#nav-ntj .nextup-race .promo{
    top: 8px
}#nav-ntj::-webkit-scrollbar{
    display: none
}#leftColumn{
    display: block;
    padding: 0 1rem 0 1rem
}#leftColumn .left-float{
    position: fixed;
    top: 8rem;
    height: 100%;
    padding-left: 1rem;
    width: 15rem;
    max-height: calc(100vh - 9rem);
    overflow-y: scroll;
    direction: rtl
}#leftColumn .left-float *{
    direction: ltr
}#leftColumn .left-float::-webkit-scrollbar{
    width: 10px;
    border: 1px solid #e9eaed
}#leftColumn .left-float::-webkit-scrollbar-track{
    margin: 0;
    background: #e9eaed;
    border-radius: 1rem;
    cursor: pointer
}#leftColumn .left-float::-webkit-scrollbar-thumb{
    background: #888;
    opacity: 0.6;
    border-radius: 1rem
}#leftColumn .left-float::-webkit-scrollbar-thumb:hover{
    background: #333
}#leftColumn .menu{
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
    border-top: none
}#leftColumn .menu a{
    display: flex;
    align-items: center;
    position: relative;
    gap: 0.5rem;
    padding: 0.5rem;
    min-height: 1.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #e0e0e0
}#leftColumn .menu a:last-child{
    border-radius: 0 0 0.5rem 0.5rem;
    border: none
}#leftColumn .menu a:hover{
    background-color: #f6f6f6
}#leftColumn .menu a [class*="icon-"]:before{
    display: inline-block;
    width: 20px;
    font-size: 1.3rem;
    color: var(--icon);
    text-align: center;
    font-weight: bold
}#leftColumn .menu-header{
    padding: 0.5rem;
    background: linear-gradient(135deg, #000 70%, #333 70%);
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: bold
}#rightColumn .tab-togglers{
    display: flex;
    margin-right: 10px
}#rightColumn .tab-togglers,
#leftColumn .tab-togglers{
    padding-bottom: 0;
    gap: 0.5rem;
    border-bottom: 4px solid var(--tertiary)
}#rightColumn .tab-toggler,
#leftColumn .tab-toggler{
    display: flex;
    gap: 10px;
    padding: 0.5rem 0;
    max-width: none;
    font-size: 18px;
    font-weight: bold;
    border-radius: 1rem 1rem 0 0
}.carousel{
    width: calc(100% + 1rem);
    padding-top: 0
}.button.betlink{
    min-height: 26px;
    max-height: 26px
}.button.betlink:not(.selected):hover{
    background: #dbdbdb
}.betslip{
    display: block !important;
    top: 162px;
    left: auto;
    z-index: 1;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    width: 22rem;
    height: 100%;
    max-height: calc(100vh - 12rem);
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: none;
    background: none
}.betslip-container{
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 1rem 1rem
}.betslip-master-error{
    margin: 0
}.betslip-header-tabs{
    position: sticky;
    top: 6px;
    z-index: 4
}.betslip-sgm{
    margin-top: 5px
}.betslip-footer{
    position: sticky;
    width: 100%;
    border-top: 2px solid var(--tertiary);
    border-radius: 0 0 1rem 1rem
}.betslip-reuse-container{
    position: sticky;
    width: 100%;
    border-radius: 0 0 1rem 1rem
}.betslip-respgambling{
    margin: 1rem !important
}.betslip::-webkit-scrollbar{
    width: 10px;
    border: 1px solid #e9eaed
}.betslip::-webkit-scrollbar-track{
    margin: 0;
    background: #e9eaed;
    border-radius: 1rem;
    cursor: pointer
}.betslip::-webkit-scrollbar-thumb{
    background: rgba(51, 51, 51, 0.7);
    opacity: 0.6;
    border-radius: 1rem
}.mybets{
    display: none;
    z-index: 1;
    position: relative;
    width: calc(21rem - 10px);
    height: calc(100vh - 12rem);
    overflow: auto;
    background: #fff
}.nextup-scroller-container{
    margin: 0
}.homepage-racing .nextup-scroller{
    width: auto;
    flex-direction: column;
    min-height: 590px;
    overflow: hidden
}.homepage-racing .nextup-scroller .nextup-race{
    max-height: 2rem
}.homepage-racing .nextup-scroller .nextup-race-title{
    font-size: 1rem
}.homepage-racing .nextup-scroller .nextup-race-footer{
    width: 7rem;
    position: absolute;
    top: 10px;
    right: 0.5rem;
    margin: 0
}.homepage-racing .nextup-scroller .nextup-race-number{
    font-size: 0.9rem;
    padding-bottom: 0
}.homepage-racing .nextup-scroller h5{
    display: block !important;
    margin-bottom: -4px !important
}.homepage-racing .nextup-scroller-odds{
    min-height: 270px;
    margin-bottom: 0
}.homepage-racing .nextup-scroller-odds th .odds-table-header .race-details{
    width: calc(100% - 5.5rem)
}.homepage-racing .homepage-racing-nextup{
    grid-template-columns: 1fr 1fr 1fr
}.homepage-racing .homepage-racing-nextup-header{
    display: none !important
}.quick-multi-race-runner-track{
    max-width: 160px
}.tab-switches .tab-switch{
    font-size: 1rem;
    line-height: 1rem
}.tab-racing-highlights{
    gap: 5px;
    margin-left: 0;
    margin-right: 0
}.tab-racing-highlights .tab-switch{
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    padding: 10px 10px 5px 10px;
    border-radius: 2rem;
    background: none
}.tab-racing-highlights .event-timestamp{
    top: 5px;
    left: 5px
}.tab-highlight-name{
    width: auto;
    display: block;
    letter-spacing: -0.5px
}.tab-highlight-name-short{
    display: none
}.tab-racing-highlights [class*="icon-"]:before{
    width: 100px;
    border-radius: 20px
}.tab-highlight-special::before{
    padding: 2px 8px
}.nextup-scroller{
    padding: 0 0 0.3rem 0;
    margin: 0
}.nextup-scroller::-webkit-scrollbar{
    width: 0.2rem;
    height: 5px
}.nextup-scroller::-webkit-scrollbar-track{
    margin: 0.5rem 0;
    background: #acacac;
    border-radius: 3px
}.nextup-scroller::-webkit-scrollbar-thumb{
    background: rgba(51, 51, 51, 0.8);
    opacity: 0.6;
    border-radius: 3px
}.nextup-scroller::-webkit-scrollbar-thumb:hover{
    background: rgba(51, 51, 51, 1)
}.betlink.add-betslip:not(.selected):hover{
    background: #dbdbdb
}.betlink.add-betslip-multi:not(.selected):hover{
    background: #dbdbdb
}.content-scroller{
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    gap: 0.5rem
}.content-scroller-buttons{
    display: none !important
}.content-scroller-container{
    width: calc((100%/2.5) - 10px)
}@media (min-width:1700px) {.content-scroller-container{
        width: calc((100%/3) - 10px)
    }}.content-scroller .panel{
    margin-bottom: 0.3rem
}.content-scroller::-webkit-scrollbar{
    height: 8px;
    border-radius: 1rem;
    border: 1px solid #e9eaed
}.content-scroller::-webkit-scrollbar-track{
    margin: 0;
    background: #e9eaed;
    border-radius: 1rem;
    cursor: pointer
}.content-scroller::-webkit-scrollbar-thumb{
    background: #888;
    opacity: 0.6;
    border-radius: 1rem
}.content-scroller::-webkit-scrollbar-thumb:hover{
    background: #333
}.premade-multi-container{
    margin-bottom: 5px
}.odds-table td{
    margin: 2px 0;
    padding: 0.2rem;
    height: 3.5rem
}.odds-table td.odds{
    width: 3rem;
    min-width: 3rem
}.odds-table input[type="checkbox"]:not(:checked)+label:hover:before{
    background: #dbdbdb
}.desk-only{
    display: inline-block !important
}.betstop{
    flex-direction: row
}.homepage-links-footer{
    grid-template-columns: 1fr 1fr 1fr
}.homepage-rg-footer{
    grid-template-columns: 0.8fr 1fr;
    gap: 1rem
}.betslip-respgambling,
.main-respgambling{
    margin-bottom: 0
}[class*="icon-"]:before{
    font-family: "Font Awesome 6 Pro" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal
}.icon-HORS:before{
    content: ""
}.icon-GREY:before{
    content: ""
}.icon-HARN:before,
.icon-H:before{
    content: ""
}.icon-TV:before{
    content: ""
}.icon-WATCH:before{
    content: ""
}@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-464b61.woff2")format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-27bef7.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: "Saira";
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-464b61.woff2")format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-27bef7.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: "Saira";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-464b61.woff2")format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-27bef7.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: "Saira";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-464b61.woff2")format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-27bef7.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: "Saira";
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-464b61.woff2")format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    src: url("../fonts/saira-normal-subset-27bef7.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
}:root{
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: .2
}@layer properties {@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {::backdrop{
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0#0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0#0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0#0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0#0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0#0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-contain-size: initial;
            --tw-contain-layout: initial;
            --tw-contain-paint: initial;
            --tw-contain-style: initial;
            --tw-content: "";
            --tw-outline-style: solid;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-divide-x-reverse: 0
        }}}:root{
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-amber-300: oklch(87.9%.169 91.605);
    --color-gray-200: oklch(92.8%.006 264.531);
    --color-gray-300: oklch(87.2%.01 258.338);
    --color-gray-800: oklch(27.8%.033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.375rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --aspect-video: 16/9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --text-xxl: 1.5rem;
    --text-xxs: .6875rem;
    --color-bg-badge-multi: var(--bg-badge-multi);
    --color-bg-badge-new: var(--bg-badge-new);
    --color-bg-badge-promo: var(--bg-badge-promo);
    --color-bg-betbuilder-inputfield: var(--bg-betbuilder-inputfield);
    --color-bg-betbuilder-main: var(--bg-betbuilder-main);
    --color-bg-betslip-betitem: var(--bg-betslip-betitem);
    --color-bg-betslip-main: var(--bg-betslip-main);
    --color-bg-betslip-placebetbar: var(--bg-betslip-placebetbar);
    --color-bg-body: var(--bg-body);
    --color-bg-button-brand-default: var(--bg-button-brand-default);
    --color-bg-button-confirm-default: var(--bg-button-confirm-default);
    --color-bg-button-disabled-default: var(--bg-button-disabled-default);
    --color-bg-button-numpad-default: var(--bg-button-numpad-default);
    --color-bg-button-numpad-pressed: var(--bg-button-numpad-pressed);
    --color-bg-button-odds-active: var(--bg-button-odds-active);
    --color-bg-button-odds-default: var(--bg-button-odds-default);
    --color-bg-button-odds-disabled: var(--bg-button-odds-disabled);
    --color-bg-button-odds-favourite: var(--bg-button-odds-favourite);
    --color-bg-button-primary-default: var(--bg-button-primary-default);
    --color-bg-button-racenav-next: var(--bg-button-racenav-next);
    --color-bg-button-racenav-previous: var(--bg-button-racenav-previous);
    --color-bg-button-racenav-selected: var(--bg-button-racenav-selected);
    --color-bg-button-secondary-default: var(--bg-button-secondary-default);
    --color-bg-button-success-default: var(--bg-button-success-default);
    --color-bg-button-topnav-primary: var(--bg-button-topnav-primary);
    --color-bg-button-vision: var(--bg-button-vision);
    --color-bg-checkbox-active: var(--bg-checkbox-active);
    --color-bg-checkbox-default: var(--bg-checkbox-default);
    --color-bg-checkbox-disabled: var(--bg-checkbox-disabled);
    --color-bg-checkbox-hover: var(--bg-checkbox-hover);
    --color-bg-filter-default: var(--bg-filter-default);
    --color-bg-flucs-down-active: var(--bg-flucs-down-active);
    --color-bg-flucs-down-default: var(--bg-flucs-down-default);
    --color-bg-flucs-up-active: var(--bg-flucs-up-active);
    --color-bg-flucs-up-default: var(--bg-flucs-up-default);
    --color-bg-hover: var(--bg-hover);
    --color-bg-inputfield-default: var(--bg-inputfield-default);
    --color-bg-navigation-leftnav-hover: var(--bg-navigation-leftnav-hover);
    --color-bg-navigation-upnext: var(--bg-navigation-upnext);
    --color-bg-numpad-main: var(--bg-numpad-main);
    --color-bg-raceheader-dropdown: var(--bg-raceheader-dropdown);
    --color-bg-raceheader-primary: var(--bg-raceheader-primary);
    --color-bg-racenumber-active: var(--bg-racenumber-active);
    --color-bg-racenumber-inactive: var(--bg-racenumber-inactive);
    --color-bg-racerow-inset-container: var(--bg-racerow-inset-container);
    --color-bg-racerow-inset-form: var(--bg-racerow-inset-form);
    --color-bg-racerow-racelab-rating: var(--bg-racerow-racelab-rating);
    --color-bg-resultplace-first: var(--bg-resultplace-first);
    --color-bg-resultplace-fourth: var(--bg-resultplace-fourth);
    --color-bg-resultplace-second: var(--bg-resultplace-second);
    --color-bg-resultplace-third: var(--bg-resultplace-third);
    --color-bg-reward-bonus: var(--bg-reward-bonus);
    --color-bg-reward-boost: var(--bg-reward-boost);
    --color-bg-reward-depositmatch: var(--bg-reward-depositmatch);
    --color-bg-reward-moneyback: var(--bg-reward-moneyback);
    --color-bg-search-highlight: var(--bg-search-highlight);
    --color-bg-speedmap-positionbox: var(--bg-speedmap-positionbox);
    --color-bg-speedmap-primary: var(--bg-speedmap-primary);
    --color-bg-switch-active: var(--bg-switch-active);
    --color-bg-switch-default: var(--bg-switch-default);
    --color-bg-tab-primary: var(--bg-tab-primary);
    --color-bg-tab-secondary: var(--bg-tab-secondary);
    --color-bg-table-main: var(--bg-table-main);
    --color-bg-table-resulted: var(--bg-table-resulted);
    --color-bg-timer-alert: var(--bg-timer-alert);
    --color-bg-timer-closed: var(--bg-timer-closed);
    --color-bg-timer-upcoming: var(--bg-timer-upcoming);
    --color-bg-toast-alert: var(--bg-toast-alert);
    --color-bg-toast-success: var(--bg-toast-success);
    --color-bg-toggle-active: var(--bg-toggle-active);
    --color-bg-toggle-default: var(--bg-toggle-default);
    --color-bg-tooltip: var(--bg-tooltip);
    --color-bg-widget: var(--bg-widget);
    --color-border-accordion: var(--border-accordion);
    --color-border-filter-active: var(--border-filter-active);
    --color-border-input-active: var(--border-input-active);
    --color-border-primary: var(--border-primary);
    --color-border-secondary: var(--border-secondary);
    --color-border-toggle-active: var(--border-toggle-active);
    --color-border-upnext-active: var(--border-upnext-active);
    --color-border-widget: var(--border-widget);
    --color-core-primary: var(--core-primary);
    --color-surface-bold: var(--surface-bold);
    --color-surface-contrast: var(--surface-contrast);
    --color-surface-feather: var(--surface-feather);
    --color-surface-light: var(--surface-light);
    --color-surface-moderate: var(--surface-moderate);
    --color-surface-strong: var(--surface-strong);
    --color-text-betslipheader: var(--text-betslipheader);
    --color-text-black: var(--text-black);
    --color-text-button-brand: var(--text-button-brand);
    --color-text-button-confirm: var(--text-button-confirm);
    --color-text-button-disabled: var(--text-button-disabled);
    --color-text-button-odds-active: var(--text-button-odds-active);
    --color-text-button-odds-default: var(--text-button-odds-default);
    --color-text-button-odds-disabled: var(--text-button-odds-disabled);
    --color-text-button-primary: var(--text-button-primary);
    --color-text-button-racenav-drop-next: var(--text-button-racenav-drop-next);
    --color-text-button-racenav-dropdown: var(--text-button-racenav-dropdown);
    --color-text-button-racenav-next: var(--text-button-racenav-next);
    --color-text-button-racenav-previous: var(--text-button-racenav-previous);
    --color-text-button-racenav-selected: var(--text-button-racenav-selected);
    --color-text-button-secondary: var(--text-button-secondary);
    --color-text-button-success: var(--text-button-success);
    --color-text-button-vision: var(--text-button-vision);
    --color-text-checkbox-active: var(--text-checkbox-active);
    --color-text-checkbox-disabled: var(--text-checkbox-disabled);
    --color-text-filter-active: var(--text-filter-active);
    --color-text-filter-default: var(--text-filter-default);
    --color-text-inverse: var(--text-inverse);
    --color-text-link: var(--text-link);
    --color-text-navigation-topnav-primary: var(--text-navigation-topnav-primary);
    --color-text-navigation-topnav-tertiary: var(--text-navigation-topnav-tertiary);
    --color-text-primary: var(--text-primary);
    --color-text-racenumber-active: var(--text-racenumber-active);
    --color-text-racenumber-inactive: var(--text-racenumber-inactive);
    --color-text-search-highlight: var(--text-search-highlight);
    --color-text-secondary: var(--text-secondary);
    --color-text-tab-active: var(--text-tab-active);
    --color-text-tab-default: var(--text-tab-default);
    --color-text-tertiary: var(--text-tertiary);
    --color-text-timer-alert: var(--text-timer-alert);
    --color-text-timer-closed: var(--text-timer-closed);
    --color-text-timer-upcoming: var(--text-timer-upcoming);
    --color-text-toast: var(--text-toast);
    --color-text-toggle-active: var(--text-toggle-active);
    --color-text-toggle-default: var(--text-toggle-default);
    --color-text-tooltip: var(--text-tooltip);
    --color-text-white: var(--text-white);
    --color-ui-brand-100: var(--ui-brand-100);
    --color-ui-brand-200: var(--ui-brand-200);
    --color-ui-brand-50: var(--ui-brand-50);
    --color-ui-green-light: var(--ui-green-light);
    --color-ui-green-normal: var(--ui-green-normal);
    --color-ui-orange-light: var(--ui-orange-light);
    --color-ui-orange-normal: var(--ui-orange-normal);
    --color-ui-red-light: var(--ui-red-light);
    --color-ui-red-normal: var(--ui-red-normal);
    --color-ui-white-normal: var(--ui-white-normal)
}::backdrop{
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}::file-selector-button{
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}::file-selector-button{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}::file-selector-button{
    margin-inline-end: 4px
}::placeholder{
    opacity: 1
}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {::placeholder{
        color: currentColor
    }@supports (color:color-mix(in lab, red, red)) {::placeholder{
            color: color-mix(in oklab, currentcolor 50%, transparent)
        }}}::-webkit-search-decoration{
    -webkit-appearance: none
}::-webkit-date-and-time-value{
    min-height: 1lh;
    text-align: inherit
}::-webkit-datetime-edit{
    display: inline-flex
}::-webkit-datetime-edit-fields-wrapper{
    padding: 0
}::-webkit-datetime-edit{
    padding-block: 0
}::-webkit-datetime-edit-year-field{
    padding-block: 0
}::-webkit-datetime-edit-month-field{
    padding-block: 0
}::-webkit-datetime-edit-day-field{
    padding-block: 0
}::-webkit-datetime-edit-hour-field{
    padding-block: 0
}::-webkit-datetime-edit-minute-field{
    padding-block: 0
}::-webkit-datetime-edit-second-field{
    padding-block: 0
}::-webkit-datetime-edit-millisecond-field{
    padding-block: 0
}::-webkit-datetime-edit-meridiem-field{
    padding-block: 0
}::-webkit-calendar-picker-indicator{
    line-height: 1
}::file-selector-button{
    appearance: button
}::-webkit-inner-spin-button{
    height: auto
}::-webkit-outer-spin-button{
    height: auto
}@layer base {::-webkit-datetime-edit-fields-wrapper{
        padding: 0
    }::-webkit-date-and-time-value{
        min-height: 1.5em
    }::-webkit-date-and-time-value{
        text-align: inherit
    }::-webkit-datetime-edit{
        display: inline-flex
    }::-webkit-datetime-edit{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-year-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-month-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-day-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-hour-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-minute-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-second-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-millisecond-field{
        padding-top: 0;
        padding-bottom: 0
    }::-webkit-datetime-edit-meridiem-field{
        padding-top: 0;
        padding-bottom: 0
    }}.sf-hidden{
    display: none !important
}.wt-inline-1{
    display: none;
}.wt-inline-2{
    position: sticky;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    background: #e9eaed;
}.wt-inline-3{
    padding-bottom: 0;
}.wt-inline-4{
    border-radius: 0;
}.wt-inline-5{
    border-radius: 0 2rem 2rem 0;
}.wt-inline-6{
    padding: 0.3rem 0.5rem;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.5px;
}.wt-inline-7{
    width: 30px;
    height: auto;
    border-radius: 5px;
}.wt-inline-8{
    background-image: url("../images/background-wt-inline-08.png");
}.wt-inline-9{
    background-image: url("../images/background-wt-inline-09.png");
}.wt-inline-10{
    background-image: url("../images/background-wt-inline-10.png");
}.wt-inline-11{
    background-image: url("../images/background-wt-inline-11.png");
}.wt-inline-12{
    background-image: url("../images/background-wt-inline-12.png");
}.wt-inline-13{
    background-image: url("../images/background-wt-inline-13.png");
}.wt-inline-14{
    background-image: url("../images/background-wt-inline-14.png");
}.wt-inline-15{
    background-image: url("../images/background-wt-inline-15.png");
}.wt-inline-16{
    line-height: 1rem;
    display: flex;
    flex-direction: column;
}.wt-inline-17{
    font-size: 12px;
    color: #666;
}.wt-inline-18{
    padding-right: 0.5rem;
}.wt-inline-19{
    padding-right: 0.5rem;
    display: none;
}.wt-inline-20{
    background-image: var(--sf-img-18);
    background-position: -100%0;
}.wt-inline-21{
    background-image: var(--sf-img-18);
    background-position: -600%0;
}.wt-inline-22{
    background-image: var(--sf-img-18);
    background-position: -200%0;
}.wt-inline-23{
    background-image: var(--sf-img-18);
    background-position: -400%0;
}.wt-inline-24{
    background-image: var(--sf-img-18);
    background-position: -300%0;
}.wt-inline-25{
    grid-column: 1/3;
    flex-direction: column;
}.wt-inline-26{
    padding: 0.7rem 0.5rem 0.5rem 1rem;
}.wt-inline-27{
    grid-column: 2/4;
}.wt-inline-28{
    background-image: url("../images/background-wt-inline-28.png");
    background-position: -100%0;
}.wt-inline-29{
    display: flex;
    gap: 5px;
    align-items: center;
}.wt-inline-30{
    background-image: var(--sf-img-20);
    background-position: 0%0;
}.wt-inline-31{
    background-image: url("../images/background-wt-inline-31.png");
    background-position: -100%0;
}.wt-inline-32{
    background-image: var(--sf-img-22);
    background-position: -800%0;
}.wt-inline-33{
    background-image: url("../images/background-wt-inline-33.png");
    background-position: -200%0;
}.wt-inline-34{
    background-image: var(--sf-img-24);
    background-position: -1000%0;
}.wt-inline-35{
    background-image: var(--sf-img-20);
    background-position: -500%0;
}.wt-inline-36{
    padding: 0.4rem 0 0.1rem 1rem;
}.wt-inline-37{
    padding: 0 4px;
}.wt-inline-38{
    grid-column: 2/5;
}.wt-inline-39{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}.wt-inline-40{
    margin: 1rem 0;
    font-size: 4rem;
}.wt-inline-41{
    margin-bottom: 1rem;
    line-height: 1.2rem;
}.wt-inline-42{
    font-weight: normal;
    font-size: 1rem;
    line-height: 1rem;
}.quick-multi-header{
    color: white;
    text-decoration: none;
}

/* Project cleanup: inline color moved from HTML */
nav .button-login {
    color: #fff;
}

/* Mobile responsive version */
@media (max-width: 1024px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        display: block;
        grid-template-columns: none;
        justify-content: initial;
        padding-top: 7.15rem;
        font-size: 0.95rem;
    }

    header {
        width: 100%;
        height: 4rem;
    }

    nav {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.5rem;
        width: 100%;
        padding: 0 0.75rem;
        box-sizing: border-box;
    }

    nav .header-logo img {
        max-width: 120px;
        height: auto;
        max-height: 32px;
        margin-left: 0;
    }

    nav .header-nav {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    nav .header-nav::-webkit-scrollbar {
        display: none;
    }

    nav .header-nav a {
        flex: 0 0 auto;
        width: auto;
        min-width: max-content;
        min-height: 30px;
        padding: 0.3rem 0.75rem;
        font-size: 0.85rem;
        line-height: 1;
        border-radius: 1rem;
    }

    nav .header-login {
        gap: 0.5rem;
        margin-right: 0;
    }

    nav .button-login,
    nav .button-join {
        width: auto;
        min-width: 4.8rem;
        height: 30px;
        padding: 0 0.7rem;
        font-size: 0.9rem;
        color: #fff;
    }

    #nav-ntj {
        display: flex;
        top: 4rem;
        width: 100%;
        max-width: 100%;
        padding: 0.55rem 0;
        overflow-x: auto;
        box-sizing: border-box;
        scrollbar-width: none;
    }

    #nav-ntj::-webkit-scrollbar {
        display: none;
    }

    #leftColumn,
    #rightColumn {
        display: none !important;
    }

    #mainContent {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        min-height: calc(100vh - 7.15rem);
        padding: 0.75rem;
        overflow: visible;
        box-sizing: border-box;
    }

    .carousel {
        width: calc(100% + 1.5rem);
        max-width: none;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
        padding: 0.75rem;
        box-sizing: border-box;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .carousel-tab {
        width: 78vw;
        min-width: 78vw;
        max-width: 360px;
        height: 38vw;
        max-height: 170px;
        scroll-snap-align: start;
    }

    .homepage-switch {
        gap: 0.5rem;
        padding: 0.5rem;
        overflow-x: auto;
        border-radius: 1.25rem;
        scrollbar-width: none;
    }

    .homepage-switch::-webkit-scrollbar {
        display: none;
    }

    .homepage-switch .button {
        flex: 0 0 auto;
        min-width: 7rem;
        padding: 0.75rem 0.9rem;
        font-size: 1rem;
        line-height: 1;
    }

    .homepage-racing .homepage-racing-nextup {
        grid-template-columns: 1fr !important;
    }

    .homepage-links-footer,
    .homepage-rg-footer {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-left: 0;
        margin-right: 0;
    }

    .content-scroller {
        width: 100%;
        gap: 0.75rem;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .content-scroller-container {
        width: 84vw !important;
        min-width: 84vw;
        max-width: 420px;
        box-sizing: border-box;
        scroll-snap-align: start;
    }

    .content-scroller .panel,
    .panel {
        max-width: 100%;
        box-sizing: border-box;
    }

    .nextup-scroller,
    .tab-switches,
    .tab-togglers {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .nextup-scroller::-webkit-scrollbar,
    .tab-switches::-webkit-scrollbar,
    .tab-togglers::-webkit-scrollbar {
        display: none;
    }

    .tab-switch,
    .tab-toggler {
        flex: 0 0 auto;
        min-width: max-content;
    }

    table,
    .odds-table {
        width: 100%;
        max-width: 100%;
    }

    .odds-table {
        font-size: 0.9rem;
    }

    .odds-table td,
    .odds-table th {
        box-sizing: border-box;
    }

    .odds-table td .betlink,
    .button.betlink {
        width: auto;
        min-width: 44px;
    }

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

@media (max-width: 600px) {
    body {
        padding-top: 7rem;
        font-size: 0.9rem;
    }

    nav {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 0 0.5rem;
    }

    nav .header-logo img {
        max-width: 105px;
    }

    nav .header-nav {
        max-width: calc(100vw - 8rem);
    }

    nav .header-nav a {
        padding: 0.3rem 0.55rem;
        font-size: 0.75rem;
    }

    nav .button-login,
    nav .button-join {
        min-width: 4.2rem;
        padding: 0 0.55rem;
        font-size: 0.8rem;
    }

    .desk-only {
        display: none !important;
    }

    #nav-ntj .nextup-race {
        min-width: 10rem;
        height: 2.35rem;
        padding: 0 0.75rem;
    }

    #mainContent {
        padding: 0.55rem 0.55rem 4rem;
        min-height: calc(100vh - 7rem);
    }

    .carousel {
        width: calc(100% + 1.1rem);
        margin-right: -0.55rem;
        margin-left: -0.55rem;
        padding: 0.55rem;
    }

    .carousel-tab {
        width: 86vw;
        min-width: 86vw;
        height: 43vw;
    }

    .content-scroller-container {
        width: 88vw !important;
        min-width: 88vw;
    }

    .homepage-section {
        gap: 0.75rem;
    }

    .homepage-switch .button {
        min-width: 6.5rem;
        padding: 0.7rem 0.8rem;
        font-size: 0.95rem;
    }

    .homepage-racing .nextup-scroller {
        width: 100%;
        min-height: auto;
        overflow-x: auto;
    }

    .homepage-racing .nextup-scroller .nextup-race {
        min-width: 12rem;
    }

    .homepage-regulatory {
        margin-left: 0;
        margin-right: 0;
        font-size: 0.82rem;
        line-height: 1rem;
    }

    .quick-multi-race-runner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .odds-table {
        font-size: 0.82rem;
    }

    .odds-table td.odds {
        width: 4.2rem;
        min-width: 4.2rem;
    }
}

@media (max-width: 420px) {
    nav .header-logo img {
        max-width: 94px;
    }

    nav .header-nav {
        gap: 0.35rem;
        max-width: calc(100vw - 7rem);
    }

    nav .header-nav a {
        padding: 0.25rem 0.45rem;
        font-size: 0.7rem;
    }

    nav .button-login,
    nav .button-join {
        min-width: 3.8rem;
        padding: 0 0.45rem;
        font-size: 0.75rem;
    }

    #mainContent {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .content-scroller-container {
        width: 92vw !important;
        min-width: 92vw;
    }

    .odds-table td.odds {
        width: 3.7rem;
        min-width: 3.7rem;
    }
}



* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background: #e9eaee;
  color: #101010;
}

.mybet-age-veil,
.mybet-pref-veil {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(6px);
}

.mybet-age-veil.mybet-visible,
.mybet-pref-veil.mybet-visible {
  display: flex;
}

.mybet-age-card,
.mybet-pref-card {
  width: min(440px, 100%);
  border: 4px solid #14ff63;
  border-radius: 22px;
  background: #121314;
  color: #ffffff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.mybet-age-card {
  padding: 28px;
  text-align: center;
}

.mybet-age-brand {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 18px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -1px;
}

.mybet-age-brand span {
  color: #ffffff;
}

.mybet-age-brand strong {
  padding: 1px 6px 3px;
  border-radius: 5px;
  background: #14ff63;
  color: #050505;
}

.mybet-age-badge {
  width: 84px;
  height: 84px;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  border: 5px solid #14ff63;
  border-radius: 50%;
  background: #ffffff;
  color: #090909;
  font-size: 28px;
  font-weight: 900;
}

.mybet-age-card h2,
.mybet-pref-card h2,
.mybet-cookie-panel h3 {
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
}

.mybet-age-card h2 {
  font-size: 28px;
}

.mybet-age-card p {
  margin: 12px 0 0;
  color: #d7d7d7;
  font-size: 16px;
  line-height: 1.45;
}

.mybet-age-alert {
  margin: 20px 0;
  padding: 14px;
  border-radius: 14px;
  background: #242526;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.35;
}

.mybet-age-actions,
.mybet-cookie-actions,
.mybet-pref-actions {
  display: flex;
  gap: 10px;
}

.mybet-age-actions {
  flex-direction: column;
}

.mybet-btn {
  border: 0;
  border-radius: 999px;
  padding: 13px 22px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

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

.mybet-btn:active {
  transform: translateY(0);
}

.mybet-btn-green {
  background: #14ff63;
  color: #050505;
  box-shadow: 0 8px 22px rgba(20, 255, 99, 0.28);
}

.mybet-btn-dark {
  background: #2f3032;
  color: #ffffff;
}

.mybet-cookie-dock {
  position: fixed;
  left: 50%;
  bottom: 22px;
  z-index: 9997;
  width: min(1040px, calc(100% - 32px));
  display: none;
  transform: translateX(-50%);
}

.mybet-cookie-dock.mybet-visible {
  display: block;
}

.mybet-cookie-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
  border: 4px solid #14ff63;
  border-radius: 20px;
  background: #121314;
  color: #ffffff;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.38);
}

.mybet-cookie-main {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mybet-cookie-icon {
  width: 54px;
  min-width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #232426;
  font-size: 28px;
}

.mybet-cookie-panel h3 {
  font-size: 18px;
}

.mybet-cookie-panel p {
  max-width: 590px;
  margin: 5px 0 0;
  color: #d4d4d4;
  font-size: 14px;
  line-height: 1.35;
}

.mybet-cookie-link {
  border: 0;
  background: transparent;
  color: #14ff63;
  cursor: pointer;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.mybet-pref-card {
  overflow: hidden;
}

.mybet-pref-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 22px 18px;
  border-bottom: 1px solid #2d2e30;
}

.mybet-pref-head span {
  display: inline-block;
  margin-bottom: 5px;
  color: #14ff63;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.mybet-pref-head h2 {
  font-size: 24px;
}

.mybet-pref-close {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #2f3032;
  color: #ffffff;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
}

.mybet-pref-list {
  padding: 10px 16px;
}

.mybet-pref-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 8px;
  border-bottom: 1px solid #2d2e30;
  cursor: pointer;
}

.mybet-pref-row:last-child {
  border-bottom: 0;
}

.mybet-pref-row strong {
  display: block;
  color: #ffffff;
  font-size: 15px;
}

.mybet-pref-row p {
  margin: 5px 0 0;
  color: #bbbbbb;
  font-size: 13px;
  line-height: 1.35;
}

.mybet-pref-row input {
  width: 48px;
  height: 26px;
  appearance: none;
  position: relative;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #3b3c3e;
  cursor: pointer;
  transition: background 0.2s ease;
}

.mybet-pref-row input::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  transition: transform 0.2s ease;
}

.mybet-pref-row input:checked {
  background: #14ff63;
}

.mybet-pref-row input:checked::before {
  transform: translateX(22px);
}

.mybet-pref-row input:disabled {
  opacity: 0.9;
  cursor: not-allowed;
}

.mybet-pref-actions {
  justify-content: flex-end;
  padding: 18px 22px 22px;
  background: #18191a;
}

@media (max-width: 760px) {
  .mybet-cookie-panel,
  .mybet-cookie-main,
  .mybet-cookie-actions,
  .mybet-pref-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .mybet-cookie-panel {
    padding: 18px;
  }

  .mybet-cookie-main {
    text-align: center;
  }

  .mybet-cookie-icon {
    margin: 0 auto;
  }

  .mybet-cookie-link,
  .mybet-btn {
    width: 100%;
  }
}

.static-content .panel {
    padding-top: 1rem;
}

.static-content .panel p {
    margin: 0px 0px 0.5rem;
}

.static-content .panel ul {
    margin: 0px 0px 0.5rem;
}

.modal .static-content .panel {
    margin: 0px -1rem;
    box-shadow: none;
}

.static-content dd {
    margin-left: 0px;
    display: none;
}

.static-content dl {
    margin: 0px;
    counter-reset: genContent_rules_counter 0;
}

.static-content dt {
    margin-bottom: 1rem;
    padding-right: 15px;
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    line-height: 1.1rem;
    counter-increment: genContent_rules_counter 1;
}

.static-content dt::before {
    content: counter(genContent_rules_counter);
    font-weight: bold;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background: rgb(0, 0, 0);
    color: var(--secondary);
    font-family: Saira !important;
}

.static-content dt.selected {
    background: linear-gradient(rgb(14, 221, 107) 50%, rgb(13, 209, 101) 50%);
}

.static-content dd ol {
    counter-reset: master-list 0;
    list-style: outside decimal;
    margin-bottom: 1rem;
}

.static-content dd ol li {
    list-style: none;
    counter-increment: master-list 1;
}

.static-content dd ol li::before {
    content: counter(genContent_rules_counter) "." counter(master-list) ".";
    margin-left: -2.8125rem;
    padding-right: 10px;
    display: inline-flex;
    justify-content: center;
    font-weight: 500;
}

.static-content dd ol ol {
    counter-reset: sub-list 0;
    margin-bottom: 0px;
}

.static-content dd ol ol li {
    counter-increment: sub-list 1;
}

.static-content dd ol ol li::before {
    content: counter(genContent_rules_counter) "." counter(master-list) "." counter(sub-list) ".";
}

.static-content dd ol ol ol {
    counter-reset: sub-sub-list 0;
}

.static-content dd ol ol ol li {
    counter-increment: sub-sub-list 1;
}

.static-content dd ol ol ol li::before {
    content: counter(genContent_rules_counter) "." counter(master-list) "." counter(sub-list) "." counter(sub-sub-list, numeric) ".";
    padding-right: 15px;
}

.static-content dd table {
    border-collapse: collapse;
}

.static-content dd td {
    border: 1px solid rgb(224, 224, 224);
}

.static-content dd ol li a {
    overflow-wrap: break-word;
}

.betslip-flexi-button.betslip-quick-stake-button-5 {
    display: none;
}

@media (max-width: 1025px) {
    .betslip-stake-buttons-quick-stake {
        display: none !important;
    }

    .betslip-stake-buttons-flexi-stake {
        display: none !important;
    }

    .betslip-flexi-button[data-stake="100"][data-set="1"] {
        visibility: hidden;
    }

    .betslip-outcome[data-type="Exotic"] .betslip-outcome-remove::before {
        right: 20px !important;
    }

    .betslip-quick {
        height: auto;
        padding: 0px;
        top: auto;
        bottom: 0px;
        z-index: 105;
        overflow: hidden;
        background: rgb(51, 51, 51);
    }

    .betslip-quick .betslip-singles {
        margin-bottom: 140px;
    }

    .betslip-quick.betslip-quick-exotic .betslip-singles {
        margin-bottom: 150px;
    }

    .betslip-quick .betslip-sgm {
        margin-bottom: 135px;
    }

    .betslip-quick-multi .betslip-quick-filler, .betslip-quick-multi .betslip-stake-input-delete {
        display: none !important;
    }

    .betslip-quick-multi .betslip-sgm-stake-content {
        grid-column: 1 / 4;
    }

    .betslip-quick-exotic:has(.betslip-outcome[data-name="SameRaceMulti"]) .betslip-exotic-sels {
        grid-template-columns: 1fr 1fr;
    }

    .betslip-quick-exotic:has(.betslip-outcome[data-name="SameRaceMulti"]) .betslip-stake-keypad-footer {
        grid-column: 1 / 9;
    }

    .betslip-flexi-button[data-set] {
        background: var(--secondary-light);
    }

    .betslip-flexi-button[data-stake]:not([data-add]):not([data-stake="del"]):not(.betslip-stake-button-clear):not(.betslip-stake-button-increment) {
        background: var(--secondary-light) !important;
    }

    .betslip-stake-button[data-stake]:not([data-add]):not([data-stake="del"]):not(.betslip-stake-button-clear):not(.betslip-stake-button-increment) {
        background: var(--secondary-light) !important;
    }

    .betslip-quick.betslip-quick-done {
        bottom: -6.5rem;
    }

    .betslip-quick.betslip-quick-done .betslip-sgm-stake {
        margin-top: 5px !important;
    }

    .betslip-quick.betslip-quick-empty {
        height: 10rem !important;
    }

    .betslip-quick.betslip-quick-exotic.betslip-quick-empty {
        height: 8.5rem !important;
    }

    .betslip-quick.betslip-quick-exotic.betslip-quick-done {
        bottom: -5.5rem !important;
    }

    .betslip-quick.betslip-quick-empty .betslip-exotic-sels {
        display: none;
    }

    .betslip-quick .betslip-use-bonus label span {
        display: none !important;
    }

    .betslip-quick .betslip-use-boost label span {
        display: none !important;
    }

    .betslip-quick .betslip-stake .betslip-close {
        display: none;
    }

    .betslip-quick .betslip-sgm-stake .betslip-close {
        display: none;
    }

    .betslip-quick .betslip-refresh {
        display: none;
    }

    .betslip-quick .betslip-stake-button-keypad-toggle {
        display: none;
    }

    .betslip-quick .betslip-stake-buttons-container-hidden {
        bottom: auto !important;
    }

    .betslip-quick .betslip-stake-button.betslip-stake-button-clear {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.7rem !important;
        background: none !important;
    }

    .betslip-quick h1 {
        display: none;
    }

    .betslip-quick h3 {
        position: absolute;
        top: 0px;
        display: flex;
        padding: 0.7rem 1rem 0.2rem 0.5rem;
        margin: 0px;
        line-height: 1.5rem;
        font-size: 1.5rem;
        font-weight: bold;
        background: rgb(0, 0, 0);
    }

    .betslip-quick h3 .betslip-timestamp {
        display: none;
    }

    .betslip-quick .betslip-clear-temp {
        display: none !important;
    }

    .betslip-quick .betslip-quick-header .betslip-close {
        position: absolute;
        right: 1rem;
        top: 10px;
    }

    .betslip-quick .betslip-stake-buttons-container .betslip-close {
        display: none;
    }

    .betslip-quick .betslip-close::before {
        width: 1.6rem;
        height: 1.6rem;
        font-size: 1.2rem;
        outline: none;
    }

    .betslip-quick .betslip-expand::before {
        position: absolute;
        top: 10px;
        left: 115px;
        color: var(--tertiary);
        font-size: 1rem;
        font-weight: bold;
        pointer-events: all;
        font-family: "Font Awesome 6 Pro";
        content: "";
    }

    .betslip-quick .betslip-quick-header {
        display: block;
        padding: 0.7rem 1rem 0.5rem;
        color: rgb(255, 255, 255);
        background: rgb(0, 0, 0);
        line-height: 1.5rem;
        font-size: 1.5rem;
        font-weight: bold;
        border-bottom: 4px solid var(--tertiary);
    }

    .betslip-quick .betslip-container {
        padding: 0px;
    }

    .betslip-quick .betslip-header-tabs {
        display: none !important;
    }

    .betslip-quick .betslip-outcome {
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
    }

    .betslip-quick .betslip-outcome[data-type="Exotic"] {
        padding-bottom: 0px;
    }

    .betslip-quick .betslip-outcome[data-type="Exotic"] .betslip-outcome-name, .betslip-quick .betslip-outcome[data-type="Exotic"] .betslip-outcome-event {
        padding-left: 1.5rem;
    }

    .betslip-quick .betslip-outcome-comp {
        display: none;
    }

    .betslip-quick .tutorial-helper {
        display: none !important;
    }

    .betslip-quick .betslip-stake-content {
        display: grid;
        grid-template-columns: 8rem 3rem 8rem 0px;
        align-items: center;
    }

    .betslip-quick .betslip-sgm-extras {
        grid-column: 1 / 4;
        margin-bottom: -2px;
    }

    .betslip-quick .benefit-sgm-extras-container {
        grid-column: 1 / 4;
        margin-top: 10px;
        margin-bottom: -3px;
    }

    .betslip-quick .betslip-sgm-stake {
        margin: 5px auto 15px;
        grid-template-columns: 8rem 3rem 8rem 0px;
        align-items: center;
    }

    .betslip-quick .betslip-sgm {
        margin-top: -4px;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .betslip-quick .betslip-sgm-legs {
        max-height: 10rem;
        min-height: 10rem;
        overflow: scroll;
        border-bottom: 1px solid var(--tertiary);
        background: rgb(67, 67, 67);
    }

    .betslip-sgm-legs .betslip-sgm-leg:last-child {
        padding-bottom: 5px;
    }

    .betslip-quick .betslip-quick-filler, .betslip-quick .betslip-stake-input-delete {
        display: inline-block;
        visibility: hidden;
    }

    .betslip-quick-done .betslip-stake-input-delete {
        visibility: hidden;
    }

    .betslip-quick .betslip-stake-buttons-keypad {
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        box-shadow: none;
        background: rgb(51, 51, 51);
    }

    .betslip-quick .betslip-stake-keypad-header {
        display: none;
    }

    .betslip-quick .betslip-stake-button-increment {
        display: none;
    }

    .betslip-quick .betslip-respgambling {
        display: none;
    }

    .betslip-quick .betslip-stake-button-keypad-close {
        display: none;
    }

    .betslip-quick .betslip-outcome-remove {
        display: none;
    }

    .betslip-quick .betslip-stake-content-price {
        right: 9px;
    }

    .betslip-quick .betslip-footer {
        display: none !important;
    }

    .betslip-quick .betslip-stake-buttons {
        grid-template-columns: repeat(7, 1fr);
        grid-template-areas: "one two three four five quick1 quick2 del" "six seven eight nine zero quick3 quick4 clear";
    }

    .betslip-quick .betslip-stake-button, .betslip-quick .betslip-flexi-button {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    .betslip-quick .betslip-stake-button {
        background: rgb(255, 255, 255) !important;
    }

    .betslip-quick .betslip-quick-stake-button-1 {
        grid-area: quick1 !important;
    }

    .betslip-quick .betslip-quick-stake-button-2 {
        grid-area: quick2 !important;
    }

    .betslip-quick .betslip-quick-stake-button-3 {
        grid-area: quick3 !important;
    }

    .betslip-quick .betslip-quick-stake-button-4 {
        grid-area: quick4 !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="1"] {
        grid-area: one !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="2"] {
        grid-area: two !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="3"] {
        grid-area: three !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="4"] {
        grid-area: four !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="5"] {
        grid-area: five !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="6"] {
        grid-area: six !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="7"] {
        grid-area: seven !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="8"] {
        grid-area: eight !important;
    }

    .betslip-quick .betslip-stake-button:not(.betslip-quick-stake-button-1):not(.betslip-quick-stake-button-2):not(.betslip-quick-stake-button-3):not(.betslip-quick-stake-button-4)[data-stake="9"] {
        grid-area: nine !important;
    }

    .betslip-quick .betslip-flexi-buttons {
        grid-template-columns: repeat(5, 1fr);
        grid-template-areas: "one two three four five del" "six seven eight nine ten clear";
    }

    .betslip-quick .betslip-flexi-button[data-set="1"][data-stake="1"] {
        grid-area: one !important;
    }

    .betslip-quick .betslip-flexi-button[data-set="1"][data-stake="5"] {
        grid-area: two !important;
    }

    .betslip-quick .betslip-flexi-button[data-set="1"][data-stake="20"] {
        grid-area: three !important;
    }

    .betslip-quick .betslip-flexi-button[data-set="1"][data-stake="50"] {
        grid-area: four !important;
    }

    .betslip-quick .betslip-flexi-button[data-set="1"][data-stake="100"] {
        visibility: visible;
        grid-area: five !important;
    }

    .betslip-quick .betslip-flexi-button.betslip-quick-stake-button-1 {
        grid-area: six !important;
    }

    .betslip-quick .betslip-flexi-button.betslip-quick-stake-button-2 {
        grid-area: seven !important;
    }

    .betslip-quick .betslip-flexi-button.betslip-quick-stake-button-3 {
        grid-area: eight !important;
    }

    .betslip-quick .betslip-flexi-button.betslip-quick-stake-button-4 {
        grid-area: nine !important;
    }

    .betslip-quick .betslip-flexi-button.betslip-quick-stake-button-5 {
        display: block;
        grid-area: ten !important;
    }

    .betslip-quick .betslip-stake-button[data-stake="."], .betslip-quick .betslip-flexi-button[data-stake="."], .betslip-quick .betslip-stake-button-blank {
        display: none;
    }

    .betslip-quick .betslip-stake-button[data-stake="del"], .betslip-quick .betslip-flexi-button[data-stake="del"] {
        background: none !important;
    }

    .betslip-quick .betslip-flexi-button[data-add] {
        display: none !important;
    }

    .betslip-quick .betslip-stake-button-increment {
        display: none;
    }

    .betslip-quick .betslip-flexi-buttons div:empty {
        display: none;
    }

    .betslip-quick .betslip-outcome.bet-accepted {
        margin-bottom: -5rem;
    }

    .betslip-quick .betslip-stake-total, .betslip-quick .betslip-stake-flexi {
        margin-right: 10px;
    }

    .betslip-quick .betslip-exotic-sels {
        grid-column: 1 / 4;
        display: grid;
        grid-template-columns: 1fr;
        min-height: 3rem;
        border-radius: 1rem;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .betslip-quick .betslip-win-amount, .betslip-quick .betslip-win-total {
        pointer-events: none;
        border: 2px solid rgb(51, 51, 51);
        background: rgb(51, 51, 51);
    }
}

#progress-wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: transparent;
    z-index: 9999;
    display: none;
}

#progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, rgb(0, 255, 106), rgb(0, 204, 77));
    box-shadow: rgb(0, 255, 106) 0px 0px 6px, rgb(0, 204, 77) 0px 0px 10px;
    transition: width 0.2s ease-out, box-shadow 0.6s ease-in-out;
}