@import"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";.backdrop-enter-active[data-v-1b382655],.backdrop-leave-active[data-v-1b382655] {
    transition: opacity .3s ease
}

.backdrop-enter-from[data-v-1b382655],.backdrop-leave-to[data-v-1b382655] {
    opacity: 0
}

.modal-enter-active,.modal-leave-active {
    transition: opacity .3s ease
}

.modal-enter-from,.modal-leave-to {
    opacity: 0
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s ease
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}

.schema-grid[data-v-b18968bf] {
    grid-template-columns: repeat(var(--grid-cols-mobile),minmax(0,1fr))
}

@media (min-width: 768px) {
    .schema-grid[data-v-b18968bf] {
        grid-template-columns:repeat(var(--grid-cols-desktop),minmax(0,1fr))
    }
}

.youtube-schema-video[data-v-b18968bf] {
    border: none;
    outline: none;
    background: #000
}

[data-v-85becd82] .swiper-pagination-bullet {
    background-color: #ffffff80
}

[data-v-85becd82] .swiper-pagination-bullet-active {
    background-color: #fff
}

[data-v-85becd82] .swiper-button-next,[data-v-85becd82] .swiper-button-prev {
    color: #fff;
    background-color: #0000004d;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

[data-v-85becd82] .swiper-button-next:after,[data-v-85becd82] .swiper-button-prev:after {
    font-size: 16px
}

.aspect-video-youtube[data-v-85becd82] {
    aspect-ratio: 4/4
}

.stories-overlay[data-v-1db9341f] {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}

.stories-container[data-v-1db9341f] {
    width: 100%;
    height: 100vh;
    max-width: 500px!important;
    position: relative;
    margin: 0 auto;
    background: #000
}

@media (min-width: 768px) {
    .stories-container[data-v-1db9341f] {
        height:100vh;
        max-width: min(414px,80vh * 9/16)
    }
}

.stories-progress[data-v-1db9341f] {
    position: absolute;
    top: clamp(.75rem,3vw,1.5rem);
    left: clamp(.75rem,3vw,1.5rem);
    right: clamp(.75rem,3vw,1.5rem);
    display: flex;
    gap: clamp(.125rem,.5vw,.375rem);
    z-index: 20
}

.progress-bar[data-v-1db9341f] {
    flex: 1;
    height: clamp(.1875rem,.5vw,.3125rem);
    background: #ffffff4d;
    border-radius: 9999px;
    overflow: hidden
}

.progress-fill[data-v-1db9341f] {
    height: 100%;
    background: #fff;
    transition: width .1s linear
}

.stories-close[data-v-1db9341f] {
    position: absolute;
    top: clamp(.75rem,3vw,1.5rem);
    right: clamp(.75rem,3vw,1.5rem);
    z-index: 20;
    color: #fff;
    padding: clamp(.375rem,1.5vw,.75rem);
    border-radius: 9999px;
    transition: background-color .2s
}

.stories-close[data-v-1db9341f]:hover {
    background: #ffffff1a
}

.stories-close svg[data-v-1db9341f] {
    width: clamp(1.25rem,3vw,1.75rem);
    height: clamp(1.25rem,3vw,1.75rem)
}

.stories-content[data-v-1db9341f] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.stories-header[data-v-1db9341f] {
    position: absolute;
    top: calc(clamp(.75rem,3vw,1.5rem) + clamp(.1875rem,.5vw,.3125rem) + clamp(1rem,3vh,2rem));
    left: clamp(.75rem,3vw,1.5rem);
    right: clamp(.75rem,3vw,1.5rem);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: clamp(.5rem,2vw,1rem)
}

.stories-avatar[data-v-1db9341f] {
    width: clamp(2rem,5vw,3rem);
    height: clamp(2rem,5vw,3rem);
    border-radius: 9999px;
    background: linear-gradient(45deg,#8b5cf6,#ec4899,#f97316);
    padding: clamp(.0625rem,.3vw,.1875rem);
    flex-shrink: 0
}

.stories-header {
    display: none!important;
}

.stories-info[data-v-1db9341f] {
    flex: 1;
    min-width: 0
}

.stories-title[data-v-1db9341f] {
    color: #fff;
    font-size: clamp(.75rem,2.5vw,1rem);
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    line-height: 1.2;
    margin-bottom: .125rem
}

.stories-counter[data-v-1db9341f] {
    color: #fffc;
    font-size: clamp(.625rem,2vw,.875rem);
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    line-height: 1.2
}

.stories-media[data-v-1db9341f] {
    width: 100%;
    height: 100%;
    object-position: center
}

.smart-cover[data-v-1db9341f] {
    object-fit: cover
}

.smart-contain[data-v-1db9341f] {
    object-fit: contain;
    background: #000
}

.youtube-video[data-v-1db9341f] {
    border: none;
    outline: none;
    background: #000
}

.stories-tip[data-v-1db9341f] {
    position: absolute;
    bottom: clamp(.75rem,3vw,1.5rem);
    left: 50%;
    transform: translate(-50%);
    background: #000000b3;
    color: #fff;
    padding: clamp(.375rem,1.5vw,.75rem) clamp(.75rem,3vw,1.25rem);
    border-radius: clamp(.25rem,1vw,.375rem);
    display: flex;
    align-items: center;
    gap: clamp(.375rem,1.5vw,.75rem);
    z-index: 15;
    opacity: .9;
    font-size: clamp(.625rem,2vw,.875rem);
    box-shadow: 0 2px 8px #00000080
}

.tip-content[data-v-1db9341f] {
    display: flex;
    align-items: center;
    gap: clamp(.375rem,1.5vw,.75rem)
}

.tip-icon[data-v-1db9341f] {
    font-size: clamp(1rem,3vw,1.5rem)
}

.tip-text[data-v-1db9341f] {
    flex: 1;
    text-align: left
}

.stories-tap-zones[data-v-1db9341f] {
    position: absolute;
    inset: 0;
    display: flex
}

.tap-zone[data-v-1db9341f] {
    flex: 1;
    height: 100%
}

.stories-empty[data-v-1db9341f] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    padding: clamp(1rem,4vw,2rem)
}

.stories-empty p[data-v-1db9341f] {
    font-size: clamp(.875rem,3vw,1.125rem);
    margin-bottom: clamp(.75rem,3vw,1.25rem)
}

.btn-close[data-v-1db9341f] {
    padding: clamp(.5rem,2vw,.75rem) clamp(.75rem,3vw,1.25rem);
    background: #fff3;
    border-radius: clamp(.25rem,1vw,.375rem);
    color: #fff;
    transition: background-color .2s;
    font-size: clamp(.75rem,2.5vw,.9375rem)
}

.btn-close[data-v-1db9341f]:hover {
    background: #ffffff4d
}

.rings-container[data-v-ff4adf8e] {
    display: flex;
    gap: clamp(.5rem,2vw,1.25rem);
    padding: clamp(.75rem,3vw,1.5rem);
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.rings-container[data-v-ff4adf8e]::-webkit-scrollbar {
    display: none
}

.ring-item[data-v-ff4adf8e] {
    flex-shrink: 0;
    cursor: pointer;
    transition: transform .2s ease
}

.ring-item[data-v-ff4adf8e]:hover {
    transform: scale(1.05)
}

.ring-wrapper[data-v-ff4adf8e] {
    position: relative
}

.ring-border[data-v-ff4adf8e] {
    width: clamp(4.5rem,8vw,6rem);
    height: clamp(4.5rem,8vw,6rem);
    border-radius: 50%;
    background: linear-gradient(to right,var(--color-yellow),var(--color-yellow-dark),var(--color-yellow-active));
    padding: clamp(.0625rem,.3vw,.25rem);
    transition: all .2s ease
}

.ring-image[data-v-ff4adf8e] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid white
}

.ring-indicator[data-v-ff4adf8e] {
    position: absolute;
    top: clamp(-.125rem,-.5vw,-.25rem);
    right: clamp(-.125rem,-.5vw,-.25rem);
    width: clamp(.75rem,2vw,1.125rem);
    height: clamp(.75rem,2vw,1.125rem);
    background: #3b82f6;
    border-radius: 50%;
    border: 2px solid white
}

.ring-label[data-v-ff4adf8e] {
    margin-top: clamp(.25rem,1vw,.625rem);
    text-align: center;
    font-size: clamp(.625rem,1.5vw,.875rem);
    color: var(--color-black-100);
    max-width: clamp(4.5rem,8vw,6rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2
}

.blog-card-background {
    background-color: var(--color-background)
}

.line-clamp-2[data-v-63ddac3e] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-3[data-v-63ddac3e] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel-card[data-v-63ddac3e] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 250px
}

.calendar-date-overlay[data-v-63ddac3e] {
    min-width: 40px;
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 8px #0000004d
}

@media (max-width: 768px) {
    .horizontal-post[data-v-63ddac3e] {
        flex-direction:column!important;
        min-height: auto
    }
}

.blog-list[data-v-f56fe308] {
    min-height: 400px
}

@media (max-width: 768px) {
    .blog-list .grid[data-v-f56fe308] {
        grid-template-columns:repeat(1,minmax(0,1fr));
        gap: 1rem
    }
}

[data-v-1e0bf430] .swiper-pagination-bullet {
    background-color: #6366f14d
}

[data-v-1e0bf430] .swiper-pagination-bullet-active {
    background-color: #6366f1
}

[data-v-1e0bf430] .swiper-button-next,[data-v-1e0bf430] .swiper-button-prev {
    color: #6366f1;
    background-color: #ffffffe6;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 8px #0000001a
}

[data-v-1e0bf430] .swiper-button-next:after,[data-v-1e0bf430] .swiper-button-prev:after {
    font-size: 16px;
    font-weight: 700
}

[data-v-1e0bf430] .swiper-button-next:hover,[data-v-1e0bf430] .swiper-button-prev:hover {
    background-color: #fff
}

[data-v-1e0bf430] .swiper-pagination {
    bottom: -40px
}

.blog-carousel[data-v-1e0bf430] {
    padding-bottom: 50px
}

.carousel-equal-height[data-v-1e0bf430] .swiper-wrapper {
    align-items: stretch
}

.carousel-equal-height[data-v-1e0bf430] .swiper-slide {
    height: auto;
    display: flex;
    width: 100%
}

.carousel-equal-height[data-v-1e0bf430] .swiper-slide>* {
    width: 100%;
    flex: 1
}

.backdrop-enter-active[data-v-7ca3c0ac],.backdrop-leave-active[data-v-7ca3c0ac] {
    transition: opacity .3s ease
}

.backdrop-enter-from[data-v-7ca3c0ac],.backdrop-leave-to[data-v-7ca3c0ac] {
    opacity: 0
}

.accordion-enter-active[data-v-7ca3c0ac],.accordion-leave-active[data-v-7ca3c0ac] {
    transition: all .3s ease;
    overflow: hidden
}

.accordion-enter-from[data-v-7ca3c0ac],.accordion-leave-to[data-v-7ca3c0ac] {
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px)
}

.accordion-enter-to[data-v-7ca3c0ac],.accordion-leave-from[data-v-7ca3c0ac] {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0)
}

.bg-blog-modal-background[data-v-7ca3c0ac] {
    background-color: var(--color-blog-modal-background)
}

.ng-content-area[data-v-7ca3c0ac] ul {
    list-style-type: disc!important;
    padding-left: 1.5rem!important;
    margin: .5rem 0!important
}

.ng-content-area[data-v-7ca3c0ac] ol {
    list-style-type: decimal!important;
    padding-left: 1.5rem!important;
    margin: .5rem 0!important
}

.blog-container[data-v-960d978b] {
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 1rem
}

.sub-categories-menu[data-v-960d978b] {
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(12px);
    margin: 0 -1rem 1.5rem;
    padding: 1rem
}

.scrollbar-hide[data-v-960d978b] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide[data-v-960d978b]::-webkit-scrollbar {
    display: none
}

.posts-container[data-v-960d978b] {
    min-height: 400px
}

@media (max-width: 768px) {
    .sub-categories-menu .flex[data-v-960d978b] {
        padding-left:.5rem;
        padding-right: .5rem
    }
}

.barLength[data-v-9f81ee76] {
    grid-column: var(--069a371e)
}

.chart-container[data-v-b683d944] {
    display: inline-block;
    position: relative
}

.chart-svg[data-v-b683d944] {
    overflow: visible
}

.progress-circle[data-v-b683d944] {
    transition: stroke-dashoffset .5s ease;
    will-change: stroke-dashoffset
}

@media (max-width: 640px) {
    .has-mobile-size[data-v-b683d944] {
        transform:scale(var(--mobile-scale, .75)) translateZ(0);
        transform-origin: center;
        will-change: transform
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .has-tablet-size[data-v-b683d944] {
        transform:scale(var(--tablet-scale, .85)) translateZ(0);
        transform-origin: center;
        will-change: transform
    }
}

.pulse-animation[data-v-b683d944] {
    animation: pulse-b683d944 2s infinite
}

@keyframes pulse-b683d944 {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .7
    }
}

.loading-spin[data-v-b683d944] {
    animation: spin-b683d944 2s linear infinite;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0)
}

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

    to {
        transform: rotate(360deg) translateZ(0)
    }
}

.glow-effect[data-v-b683d944] {
    filter: drop-shadow(0 0 6px currentColor);
    will-change: filter;
    transform: translateZ(0)
}

.rotate-90[data-v-b683d944] {
    transform: rotate(90deg) translateZ(0);
    will-change: transform
}

.highcharts-title {
    display: none
}

.cls-1[data-v-a694f70c] {
    fill: #fff
}

.cls-2[data-v-a694f70c] {
    opacity: .1
}

.cls-3[data-v-a694f70c] {
    fill: #cc3827
}

.cls-4[data-v-a694f70c] {
    fill: #ca69a8
}

.cls-1[data-v-036243ff],.cls-2[data-v-036243ff] {
    fill: #211915
}

.cls-1[data-v-036243ff],.cls-3[data-v-036243ff] {
    opacity: .2
}

.cls-4[data-v-036243ff] {
    fill: #cfd1cd
}

.cls-5[data-v-036243ff] {
    fill: #e1e3df
}

.cls-6[data-v-036243ff] {
    fill: #f3f5f3
}

.cls-7[data-v-036243ff] {
    fill: #b5b7ae
}

.cls-8[data-v-036243ff] {
    opacity: .3
}

.cls-8[data-v-036243ff],.cls-3[data-v-036243ff] {
    fill: #fafafa
}

.cls-9[data-v-036243ff] {
    fill: #4da947
}

.cls-1[data-v-41b71bf9] {
    fill: #efeeee
}

.cls-2[data-v-41b71bf9] {
    fill: #e32e26
}

.cls-3[data-v-41b71bf9] {
    fill: #349044
}

.cls-4[data-v-41b71bf9] {
    fill: #4e495b
}

.cls-5[data-v-41b71bf9],.cls-6[data-v-41b71bf9] {
    fill: #fff
}

.cls-5[data-v-41b71bf9],.cls-7[data-v-41b71bf9] {
    opacity: .1
}

.cls-8[data-v-41b71bf9] {
    fill: #d7e5e8
}

.cls-9[data-v-41b71bf9] {
    fill: #565656
}

.cls-10[data-v-41b71bf9] {
    fill: #353142
}

.cls-11[data-v-41b71bf9] {
    opacity: .2
}

.cls-12[data-v-41b71bf9] {
    fill: #fcb715
}

.cls-13[data-v-41b71bf9] {
    fill: #ab1f23
}

.cls-1[data-v-62d56cc9] {
    fill: #efeeee
}

.cls-2[data-v-62d56cc9] {
    fill: #3a3a3a
}

.cls-3[data-v-62d56cc9] {
    fill: #fff
}

.cls-4[data-v-62d56cc9] {
    opacity: .1
}

.cls-5[data-v-62d56cc9] {
    fill: #46b8ea
}

.cls-1[data-v-d6da037d] {
    fill: none
}

.cls-2[data-v-d6da037d] {
    fill: #b54319;
    opacity: .5
}

.cls-3[data-v-d6da037d] {
    fill: #23232d
}

.cls-4[data-v-d6da037d] {
    fill: #1c1c26
}

.cls-5[data-v-d6da037d] {
    fill: #ffb67d
}

.cls-6[data-v-d6da037d] {
    fill: #261b18
}

.cls-7[data-v-d6da037d] {
    fill: #3a3a4a
}

.cls-8[data-v-d6da037d] {
    fill: #ebebeb
}

.cls-9[data-v-d6da037d] {
    fill: #918fa0
}

.cls-10[data-v-d6da037d] {
    isolation: isolate
}

.cls-11[data-v-d6da037d] {
    fill: #f59d66
}

.cls-12[data-v-d6da037d] {
    fill: #661004
}

.cls-12[data-v-d6da037d],.cls-13[data-v-d6da037d],.cls-14[data-v-d6da037d] {
    opacity: .4
}

.cls-15[data-v-d6da037d] {
    fill: #cd9e3e
}

.cls-16[data-v-d6da037d] {
    fill: #66667d
}

.cls-17[data-v-d6da037d] {
    fill: #ffcb96
}

.cls-18[data-v-d6da037d] {
    opacity: .8
}

.cls-19[data-v-d6da037d] {
    opacity: .1
}

.cls-20[data-v-d6da037d] {
    fill: #f0ded1;
    opacity: .7
}

.cls-21[data-v-d6da037d] {
    fill: #8b95a8
}

.cls-22[data-v-d6da037d] {
    fill: #45362e
}

.cls-13[data-v-d6da037d] {
    fill: #d14f2e
}

.cls-23[data-v-d6da037d] {
    fill: #131413
}

.cls-14[data-v-d6da037d] {
    fill: #a09583;
    mix-blend-mode: multiply
}

.cls-24[data-v-d6da037d] {
    fill: #ed9d6c
}

.cls-25[data-v-d6da037d] {
    fill: #a63432
}

.cls-26[data-v-d6da037d] {
    fill: #1e1e29
}

.cls-27[data-v-d6da037d] {
    clip-path: url(#clippath)
}

.cls-1[data-v-48c9bddf] {
    fill: none
}

.cls-2[data-v-48c9bddf] {
    fill: #ff7752
}

.cls-3[data-v-48c9bddf] {
    fill: #1f1a17
}

.cls-4[data-v-48c9bddf] {
    fill: #3a3a4a
}

.cls-5[data-v-48c9bddf] {
    fill: #f04d4d
}

.cls-6[data-v-48c9bddf] {
    fill: #ebebeb
}

.cls-7[data-v-48c9bddf] {
    fill: #fff9f0
}

.cls-8[data-v-48c9bddf] {
    fill: #d94c18
}

.cls-8[data-v-48c9bddf],.cls-9[data-v-48c9bddf] {
    opacity: .3
}

.cls-10[data-v-48c9bddf] {
    fill: url(#linear-gradient)
}

.cls-9[data-v-48c9bddf] {
    fill: #bf3c1b
}

.cls-11[data-v-48c9bddf] {
    fill: #b32f29
}

.cls-12[data-v-48c9bddf] {
    fill: #78452f
}

.cls-13[data-v-48c9bddf] {
    fill: #e8dac5
}

.cls-14[data-v-48c9bddf] {
    fill: #b6d2a5
}

.cls-15[data-v-48c9bddf] {
    fill: #ffc38f
}

.cls-16[data-v-48c9bddf] {
    opacity: .8
}

.cls-17[data-v-48c9bddf] {
    opacity: .1
}

.cls-18[data-v-48c9bddf] {
    fill: #121b21
}

.cls-19[data-v-48c9bddf] {
    fill: #3d1f12
}

.cls-20[data-v-48c9bddf] {
    fill: #de3e78
}

.cls-21[data-v-48c9bddf] {
    fill: #fbfbfb
}

.cls-22[data-v-48c9bddf] {
    clip-path: url(#clippath)
}

.cls-23[data-v-48c9bddf] {
    fill: #139e9b;
    opacity: .5
}

.cls-24[data-v-48c9bddf] {
    fill: #a87f7f
}

.cls-1[data-v-637b0000] {
    fill: none
}

.cls-2[data-v-637b0000] {
    fill: #fab077
}

.cls-3[data-v-637b0000] {
    fill: #e8d3b5
}

.cls-4[data-v-637b0000] {
    fill: #f7985c
}

.cls-5[data-v-637b0000] {
    fill: #1f1a17
}

.cls-6[data-v-637b0000] {
    fill: #960800
}

.cls-7[data-v-637b0000] {
    fill: #f06799
}

.cls-8[data-v-637b0000] {
    fill: url(#linear-gradient)
}

.cls-9[data-v-637b0000] {
    fill: #bf3c1b
}

.cls-9[data-v-637b0000],.cls-10[data-v-637b0000] {
    opacity: .3
}

.cls-11[data-v-637b0000] {
    fill: #e6864a
}

.cls-12[data-v-637b0000] {
    fill: #f59a62
}

.cls-13[data-v-637b0000] {
    fill: #ff87b3
}

.cls-14[data-v-637b0000] {
    fill: #283b21
}

.cls-15[data-v-637b0000] {
    fill: #591702
}

.cls-16[data-v-637b0000] {
    fill: #a61900;
    opacity: .2
}

.cls-17[data-v-637b0000] {
    fill: #a8370a
}

.cls-18[data-v-637b0000] {
    fill: #82a375
}

.cls-19[data-v-637b0000] {
    fill: #7997a0
}

.cls-20[data-v-637b0000] {
    fill: #8f2f2b
}

.cls-21[data-v-637b0000] {
    fill: #fff2de
}

.cls-22[data-v-637b0000] {
    fill: #ffbe8a
}

.cls-23[data-v-637b0000] {
    fill: #912907
}

.cls-24[data-v-637b0000] {
    fill: #801a00
}

.cls-25[data-v-637b0000] {
    clip-path: url(#clippath)
}

.cls-1[data-v-7e69d332] {
    fill: none
}

.cls-2[data-v-7e69d332] {
    fill: #ffcb9e
}

.cls-3[data-v-7e69d332] {
    fill: #88af91
}

.cls-4[data-v-7e69d332] {
    fill: #261b18
}

.cls-5[data-v-7e69d332] {
    fill: #2b221c
}

.cls-6[data-v-7e69d332] {
    fill: #ffdfc2
}

.cls-7[data-v-7e69d332] {
    fill: #fff9f0
}

.cls-8[data-v-7e69d332] {
    fill: #bf3c1b
}

.cls-8[data-v-7e69d332],.cls-9[data-v-7e69d332],.cls-10[data-v-7e69d332] {
    opacity: .3
}

.cls-9[data-v-7e69d332] {
    fill: #b54d26
}

.cls-10[data-v-7e69d332] {
    fill: #c94614
}

.cls-11[data-v-7e69d332] {
    fill: #f7a286
}

.cls-12[data-v-7e69d332] {
    fill: #108d8e
}

.cls-13[data-v-7e69d332] {
    fill: #e8dac5
}

.cls-14[data-v-7e69d332] {
    fill: #c9beb7
}

.cls-15[data-v-7e69d332] {
    fill: #949494;
    opacity: .5
}

.cls-16[data-v-7e69d332] {
    fill: #27b3b0
}

.cls-17[data-v-7e69d332],.cls-18[data-v-7e69d332] {
    fill: #45362e
}

.cls-18[data-v-7e69d332],.cls-19[data-v-7e69d332] {
    opacity: .7
}

.cls-20[data-v-7e69d332] {
    fill: #ffa073
}

.cls-19[data-v-7e69d332] {
    fill: #e6d2c3
}

.cls-21[data-v-7e69d332] {
    clip-path: url(#clippath)
}

.cls-22[data-v-7e69d332] {
    fill: #8f3935
}

.cls-1[data-v-ef3f1c3b] {
    fill: none
}

.cls-2[data-v-ef3f1c3b] {
    fill: #bc551e
}

.cls-2[data-v-ef3f1c3b],.cls-3[data-v-ef3f1c3b] {
    opacity: .3
}

.cls-4[data-v-ef3f1c3b] {
    fill: #de6049
}

.cls-5[data-v-ef3f1c3b] {
    fill: #82572e
}

.cls-6[data-v-ef3f1c3b] {
    fill: #2b221c
}

.cls-7[data-v-ef3f1c3b] {
    fill: url(#linear-gradient)
}

.cls-3[data-v-ef3f1c3b] {
    fill: #bf3c1b
}

.cls-8[data-v-ef3f1c3b] {
    fill: #fff
}

.cls-8[data-v-ef3f1c3b],.cls-9[data-v-ef3f1c3b] {
    opacity: .1
}

.cls-10[data-v-ef3f1c3b] {
    fill: #8f2a25
}

.cls-11[data-v-ef3f1c3b] {
    fill: #ffb06b
}

.cls-12[data-v-ef3f1c3b] {
    fill: #121b21
}

.cls-13[data-v-ef3f1c3b] {
    fill: #f58a53
}

.cls-14[data-v-ef3f1c3b] {
    fill: #ef5649
}

.cls-15[data-v-ef3f1c3b] {
    fill: #fff7ea
}

.cls-16[data-v-ef3f1c3b] {
    fill: #ecdcc4
}

.cls-17[data-v-ef3f1c3b] {
    fill: #3d2518
}

.cls-18[data-v-ef3f1c3b] {
    fill: #202930
}

.cls-19[data-v-ef3f1c3b] {
    clip-path: url(#clippath)
}

.cls-20[data-v-ef3f1c3b] {
    fill: #c3cee6;
    opacity: .7
}

.cls-21[data-v-ef3f1c3b] {
    fill: #5e4684
}

.cls-1[data-v-da26a5d3] {
    fill: none
}

.cls-2[data-v-da26a5d3] {
    fill: #ffd1e2
}

.cls-3[data-v-da26a5d3] {
    fill: #ffcb9e
}

.cls-4[data-v-da26a5d3] {
    fill: #b3977f
}

.cls-5[data-v-da26a5d3] {
    fill: #261b18
}

.cls-6[data-v-da26a5d3] {
    fill: #f1aa83
}

.cls-7[data-v-da26a5d3] {
    fill: #fff9f0
}

.cls-8[data-v-da26a5d3] {
    fill: #f06799
}

.cls-9[data-v-da26a5d3] {
    fill: #bf3c1b;
    opacity: .2
}

.cls-10[data-v-da26a5d3] {
    fill: #e8dac5
}

.cls-11[data-v-da26a5d3] {
    fill: #c93712
}

.cls-12[data-v-da26a5d3] {
    fill: #121b21
}

.cls-13[data-v-da26a5d3] {
    fill: #de3e78
}

.cls-14[data-v-da26a5d3] {
    fill: #d14f2e;
    opacity: .4
}

.cls-15[data-v-da26a5d3] {
    fill: #8f2621
}

.cls-16[data-v-da26a5d3] {
    fill: #e63535;
    opacity: .8
}

.cls-17[data-v-da26a5d3] {
    fill: #bba7db
}

.cls-18[data-v-da26a5d3] {
    fill: #e6d2c3;
    opacity: .7
}

.cls-19[data-v-da26a5d3] {
    fill: #ff9873
}

.cls-20[data-v-da26a5d3] {
    fill: #e85216
}

.cls-21[data-v-da26a5d3] {
    clip-path: url(#clippath)
}

.cls-1[data-v-6615bd16] {
    fill: none
}

.cls-2[data-v-6615bd16] {
    fill: #ffcb9e
}

.cls-3[data-v-6615bd16] {
    fill: #261b18
}

.cls-4[data-v-6615bd16] {
    fill: #2b221c
}

.cls-5[data-v-6615bd16] {
    fill: #ffdfc2
}

.cls-6[data-v-6615bd16] {
    fill: #fff9f0
}

.cls-7[data-v-6615bd16] {
    fill: #bf3c1b
}

.cls-7[data-v-6615bd16],.cls-8[data-v-6615bd16],.cls-9[data-v-6615bd16] {
    opacity: .3
}

.cls-8[data-v-6615bd16] {
    fill: #b54d26
}

.cls-10[data-v-6615bd16] {
    fill: #cbdaf2
}

.cls-9[data-v-6615bd16] {
    fill: #c94614
}

.cls-11[data-v-6615bd16] {
    fill: #ed9335
}

.cls-12[data-v-6615bd16] {
    fill: #379bdb
}

.cls-13[data-v-6615bd16] {
    fill: #f7a286
}

.cls-14[data-v-6615bd16] {
    fill: #e8dac5
}

.cls-15[data-v-6615bd16] {
    fill: #bcceeb
}

.cls-16[data-v-6615bd16] {
    opacity: .1
}

.cls-17[data-v-6615bd16] {
    fill: #45362e
}

.cls-18[data-v-6615bd16] {
    fill: #f7b07c
}

.cls-19[data-v-6615bd16] {
    fill: #ffa073
}

.cls-20[data-v-6615bd16] {
    fill: #e6d2c3;
    opacity: .7
}

.cls-21[data-v-6615bd16] {
    clip-path: url(#clippath)
}

.cls-22[data-v-6615bd16] {
    fill: #8f3935
}

.cls-1[data-v-79050b54] {
    fill: none
}

.cls-2[data-v-79050b54] {
    fill: #ffcb9e
}

.cls-3[data-v-79050b54] {
    fill: #765aa3
}

.cls-4[data-v-79050b54] {
    fill: #261b18
}

.cls-5[data-v-79050b54] {
    fill: #2b221c
}

.cls-6[data-v-79050b54] {
    fill: #ffdfc2
}

.cls-7[data-v-79050b54] {
    fill: #bf3c1b
}

.cls-7[data-v-79050b54],.cls-8[data-v-79050b54],.cls-9[data-v-79050b54] {
    opacity: .3
}

.cls-8[data-v-79050b54] {
    fill: #b54d26
}

.cls-9[data-v-79050b54] {
    fill: #c94614
}

.cls-10[data-v-79050b54] {
    fill: #bf795c
}

.cls-11[data-v-79050b54] {
    fill: #5f5d7f
}

.cls-12[data-v-79050b54] {
    fill: #f5b37a
}

.cls-13[data-v-79050b54],.cls-14[data-v-79050b54] {
    fill: #45362e
}

.cls-14[data-v-79050b54] {
    opacity: .5
}

.cls-15[data-v-79050b54] {
    fill: #ffa073
}

.cls-16[data-v-79050b54] {
    fill: #e6d2c3;
    opacity: .7
}

.cls-17[data-v-79050b54] {
    clip-path: url(#clippath)
}

.lineWidth[data-v-4f09d990] {
    width: var(--2f7bc66b)
}

.levelIndicator[data-v-4f09d990] {
    left: min(var(--2f7bc66b),100%)
}

.fade-enter-active[data-v-62e84913],.fade-leave-active[data-v-62e84913] {
    transition: opacity .5s ease
}

.fade-enter-from[data-v-62e84913],.fade-leave-to[data-v-62e84913] {
    opacity: 0
}

.slide-enter-active[data-v-62e84913],.slide-leave-active[data-v-62e84913] {
    transition: transform .5s ease
}

.slide-enter-from[data-v-62e84913],.slide-leave-to[data-v-62e84913] {
    transform: translate(-100%)
}

.v-enter-active[data-v-a92af9dd],.v-leave-active[data-v-a92af9dd] {
    transition: opacity .25s ease
}

.v-enter-from[data-v-a92af9dd],.v-leave-to[data-v-a92af9dd] {
    opacity: 0
}

.backdrop-enter-active[data-v-b11bd1c5],.backdrop-leave-active[data-v-b11bd1c5] {
    transition: opacity .3s ease
}

.backdrop-enter-from[data-v-b11bd1c5],.backdrop-leave-to[data-v-b11bd1c5] {
    opacity: 0
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

    to {
        transform: rotate(360deg)
    }
}

.car-body[data-v-e8f22b52] {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.car-svg[data-v-e8f22b52] {
    width: 100%;
    height: 100%
}

.car-number[data-v-e8f22b52] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.7)
}

.car-points[data-v-e8f22b52] {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
    background: #000c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap
}

.car-name[data-v-e8f22b52] {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
    background: #000c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis
}

.car-body[data-v-4f25e18c] {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.car-svg[data-v-4f25e18c] {
    width: 100%;
    height: 100%
}

.spaceship-svg[data-v-4f25e18c] {
    filter: drop-shadow(0 0 8px rgba(79,195,247,.5));
    transform: translateZ(0)
}

.car-number[data-v-4f25e18c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.7)
}

.car-points[data-v-4f25e18c] {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
    background: #000c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap
}

.car-name[data-v-4f25e18c] {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%);
    background: #000c;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis
}

.spaceship-svg .flame[data-v-4f25e18c] {
    animation: flameFlicker-4f25e18c .15s ease-in-out infinite alternate;
    transform-origin: center bottom;
    will-change: transform,opacity;
    transform: translateZ(0)
}

.spaceship-svg .flame_inner[data-v-4f25e18c] {
    animation: flameInnerFlicker-4f25e18c .12s ease-in-out infinite alternate;
    transform-origin: center bottom;
    will-change: transform,opacity;
    transform: translateZ(0)
}

@keyframes flameFlicker-4f25e18c {
    0% {
        opacity: .8;
        transform: scaleY(1) scaleX(.95)
    }

    25% {
        opacity: 1;
        transform: scaleY(1.1) scaleX(1.05)
    }

    50% {
        opacity: .9;
        transform: scaleY(.95) scaleX(.98)
    }

    75% {
        opacity: 1;
        transform: scaleY(1.05) scaleX(1.02)
    }

    to {
        opacity: .85;
        transform: scaleY(1.15) scaleX(1.08)
    }
}

@keyframes flameInnerFlicker-4f25e18c {
    0% {
        opacity: .9;
        transform: scaleY(1.05) scaleX(1)
    }

    30% {
        opacity: 1;
        transform: scaleY(1.2) scaleX(1.1)
    }

    60% {
        opacity: .8;
        transform: scaleY(.9) scaleX(.95)
    }

    to {
        opacity: .95;
        transform: scaleY(1.25) scaleX(1.15)
    }
}

.race-container[data-v-d806edaf] {
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.race-header[data-v-d806edaf] {
    text-align: center;
    margin-bottom: 20px
}

.race-header h1[data-v-d806edaf] {
    font-size: 2.5em;
    text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    margin-bottom: 10px
}

.race-track-container[data-v-d806edaf] {
    background: #1b1c1f;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px #0000004d;
    position: relative;
    width: 100%;
    margin: 0 auto
}

.race-track[data-v-d806edaf] {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    background: linear-gradient(90deg,#2b2d30,#2c2c2c 10%,#2b2d30 20% 80%,#2c2c2c 90%,#2b2d30);
    border-radius: 10px;
    position: relative;
    padding: 10px;
    border: 2px solid #FF5A00
}

.race-track[data-v-d806edaf]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    width: 3px;
    height: 100%;
    background: repeating-linear-gradient(to bottom,#ff5a00 0px 15px,#fff 15px 30px);
    z-index: 5
}

.race-track[data-v-d806edaf]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: 3px;
    height: 100%;
    background: repeating-linear-gradient(to bottom,#ff5a00 0px 15px,#fff 15px 30px);
    z-index: 5
}

.race-track[data-v-d806edaf]::-webkit-scrollbar {
    width: 8px
}

.race-track[data-v-d806edaf]::-webkit-scrollbar-track {
    background: #34495e;
    border-radius: 4px
}

.race-track[data-v-d806edaf]::-webkit-scrollbar-thumb {
    background: #ff6b6b;
    border-radius: 4px
}

.race-track.space-theme[data-v-d806edaf]::-webkit-scrollbar-track {
    background: #1a1a2e;
    border-radius: 4px
}

.race-track.space-theme[data-v-d806edaf]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,#4fc3f7,#29b6f6,#0288d1);
    border-radius: 4px;
    border: 1px solid #E3F2FD
}

.race-track.space-theme[data-v-d806edaf]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,#81d4fa,#4fc3f7,#29b6f6)
}

.lane[data-v-d806edaf] {
    position: relative;
    height: 2000px;
    width: 23%;
    float: left;
    margin: 0 1%;
    background: #2b2d30;
    overflow: hidden
}

.lane[data-v-d806edaf]:nth-child(1):after,.lane[data-v-d806edaf]:nth-child(2):after,.lane[data-v-d806edaf]:nth-child(3):after {
    content: "";
    position: absolute;
    top: -80px;
    right: 0;
    width: 3px;
    height: calc(100% + 160px);
    background: repeating-linear-gradient(to bottom,transparent 0px,transparent 20px,#7e7e7e 20px,#7e7e7e 60px,transparent 60px,transparent 80px);
    animation: moveLines-d806edaf 1.5s linear infinite;
    z-index: 10
}

@keyframes moveLines-d806edaf {
    0% {
        transform: translateY(-80px)
    }

    to {
        transform: translateY(80px)
    }
}

.car[data-v-d806edaf] {
    position: absolute;
    width: 70px;
    height: 85px;
    left: 50%;
    transform: translate(-50%);
    transition: all .8s cubic-bezier(.4,0,.2,1);
    cursor: pointer;
    z-index: 10
}

.race-stats[data-v-d806edaf] {
    margin-top: 20px;
    text-align: center;
    background: #0003;
    padding: 15px;
    border-radius: 10px
}

.stats-grid[data-v-d806edaf] {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: 10px;
    margin-top: 10px
}

.stat-item[data-v-d806edaf] {
    background: #ffffff1a;
    padding: 10px;
    border-radius: 5px
}

.finish-line[data-v-d806edaf] {
    position: absolute;
    top: 0;
    right: 10px;
    width: 4px;
    height: 100%;
    background: repeating-linear-gradient(to bottom,#fff 0px 10px,#000 10px 20px)
}

.race-track.space-theme[data-v-d806edaf] {
    background: radial-gradient(ellipse at center,#1a1a2e,#16213e,#0f0f23);
    border: 2px solid #4FC3F7
}

.race-track.space-theme[data-v-d806edaf]:before,.race-track.space-theme[data-v-d806edaf]:after {
    background: repeating-linear-gradient(to bottom,#4fc3f7 0px 15px,#e3f2fd 15px 30px)
}

.space-theme .lane[data-v-d806edaf] {
    background: transparent;
    position: relative
}

.space-theme .lane[data-v-d806edaf]:after {
    display: none
}

.star-field[data-v-d806edaf] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    pointer-events: none;
    z-index: 1;
    overflow: hidden
}

.star[data-v-d806edaf] {
    position: absolute;
    border-radius: 50%;
    top: -10px;
    animation: starfall-d806edaf linear infinite
}

@keyframes starfall-d806edaf {
    0% {
        transform: translateY(-50px)
    }

    to {
        transform: translateY(2100px)
    }
}

.star-small[data-v-d806edaf] {
    width: 1px;
    height: 1px
}

.star-medium[data-v-d806edaf] {
    width: 2px;
    height: 2px
}

.star-large[data-v-d806edaf] {
    width: 3px;
    height: 3px
}

.star-white[data-v-d806edaf] {
    background: #fff;
    box-shadow: 0 0 4px #fffc
}

.star-blue[data-v-d806edaf] {
    background: #4fc3f7;
    box-shadow: 0 0 4px #4fc3f7cc
}

.star-yellow[data-v-d806edaf] {
    background: gold;
    box-shadow: 0 0 4px #ffd700cc
}

.star-red[data-v-d806edaf] {
    background: #ff6b6b;
    box-shadow: 0 0 4px #ff6b6bcc
}

@media (max-width: 768px) {
    .race-track[data-v-d806edaf] {
        height:400px
    }

    .car[data-v-d806edaf] {
        width: 50px;
        height: 65px
    }

    .lane[data-v-d806edaf] {
        width: 22%;
        margin: 0 1.5%
    }

    .race-track-container[data-v-d806edaf] {
        width: 350px
    }
}

.wheel-wrapper[data-v-1bbb14f7] {
    position: relative;
    width: 100%;
    max-width: 400px;
    aspect-ratio: 1;
    margin: 0 auto
}

.wheel-outer-ring[data-v-1bbb14f7] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--color-black-900, #1a1a1a);
    box-shadow: 0 8px 25px #0000004d,inset 0 2px 8px #ffffff1a
}

.wheel-dot[data-v-1bbb14f7] {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fbbf24;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
    box-shadow: 0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d
}

.wheel-pointer[data-v-1bbb14f7] {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%);
    z-index: 20;
    width: 40px;
    height: auto
}

.wheel[data-v-1bbb14f7] {
    position: absolute;
    inset: 7%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: inset 0 0 20px #00000026,inset 0 4px 15px #ffffff26
}

.segment-border[data-v-1bbb14f7] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 50%;
    background: linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.05) 70%,transparent 100%);
    transform-origin: top center;
    pointer-events: none;
    z-index: 1
}

.slice-text[data-v-1bbb14f7] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    z-index: 2
}

.slice-icon[data-v-1bbb14f7] {
    flex-shrink: 0;
    font-size: 18px;
    color: #000c
}

.text-content[data-v-1bbb14f7] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.text-star[data-v-1bbb14f7] {
    flex-shrink: 0;
    width: 14px;
    height: 14px
}

.wheel-center[data-v-1bbb14f7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg,#2d2d2d,#1a1a1a);
    border: 4px solid var(--color-black-900, #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 4px 15px #0006,inset 0 -2px 8px #0000004d,inset 0 2px 4px #ffffff1a;
    transition: transform .2s ease
}

.wheel-center[data-v-1bbb14f7]:hover {
    transform: translate(-50%,-50%) scale(1.05)
}

.wheel-center[data-v-1bbb14f7]:active {
    transform: translate(-50%,-50%) scale(.98)
}

.center-icon[data-v-1bbb14f7] {
    color: #fbbf24;
    width: 28px;
    height: 40px
}

@media (max-width: 450px) {
    .wheel-dot[data-v-1bbb14f7] {
        width:8px;
        height: 8px
    }

    .wheel-pointer[data-v-1bbb14f7] {
        transform: translate(-50%) scale(.8)
    }

    .slice-icon[data-v-1bbb14f7] {
        font-size: 14px
    }

    .text-content[data-v-1bbb14f7] {
        font-size: 9px
    }

    .text-star[data-v-1bbb14f7] {
        width: 10px;
        height: 10px
    }

    .wheel-center[data-v-1bbb14f7] {
        width: 56px;
        height: 56px
    }

    .center-icon[data-v-1bbb14f7] {
        width: 22px;
        height: 32px
    }
}

.adventure-map-container[data-v-bb47dfb6] {
    position: relative;
    display: inline-block;
    max-width: 800px;
    width: 100%
}

.adventure-image[data-v-bb47dfb6] {
    max-width: 800px;
    width: 100%;
    height: auto;
    cursor: crosshair;
    border-radius: 8px
}

.loading-overlay[data-v-bb47dfb6] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fffc;
    border-radius: 8px;
    z-index: 10
}

.coordinate-marker[data-v-bb47dfb6] {
    position: absolute;
    width: clamp(35px,5vw,40px);
    height: clamp(35px,5vw,40px);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px #0000004d;
    transition: all .2s ease;
    transform: translate(-50%,-50%);
    z-index: 1
}

.coordinate-marker[data-v-bb47dfb6]:hover {
    transform: translate(-50%,-50%) scale(1.1)
}

.coordinate-marker:hover .completed-badge[data-v-bb47dfb6] {
    opacity: 0;
    transition: opacity .2s ease
}

.coordinate-marker.marker-active[data-v-bb47dfb6] {
    transform: translate(-50%,-50%) scale(1.1);
    z-index: 2
}

.marker-label[data-v-bb47dfb6] {
    font-weight: 700;
    font-size: clamp(10px,2.5vw,12px);
    text-shadow: 1px 1px 2px rgba(0,0,0,.5)
}

.progress-ring[data-v-bb47dfb6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: 0;
    width: clamp(38px,8vw,44px);
    height: clamp(38px,8vw,44px)
}

.progress-circle[data-v-bb47dfb6] {
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset .3s ease
}

.completed-circle[data-v-bb47dfb6] {
    animation: completedGlow-bb47dfb6 2s ease-in-out infinite alternate
}

@keyframes completedGlow-bb47dfb6 {
    0% {
        stroke: gold
    }

    to {
        stroke: orange
    }
}

.progress-percentage[data-v-bb47dfb6] {
    background-color: #00ff88e6;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 12px;
    white-space: nowrap;
    z-index: 3;
    text-shadow: none;
    box-shadow: 0 2px 4px #0003
}

.completed-badge[data-v-bb47dfb6] {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 12px;
    white-space: nowrap;
    z-index: 3;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 2px 4px #0000004d
}

.completed-label[data-v-bb47dfb6] {
    color: gold!important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8)
}

.you-are-here-tooltip[data-v-bb47dfb6] {
    position: absolute;
    left: calc(100% + 20px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 15;
    animation: pulseTooltip-bb47dfb6 2s infinite
}

.you-are-here-content[data-v-bb47dfb6] {
    position: relative;
    color: #fff;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 4px 15px #0003;
    border: 2px solid rgba(255,255,255,.3)
}

.you-are-here-text[data-v-bb47dfb6] {
    text-shadow: 1px 1px 2px rgba(0,0,0,.3)
}

.you-are-here-arrow[data-v-bb47dfb6] {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid
}

@keyframes pulseTooltip-bb47dfb6 {
    0%,to {
        opacity: .9;
        transform: translateY(-50%) scale(1)
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.05)
    }
}

.tooltip-balloon[data-v-bb47dfb6] {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
    border-radius: 6px;
    width: 230px;
    text-align: center;
    white-space: normal;
    box-shadow: 0 4px 12px #00000026;
    z-index: 10;
    animation: tooltipFadeIn-bb47dfb6 .2s ease-in-out
}

.tooltip-content[data-v-bb47dfb6] {
    position: relative;
    z-index: 11
}

.tooltip-arrow[data-v-bb47dfb6] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2d3748
}

@keyframes tooltipFadeIn-bb47dfb6 {
    0% {
        opacity: 0;
        transform: translate(-50%) translateY(-5px)
    }

    to {
        opacity: 1;
        transform: translate(-50%) translateY(0)
    }
}

.dropdown-trigger[data-v-bb47dfb6] {
    width: 1px;
    height: 1px;
    position: absolute;
    visibility: hidden
}

.points-list[data-v-bb47dfb6] {
    max-width: 600px
}

.point-item[data-v-bb47dfb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    margin-bottom: 8px;
    background-color: #f5f7fa;
    border: 1px solid #e4e7ed;
    border-radius: 6px
}

.point-item span[data-v-bb47dfb6] {
    font-weight: 500
}

@media (max-width: 768px) {
    .adventure-map-container[data-v-bb47dfb6],.adventure-image[data-v-bb47dfb6] {
        max-width:100%
    }

    .tooltip-balloon[data-v-bb47dfb6] {
        font-size: 12px;
        padding: 6px 10px;
        max-width: 200px;
        white-space: normal;
        text-align: center
    }

    .progress-percentage[data-v-bb47dfb6] {
        font-size: 9px;
        padding: 1px 4px;
        top: -30px
    }

    .completed-badge[data-v-bb47dfb6] {
        font-size: 10px;
        padding: 1px 4px;
        top: -30px
    }

    .you-are-here-tooltip[data-v-bb47dfb6] {
        left: calc(100% + 15px)
    }

    .you-are-here-content[data-v-bb47dfb6] {
        padding: 6px 10px;
        font-size: 10px;
        border-radius: 15px
    }

    .you-are-here-arrow[data-v-bb47dfb6] {
        left: -9px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 6px solid
    }
}

@keyframes flowAnimation {
    0% {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

.arrow {
    color: #8b5e00;
    animation: flowAnimation 1.5s infinite
}

.arrow:nth-child(2) {
    animation-delay: .2s
}

.arrow:nth-child(3) {
    animation-delay: .4s
}

.arrow:nth-child(4) {
    animation-delay: .6s
}

.arrow:nth-child(5) {
    animation-delay: .8s
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.rank-card-icon i {
    font-size: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.vip-page .swiper {
    top: -25px!important
}

@keyframes stripeAnimation {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 24px 0
    }
}

.progress-bar-animated {
    background: linear-gradient(45deg,#ffbd14 0% 25%,gold 25% 50%,#ffbd14 50% 75%,gold 75% 100%);
    background-size: 24px 24px;
    animation: stripeAnimation 1.2s linear infinite
}

/*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */
:root,:host {
    --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
    --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-red-50: oklch(.971 .013 17.38);
    --color-red-100: oklch(.936 .032 17.717);
    --color-red-200: oklch(.885 .062 18.334);
    --color-red-300: oklch(.808 .114 19.571);
    --color-red-400: oklch(.704 .191 22.216);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-600: oklch(.577 .245 27.325);
    --color-red-700: oklch(.505 .213 27.518);
    --color-red-800: oklch(.444 .177 26.899);
    --color-red-900: oklch(.396 .141 25.723);
    --color-red-950: oklch(.258 .092 26.042);
    --color-orange-50: oklch(.98 .016 73.684);
    --color-orange-100: oklch(.954 .038 75.164);
    --color-orange-200: oklch(.901 .076 70.697);
    --color-orange-300: oklch(.837 .128 66.29);
    --color-orange-400: oklch(.75 .183 55.934);
    --color-orange-500: oklch(.705 .213 47.604);
    --color-orange-600: oklch(.646 .222 41.116);
    --color-orange-700: oklch(.553 .195 38.402);
    --color-orange-800: oklch(.47 .157 37.304);
    --color-orange-900: oklch(.408 .123 38.172);
    --color-orange-950: oklch(.266 .079 36.259);
    --color-amber-50: oklch(.987 .022 95.277);
    --color-amber-100: oklch(.962 .059 95.617);
    --color-amber-200: oklch(.924 .12 95.746);
    --color-amber-300: oklch(.879 .169 91.605);
    --color-amber-400: oklch(.828 .189 84.429);
    --color-amber-500: oklch(.769 .188 70.08);
    --color-amber-600: oklch(.666 .179 58.318);
    --color-amber-700: oklch(.555 .163 48.998);
    --color-amber-800: oklch(.473 .137 46.201);
    --color-amber-900: oklch(.414 .112 45.904);
    --color-amber-950: oklch(.279 .077 45.635);
    --color-yellow-50: oklch(.987 .026 102.212);
    --color-yellow-100: oklch(.973 .071 103.193);
    --color-yellow-200: oklch(.945 .129 101.54);
    --color-yellow-300: oklch(.905 .182 98.111);
    --color-yellow-400: oklch(.852 .199 91.936);
    --color-yellow-500: oklch(.795 .184 86.047);
    --color-yellow-600: oklch(.681 .162 75.834);
    --color-yellow-700: oklch(.554 .135 66.442);
    --color-yellow-800: oklch(.476 .114 61.907);
    --color-yellow-900: oklch(.421 .095 57.708);
    --color-yellow-950: oklch(.286 .066 53.813);
    --color-lime-50: oklch(.986 .031 120.757);
    --color-lime-100: oklch(.967 .067 122.328);
    --color-lime-200: oklch(.938 .127 124.321);
    --color-lime-300: oklch(.897 .196 126.665);
    --color-lime-400: oklch(.841 .238 128.85);
    --color-lime-500: oklch(.768 .233 130.85);
    --color-lime-600: oklch(.648 .2 131.684);
    --color-lime-700: oklch(.532 .157 131.589);
    --color-lime-800: oklch(.453 .124 130.933);
    --color-lime-900: oklch(.405 .101 131.063);
    --color-lime-950: oklch(.274 .072 132.109);
    --color-green-50: oklch(.982 .018 155.826);
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-200: oklch(.925 .084 155.995);
    --color-green-300: oklch(.871 .15 154.449);
    --color-green-400: oklch(.792 .209 151.711);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-600: oklch(.627 .194 149.214);
    --color-green-700: oklch(.527 .154 150.069);
    --color-green-800: oklch(.448 .119 151.328);
    --color-green-900: oklch(.393 .095 152.535);
    --color-green-950: oklch(.266 .065 152.934);
    --color-emerald-50: oklch(.979 .021 166.113);
    --color-emerald-100: oklch(.95 .052 163.051);
    --color-emerald-200: oklch(.905 .093 164.15);
    --color-emerald-300: oklch(.845 .143 164.978);
    --color-emerald-400: oklch(.765 .177 163.223);
    --color-emerald-500: oklch(.696 .17 162.48);
    --color-emerald-600: oklch(.596 .145 163.225);
    --color-emerald-700: oklch(.508 .118 165.612);
    --color-emerald-800: oklch(.432 .095 166.913);
    --color-emerald-900: oklch(.378 .077 168.94);
    --color-emerald-950: oklch(.262 .051 172.552);
    --color-teal-50: oklch(.984 .014 180.72);
    --color-teal-100: oklch(.953 .051 180.801);
    --color-teal-200: oklch(.91 .096 180.426);
    --color-teal-300: oklch(.855 .138 181.071);
    --color-teal-400: oklch(.777 .152 181.912);
    --color-teal-500: oklch(.704 .14 182.503);
    --color-teal-600: oklch(.6 .118 184.704);
    --color-teal-700: oklch(.511 .096 186.391);
    --color-teal-800: oklch(.437 .078 188.216);
    --color-teal-900: oklch(.386 .063 188.416);
    --color-teal-950: oklch(.277 .046 192.524);
    --color-cyan-50: oklch(.984 .019 200.873);
    --color-cyan-100: oklch(.956 .045 203.388);
    --color-cyan-200: oklch(.917 .08 205.041);
    --color-cyan-300: oklch(.865 .127 207.078);
    --color-cyan-400: oklch(.789 .154 211.53);
    --color-cyan-500: oklch(.715 .143 215.221);
    --color-cyan-600: oklch(.609 .126 221.723);
    --color-cyan-700: oklch(.52 .105 223.128);
    --color-cyan-800: oklch(.45 .085 224.283);
    --color-cyan-900: oklch(.398 .07 227.392);
    --color-cyan-950: oklch(.302 .056 229.695);
    --color-sky-50: oklch(.977 .013 236.62);
    --color-sky-100: oklch(.951 .026 236.824);
    --color-sky-200: oklch(.901 .058 230.902);
    --color-sky-300: oklch(.828 .111 230.318);
    --color-sky-400: oklch(.746 .16 232.661);
    --color-sky-500: oklch(.685 .169 237.323);
    --color-sky-600: oklch(.588 .158 241.966);
    --color-sky-700: oklch(.5 .134 242.749);
    --color-sky-800: oklch(.443 .11 240.79);
    --color-sky-900: oklch(.391 .09 240.876);
    --color-sky-950: oklch(.293 .066 243.157);
    --color-blue-50: oklch(.97 .014 254.604);
    --color-blue-100: oklch(.932 .032 255.585);
    --color-blue-200: oklch(.882 .059 254.128);
    --color-blue-300: oklch(.809 .105 251.813);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-600: oklch(.546 .245 262.881);
    --color-blue-700: oklch(.488 .243 264.376);
    --color-blue-800: oklch(.424 .199 265.638);
    --color-blue-900: oklch(.379 .146 265.522);
    --color-blue-950: oklch(.282 .091 267.935);
    --color-indigo-50: oklch(.962 .018 272.314);
    --color-indigo-100: oklch(.93 .034 272.788);
    --color-indigo-200: oklch(.87 .065 274.039);
    --color-indigo-300: oklch(.785 .115 274.713);
    --color-indigo-400: oklch(.673 .182 276.935);
    --color-indigo-500: oklch(.585 .233 277.117);
    --color-indigo-600: oklch(.511 .262 276.966);
    --color-indigo-700: oklch(.457 .24 277.023);
    --color-indigo-800: oklch(.398 .195 277.366);
    --color-indigo-900: oklch(.359 .144 278.697);
    --color-indigo-950: oklch(.257 .09 281.288);
    --color-violet-50: oklch(.969 .016 293.756);
    --color-violet-100: oklch(.943 .029 294.588);
    --color-violet-200: oklch(.894 .057 293.283);
    --color-violet-300: oklch(.811 .111 293.571);
    --color-violet-400: oklch(.702 .183 293.541);
    --color-violet-500: oklch(.606 .25 292.717);
    --color-violet-600: oklch(.541 .281 293.009);
    --color-violet-700: oklch(.491 .27 292.581);
    --color-violet-800: oklch(.432 .232 292.759);
    --color-violet-900: oklch(.38 .189 293.745);
    --color-violet-950: oklch(.283 .141 291.089);
    --color-purple-50: oklch(.977 .014 308.299);
    --color-purple-100: oklch(.946 .033 307.174);
    --color-purple-200: oklch(.902 .063 306.703);
    --color-purple-300: oklch(.827 .119 306.383);
    --color-purple-400: oklch(.714 .203 305.504);
    --color-purple-500: oklch(.627 .265 303.9);
    --color-purple-600: oklch(.558 .288 302.321);
    --color-purple-700: oklch(.496 .265 301.924);
    --color-purple-800: oklch(.438 .218 303.724);
    --color-purple-900: oklch(.381 .176 304.987);
    --color-purple-950: oklch(.291 .149 302.717);
    --color-fuchsia-50: oklch(.977 .017 320.058);
    --color-fuchsia-100: oklch(.952 .037 318.852);
    --color-fuchsia-200: oklch(.903 .076 319.62);
    --color-fuchsia-300: oklch(.833 .145 321.434);
    --color-fuchsia-400: oklch(.74 .238 322.16);
    --color-fuchsia-500: oklch(.667 .295 322.15);
    --color-fuchsia-600: oklch(.591 .293 322.896);
    --color-fuchsia-700: oklch(.518 .253 323.949);
    --color-fuchsia-800: oklch(.452 .211 324.591);
    --color-fuchsia-900: oklch(.401 .17 325.612);
    --color-fuchsia-950: oklch(.293 .136 325.661);
    --color-pink-50: oklch(.971 .014 343.198);
    --color-pink-100: oklch(.948 .028 342.258);
    --color-pink-200: oklch(.899 .061 343.231);
    --color-pink-300: oklch(.823 .12 346.018);
    --color-pink-400: oklch(.718 .202 349.761);
    --color-pink-500: oklch(.656 .241 354.308);
    --color-pink-600: oklch(.592 .249 .584);
    --color-pink-700: oklch(.525 .223 3.958);
    --color-pink-800: oklch(.459 .187 3.815);
    --color-pink-900: oklch(.408 .153 2.432);
    --color-pink-950: oklch(.284 .109 3.907);
    --color-rose-50: oklch(.969 .015 12.422);
    --color-rose-100: oklch(.941 .03 12.58);
    --color-rose-200: oklch(.892 .058 10.001);
    --color-rose-300: oklch(.81 .117 11.638);
    --color-rose-400: oklch(.712 .194 13.428);
    --color-rose-500: oklch(.645 .246 16.439);
    --color-rose-600: oklch(.586 .253 17.585);
    --color-rose-700: oklch(.514 .222 16.935);
    --color-rose-800: oklch(.455 .188 13.697);
    --color-rose-900: oklch(.41 .159 10.272);
    --color-rose-950: oklch(.271 .105 12.094);
    --color-slate-50: oklch(.984 .003 247.858);
    --color-slate-100: oklch(.968 .007 247.896);
    --color-slate-200: oklch(.929 .013 255.508);
    --color-slate-300: oklch(.869 .022 252.894);
    --color-slate-400: oklch(.704 .04 256.788);
    --color-slate-500: oklch(.554 .046 257.417);
    --color-slate-600: oklch(.446 .043 257.281);
    --color-slate-700: oklch(.372 .044 257.287);
    --color-slate-800: oklch(.279 .041 260.031);
    --color-slate-900: oklch(.208 .042 265.755);
    --color-slate-950: oklch(.129 .042 264.695);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-gray-950: oklch(.13 .028 261.692);
    --color-zinc-50: oklch(.985 0 0);
    --color-zinc-100: oklch(.967 .001 286.375);
    --color-zinc-200: oklch(.92 .004 286.32);
    --color-zinc-300: oklch(.871 .006 286.286);
    --color-zinc-400: oklch(.705 .015 286.067);
    --color-zinc-500: oklch(.552 .016 285.938);
    --color-zinc-600: oklch(.442 .017 285.786);
    --color-zinc-700: oklch(.37 .013 285.805);
    --color-zinc-800: oklch(.274 .006 286.033);
    --color-zinc-900: oklch(.21 .006 285.885);
    --color-zinc-950: oklch(.141 .005 285.823);
    --color-neutral-50: oklch(.985 0 0);
    --color-neutral-100: oklch(.97 0 0);
    --color-neutral-200: oklch(.922 0 0);
    --color-neutral-300: oklch(.87 0 0);
    --color-neutral-400: oklch(.708 0 0);
    --color-neutral-500: oklch(.556 0 0);
    --color-neutral-600: oklch(.439 0 0);
    --color-neutral-700: oklch(.371 0 0);
    --color-neutral-800: oklch(.269 0 0);
    --color-neutral-900: oklch(.205 0 0);
    --color-neutral-950: oklch(.145 0 0);
    --color-stone-50: oklch(.985 .001 106.423);
    --color-stone-100: oklch(.97 .001 106.424);
    --color-stone-200: oklch(.923 .003 48.717);
    --color-stone-300: oklch(.869 .005 56.366);
    --color-stone-400: oklch(.709 .01 56.259);
    --color-stone-500: oklch(.553 .013 58.071);
    --color-stone-600: oklch(.444 .011 73.639);
    --color-stone-700: oklch(.374 .01 67.558);
    --color-stone-800: oklch(.268 .007 34.298);
    --color-stone-900: oklch(.216 .006 56.043);
    --color-stone-950: oklch(.147 .004 49.25);
    --color-black: #000;
    --color-white: var(--text-primary,#fff);
    --spacing: .25rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --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.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.2 ;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-2xs: 0 1px #0000000d;
    --shadow-xs: 0 1px 2px 0 #0000000d;
    --shadow-sm: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    --shadow-xl: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
    --shadow-2xl: 0 25px 50px -12px #00000040;
    --inset-shadow-2xs: inset 0 1px #0000000d;
    --inset-shadow-xs: inset 0 1px 1px #0000000d;
    --inset-shadow-sm: inset 0 2px 4px #0000000d;
    --drop-shadow-xs: 0 1px 1px #0000000d;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --drop-shadow-xl: 0 9px 7px #0000001a;
    --drop-shadow-2xl: 0 25px 25px #00000026;
    --ease-in: cubic-bezier(.4,0,1,1);
    --ease-out: cubic-bezier(0,0,.2,1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --perspective-dramatic: 100px;
    --perspective-near: 300px;
    --perspective-normal: 500px;
    --perspective-midrange: 800px;
    --perspective-distant: 1200px;
    --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-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
    --color-black-900: var(--bg-primary,#0d0d0d);
    --color-black-700: var(--bg-secondary,#131517);
    --color-black-600: var(--bg-tertiary,#1b1c1f);
    --color-black-500: var(--bg-quaternary,#191b1e);
    --color-black-400: var(--bg-surface,#1f2125);
    --color-black-300: var(--bg-elevated,#2a2d30);
    --color-black-200: var(--bg-subtle,#444749);
    --color-black-100: var(--text-secondary,#727883);
    --color-chart-track: var(--bg-elevated);
    --color-snow-200: var(--bg-tertiary,#ececec);
    --color-snow-300: var(--bg-surface,#e4e4e4);
    --color-snow-400: var(--bg-secondary,#f7f7f7);
    --color-snow-500: var(--bg-elevated,#d9d9d9);
    --color-yellow: var(--brand-primary,#ffbd14);
    --color-yellow-dark: var(--brand-primaryHover,#f39c12);
    --color-yellow-active: var(--brand-primaryActive,#ffd362);
    --color-green: var(--brand-success,#76e664);
    --color-green-fill: var(--brand-successFill,#009e43);
    --color-orange: var(--brand-warning,#ff5a00);
    --color-red: var(--brand-error,#c82c24);
    --color-menu-text-color: var(--bg-menu-text-color,#727883);
    --color-menu-icon-color: var(--bg-menu-icon-color,#727883);
    --color-blog-modal-background: var(--bg-blog-modal-background,#fff);
    --color-black-800: #101010;
    --color-black-650: #252628;
    --color-black-250: #6c6c6c2e;
    --color-black-50: #65686f;
    --color-snow-100: #ededed;
    --color-green-dark: #2ecc71;
    --color-green-light: #aaff9c;
    --color-orange-dark: #d04900;
    --color-red-dark: #c0392b;
    --brightness-30: 30%;
    --container-3\.5: 14px;
    --container-4\.5: 18px;
    --container-5\.5: 22px;
    --container-6\.5: 26px;
    --container-7\.5: 30px;
    --container-8\.5: 38px;
    --container-10\.5: 42px;
    --container-11: 44px;
    --container-13: 52px;
    --container-13\.5: 54px;
    --container-14\.5: 58px;
    --container-17: 68px;
    --container-17\.5: 70px;
    --container-18: 72px;
    --container-19: 76px;
    --container-19\.5: 78px;
    --container-25: 100px;
    --container-26: 104px;
    --container-27: 108px;
    --container-29: 116px;
    --container-30: 120px;
    --container-30\.5: 122px;
    --container-32\.5: 130px;
    --container-33: 132px;
    --container-39: 156px;
    --container-40\.5: 162px;
    --container-42: 168px;
    --container-42\.5: 170px;
    --container-43: 172px;
    --container-51: 204px;
    --container-52: 208px;
    --container-56\.5: 226px;
    --container-60: 240px;
    --container-66: 264px;
    --container-73: 292px;
    --container-82\.5: 330px;
    --container-94: 376px;
    --container-110: 440px;
    --container-135: 540px;
    --container-92vw: 92vw;
    --radius-xlg: 10px;
    --scale-70: .7;
    --scale-80: .8;
    --scale-180: 1.8;
    --scale-290: 2.9;
    --z-index-1: 1;
    --shadow-level: 0 4px 0 4px #2a2d30;
    --text-4\.5xl: 42px;
    --text-5\.5xl: 56px;
    --text-xxs: 10px;
    --text-px: 7px
}

#ng .pointer-events-none {
    pointer-events: none
}

#ng .visible {
    visibility: visible
}

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

#ng .\!absolute {
    position: absolute!important
}

#ng .absolute {
    position: absolute
}

#ng .fixed {
    position: fixed
}

#ng .relative {
    position: relative
}

#ng .static {
    position: static
}

#ng .sticky {
    position: sticky
}

#ng .inset-0 {
    inset: calc(var(--spacing)*0)
}

#ng .-top-0\.5 {
    top: calc(var(--spacing)*-.5)
}

#ng .-top-1 {
    top: calc(var(--spacing)*-1)
}

#ng .-top-2 {
    top: calc(var(--spacing)*-2)
}

#ng .-top-10 {
    top: calc(var(--spacing)*-10)
}

#ng .-top-px {
    top: -1px
}

#ng .top-0 {
    top: calc(var(--spacing)*0)
}

#ng .top-1 {
    top: calc(var(--spacing)*1)
}

#ng .top-1\/2 {
    top: 50%
}

#ng .top-1\/3 {
    top: 33.3333%
}

#ng .top-2 {
    top: calc(var(--spacing)*2)
}

#ng .top-2\/3 {
    top: 66.6667%
}

#ng .top-3 {
    top: calc(var(--spacing)*3)
}

#ng .top-4 {
    top: calc(var(--spacing)*4)
}

#ng .top-6 {
    top: calc(var(--spacing)*6)
}

#ng .top-24 {
    top: calc(var(--spacing)*24)
}

#ng .top-\[52\.5\%\] {
    top: 52.5%
}

#ng .top-\[calc\(100\%\+11px\)\] {
    top: calc(100% + 11px)
}

#ng .-right-0\.5 {
    right: calc(var(--spacing)*-.5)
}

#ng .-right-1\.5 {
    right: calc(var(--spacing)*-1.5)
}

#ng .right-0 {
    right: calc(var(--spacing)*0)
}

#ng .right-1 {
    right: calc(var(--spacing)*1)
}

#ng .right-2 {
    right: calc(var(--spacing)*2)
}

#ng .right-3 {
    right: calc(var(--spacing)*3)
}

#ng .right-4 {
    right: calc(var(--spacing)*4)
}

#ng .right-6 {
    right: calc(var(--spacing)*6)
}

#ng .right-\[50\%\] {
    right: 50%
}

#ng .-bottom-2 {
    bottom: calc(var(--spacing)*-2)
}

#ng .-bottom-3 {
    bottom: calc(var(--spacing)*-3)
}

#ng .-bottom-8 {
    bottom: calc(var(--spacing)*-8)
}

#ng .-bottom-\[calc\(100\%\+4px\)\] {
    bottom: calc(-100% - 4px)
}

#ng .bottom-0 {
    bottom: calc(var(--spacing)*0)
}

#ng .bottom-5 {
    bottom: calc(var(--spacing)*5)
}

#ng .-left-5 {
    left: calc(var(--spacing)*-5)
}

#ng .left-0 {
    left: calc(var(--spacing)*0)
}

#ng .left-1 {
    left: calc(var(--spacing)*1)
}

#ng .left-1\/2 {
    left: 50%
}

#ng .left-2 {
    left: calc(var(--spacing)*2)
}

#ng .left-4\.5 {
    left: calc(var(--spacing)*4.5)
}

#ng .left-18 {
    left: calc(var(--spacing)*18)
}

#ng .isolate {
    isolation: isolate
}

#ng .z-0 {
    z-index: 0
}

#ng .z-1 {
    z-index: var(--z-index-1)
}

#ng .z-10 {
    z-index: 10
}

#ng .z-50 {
    z-index: 50
}

#ng .z-\[5\] {
    z-index: 5
}

#ng .z-\[9999\] {
    z-index: 9999
}

#ng .z-\[99999999\] {
    z-index: 99999999
}

#ng .col-span-2 {
    grid-column: span 2/span 2
}

#ng .col-span-3 {
    grid-column: span 3/span 3
}

#ng .col-span-6 {
    grid-column: span 6/span 6
}

#ng .col-span-7 {
    grid-column: span 7/span 7
}

#ng .col-span-9 {
    grid-column: span 9/span 9
}

#ng .col-span-10 {
    grid-column: span 10/span 10
}

#ng .col-span-13 {
    grid-column: span 13/span 13
}

#ng .row-span-2 {
    grid-row: span 2/span 2
}

#ng .\!container {
    width: 100%!important
}

@media (width>=320px) {
    #ng .\!container {
        max-width: 320px!important
    }
}

@media (width>=640px) {
    #ng .\!container {
        max-width: 640px!important
    }
}

@media (width>=768px) {
    #ng .\!container {
        max-width: 768px!important
    }
}

@media (width>=1024px) {
    #ng .\!container {
        max-width: 1024px!important
    }
}

@media (width>=1280px) {
    #ng .\!container {
        max-width: 1280px!important
    }
}

@media (width>=1330px) {
    #ng .\!container {
        max-width: 1330px!important
    }
}

#ng .container {
    width: 100%
}

@media (width>=320px) {
    #ng .container {
        max-width: 320px
    }
}

@media (width>=640px) {
    #ng .container {
        max-width: 640px
    }
}

@media (width>=768px) {
    #ng .container {
        max-width: 768px
    }
}

@media (width>=1024px) {
    #ng .container {
        max-width: 1024px
    }
}

@media (width>=1280px) {
    #ng .container {
        max-width: 1280px
    }
}

@media (width>=1330px) {
    #ng .container {
        max-width: 1330px
    }
}

#ng .m-0 {
    margin: calc(var(--spacing)*0)
}

#ng .m-1 {
    margin: calc(var(--spacing)*1)
}

#ng .m-2 {
    margin: calc(var(--spacing)*2)
}

#ng .m-3 {
    margin: calc(var(--spacing)*3)
}

#ng .m-4 {
    margin: calc(var(--spacing)*4)
}

#ng .m-5 {
    margin: calc(var(--spacing)*5)
}

#ng .m-6 {
    margin: calc(var(--spacing)*6)
}

#ng .m-8 {
    margin: calc(var(--spacing)*8)
}

#ng .m-10 {
    margin: calc(var(--spacing)*10)
}

#ng .m-12 {
    margin: calc(var(--spacing)*12)
}

#ng .m-14 {
    margin: calc(var(--spacing)*14)
}

#ng .m-15 {
    margin: calc(var(--spacing)*15)
}

#ng .\!container {
    padding-inline:4px!important;max-width: 1360px!important;
    max-height: 100vh!important;
    margin-inline:auto!important;padding-top: 7px!important;
    font-weight: 500!important;
    overflow: hidden scroll!important
}

#ng .container {
    padding-inline:4px;max-width: 1360px;
    max-height: 100vh;
    margin-inline:auto;padding-top: 7px;
    font-weight: 500;
    overflow: hidden scroll
}

#ng .\!container {
    margin-inline:auto!important}

@media (width>=320px) {
    #ng .\!container {
        max-width: none!important
    }
}

#ng .container {
    margin-inline:auto}

@media (width>=320px) {
    #ng .container {
        max-width: none
    }
}

#ng .mx-0 {
    margin-inline:calc(var(--spacing)*0)}

#ng .mx-1 {
    margin-inline: calc(var(--spacing)*1)
}

#ng .mx-2 {
    margin-inline:calc(var(--spacing)*2)}

#ng .mx-3 {
    margin-inline: calc(var(--spacing)*3)
}

#ng .mx-4 {
    margin-inline:calc(var(--spacing)*4)}

#ng .mx-5 {
    margin-inline: calc(var(--spacing)*5)
}

#ng .mx-6 {
    margin-inline:calc(var(--spacing)*6)}

#ng .mx-8 {
    margin-inline: calc(var(--spacing)*8)
}

#ng .mx-10 {
    margin-inline:calc(var(--spacing)*10)}

#ng .mx-12 {
    margin-inline: calc(var(--spacing)*12)
}

#ng .mx-14 {
    margin-inline:calc(var(--spacing)*14)}

#ng .mx-15 {
    margin-inline: calc(var(--spacing)*15)
}

#ng .mx-auto {
    margin-inline:auto}

#ng .my-0 {
    margin-block:calc(var(--spacing)*0)}

#ng .my-1 {
    margin-block: calc(var(--spacing)*1)
}

#ng .my-2 {
    margin-block:calc(var(--spacing)*2)}

#ng .my-3 {
    margin-block: calc(var(--spacing)*3)
}

#ng .my-4 {
    margin-block:calc(var(--spacing)*4)}

#ng .my-5 {
    margin-block: calc(var(--spacing)*5)
}

#ng .my-6 {
    margin-block:calc(var(--spacing)*6)}

#ng .my-7\.5 {
    margin-block: calc(var(--spacing)*7.5)
}

#ng .my-8 {
    margin-block:calc(var(--spacing)*8)}

#ng .my-10 {
    margin-block: calc(var(--spacing)*10)
}

#ng .my-12 {
    margin-block:calc(var(--spacing)*12)}

#ng .my-14 {
    margin-block: calc(var(--spacing)*14)
}

#ng .my-15 {
    margin-block:calc(var(--spacing)*15)}

#ng .my-auto {
    margin-block: auto
}

#ng .ms-2 {
    margin-inline-start:calc(var(--spacing)*2)}

#ng .\!mt-4 {
    margin-top: calc(var(--spacing)*4)!important
}

#ng .mt-0 {
    margin-top: calc(var(--spacing)*0)
}

#ng .mt-0\.5 {
    margin-top: calc(var(--spacing)*.5)
}

#ng .mt-1 {
    margin-top: calc(var(--spacing)*1)
}

#ng .mt-1\.5 {
    margin-top: calc(var(--spacing)*1.5)
}

#ng .mt-2 {
    margin-top: calc(var(--spacing)*2)
}

#ng .mt-2\.5 {
    margin-top: calc(var(--spacing)*2.5)
}

#ng .mt-3 {
    margin-top: calc(var(--spacing)*3)
}

#ng .mt-4 {
    margin-top: calc(var(--spacing)*4)
}

#ng .mt-5 {
    margin-top: calc(var(--spacing)*5)
}

#ng .mt-5\.5 {
    margin-top: calc(var(--spacing)*5.5)
}

#ng .mt-6 {
    margin-top: calc(var(--spacing)*6)
}

#ng .mt-7\.5 {
    margin-top: calc(var(--spacing)*7.5)
}

#ng .mt-8 {
    margin-top: calc(var(--spacing)*8)
}

#ng .mt-9 {
    margin-top: calc(var(--spacing)*9)
}

#ng .mt-10 {
    margin-top: calc(var(--spacing)*10)
}

#ng .mt-12 {
    margin-top: calc(var(--spacing)*12)
}

#ng .mt-14 {
    margin-top: calc(var(--spacing)*14)
}

#ng .mt-15 {
    margin-top: calc(var(--spacing)*15)
}

#ng .mt-auto {
    margin-top: auto
}

#ng .mr-0 {
    margin-right: calc(var(--spacing)*0)
}

#ng .mr-0\.5 {
    margin-right: calc(var(--spacing)*.5)
}

#ng .mr-1 {
    margin-right: calc(var(--spacing)*1)
}

#ng .mr-1\.5 {
    margin-right: calc(var(--spacing)*1.5)
}

#ng .mr-2 {
    margin-right: calc(var(--spacing)*2)
}

#ng .mr-3 {
    margin-right: calc(var(--spacing)*3)
}

#ng .mr-4 {
    margin-right: calc(var(--spacing)*4)
}

#ng .mr-5 {
    margin-right: calc(var(--spacing)*5)
}

#ng .mr-6 {
    margin-right: calc(var(--spacing)*6)
}

#ng .mr-8 {
    margin-right: calc(var(--spacing)*8)
}

#ng .mr-10 {
    margin-right: calc(var(--spacing)*10)
}

#ng .mr-10\.5 {
    margin-right: calc(var(--spacing)*10.5)
}

#ng .mr-12 {
    margin-right: calc(var(--spacing)*12)
}

#ng .mr-14 {
    margin-right: calc(var(--spacing)*14)
}

#ng .mr-15 {
    margin-right: calc(var(--spacing)*15)
}

#ng .mr-px {
    margin-right: 1px
}

#ng .-mb-1 {
    margin-bottom: calc(var(--spacing)*-1)
}

#ng .mb-0 {
    margin-bottom: calc(var(--spacing)*0)
}

#ng .mb-1 {
    margin-bottom: calc(var(--spacing)*1)
}

#ng .mb-2 {
    margin-bottom: calc(var(--spacing)*2)
}

#ng .mb-3 {
    margin-bottom: calc(var(--spacing)*3)
}

#ng .mb-4 {
    margin-bottom: calc(var(--spacing)*4)
}

#ng .mb-5 {
    margin-bottom: calc(var(--spacing)*5)
}

#ng .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
}

#ng .mb-7 {
    margin-bottom: calc(var(--spacing)*7)
}

#ng .mb-8 {
    margin-bottom: calc(var(--spacing)*8)
}

#ng .mb-9 {
    margin-bottom: calc(var(--spacing)*9)
}

#ng .mb-10 {
    margin-bottom: calc(var(--spacing)*10)
}

#ng .mb-12 {
    margin-bottom: calc(var(--spacing)*12)
}

#ng .mb-14 {
    margin-bottom: calc(var(--spacing)*14)
}

#ng .mb-15 {
    margin-bottom: calc(var(--spacing)*15)
}

#ng .ml-0 {
    margin-left: calc(var(--spacing)*0)
}

#ng .ml-0\.5 {
    margin-left: calc(var(--spacing)*.5)
}

#ng .ml-1 {
    margin-left: calc(var(--spacing)*1)
}

#ng .ml-2 {
    margin-left: calc(var(--spacing)*2)
}

#ng .ml-2\.5 {
    margin-left: calc(var(--spacing)*2.5)
}

#ng .ml-3 {
    margin-left: calc(var(--spacing)*3)
}

#ng .ml-4 {
    margin-left: calc(var(--spacing)*4)
}

#ng .ml-4\.5 {
    margin-left: calc(var(--spacing)*4.5)
}

#ng .ml-5 {
    margin-left: calc(var(--spacing)*5)
}

#ng .ml-6 {
    margin-left: calc(var(--spacing)*6)
}

#ng .ml-8 {
    margin-left: calc(var(--spacing)*8)
}

#ng .ml-10 {
    margin-left: calc(var(--spacing)*10)
}

#ng .ml-12 {
    margin-left: calc(var(--spacing)*12)
}

#ng .ml-14 {
    margin-left: calc(var(--spacing)*14)
}

#ng .ml-15 {
    margin-left: calc(var(--spacing)*15)
}

#ng .ml-auto {
    margin-left: auto
}

#ng .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

#ng .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

#ng .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

#ng .\!flex {
    display: flex!important
}

#ng .\!hidden {
    display: none!important
}

#ng .block {
    display: block
}

#ng .contents {
    display: contents
}

#ng .flex {
    display: flex
}

#ng .grid {
    display: grid
}

#ng .hidden {
    display: none
}

#ng .inline {
    display: inline
}

#ng .inline-block {
    display: inline-block
}

#ng .inline-flex {
    display: inline-flex
}

#ng .table {
    display: table
}

#ng .table-cell {
    display: table-cell
}

#ng .aspect-square {
    aspect-ratio: 1
}

#ng .size-3 {
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3)
}

#ng .size-4 {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
}

#ng .size-5 {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
}

#ng .size-5\.5 {
    width: calc(var(--spacing)*5.5);
    height: calc(var(--spacing)*5.5)
}

#ng .size-8 {
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8)
}

#ng .size-10 {
    width: calc(var(--spacing)*10);
    height: calc(var(--spacing)*10)
}

#ng .size-12 {
    width: calc(var(--spacing)*12);
    height: calc(var(--spacing)*12)
}

#ng .size-20 {
    width: calc(var(--spacing)*20);
    height: calc(var(--spacing)*20)
}

#ng .\!h-auto {
    height: auto!important
}

#ng .h-1\/4 {
    height: 25%
}

#ng .h-2 {
    height: calc(var(--spacing)*2)
}

#ng .h-2\.5 {
    height: calc(var(--spacing)*2.5)
}

#ng .h-2\/3 {
    height: 66.6667%
}

#ng .h-3 {
    height: calc(var(--spacing)*3)
}

#ng .h-3\.5 {
    height: calc(var(--spacing)*3.5)
}

#ng .h-4 {
    height: calc(var(--spacing)*4)
}

#ng .h-5 {
    height: calc(var(--spacing)*5)
}

#ng .h-6 {
    height: calc(var(--spacing)*6)
}

#ng .h-7\.5 {
    height: calc(var(--spacing)*7.5)
}

#ng .h-8 {
    height: calc(var(--spacing)*8)
}

#ng .h-8\.5 {
    height: calc(var(--spacing)*8.5)
}

#ng .h-8\/10 {
    height: 80%
}

#ng .h-9 {
    height: calc(var(--spacing)*9)
}

#ng .h-10 {
    height: calc(var(--spacing)*10)
}

#ng .h-11 {
    height: calc(var(--spacing)*11)
}

#ng .h-12 {
    height: calc(var(--spacing)*12)
}

#ng .h-14 {
    height: calc(var(--spacing)*14)
}

#ng .h-14\.5 {
    height: calc(var(--spacing)*14.5)
}

#ng .h-20 {
    height: calc(var(--spacing)*20)
}

#ng .h-24 {
    height: calc(var(--spacing)*24)
}

#ng .h-27 {
    height: calc(var(--spacing)*27)
}

#ng .h-29 {
    height: calc(var(--spacing)*29)
}

#ng .h-35 {
    height: calc(var(--spacing)*35)
}

#ng .h-48 {
    height: calc(var(--spacing)*48)
}

#ng .h-51 {
    height: calc(var(--spacing)*51)
}

#ng .h-64 {
    height: calc(var(--spacing)*64)
}

#ng .h-96 {
    height: calc(var(--spacing)*96)
}

#ng .h-110 {
    height: calc(var(--spacing)*110)
}

#ng .h-\[20px\] {
    height: 20px
}

#ng .h-\[44px\] {
    height: 44px
}

#ng .h-\[calc\(100\%\+2px\)\] {
    height: calc(100% + 2px)
}

#ng .h-\[calc\(100\%-32px\)\] {
    height: calc(100% - 32px)
}

#ng .h-\[calc\(100\%-48px\)\] {
    height: calc(100% - 48px)
}

#ng .h-\[calc\(100\%-50px\)\] {
    height: calc(100% - 50px)
}

#ng .h-\[calc\(100\%-58px\)\] {
    height: calc(100% - 58px)
}

#ng .h-\[calc\(100\%-96px\)\] {
    height: calc(100% - 96px)
}

#ng .h-\[calc\(100\%-140px\)\] {
    height: calc(100% - 140px)
}

#ng .h-auto {
    height: auto
}

#ng .h-full {
    height: 100%
}

#ng .h-max {
    height: max-content
}

#ng .h-px {
    height: 1px
}

#ng .h-screen {
    height: 100vh
}

#ng .max-h-0 {
    max-height: calc(var(--spacing)*0)
}

#ng .max-h-36 {
    max-height: calc(var(--spacing)*36)
}

#ng .max-h-96 {
    max-height: calc(var(--spacing)*96)
}

#ng .max-h-\[90vh\] {
    max-height: 90vh
}

#ng .max-h-\[160px\] {
    max-height: 160px
}

#ng .max-h-\[500px\] {
    max-height: 500px
}

#ng .max-h-\[calc\(437px\+60px\)\] {
    max-height: 497px
}

#ng .max-h-\[calc\(765px\+60px\)\] {
    max-height: 825px
}

#ng .\!min-h-\[200px\] {
    min-height: 200px!important
}

#ng .min-h-10 {
    min-height: calc(var(--spacing)*10)
}

#ng .min-h-\[44px\] {
    min-height: 44px
}

#ng .min-h-\[160px\] {
    min-height: 160px
}

#ng .min-h-max {
    min-height: max-content
}

#ng .\!w-full {
    width: 100%!important
}

#ng .\!w-max {
    width: max-content!important
}

#ng .w-1\/4 {
    width: 25%
}

#ng .w-2 {
    width: calc(var(--spacing)*2)
}

#ng .w-2\.5 {
    width: calc(var(--spacing)*2.5)
}

#ng .w-2\/3 {
    width: 66.6667%
}

#ng .w-3 {
    width: calc(var(--spacing)*3)
}

#ng .w-3\.5 {
    width: var(--container-3\.5)
}

#ng .w-3xs {
    width: var(--container-3xs)
}

#ng .w-4 {
    width: calc(var(--spacing)*4)
}

#ng .w-4\.5 {
    width: var(--container-4\.5)
}

#ng .w-5 {
    width: calc(var(--spacing)*5)
}

#ng .w-5\.5 {
    width: var(--container-5\.5)
}

#ng .w-6 {
    width: calc(var(--spacing)*6)
}

#ng .w-7 {
    width: calc(var(--spacing)*7)
}

#ng .w-7\.5 {
    width: var(--container-7\.5)
}

#ng .w-8 {
    width: calc(var(--spacing)*8)
}

#ng .w-8\.5 {
    width: var(--container-8\.5)
}

#ng .w-9 {
    width: calc(var(--spacing)*9)
}

#ng .w-10 {
    width: calc(var(--spacing)*10)
}

#ng .w-11 {
    width: var(--container-11)
}

#ng .w-14\.5 {
    width: var(--container-14\.5)
}

#ng .w-16 {
    width: calc(var(--spacing)*16)
}

#ng .w-17 {
    width: var(--container-17)
}

#ng .w-17\.5 {
    width: var(--container-17\.5)
}

#ng .w-18 {
    width: var(--container-18)
}

#ng .w-24 {
    width: calc(var(--spacing)*24)
}

#ng .w-29 {
    width: var(--container-29)
}

#ng .w-30 {
    width: var(--container-30)
}

#ng .w-30\.5 {
    width: var(--container-30\.5)
}

#ng .w-32 {
    width: calc(var(--spacing)*32)
}

#ng .w-40\.5 {
    width: var(--container-40\.5)
}

#ng .w-66 {
    width: var(--container-66)
}

#ng .w-73 {
    width: var(--container-73)
}

#ng .w-\[7px\] {
    width: 7px
}

#ng .w-\[50px\] {
    width: 50px
}

#ng .w-\[64px\] {
    width: 64px
}

#ng .w-\[80\%\] {
    width: 80%
}

#ng .w-\[80px\] {
    width: 80px
}

#ng .w-\[100px\] {
    width: 100px
}

#ng .w-\[110px\] {
    width: 110px
}

#ng .w-\[120px\] {
    width: 120px
}

#ng .w-\[150px\] {
    width: 150px
}

#ng .w-\[calc\(100\%\+40px\)\] {
    width: calc(100% + 40px)
}

#ng .w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px)
}

#ng .w-auto {
    width: auto
}

#ng .w-full {
    width: 100%
}

#ng .w-max {
    width: max-content
}

#ng .w-px {
    width: 1px
}

#ng .w-screen {
    width: 100vw
}

#ng .w-xs {
    width: var(--container-xs)
}

#ng .max-w-2xl {
    max-width: var(--container-2xl)
}

#ng .max-w-2xs {
    max-width: var(--container-2xs)
}

#ng .max-w-3xl {
    max-width: var(--container-3xl)
}

#ng .max-w-3xs {
    max-width: var(--container-3xs)
}

#ng .max-w-4xl {
    max-width: var(--container-4xl)
}

#ng .max-w-5xl {
    max-width: var(--container-5xl)
}

#ng .max-w-6xl {
    max-width: var(--container-6xl)
}

#ng .max-w-7xl {
    max-width: var(--container-7xl)
}

#ng .max-w-33 {
    max-width: var(--container-33)
}

#ng .max-w-36 {
    max-width: calc(var(--spacing)*36)
}

#ng .max-w-43 {
    max-width: var(--container-43)
}

#ng .max-w-52 {
    max-width: var(--container-52)
}

#ng .max-w-60 {
    max-width: var(--container-60)
}

#ng .max-w-\[110px\] {
    max-width: 110px
}

#ng .max-w-lg {
    max-width: var(--container-lg)
}

#ng .max-w-max {
    max-width: max-content
}

#ng .max-w-md {
    max-width: var(--container-md)
}

#ng .max-w-sm {
    max-width: var(--container-sm)
}

#ng .max-w-xl {
    max-width: var(--container-xl)
}

#ng .max-w-xs {
    max-width: var(--container-xs)
}

#ng .min-w-0 {
    min-width: calc(var(--spacing)*0)
}

#ng .min-w-14 {
    min-width: calc(var(--spacing)*14)
}

#ng .min-w-\[320px\] {
    min-width: 320px
}

#ng .min-w-\[450px\] {
    min-width: 450px
}

#ng .min-w-max {
    min-width: max-content
}

#ng .\!flex-1 {
    flex: 1!important
}

#ng .flex-1 {
    flex: 1
}

#ng .flex-shrink {
    flex-shrink: 1
}

#ng .flex-shrink-0,#ng .shrink-0 {
    flex-shrink: 0
}

#ng .table-fixed {
    table-layout: fixed
}

#ng .-translate-1\/2 {
    --tw-translate-x: -50% ;
    --tw-translate-y: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .-translate-x-1\/2 {
    --tw-translate-x: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .-translate-x-2\/3 {
    --tw-translate-x: calc(calc(2/3*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .-translate-y-1\/2 {
    --tw-translate-y: -50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .-translate-y-1\/3 {
    --tw-translate-y: calc(calc(1/3*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .-translate-y-2\/3 {
    --tw-translate-y: calc(calc(2/3*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .translate-x-1\/2 {
    --tw-translate-x: 50% ;
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

#ng .scale-70 {
    --tw-scale-x: var(--scale-70);
    --tw-scale-y: var(--scale-70);
    --tw-scale-z: var(--scale-70);
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

#ng .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

#ng .scale-80 {
    --tw-scale-x: var(--scale-80);
    --tw-scale-y: var(--scale-80);
    --tw-scale-z: var(--scale-80);
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

#ng .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

#ng .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

#ng .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
}

#ng .-rotate-90 {
    rotate: -90deg
}

#ng .rotate-45 {
    rotate: 45deg
}

#ng .rotate-90 {
    rotate: 90deg
}

#ng .rotate-180 {
    rotate: 180deg
}

#ng .rotate-270 {
    rotate: 270deg
}

#ng .\!rotate-y-0 {
    --tw-rotate-y: rotateY(0deg)!important;
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important
}

#ng .-rotate-y-180 {
    --tw-rotate-y: rotateY( -180deg );
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

#ng .rotate-y-0 {
    --tw-rotate-y: rotateY(0deg);
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

#ng .rotate-y-180 {
    --tw-rotate-y: rotateY(180deg);
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

#ng .transform {
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
}

#ng .animate-pulse {
    animation: var(--animate-pulse)
}

#ng .animate-spin {
    animation: var(--animate-spin)
}

#ng .cursor-not-allowed {
    cursor: not-allowed
}

#ng .cursor-pointer {
    cursor: pointer
}

#ng .resize {
    resize: both
}

#ng .\[grid-auto-rows\:62px\] {
    grid-auto-rows: 62px
}

#ng .\[grid-auto-rows\:212px\] {
    grid-auto-rows: 212px
}

#ng .\!grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))!important
}

#ng .grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

#ng .grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

#ng .grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

#ng .grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

#ng .grid-cols-13 {
    grid-template-columns: repeat(13,minmax(0,1fr))
}

#ng .grid-cols-\[1fr_90px_1fr\] {
    grid-template-columns: 1fr 90px 1fr
}

#ng .grid-cols-\[16px_1fr_1fr\] {
    grid-template-columns: 16px 1fr 1fr
}

#ng .grid-cols-\[40px_1fr_50px_1fr\] {
    grid-template-columns: 40px 1fr 50px 1fr
}

#ng .grid-cols-\[40px_1fr_80px_1fr\] {
    grid-template-columns: 40px 1fr 80px 1fr
}

#ng .grid-cols-\[60px_1fr_1fr\] {
    grid-template-columns: 60px 1fr 1fr
}

#ng .grid-cols-\[60px_1fr_repeat\(3\,120px\)\] {
    grid-template-columns: 60px 1fr repeat(3,120px)
}

#ng .grid-cols-\[60px_30\%_1fr_1fr_1fr_1fr\] {
    grid-template-columns: 60px 30% 1fr 1fr 1fr 1fr
}

#ng .grid-cols-\[60px_30px_1fr_60px_80px\] {
    grid-template-columns: 60px 30px 1fr 60px 80px
}

#ng .grid-cols-\[60px_30px_1fr_80px\] {
    grid-template-columns: 60px 30px 1fr 80px
}

#ng .grid-cols-\[60px_30px_1fr_120px_80px\] {
    grid-template-columns: 60px 30px 1fr 120px 80px
}

#ng .grid-cols-\[repeat\(3\,65px\)\] {
    grid-template-columns: repeat(3,65px)
}

#ng .grid-rows-1 {
    grid-template-rows: repeat(1,minmax(0,1fr))
}

#ng .grid-rows-2 {
    grid-template-rows: repeat(2,minmax(0,1fr))
}

#ng .grid-rows-3 {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

#ng .grid-rows-\[204px_250px\] {
    grid-template-rows: 204px 250px
}

#ng .flex-col {
    flex-direction: column
}

#ng .flex-col-reverse {
    flex-direction: column-reverse
}

#ng .flex-row {
    flex-direction: row
}

#ng .flex-wrap {
    flex-wrap: wrap
}

#ng .items-center {
    align-items: center
}

#ng .items-end {
    align-items: flex-end
}

#ng .justify-between {
    justify-content: space-between
}

#ng .justify-center {
    justify-content: center
}

#ng .justify-end {
    justify-content: flex-end
}

#ng .justify-evenly {
    justify-content: space-evenly
}

#ng .gap-0\.5 {
    gap: calc(var(--spacing)*.5)
}

#ng .gap-1 {
    gap: calc(var(--spacing)*1)
}

#ng .gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
}

#ng .gap-2 {
    gap: calc(var(--spacing)*2)
}

#ng .gap-2\.5 {
    gap: calc(var(--spacing)*2.5)
}

#ng .gap-3 {
    gap: calc(var(--spacing)*3)
}

#ng .gap-3\.5 {
    gap: calc(var(--spacing)*3.5)
}

#ng .gap-4 {
    gap: calc(var(--spacing)*4)
}

#ng .gap-5 {
    gap: calc(var(--spacing)*5)
}

#ng .gap-6 {
    gap: calc(var(--spacing)*6)
}

#ng .gap-7 {
    gap: calc(var(--spacing)*7)
}

#ng .gap-8 {
    gap: calc(var(--spacing)*8)
}

#ng .gap-9 {
    gap: calc(var(--spacing)*9)
}

#ng .gap-10 {
    gap: calc(var(--spacing)*10)
}

#ng .gap-12 {
    gap: calc(var(--spacing)*12)
}

#ng .gap-x-2 {
    column-gap: calc(var(--spacing)*2)
}

#ng .gap-x-3 {
    column-gap: calc(var(--spacing)*3)
}

#ng .gap-x-4 {
    column-gap: calc(var(--spacing)*4)
}

:where(#ng .space-y-2>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
}

#ng .gap-y-1 {
    row-gap: calc(var(--spacing)*1)
}

#ng .gap-y-2 {
    row-gap: calc(var(--spacing)*2)
}

#ng .gap-y-5 {
    row-gap: calc(var(--spacing)*5)
}

:where(#ng .divide-y-2>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(2px*var(--tw-divide-y-reverse));
    border-bottom-width: calc(2px*calc(1 - var(--tw-divide-y-reverse)))
}

:where(#ng .divide-black-100\/5>:not(:last-child)) {
    border-color: color-mix(in oklab,var(--color-black-100)5%,transparent)
}

:where(#ng .divide-black-100\/10>:not(:last-child)) {
    border-color: color-mix(in oklab,var(--color-black-100)10%,transparent)
}

#ng .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#ng .overflow-auto {
    overflow: auto
}

#ng .overflow-hidden {
    overflow: hidden
}

#ng .overflow-scroll {
    overflow: scroll
}

#ng .overflow-x-auto {
    overflow-x: auto
}

#ng .overflow-x-scroll {
    overflow-x: scroll
}

#ng .overflow-y-auto {
    overflow-y: auto
}

#ng .overflow-y-scroll {
    overflow-y: scroll
}

#ng .rounded {
    border-radius: .25rem
}

#ng .rounded-\[20px\] {
    border-radius: 20px
}

#ng .rounded-full {
    border-radius: 3.40282e38px
}

#ng .rounded-lg {
    border-radius: var(--radius-lg)
}

#ng .rounded-md {
    border-radius: var(--radius-md)
}

#ng .rounded-none {
    border-radius: 0
}

#ng .rounded-sm {
    border-radius: var(--radius-sm)
}

#ng .rounded-xl {
    border-radius: var(--radius-xl)
}

#ng .rounded-xlg {
    border-radius: var(--radius-xlg)
}

#ng .rounded-xs {
    border-radius: var(--radius-xs)
}

#ng .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md)
}

#ng .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
}

#ng .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md)
}

#ng .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg)
}

#ng .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#ng .border {
    border-style: var(--tw-border-style);
    border-width: 1px
}

#ng .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
}

#ng .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px
}

#ng .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
}

#ng .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px
}

#ng .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
}

#ng .border-12 {
    border-style: var(--tw-border-style);
    border-width: 12px
}

#ng .border-20 {
    border-style: var(--tw-border-style);
    border-width: 20px
}

#ng .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}

#ng .border-r-1 {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
}

#ng .border-r-8 {
    border-right-style: var(--tw-border-style);
    border-right-width: 8px
}

#ng .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
}

#ng .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
}

#ng .border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px
}

#ng .border-none {
    --tw-border-style: none;
    border-style: none
}

#ng .\!border-black-100 {
    border-color: var(--color-black-100)!important
}

#ng .border-\[\#FFD362\] {
    border-color: #ffd362
}

#ng .border-black-100 {
    border-color: var(--color-black-100)
}

#ng .border-black-100\/5 {
    border-color: color-mix(in oklab,var(--color-black-100)5%,transparent)
}

#ng .border-black-100\/20 {
    border-color: color-mix(in oklab,var(--color-black-100)20%,transparent)
}

#ng .border-black-300 {
    border-color: var(--color-black-300)
}

#ng .border-black-650 {
    border-color: var(--color-black-650)
}

#ng .border-black-800 {
    border-color: var(--color-black-800)
}

#ng .border-green {
    border-color: var(--color-green)
}

#ng .border-green-dark {
    border-color: var(--color-green-dark)
}

#ng .border-green-light {
    border-color: var(--color-green-light)
}

#ng .border-orange {
    border-color: var(--color-orange)
}

#ng .border-snow-200 {
    border-color: var(--color-snow-200)
}

#ng .border-snow-300 {
    border-color: var(--color-snow-300)
}

#ng .border-transparent {
    border-color: #0000
}

#ng .border-white {
    border-color: var(--color-white)
}

#ng .border-yellow {
    border-color: var(--color-yellow)
}

#ng .border-yellow-dark {
    border-color: var(--color-yellow-dark)
}

#ng .border-r-black-100 {
    border-right-color: var(--color-black-100)
}

#ng .\!bg-orange {
    background-color: var(--color-orange)!important
}

#ng .\!bg-orange-dark {
    background-color: var(--color-orange-dark)!important
}

#ng .\!bg-snow-300 {
    background-color: var(--color-snow-300)!important
}

#ng .\!bg-snow-500 {
    background-color: var(--color-snow-500)!important
}

#ng .bg-black {
    background-color: var(--color-black)
}

#ng .bg-black-100 {
    background-color: var(--color-black-100)
}

#ng .bg-black-200 {
    background-color: var(--color-black-200)
}

#ng .bg-black-200\/50 {
    background-color: color-mix(in oklab,var(--color-black-200)50%,transparent)
}

#ng .bg-black-250 {
    background-color: var(--color-black-250)
}

#ng .bg-black-300 {
    background-color: var(--color-black-300)
}

#ng .bg-black-400 {
    background-color: var(--color-black-400)
}

#ng .bg-black-400\/50 {
    background-color: color-mix(in oklab,var(--color-black-400)50%,transparent)
}

#ng .bg-black-500 {
    background-color: var(--color-black-500)
}

#ng .bg-black-600 {
    background-color: var(--color-black-600)
}

#ng .bg-black\/30 {
    background-color: color-mix(in oklab,var(--color-black)30%,transparent)
}

#ng .bg-black\/36 {
    background-color: color-mix(in oklab,var(--color-black)36%,transparent)
}

#ng .bg-black\/50 {
    background-color: color-mix(in oklab,var(--color-black)50%,transparent)
}

#ng .bg-black\/75 {
    background-color: color-mix(in oklab,var(--color-black)75%,transparent)
}

#ng .bg-blog-modal-background {
    background-color: var(--color-blog-modal-background)
}

#ng .bg-gray-100 {
    background-color: var(--color-gray-100)
}

#ng .bg-gray-200 {
    background-color: var(--color-gray-200)
}

#ng .bg-green {
    background-color: var(--color-green)
}

#ng .bg-green-500 {
    background-color: var(--color-green-500)
}

#ng .bg-green-dark {
    background-color: var(--color-green-dark)
}

#ng .bg-green-fill {
    background-color: var(--color-green-fill)
}

#ng .bg-orange {
    background-color: var(--color-orange)
}

#ng .bg-purple-500 {
    background-color: var(--color-purple-500)
}

#ng .bg-red {
    background-color: var(--color-red)
}

#ng .bg-red-500 {
    background-color: var(--color-red-500)
}

#ng .bg-snow-100 {
    background-color: var(--color-snow-100)
}

#ng .bg-snow-100\/50 {
    background-color: color-mix(in oklab,var(--color-snow-100)50%,transparent)
}

#ng .bg-snow-200 {
    background-color: var(--color-snow-200)
}

#ng .bg-snow-300 {
    background-color: var(--color-snow-300)
}

#ng .bg-snow-400 {
    background-color: var(--color-snow-400)
}

#ng .bg-snow-500 {
    background-color: var(--color-snow-500)
}

#ng .bg-transparent {
    background-color: #0000
}

#ng .bg-white {
    background-color: var(--color-white)
}

#ng .bg-yellow {
    background-color: var(--color-yellow)
}

#ng .bg-yellow-400 {
    background-color: var(--color-yellow-400)
}

#ng .bg-yellow-dark {
    background-color: var(--color-yellow-dark)
}

#ng .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops))
}

#ng .bg-linear-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops))
}

#ng .from-cyan-500 {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

#ng .from-snow-200 {
    --tw-gradient-from: var(--color-snow-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

#ng .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

#ng .from-60\% {
    --tw-gradient-from-position: 60%
}

#ng .via-snow-200\/80 {
    --tw-gradient-via: color-mix(in oklab,var(--color-snow-200)80%,transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}

#ng .to-blue-500 {
    --tw-gradient-to: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

#ng .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

#ng .to-60\% {
    --tw-gradient-to-position: 60%
}

#ng .bg-clip-border {
    background-clip: border-box
}

#ng .\!object-contain {
    object-fit: contain!important
}

#ng .object-contain {
    object-fit: contain
}

#ng .object-cover {
    object-fit: cover
}

#ng .\!p-0 {
    padding: calc(var(--spacing)*0)!important
}

#ng .p-0 {
    padding: calc(var(--spacing)*0)
}

#ng .p-1 {
    padding: calc(var(--spacing)*1)
}

#ng .p-2 {
    padding: calc(var(--spacing)*2)
}

#ng .p-2\.5 {
    padding: calc(var(--spacing)*2.5)
}

#ng .p-3 {
    padding: calc(var(--spacing)*3)
}

#ng .p-4 {
    padding: calc(var(--spacing)*4)
}

#ng .p-5 {
    padding: calc(var(--spacing)*5)
}

#ng .p-6 {
    padding: calc(var(--spacing)*6)
}

#ng .p-8 {
    padding: calc(var(--spacing)*8)
}

#ng .p-10 {
    padding: calc(var(--spacing)*10)
}

#ng .p-12 {
    padding: calc(var(--spacing)*12)
}

#ng .p-14 {
    padding: calc(var(--spacing)*14)
}

#ng .p-15 {
    padding: calc(var(--spacing)*15)
}

#ng .\!px-0 {
    padding-inline:calc(var(--spacing)*0)!important}

#ng .\!px-4 {
    padding-inline: calc(var(--spacing)*4)!important
}

#ng .px-0 {
    padding-inline:calc(var(--spacing)*0)}

#ng .px-1 {
    padding-inline: calc(var(--spacing)*1)
}

#ng .px-1\.5 {
    padding-inline:calc(var(--spacing)*1.5)}

#ng .px-2 {
    padding-inline: calc(var(--spacing)*2)
}

#ng .px-2\.5 {
    padding-inline:calc(var(--spacing)*2.5)}

#ng .px-3 {
    padding-inline: calc(var(--spacing)*3)
}

#ng .px-3\.5 {
    padding-inline:calc(var(--spacing)*3.5)}

#ng .px-4 {
    padding-inline: calc(var(--spacing)*4)
}

#ng .px-4\.5 {
    padding-inline:calc(var(--spacing)*4.5)}

#ng .px-5 {
    padding-inline: calc(var(--spacing)*5)
}

#ng .px-5\.5 {
    padding-inline:calc(var(--spacing)*5.5)}

#ng .px-6 {
    padding-inline: calc(var(--spacing)*6)
}

#ng .px-8 {
    padding-inline:calc(var(--spacing)*8)}

#ng .px-10 {
    padding-inline: calc(var(--spacing)*10)
}

#ng .px-12 {
    padding-inline:calc(var(--spacing)*12)}

#ng .px-14 {
    padding-inline: calc(var(--spacing)*14)
}

#ng .px-15 {
    padding-inline:calc(var(--spacing)*15)}

#ng .\!py-2 {
    padding-block: calc(var(--spacing)*2)!important
}

#ng .py-0 {
    padding-block:calc(var(--spacing)*0)}

#ng .py-1 {
    padding-block: calc(var(--spacing)*1)
}

#ng .py-1\.5 {
    padding-block:calc(var(--spacing)*1.5)}

#ng .py-2 {
    padding-block: calc(var(--spacing)*2)
}

#ng .py-2\.5 {
    padding-block:calc(var(--spacing)*2.5)}

#ng .py-3 {
    padding-block: calc(var(--spacing)*3)
}

#ng .py-3\.5 {
    padding-block:calc(var(--spacing)*3.5)}

#ng .py-4 {
    padding-block: calc(var(--spacing)*4)
}

#ng .py-4\.5 {
    padding-block:calc(var(--spacing)*4.5)}

#ng .py-5 {
    padding-block: calc(var(--spacing)*5)
}

#ng .py-5\.5 {
    padding-block:calc(var(--spacing)*5.5)}

#ng .py-6 {
    padding-block: calc(var(--spacing)*6)
}

#ng .py-7 {
    padding-block:calc(var(--spacing)*7)}

#ng .py-8 {
    padding-block: calc(var(--spacing)*8)
}

#ng .py-10 {
    padding-block:calc(var(--spacing)*10)}

#ng .py-12 {
    padding-block: calc(var(--spacing)*12)
}

#ng .py-14 {
    padding-block:calc(var(--spacing)*14)}

#ng .py-15 {
    padding-block: calc(var(--spacing)*15)
}

#ng .pt-0 {
    padding-top: calc(var(--spacing)*0)
}

#ng .pt-1 {
    padding-top: calc(var(--spacing)*1)
}

#ng .pt-2 {
    padding-top: calc(var(--spacing)*2)
}

#ng .pt-3 {
    padding-top: calc(var(--spacing)*3)
}

#ng .pt-4 {
    padding-top: calc(var(--spacing)*4)
}

#ng .pt-5 {
    padding-top: calc(var(--spacing)*5)
}

#ng .pt-6 {
    padding-top: calc(var(--spacing)*6)
}

#ng .pt-6\.5 {
    padding-top: calc(var(--spacing)*6.5)
}

#ng .pt-8 {
    padding-top: calc(var(--spacing)*8)
}

#ng .pt-10 {
    padding-top: calc(var(--spacing)*10)
}

#ng .pt-12 {
    padding-top: calc(var(--spacing)*12)
}

#ng .pt-14 {
    padding-top: calc(var(--spacing)*14)
}

#ng .pt-15 {
    padding-top: calc(var(--spacing)*15)
}

#ng .pr-0 {
    padding-right: calc(var(--spacing)*0)
}

#ng .pr-1 {
    padding-right: calc(var(--spacing)*1)
}

#ng .pr-1\.5 {
    padding-right: calc(var(--spacing)*1.5)
}

#ng .pr-2 {
    padding-right: calc(var(--spacing)*2)
}

#ng .pr-3 {
    padding-right: calc(var(--spacing)*3)
}

#ng .pr-4 {
    padding-right: calc(var(--spacing)*4)
}

#ng .pr-4\.5 {
    padding-right: calc(var(--spacing)*4.5)
}

#ng .pr-5 {
    padding-right: calc(var(--spacing)*5)
}

#ng .pr-5\.5 {
    padding-right: calc(var(--spacing)*5.5)
}

#ng .pr-6 {
    padding-right: calc(var(--spacing)*6)
}

#ng .pr-8 {
    padding-right: calc(var(--spacing)*8)
}

#ng .pr-9 {
    padding-right: calc(var(--spacing)*9)
}

#ng .pr-10 {
    padding-right: calc(var(--spacing)*10)
}

#ng .pr-12 {
    padding-right: calc(var(--spacing)*12)
}

#ng .pr-14 {
    padding-right: calc(var(--spacing)*14)
}

#ng .pr-15 {
    padding-right: calc(var(--spacing)*15)
}

#ng .pb-0 {
    padding-bottom: calc(var(--spacing)*0)
}

#ng .pb-1 {
    padding-bottom: calc(var(--spacing)*1)
}

#ng .pb-2 {
    padding-bottom: calc(var(--spacing)*2)
}

#ng .pb-2\.5 {
    padding-bottom: calc(var(--spacing)*2.5)
}

#ng .pb-3 {
    padding-bottom: calc(var(--spacing)*3)
}

#ng .pb-3\.5 {
    padding-bottom: calc(var(--spacing)*3.5)
}

#ng .pb-4 {
    padding-bottom: calc(var(--spacing)*4)
}

#ng .pb-4\.5 {
    padding-bottom: calc(var(--spacing)*4.5)
}

#ng .pb-5 {
    padding-bottom: calc(var(--spacing)*5)
}

#ng .pb-6 {
    padding-bottom: calc(var(--spacing)*6)
}

#ng .pb-6\.5 {
    padding-bottom: calc(var(--spacing)*6.5)
}

#ng .pb-8 {
    padding-bottom: calc(var(--spacing)*8)
}

#ng .pb-10 {
    padding-bottom: calc(var(--spacing)*10)
}

#ng .pb-12 {
    padding-bottom: calc(var(--spacing)*12)
}

#ng .pb-14 {
    padding-bottom: calc(var(--spacing)*14)
}

#ng .pb-15 {
    padding-bottom: calc(var(--spacing)*15)
}

#ng .pb-20 {
    padding-bottom: calc(var(--spacing)*20)
}

#ng .pl-0 {
    padding-left: calc(var(--spacing)*0)
}

#ng .pl-1 {
    padding-left: calc(var(--spacing)*1)
}

#ng .pl-2 {
    padding-left: calc(var(--spacing)*2)
}

#ng .pl-3 {
    padding-left: calc(var(--spacing)*3)
}

#ng .pl-3\.5 {
    padding-left: calc(var(--spacing)*3.5)
}

#ng .pl-4 {
    padding-left: calc(var(--spacing)*4)
}

#ng .pl-5 {
    padding-left: calc(var(--spacing)*5)
}

#ng .pl-5\.5 {
    padding-left: calc(var(--spacing)*5.5)
}

#ng .pl-6 {
    padding-left: calc(var(--spacing)*6)
}

#ng .pl-8 {
    padding-left: calc(var(--spacing)*8)
}

#ng .pl-10 {
    padding-left: calc(var(--spacing)*10)
}

#ng .pl-12 {
    padding-left: calc(var(--spacing)*12)
}

#ng .pl-14 {
    padding-left: calc(var(--spacing)*14)
}

#ng .pl-15 {
    padding-left: calc(var(--spacing)*15)
}

#ng .pl-16 {
    padding-left: calc(var(--spacing)*16)
}

#ng .text-center {
    text-align: center
}

#ng .text-left {
    text-align: left
}

#ng .text-right {
    text-align: right
}

#ng .text-start {
    text-align: start
}

#ng .font-mono {
    font-family: var(--font-mono)
}

#ng .font-sans {
    font-family: var(--font-sans)
}

#ng .\!text-base {
    font-size: var(--text-base)!important;
    line-height: var(--tw-leading,var(--text-base--line-height))!important
}

#ng .\!text-sm {
    font-size: var(--text-sm)!important;
    line-height: var(--tw-leading,var(--text-sm--line-height))!important
}

#ng .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height))
}

#ng .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading,var(--text-3xl--line-height))
}

#ng .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading,var(--text-4xl--line-height))
}

#ng .text-5\.5xl {
    font-size: var(--text-5\.5xl)
}

#ng .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading,var(--text-base--line-height))
}

#ng .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading,var(--text-lg--line-height))
}

#ng .text-px {
    font-size: var(--text-px)
}

#ng .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading,var(--text-sm--line-height))
}

#ng .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height))
}

#ng .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading,var(--text-xs--line-height))
}

#ng .text-xxs {
    font-size: var(--text-xxs)
}

#ng .text-\[6px\] {
    font-size: 6px
}

#ng .text-\[10px\] {
    font-size: 10px
}

#ng .text-\[25px\] {
    font-size: 25px
}

#ng .text-\[30px\] {
    font-size: 30px
}

#ng .leading-3\.5 {
    --tw-leading: calc(var(--spacing)*3.5);
    line-height: calc(var(--spacing)*3.5)
}

#ng .leading-7\.5 {
    --tw-leading: calc(var(--spacing)*7.5);
    line-height: calc(var(--spacing)*7.5)
}

#ng .leading-10\.5 {
    --tw-leading: calc(var(--spacing)*10.5);
    line-height: calc(var(--spacing)*10.5)
}

#ng .leading-19 {
    --tw-leading: calc(var(--spacing)*19);
    line-height: calc(var(--spacing)*19)
}

#ng .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px
}

#ng .leading-none {
    --tw-leading: 1;
    line-height: 1
}

#ng .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal)
}

#ng .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
}

#ng .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

#ng .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

#ng .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

#ng .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
}

#ng .text-nowrap {
    text-wrap: nowrap
}

#ng .break-words {
    overflow-wrap: break-word
}

#ng .whitespace-normal {
    white-space: normal
}

#ng .whitespace-nowrap {
    white-space: nowrap
}

#ng .\!text-black {
    color: var(--color-black)!important
}

#ng .\!text-black-100\/50 {
    color: color-mix(in oklab,var(--color-black-100)50%,transparent)!important
}

#ng .\!text-black-800 {
    color: var(--color-black-800)!important
}

#ng .\!text-white {
    color: var(--color-white)!important
}

#ng .\!text-yellow {
    color: var(--color-yellow)!important
}

#ng .text-black {
    color: var(--color-black)
}

#ng .text-black-100 {
    color: var(--color-black-100)
}

#ng .text-black-100\/75 {
    color: color-mix(in oklab,var(--color-black-100)75%,transparent)
}

#ng .text-black-200 {
    color: var(--color-black-200)
}

#ng .text-black-200\/75 {
    color: color-mix(in oklab,var(--color-black-200)75%,transparent)
}

#ng .text-black-300 {
    color: var(--color-black-300)
}

#ng .text-black-400 {
    color: var(--color-black-400)
}

#ng .text-black-500 {
    color: var(--color-black-500)
}

#ng .text-black-900 {
    color: var(--color-black-900)
}

#ng .text-black\/40 {
    color: color-mix(in oklab,var(--color-black)40%,transparent)
}

#ng .text-black\/50 {
    color: color-mix(in oklab,var(--color-black)50%,transparent)
}

#ng .text-blue-500 {
    color: var(--color-blue-500)
}

#ng .text-gray-50 {
    color: var(--color-gray-50)
}

#ng .text-gray-400 {
    color: var(--color-gray-400)
}

#ng .text-gray-500 {
    color: var(--color-gray-500)
}

#ng .text-gray-600 {
    color: var(--color-gray-600)
}

#ng .text-green {
    color: var(--color-green)
}

#ng .text-green-400 {
    color: var(--color-green-400)
}

#ng .text-green-500 {
    color: var(--color-green-500)
}

#ng .text-green-dark {
    color: var(--color-green-dark)
}

#ng .text-green-fill {
    color: var(--color-green-fill)
}

#ng .text-orange {
    color: var(--color-orange)
}

#ng .text-orange-dark {
    color: var(--color-orange-dark)
}

#ng .text-red-500 {
    color: var(--color-red-500)
}

#ng .text-white {
    color: var(--color-white)
}

#ng .text-yellow {
    color: var(--color-yellow)
}

#ng .text-yellow-400 {
    color: var(--color-yellow-400)
}

#ng .text-yellow-500 {
    color: var(--color-yellow-500)
}

#ng .text-yellow-active {
    color: var(--color-yellow-active)
}

#ng .text-yellow-dark {
    color: var(--color-yellow-dark)
}

#ng .capitalize {
    text-transform: capitalize
}

#ng .lowercase {
    text-transform: lowercase
}

#ng .uppercase {
    text-transform: uppercase
}

#ng .underline {
    text-decoration-line: underline
}

#ng .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#ng .opacity-0 {
    opacity: 0
}

#ng .opacity-25 {
    opacity: .25
}

#ng .opacity-30 {
    opacity: .3
}

#ng .opacity-50 {
    opacity: .5
}

#ng .opacity-60 {
    opacity: .6
}

#ng .opacity-70 {
    opacity: .7
}

#ng .opacity-75 {
    opacity: .75
}

#ng .opacity-100 {
    opacity: 1
}

#ng .ring,#ng .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow-\[0px_3px_0px_4px_\#009E43\] {
    --tw-shadow: 0px 3px 0px 4px var(--tw-shadow-color,#009e43);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow-\[0px_3px_0px_4px_\#727883\] {
    --tw-shadow: 0px 3px 0px 4px var(--tw-shadow-color,#727883);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow-\[0px_3px_0px_4px_\#F39C12\] {
    --tw-shadow: 0px 3px 0px 4px var(--tw-shadow-color,#f39c12);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow-level {
    --tw-shadow: 0 4px 0 4px var(--tw-shadow-color,#2a2d30);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .\!ring-black-100\/50 {
    --tw-ring-color: color-mix(in oklab,var(--color-black-100)50%,transparent)!important
}

#ng .ring-black-200 {
    --tw-ring-color: var(--color-black-200)
}

#ng .ring-black\/50 {
    --tw-ring-color: color-mix(in oklab,var(--color-black)50%,transparent)
}

#ng .ring-gray-600 {
    --tw-ring-color: var(--color-gray-600)
}

#ng .ring-green {
    --tw-ring-color: var(--color-green)
}

#ng .ring-orange {
    --tw-ring-color: var(--color-orange)
}

#ng .ring-yellow {
    --tw-ring-color: var(--color-yellow)
}

#ng .ring-yellow-400 {
    --tw-ring-color: var(--color-yellow-400)
}

#ng .outline,#ng .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
}

#ng .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
}

#ng .outline-4 {
    outline-style: var(--tw-outline-style);
    outline-width: 4px
}

#ng .outline-\[\#09C85A\] {
    outline-color: #09c85a
}

#ng .outline-black-200 {
    outline-color: var(--color-black-200)
}

#ng .outline-green {
    outline-color: var(--color-green)
}

#ng .outline-green-light {
    outline-color: var(--color-green-light)
}

#ng .outline-red {
    outline-color: var(--color-red)
}

#ng .outline-snow-500 {
    outline-color: var(--color-snow-500)
}

#ng .outline-white {
    outline-color: var(--color-white)
}

#ng .outline-yellow {
    outline-color: var(--color-yellow)
}

#ng .outline-yellow-active {
    outline-color: var(--color-yellow-active)
}

#ng .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .blur-none {
    --tw-blur: ;
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .brightness-10 {
    --tw-brightness: brightness(10%);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .brightness-100 {
    --tw-brightness: brightness(100%);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .\!grayscale-0 {
    --tw-grayscale: grayscale(0%)!important;
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important
}

#ng .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .\!filter {
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important
}

#ng .filter {
    filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
}

#ng .backdrop-blur-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#ng .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#ng .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#ng .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#ng .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
}

#ng .\!transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter!important;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function))!important;
    transition-duration: var(--tw-duration,var(--default-transition-duration))!important
}

#ng .transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[color\] {
    transition-property: color;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[opacity\] {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[padding\] {
    transition-property: padding;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-\[width\,opacity\] {
    transition-property: width,opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-colors {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .transition-transform {
    transition-property: transform,translate,scale,rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration))
}

#ng .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
}

#ng .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
}

#ng .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in)
}

#ng .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
}

#ng .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
}

#ng .\!outline-none {
    --tw-outline-style: none!important;
    outline-style: none!important
}

#ng .outline-none {
    --tw-outline-style: none;
    outline-style: none
}

#ng .select-none {
    -webkit-user-select: none;
    user-select: none
}

#ng .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto
}

#ng .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1
}

@media (hover: hover) {
    #ng .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
        pointer-events:auto
    }

    #ng .group-hover\:scale-105:is(:where(.group):hover *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    #ng .group-hover\:\!bg-snow-200:is(:where(.group):hover *) {
        background-color: var(--color-snow-200)!important
    }

    #ng .group-hover\:bg-snow-300:is(:where(.group):hover *) {
        background-color: var(--color-snow-300)
    }

    #ng .group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1
    }

    #ng .hover\:pointer-events-auto:hover {
        pointer-events: auto
    }

    #ng .hover\:scale-105:hover {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    #ng .hover\:\!bg-snow-200:hover {
        background-color: var(--color-snow-200)!important
    }

    #ng .hover\:bg-gray-100:hover {
        background-color: var(--color-gray-100)
    }

    #ng .hover\:bg-gray-200:hover {
        background-color: var(--color-gray-200)
    }

    #ng .hover\:bg-green-600:hover {
        background-color: var(--color-green-600)
    }

    #ng .hover\:bg-red-600:hover {
        background-color: var(--color-red-600)
    }

    #ng .hover\:bg-snow-300:hover {
        background-color: var(--color-snow-300)
    }

    #ng .hover\:bg-yellow:hover {
        background-color: var(--color-yellow)
    }

    #ng .hover\:bg-yellow-dark:hover {
        background-color: var(--color-yellow-dark)
    }

    #ng .hover\:text-black:hover {
        color: var(--color-black)
    }

    #ng .hover\:text-black-200:hover {
        color: var(--color-black-200)
    }

    #ng .hover\:text-gray-200:hover {
        color: var(--color-gray-200)
    }

    #ng .hover\:text-yellow-active:hover {
        color: var(--color-yellow-active)
    }

    #ng .hover\:opacity-90:hover {
        opacity: .9
    }

    #ng .hover\:opacity-100:hover {
        opacity: 1
    }

    #ng .hover\:ring-2:hover {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    #ng .hover\:shadow-md:hover {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    #ng .hover\:ring-gray-300:hover {
        --tw-ring-color: var(--color-gray-300)
    }

    #ng .hover\:\!grayscale-0:hover {
        --tw-grayscale: grayscale(0%)!important;
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important
    }
}

#ng .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .focus\:ring-blue-300:focus {
    --tw-ring-color: var(--color-blue-300)
}

#ng .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
}

@media (width>=320px) {
    #ng .xs\: left-2 {
        left:calc(var(--spacing)*2)
    }

    #ng .xs\:col-span-4 {
        grid-column: span 4/span 4
    }

    #ng .xs\:col-span-9 {
        grid-column: span 9/span 9
    }

    #ng .xs\:block {
        display: block
    }

    #ng .xs\:size-13 {
        width: calc(var(--spacing)*13);
        height: calc(var(--spacing)*13)
    }

    #ng .xs\:h-28 {
        height: calc(var(--spacing)*28)
    }

    #ng .xs\:h-full {
        height: 100%
    }

    #ng .xs\:\!max-h-full {
        max-height: 100%!important
    }

    #ng .xs\:w-36 {
        width: calc(var(--spacing)*36)
    }

    #ng .xs\:max-w-none {
        max-width: none
    }

    #ng .xs\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    #ng .xs\:items-start {
        align-items: flex-start
    }

    #ng .xs\:justify-around {
        justify-content: space-around
    }

    #ng .xs\:gap-5 {
        gap: calc(var(--spacing)*5)
    }

    #ng .xs\:rounded-none {
        border-radius: 0
    }

    #ng .xs\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    #ng .xs\:px-4\.5 {
        padding-inline:calc(var(--spacing)*4.5)}

    #ng .xs\: pr-12 {
        padding-right:calc(var(--spacing)*12)
    }

    #ng .xs\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    #ng .xs\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }
}

@media (width>=640px) {
    #ng .sm\: right-\[50\%\] {
        right:50%
    }

    #ng .sm\:col-span-5 {
        grid-column: span 5/span 5
    }

    #ng .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    #ng .sm\:row-span-1 {
        grid-row: span 1/span 1
    }

    #ng .sm\:my-6 {
        margin-block:calc(var(--spacing)*6)}

    #ng .sm\: mt-0 {
        margin-top:calc(var(--spacing)*0)
    }

    #ng .sm\:mb-7\.5 {
        margin-bottom: calc(var(--spacing)*7.5)
    }

    #ng .sm\:block {
        display: block
    }

    #ng .sm\:flex {
        display: flex
    }

    #ng .sm\:grid {
        display: grid
    }

    #ng .sm\:hidden {
        display: none
    }

    #ng .sm\:size-28 {
        width: calc(var(--spacing)*28);
        height: calc(var(--spacing)*28)
    }

    #ng .sm\:h-10\.5 {
        height: calc(var(--spacing)*10.5)
    }

    #ng .sm\:h-56\.5 {
        height: calc(var(--spacing)*56.5)
    }

    #ng .sm\:h-auto {
        height: auto
    }

    #ng .sm\:max-w-4xl {
        max-width: var(--container-4xl)
    }

    #ng .sm\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    #ng .sm\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    #ng .sm\:grid-cols-\[40px_1fr_80px_1fr\] {
        grid-template-columns: 40px 1fr 80px 1fr
    }

    #ng .sm\:grid-cols-\[60px_1fr_repeat\(4\,100px\)\] {
        grid-template-columns: 60px 1fr repeat(4,100px)
    }

    #ng .sm\:grid-rows-\[226px_234px\] {
        grid-template-rows: 226px 234px
    }

    #ng .sm\:flex-row {
        flex-direction: row
    }

    #ng .sm\:items-center {
        align-items: center
    }

    #ng .sm\:gap-0 {
        gap: calc(var(--spacing)*0)
    }

    #ng .sm\:gap-6 {
        gap: calc(var(--spacing)*6)
    }

    #ng .sm\:gap-6\.5 {
        gap: calc(var(--spacing)*6.5)
    }

    #ng .sm\:gap-9 {
        gap: calc(var(--spacing)*9)
    }

    #ng .sm\:rounded-lg {
        border-radius: var(--radius-lg)
    }

    #ng .sm\:border-14 {
        border-style: var(--tw-border-style);
        border-width: 14px
    }

    #ng .sm\:px-3 {
        padding-inline:calc(var(--spacing)*3)}

    #ng .sm\: px-4 {
        padding-inline:calc(var(--spacing)*4)
    }

    #ng .sm\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    #ng .sm\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    #ng .sm\:text-4\.5xl {
        font-size: var(--text-4\.5xl)
    }

    #ng .sm\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    #ng .sm\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    #ng .sm\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    #ng .sm\:leading-13\.5 {
        --tw-leading: calc(var(--spacing)*13.5);
        line-height: calc(var(--spacing)*13.5)
    }

    #ng .sm\:shadow-\[0px_3px_0px_4px_\#009E43\] {
        --tw-shadow: 0px 3px 0px 4px var(--tw-shadow-color,#009e43);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    #ng .sm\:shadow-\[0px_3px_0px_4px_\#F39C12\] {
        --tw-shadow: 0px 3px 0px 4px var(--tw-shadow-color,#f39c12);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    #ng .sm\:shadow-\[0px_5px_0px_4px_\#727883\] {
        --tw-shadow: 0px 5px 0px 4px var(--tw-shadow-color,#727883);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    @media (hover: hover) {
        #ng .sm\:hover\:bg-snow-400:hover {
            background-color:var(--color-snow-400)
        }
    }
}

@media (width>=768px) {
    #ng .md\: relative {
        position:relative
    }

    #ng .md\:right-0 {
        right: calc(var(--spacing)*0)
    }

    #ng .md\:bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    #ng .md\:left-0 {
        left: calc(var(--spacing)*0)
    }

    #ng .md\:row-span-2 {
        grid-row: span 2/span 2
    }

    #ng .md\:\!mt-0 {
        margin-top: calc(var(--spacing)*0)!important
    }

    #ng .md\:\!mt-7\.5 {
        margin-top: calc(var(--spacing)*7.5)!important
    }

    #ng .md\:mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    #ng .md\:mt-9 {
        margin-top: calc(var(--spacing)*9)
    }

    #ng .md\:mr-2 {
        margin-right: calc(var(--spacing)*2)
    }

    #ng .md\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    #ng .md\:ml-auto {
        margin-left: auto
    }

    #ng .md\:block {
        display: block
    }

    #ng .md\:flex {
        display: flex
    }

    #ng .md\:grid {
        display: grid
    }

    #ng .md\:hidden {
        display: none
    }

    #ng .md\:size-5\.5 {
        width: calc(var(--spacing)*5.5);
        height: calc(var(--spacing)*5.5)
    }

    #ng .md\:size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
    }

    #ng .md\:size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    #ng .md\:h-7 {
        height: calc(var(--spacing)*7)
    }

    #ng .md\:h-8 {
        height: calc(var(--spacing)*8)
    }

    #ng .md\:h-13\.5 {
        height: calc(var(--spacing)*13.5)
    }

    #ng .md\:h-full {
        height: 100%
    }

    #ng .md\:max-h-96 {
        max-height: calc(var(--spacing)*96)
    }

    #ng .md\:w-5\.5 {
        width: var(--container-5\.5)
    }

    #ng .md\:w-7 {
        width: calc(var(--spacing)*7)
    }

    #ng .md\:w-13\.5 {
        width: var(--container-13\.5)
    }

    #ng .md\:w-17 {
        width: var(--container-17)
    }

    #ng .md\:w-19\.5 {
        width: var(--container-19\.5)
    }

    #ng .md\:w-39 {
        width: var(--container-39)
    }

    #ng .md\:w-auto {
        width: auto
    }

    #ng .md\:w-full {
        width: 100%
    }

    #ng .md\:max-w-26 {
        max-width: var(--container-26)
    }

    #ng .md\:scale-80 {
        --tw-scale-x: var(--scale-80);
        --tw-scale-y: var(--scale-80);
        --tw-scale-z: var(--scale-80);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    #ng .md\:scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    #ng .md\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    #ng .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    #ng .md\:grid-cols-\[60px_1fr_1fr\] {
        grid-template-columns: 60px 1fr 1fr
    }

    #ng .md\:flex-row {
        flex-direction: row
    }

    #ng .md\:gap-0 {
        gap: calc(var(--spacing)*0)
    }

    #ng .md\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    #ng .md\:gap-5 {
        gap: calc(var(--spacing)*5)
    }

    #ng .md\:gap-6 {
        gap: calc(var(--spacing)*6)
    }

    #ng .md\:gap-9 {
        gap: calc(var(--spacing)*9)
    }

    #ng .md\:gap-10 {
        gap: calc(var(--spacing)*10)
    }

    #ng .md\:gap-x-10 {
        column-gap: calc(var(--spacing)*10)
    }

    #ng .md\:gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    #ng .md\:overflow-y-scroll {
        overflow-y: scroll
    }

    #ng .md\:rounded-lg {
        border-radius: var(--radius-lg)
    }

    #ng .md\:rounded-none {
        border-radius: 0
    }

    #ng .md\:\!bg-snow-400 {
        background-color: var(--color-snow-400)!important
    }

    #ng .md\:bg-snow-300 {
        background-color: var(--color-snow-300)
    }

    #ng .md\:p-4 {
        padding: calc(var(--spacing)*4)
    }

    #ng .md\:px-3 {
        padding-inline:calc(var(--spacing)*3)}

    #ng .md\: px-6 {
        padding-inline:calc(var(--spacing)*6)
    }

    #ng .md\:px-9 {
        padding-inline:calc(var(--spacing)*9)}

    #ng .md\: px-12 {
        padding-inline:calc(var(--spacing)*12)
    }

    #ng .md\:py-0 {
        padding-block:calc(var(--spacing)*0)}

    #ng .md\: py-10 {
        padding-block:calc(var(--spacing)*10)
    }

    #ng .md\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    #ng .md\:pr-10 {
        padding-right: calc(var(--spacing)*10)
    }

    #ng .md\:pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    #ng .md\:text-4\.5xl {
        font-size: var(--text-4\.5xl)
    }

    #ng .md\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading,var(--text-4xl--line-height))
    }

    #ng .md\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    #ng .md\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    #ng .md\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    #ng .md\:text-black-200 {
        color: var(--color-black-200)
    }

    @media (hover: hover) {
        #ng .md\:group-hover\:\!bg-snow-300:is(:where(.group):hover *),#ng .md\:hover\:\!bg-snow-300:hover {
            background-color:var(--color-snow-300)!important
        }

        #ng .md\:hover\:bg-snow-200:hover {
            background-color: var(--color-snow-200)
        }
    }
}

@media (width>=1024px) {
    #ng .lg\: col-span-1 {
        grid-column:span 1/span 1
    }

    #ng .lg\:row-span-1 {
        grid-row: span 1/span 1
    }

    #ng .lg\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    #ng .lg\:mt-8\.5 {
        margin-top: calc(var(--spacing)*8.5)
    }

    #ng .lg\:mr-16 {
        margin-right: calc(var(--spacing)*16)
    }

    #ng .lg\:ml-7 {
        margin-left: calc(var(--spacing)*7)
    }

    #ng .lg\:block {
        display: block
    }

    #ng .lg\:flex {
        display: flex
    }

    #ng .lg\:grid {
        display: grid
    }

    #ng .lg\:hidden {
        display: none
    }

    #ng .lg\:table-cell {
        display: table-cell
    }

    #ng .lg\:size-13 {
        width: calc(var(--spacing)*13);
        height: calc(var(--spacing)*13)
    }

    #ng .lg\:h-8\.5 {
        height: calc(var(--spacing)*8.5)
    }

    #ng .lg\:max-h-\[calc\(437px\+60px\)\] {
        max-height: 497px
    }

    #ng .lg\:w-8\.5 {
        width: var(--container-8\.5)
    }

    #ng .lg\:cursor-pointer {
        cursor: pointer
    }

    #ng .lg\:\[grid-auto-rows\:62px\] {
        grid-auto-rows: 62px
    }

    #ng .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    #ng .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    #ng .lg\:grid-cols-\[60px_1fr_1fr_repeat\(3\,120px\)\] {
        grid-template-columns: 60px 1fr 1fr repeat(3,120px)
    }

    #ng .lg\:grid-cols-\[60px_30\%_1fr_1fr_1fr_1fr\] {
        grid-template-columns: 60px 30% 1fr 1fr 1fr 1fr
    }

    #ng .lg\:grid-cols-\[120px_1fr_120px\] {
        grid-template-columns: 120px 1fr 120px
    }

    #ng .lg\:grid-rows-1 {
        grid-template-rows: repeat(1,minmax(0,1fr))
    }

    #ng .lg\:flex-row {
        flex-direction: row
    }

    #ng .lg\:items-center {
        align-items: center
    }

    #ng .lg\:gap-0 {
        gap: calc(var(--spacing)*0)
    }

    #ng .lg\:gap-10 {
        gap: calc(var(--spacing)*10)
    }

    :where(#ng .lg\:divide-y-2>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(2px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(2px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(#ng .lg\:divide-black-100\/5>:not(:last-child)) {
        border-color: color-mix(in oklab,var(--color-black-100)5%,transparent)
    }

    #ng .lg\:px-0 {
        padding-inline:calc(var(--spacing)*0)}

    #ng .lg\: px-16 {
        padding-inline:calc(var(--spacing)*16)
    }

    #ng .lg\:py-0 {
        padding-block:calc(var(--spacing)*0)}

    #ng .lg\: py-5 {
        padding-block:calc(var(--spacing)*5)
    }

    #ng .lg\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    #ng .lg\:pr-14\.5 {
        padding-right: calc(var(--spacing)*14.5)
    }

    #ng .lg\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    #ng .lg\:pl-4\.5 {
        padding-left: calc(var(--spacing)*4.5)
    }

    #ng .lg\:pl-32\.5 {
        padding-left: calc(var(--spacing)*32.5)
    }

    #ng .lg\:pl-82\.5 {
        padding-left: calc(var(--spacing)*82.5)
    }

    #ng .lg\:text-start {
        text-align: start
    }

    #ng .lg\:text-5\.5xl {
        font-size: var(--text-5\.5xl)
    }

    #ng .lg\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height))
    }

    #ng .lg\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    #ng .lg\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    @media (hover: hover) {
        #ng .lg\:hover\:bg-snow-300:hover {
            background-color:var(--color-snow-300)
        }

        #ng .lg\:hover\:bg-snow-400:hover {
            background-color: var(--color-snow-400)
        }
    }
}

@media (width>=1280px) {
    #ng .xl\: col-span-2 {
        grid-column:span 2/span 2
    }

    #ng .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    #ng .xl\:col-span-8 {
        grid-column: span 8/span 8
    }

    #ng .xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    #ng .xl\:col-span-13 {
        grid-column: span 13/span 13
    }

    #ng .xl\:mr-16 {
        margin-right: calc(var(--spacing)*16)
    }

    #ng .xl\:ml-25 {
        margin-left: calc(var(--spacing)*25)
    }

    #ng .xl\:flex {
        display: flex
    }

    #ng .xl\:w-auto {
        width: auto
    }

    #ng .xl\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    #ng .xl\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    #ng .xl\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    #ng .xl\:grid-cols-\[55\%_45\%\] {
        grid-template-columns: 55% 45%
    }

    #ng .xl\:grid-cols-\[60px_45\%_1fr_1fr_1fr_1fr\] {
        grid-template-columns: 60px 45% 1fr 1fr 1fr 1fr
    }

    #ng .xl\:grid-cols-\[108px\,108px\] {
        grid-template-columns: 108px,108px
    }

    #ng .xl\:flex-row {
        flex-direction: row
    }

    #ng .xl\:gap-8 {
        gap: calc(var(--spacing)*8)
    }

    #ng .xl\:gap-9 {
        gap: calc(var(--spacing)*9)
    }

    #ng .xl\:gap-13 {
        gap: calc(var(--spacing)*13)
    }

    #ng .xl\:gap-16 {
        gap: calc(var(--spacing)*16)
    }

    #ng .xl\:object-cover {
        object-fit: cover
    }

    #ng .xl\:px-5 {
        padding-inline:calc(var(--spacing)*5)}

    #ng .xl\: px-7\.5 {
        padding-inline:calc(var(--spacing)*7.5)
    }

    #ng .xl\:px-9 {
        padding-inline:calc(var(--spacing)*9)}

    #ng .xl\: py-7 {
        padding-block:calc(var(--spacing)*7)
    }

    #ng .xl\:py-9 {
        padding-block:calc(var(--spacing)*9)}

    #ng .xl\: text-start {
        text-align:start
    }
}

@media (width>=1330px) {
    #ng .\32xl\: flex {
        display:flex
    }

    #ng .\32xl\:h-42 {
        height: calc(var(--spacing)*42)
    }

    #ng .\32xl\:w-26 {
        width: var(--container-26)
    }

    #ng .\32xl\:w-94 {
        width: var(--container-94)
    }

    #ng .\32xl\:w-135 {
        width: var(--container-135)
    }

    #ng .\32xl\:max-w-42 {
        max-width: var(--container-42)
    }

    #ng .\32xl\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    #ng .\32xl\:grid-cols-\[540px_1fr\] {
        grid-template-columns: 540px 1fr
    }

    #ng .\32xl\:gap-9 {
        gap: calc(var(--spacing)*9)
    }

    #ng .\32xl\:gap-10 {
        gap: calc(var(--spacing)*10)
    }

    #ng .\32xl\:object-contain {
        object-fit: contain
    }

    #ng .\32xl\:pl-10 {
        padding-left: calc(var(--spacing)*10)
    }
}

@media (width>=1440px) {
    #ng .min-\[1440px\]\: hidden {
        display:none
    }

    #ng .min-\[1440px\]\:max-h-\[800px\] {
        max-height: 800px
    }

    #ng .min-\[1440px\]\:max-w-\[1330px\] {
        max-width: 1330px
    }

    #ng .min-\[1440px\]\:p-5 {
        padding: calc(var(--spacing)*5)
    }
}

#ng .rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
    rotate: 180deg
}

#ng .dark\:gap-1:where([data-theme=dark],[data-theme=dark] *) {
    gap: calc(var(--spacing)*1)
}

:where(#ng .dark\:divide-black-300:where([data-theme=dark],[data-theme=dark] *)>:not(:last-child)) {
    border-color: var(--color-black-300)
}

:where(#ng .dark\:divide-black-400:where([data-theme=dark],[data-theme=dark] *)>:not(:last-child)) {
    border-color: var(--color-black-400)
}

#ng .dark\:border-black-200:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-black-200)
}

#ng .dark\:border-black-300:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-black-300)
}

#ng .dark\:border-black-400:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-black-400)
}

#ng .dark\:border-black-500:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-black-500)
}

#ng .dark\:border-black-600:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-black-600)
}

#ng .dark\:border-black-700:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-black-700)
}

#ng .dark\:border-white:where([data-theme=dark],[data-theme=dark] *) {
    border-color: var(--color-white)
}

#ng .dark\:\!bg-black:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black)!important
}

#ng .dark\:\!bg-black-100:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-100)!important
}

#ng .dark\:\!bg-black-200:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-200)!important
}

#ng .dark\:bg-black:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black)
}

#ng .dark\:bg-black-200:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-200)
}

#ng .dark\:bg-black-300:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-300)
}

#ng .dark\:bg-black-400:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-400)
}

#ng .dark\:bg-black-500:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-500)
}

#ng .dark\:bg-black-600:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-600)
}

#ng .dark\:bg-black-650:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-650)
}

#ng .dark\:bg-black-700:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-700)
}

#ng .dark\:bg-black-800:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-800)
}

#ng .dark\:bg-black-900:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-black-900)
}

#ng .dark\:bg-gray-700:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-gray-700)
}

#ng .dark\:bg-orange:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-orange)
}

#ng .dark\:bg-orange-dark:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-orange-dark)
}

#ng .dark\:bg-transparent:where([data-theme=dark],[data-theme=dark] *) {
    background-color: #0000
}

#ng .dark\:bg-white:where([data-theme=dark],[data-theme=dark] *) {
    background-color: var(--color-white)
}

#ng .dark\:bg-white\/30:where([data-theme=dark],[data-theme=dark] *) {
    background-color: color-mix(in oklab,var(--color-white)30%,transparent)
}

#ng .dark\:from-black-600:where([data-theme=dark],[data-theme=dark] *) {
    --tw-gradient-from: var(--color-black-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
}

#ng .dark\:via-black-600\/80:where([data-theme=dark],[data-theme=dark] *) {
    --tw-gradient-via: color-mix(in oklab,var(--color-black-600)80%,transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
}

#ng .dark\:font-medium:where([data-theme=dark],[data-theme=dark] *) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

#ng .dark\:\!text-black-100:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-100)!important
}

#ng .dark\:\!text-black-200:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-200)!important
}

#ng .dark\:\!text-white:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-white)!important
}

#ng .dark\:text-black:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black)
}

#ng .dark\:text-black-50:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-50)
}

#ng .dark\:text-black-100:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-100)
}

#ng .dark\:text-black-200:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-200)
}

#ng .dark\:text-black-650:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-650)
}

#ng .dark\:text-black-800:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-black-800)
}

#ng .dark\:text-gray-400:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-gray-400)
}

#ng .dark\:text-green:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-green)
}

#ng .dark\:text-orange:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-orange)
}

#ng .dark\:text-red-400:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-red-400)
}

#ng .dark\:text-white:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-white)
}

#ng .dark\:text-yellow:where([data-theme=dark],[data-theme=dark] *) {
    color: var(--color-yellow)
}

#ng .dark\:shadow-\[0px_3px_0px_4px_\#2A2D30\]:where([data-theme=dark],[data-theme=dark] *) {
    --tw-shadow: 0px 3px 0px 4px var(--tw-shadow-color,#2a2d30);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

#ng .dark\:\!ring-black-100:where([data-theme=dark],[data-theme=dark] *) {
    --tw-ring-color: var(--color-black-100)!important
}

#ng .dark\:ring-black-200:where([data-theme=dark],[data-theme=dark] *) {
    --tw-ring-color: var(--color-black-200)
}

#ng .dark\:ring-transparent:where([data-theme=dark],[data-theme=dark] *) {
    --tw-ring-color: transparent
}

#ng .dark\:ring-white:where([data-theme=dark],[data-theme=dark] *) {
    --tw-ring-color: var(--color-white)
}

#ng .dark\:outline-black-200:where([data-theme=dark],[data-theme=dark] *) {
    outline-color: var(--color-black-200)
}

#ng .dark\:outline-black-400:where([data-theme=dark],[data-theme=dark] *) {
    outline-color: var(--color-black-400)
}

@media (hover: hover) {
    #ng .dark\:group-hover\:\!bg-black-300:where([data-theme=dark],[data-theme=dark] *):is(:where(.group):hover *) {
        background-color:var(--color-black-300)!important
    }

    #ng .dark\:group-hover\:bg-black-700:where([data-theme=dark],[data-theme=dark] *):is(:where(.group):hover *) {
        background-color: var(--color-black-700)
    }

    #ng .dark\:hover\:\!bg-black-300:where([data-theme=dark],[data-theme=dark] *):hover {
        background-color: var(--color-black-300)!important
    }

    #ng .dark\:hover\:bg-black-400:where([data-theme=dark],[data-theme=dark] *):hover {
        background-color: var(--color-black-400)
    }

    #ng .dark\:hover\:bg-black-700:where([data-theme=dark],[data-theme=dark] *):hover {
        background-color: var(--color-black-700)
    }
}

@media (width>=640px) {
    #ng .dark\: sm\:shadow-\[0px_3px_0px_4px_\#2A2D30\]:where([data-theme=dark],[data-theme=dark] *) {
        --tw-shadow:0px 3px 0px 4px var(--tw-shadow-color,#2a2d30);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    @media (hover: hover) {
        #ng .dark\:sm\:hover\:bg-black-700:where([data-theme=dark],[data-theme=dark] *):hover {
            background-color:var(--color-black-700)
        }
    }
}

@media (width>=768px) {
    #ng .dark\: md\:\!bg-black-400:where([data-theme=dark],[data-theme=dark] *) {
        background-color:var(--color-black-400)!important
    }

    #ng .dark\:md\:bg-black-400:where([data-theme=dark],[data-theme=dark] *) {
        background-color: var(--color-black-400)
    }

    #ng .dark\:md\:text-white:where([data-theme=dark],[data-theme=dark] *) {
        color: var(--color-white)
    }

    @media (hover: hover) {
        #ng .dark\:md\:group-hover\:\!bg-black-500:where([data-theme=dark],[data-theme=dark] *):is(:where(.group):hover *),#ng .dark\:md\:hover\:\!bg-black-500:where([data-theme=dark],[data-theme=dark] *):hover {
            background-color:var(--color-black-500)!important
        }

        #ng .dark\:md\:hover\:bg-black-600:where([data-theme=dark],[data-theme=dark] *):hover {
            background-color: var(--color-black-600)
        }
    }
}

@media (width>=1024px) {
    : where(#ng .dark\:lg\:divide-black-400:where([data-theme=dark],[data-theme=dark] *)>:not(:last-child)) {
        border-color:var(--color-black-400)
    }

    @media (hover: hover) {
        #ng .dark\:lg\:hover\:bg-black-700:where([data-theme=dark],[data-theme=dark] *):hover {
            background-color:var(--color-black-700)
        }
    }
}

#ng .will-change-transform {
    will-change: transform
}

#ng .will-change-filter {
    will-change: filter
}

#ng .will-change-opacity {
    will-change: opacity
}

#ng .will-change-auto {
    will-change: auto
}

#ng .perspective-distant {
    perspective: 1000px;
    transform: translateZ(0)
}

#ng .transform-3d {
    transform-style: preserve-3d;
    backface-visibility: hidden
}

#ng .scale-transform,#ng .filter-effects {
    transform: translateZ(0)
}

#ng .glow-effect {
    filter: drop-shadow(0 0 6px)
}

#ng .transition-transform {
    transition: transform .3s;
    transform: translateZ(0)
}

#ng .transition-all-optimized {
    transition: transform .3s,opacity .3s,filter .3s;
    transform: translateZ(0)
}

#ng .race-car-animation,#ng .flame-animation,#ng .chart-progress {
    transform: translateZ(0)
}

#ng .loading-spin {
    transform-origin: 50%;
    animation: 2s linear infinite spin;
    transform: translateZ(0)
}

#ng .pulse-animation {
    animation: 2s infinite pulse;
    transform: translateZ(0)
}

@media (width<=640px) {
    #ng .has-mobile-size {
        transform: scale(var(--mobile-scale,.75))translateZ(0);
        transform-origin: 50%
    }
}

@media (width>=641px) and (width<=1024px) {
    #ng .has-tablet-size {
        transform: scale(var(--tablet-scale,.85))translateZ(0);
        transform-origin: 50%
    }
}

@keyframes flameFlicker {
    0% {
        opacity: .8;
        transform: scaleY(1)scaleX(.95)translateZ(0)
    }

    25% {
        opacity: 1;
        transform: scaleY(1.1)scaleX(1.05)translateZ(0)
    }

    50% {
        opacity: .9;
        transform: scaleY(.95)scaleX(.98)translateZ(0)
    }

    75% {
        opacity: 1;
        transform: scaleY(1.05)scaleX(1.02)translateZ(0)
    }

    to {
        opacity: .85;
        transform: scaleY(1.15)scaleX(1.08)translateZ(0)
    }
}

@keyframes flameInnerFlicker {
    0% {
        opacity: .9;
        transform: scaleY(1.05)scaleX(1)translateZ(0)
    }

    to {
        opacity: 1;
        transform: scaleY(1.2)scaleX(1.1)translateZ(0)
    }
}

@keyframes moveLines {
    0% {
        transform: translateY(-80px)translateZ(0)
    }

    to {
        transform: translateY(80px)translateZ(0)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

#ng .gpu-accelerated {
    backface-visibility: hidden;
    perspective: 1000px;
    transform: translateZ(0)
}

#ng .animation-complete {
    will-change: auto
}

#ng .wheel-container {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0)
}

#ng .wheel-slice {
    backface-visibility: hidden;
    will-change: auto
}

#static-content {
    display: block!important
}

#ng .perspective-distant {
    perspective: 1000px
}

#ng .transform-3d {
    transform-style: preserve-3d
}

#ng .backface-hidden {
    backface-visibility: hidden
}

#ng .rotate-y-0 {
    transform: rotateY(0)
}

#ng .rotate-y-180 {
    transform: rotateY(180deg)
}

#ng .-rotate-y-180 {
    transform: rotateY(-180deg)
}

#ng .-translate-x-1\/2 {
    translate: inherit;
    transform: translate(-50%)
}

#ng .-translate-x-1\/2.-translate-y-1\/2 {
    translate: inherit;
    transform: translate(-50%,-50%)!important
}

#ng .rotate-180 {
    rotate: inherit;
    transform: rotate(180deg)!important
}

#ng .no-scrollbar::-webkit-scrollbar {
    display: none
}

#ng .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#ng .menu-text-color {
    color: var(--color-menu-text-color)
}

#ng .menu-icon-color {
    color: var(--color-menu-icon-color)
}

@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes bounce {
    0%,to {
        animation-timing-function: cubic-bezier(.8,0,1,1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0,0,.2,1);
        transform: none
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<*>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<*>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}
.game-container[_ngcontent-ng-c3417457232] {display: grid;grid-auto-flow: dense;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.5rem
}@media (min-width: 1024px) {.game-container[_ngcontent-ng-c3417457232] {gap: 1.25rem
    }
}@media (min-width: 640px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}@media (min-width: 1024px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}@media (min-width: 1280px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}@media (min-width: 1536px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(7, minmax(0, 1fr))
    }
}@media (min-width: 2048px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(8, minmax(0, 1fr))
    }
}@media (min-width: 2400px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(9, minmax(0, 1fr))
    }
}@media (min-width: 2560px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(10, minmax(0, 1fr))
    }
}@media (min-width: 3200px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(11, minmax(0, 1fr))
    }
}@media (min-width: 3840px) {.game-container[_ngcontent-ng-c3417457232] {grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}


a.p-element.casino-category-item.ng-tns-c3675483329-4.ng-star-inserted {
    margin-bottom: 4px!important;
}

.casino-category[_ngcontent-ng-c735051050] {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
    overflow: hidden
}
.casino-category[_ngcontent-ng-c735051050]   .menu-container[_ngcontent-ng-c735051050] {
    position: relative;
    width: 100%;
    overflow: hidden
}
.casino-category[_ngcontent-ng-c735051050]   .main-menu[_ngcontent-ng-c735051050] {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.casino-category[_ngcontent-ng-c735051050]   .main-menu.hide[_ngcontent-ng-c735051050] {
    display: none;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050] {
    display: none;
    width: 100%;
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
    row-gap: 0.25rem;
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu.show[_ngcontent-ng-c735051050] {
    display: flex;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050]   .categories-header[_ngcontent-ng-c735051050] {
    display: flex;
    align-items: center;
    border-radius: 0.375rem;
    background-color: hsl(var(--tertiary-200) / 0.4);
    padding: 0.75rem
}
@media (min-width: 1024px) {
    .casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050]   .categories-header[_ngcontent-ng-c735051050]:hover {
        background-color: hsl(var(--tertiary-200) / 0.75)
    }
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050]   .categories-header[_ngcontent-ng-c735051050]   .back-button[_ngcontent-ng-c735051050] {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050]   .categories-header[_ngcontent-ng-c735051050]   .back-button[_ngcontent-ng-c735051050]   .icon-back[_ngcontent-ng-c735051050] {
    height: 1.5rem;
    width: 1.5rem
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050]   .categories-header[_ngcontent-ng-c735051050]   .back-button[_ngcontent-ng-c735051050]   span[_ngcontent-ng-c735051050] {
    margin-left: 0.5rem
}
.casino-category[_ngcontent-ng-c735051050]   .categories-menu[_ngcontent-ng-c735051050]   .categories-list[_ngcontent-ng-c735051050] {
    display: flex;
    height: 100%;
    flex-direction: column;
    row-gap: 0.25rem;
    overflow-y: auto
}
.casino-category-item[_ngcontent-ng-c735051050] {
    display: flex;
    height: 3rem;
    align-items: center;
    border-radius: 0.375rem;
    background-color: hsl(var(--tertiary-200) / 0.4);
    padding: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.casino-category-item[_ngcontent-ng-c735051050]   .icon[_ngcontent-ng-c735051050] {
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    color: hsl(var(--tertiary-950) / 0.7)
}
.casino-category-item[_ngcontent-ng-c735051050]   .icon.right-icon[_ngcontent-ng-c735051050] {
    color: hsl(var(--tertiary-950) / 0.6)
}
.casino-category-item[_ngcontent-ng-c735051050]   .menu-label[_ngcontent-ng-c735051050] {
    display: grid;
    flex: 1 1 0%;
    padding-left: 0.75rem;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: linear
}
@media (min-width: 1024px) {
    .casino-category-item[_ngcontent-ng-c735051050]:hover, .casino-category-item.active[_ngcontent-ng-c735051050] {
        background-color: hsl(var(--tertiary-200) / 0.75)
    }
    .casino-category-item.first-item[_ngcontent-ng-c735051050] {
        display: none
    }
}


.header-menu-item[_ngcontent-ng-c1031449095] {position: relative;display: flex;height: 66px;flex: 1 1 0%;flex-shrink: 0;flex-direction: column;align-items: center;justify-content: flex-end;column-gap: 0.375rem;overflow-y: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom-width: 2px;border-color: transparent;padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: 1rem;font-weight: 700;--tw-text-opacity: 1;color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}@media (min-width: 1024px) {.header-menu-item[_ngcontent-ng-c1031449095] {flex-direction: row;justify-content: flex-start;padding-top: 1.25rem;padding-bottom: 1.25rem
    }
}
.header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1;border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}
.header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {.header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1;border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
    }.header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
    }
}
.header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {color: hsl(var(--tertiary-950) / 0.6);transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 200ms
}
.header-menu-item[_ngcontent-ng-c1031449095]   .item-text[_ngcontent-ng-c1031449095] {display: flex;align-items: center;gap: 0.125rem;line-height: 1.25rem
}

.header-menu-item-container[_ngcontent-ng-c1031449095]   .header-submenu[_ngcontent-ng-c1031449095] {position: fixed;left: 0px
}

core-header-template-eight[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]::before, core-header-template-eight   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]::before {height: 0.75rem;width: 0.125rem;--tw-bg-opacity: 1;background-color: hsl(var(--tertiary-foreground) / var(--tw-bg-opacity, 1));--tw-content: "";content: var(--tw-content)
}

@media not all and (min-width: 1024px) {core-header-template-eight[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], core-header-template-eight   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {flex-direction: row
    }
}

@media (min-width: 1024px) {core-header-template-eight[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], core-header-template-eight   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {height: 5.75rem
    }
}
core-header-template-eight[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], core-header-template-eight   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {display: none
}

.header-color-scheme-1   .menu-icon-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-icon-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--primary) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {.header-color-scheme-1   .menu-icon-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-1   .menu-icon-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1;border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--primary) / var(--tw-text-opacity, 1))
    }
}
.header-color-scheme-1   .menu-icon-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-icon-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1;border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--primary) / var(--tw-text-opacity, 1))
}

.header-color-scheme-1   .menu-icon-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-icon-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--secondary) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {.header-color-scheme-1   .menu-icon-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-1   .menu-icon-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1;border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--secondary) / var(--tw-text-opacity, 1))
    }
}
.header-color-scheme-1   .menu-icon-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-icon-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1;border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--secondary) / var(--tw-text-opacity, 1))
}

.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.5rem;margin-bottom: 0.5rem;height: 3.25rem;justify-content: center;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));padding-top: 0px;padding-bottom: 0px;padding-left: 0.5rem;padding-right: 0.5rem;--tw-text-opacity: 1;color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.75rem;margin-bottom: 0.75rem;height: 2.5rem
    }
}
.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1;border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1))
    }.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1;background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1))
    }.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1))
    }.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1))
    }
}
.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1;border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1))
}
.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1;background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1))
}
.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1))
}
.header-color-scheme-1   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1))
}

.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.5rem;margin-bottom: 0.5rem;height: 3.25rem;justify-content: center;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));padding-top: 0px;padding-bottom: 0px;padding-left: 0.5rem;padding-right: 0.5rem;--tw-text-opacity: 1;color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.75rem;margin-bottom: 0.75rem;height: 2.5rem
    }
}
.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1;border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1))
    }.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1;background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1))
    }.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1))
    }.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1))
    }
}
.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1;border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1))
}
.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1;background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1))
}
.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1))
}
.header-color-scheme-1   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-1   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1))
}

.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.5rem;margin-bottom: 0.5rem;height: 3.25rem;justify-content: center;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));padding-top: 0px;padding-bottom: 0px;padding-left: 0.5rem;padding-right: 0.5rem;--tw-text-opacity: 1 !important;color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important
}

@media (min-width: 1024px) {.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.75rem;margin-bottom: 0.75rem;height: 2.5rem
    }
}
.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important
}
@media (min-width: 1024px) {.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {border-color: hsl(var(--primary-950) / 0.75) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095] {border-color: hsl(var(--primary-50) / 0.75) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
    }
}
.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {border-color: hsl(var(--primary-950) / 0.8) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {border-color: hsl(var(--primary-50) / 0.8) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-2   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
}

.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.5rem;margin-bottom: 0.5rem;height: 3.25rem;justify-content: center;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));padding-top: 0px;padding-bottom: 0px;padding-left: 0.5rem;padding-right: 0.5rem;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important
}

@media (min-width: 1024px) {.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.75rem;margin-bottom: 0.75rem;height: 2.5rem
    }
}
.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important
}
@media (min-width: 1024px) {.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1 !important;border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1)) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
    }
}
.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1 !important;border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1)) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-2   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-2   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
}

.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.5rem;margin-bottom: 0.5rem;height: 3.25rem;justify-content: center;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));padding-top: 0px;padding-bottom: 0px;padding-left: 0.5rem;padding-right: 0.5rem;--tw-text-opacity: 1 !important;color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important
}

@media (min-width: 1024px) {.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.75rem;margin-bottom: 0.75rem;height: 2.5rem
    }
}
.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)) !important
}
@media (min-width: 1024px) {.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {--tw-border-opacity: 1 !important;border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
    }
}
.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {--tw-border-opacity: 1 !important;border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-bg-opacity: 1 !important;background-color: hsl(var(--primary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-3   .menu-item-color-scheme-2[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-2   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--primary-50) / var(--tw-text-opacity, 1)) !important
}

.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.5rem;margin-bottom: 0.5rem;height: 3.25rem;justify-content: center;border-radius: 0.375rem;--tw-bg-opacity: 1;background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));padding-top: 0px;padding-bottom: 0px;padding-left: 0.5rem;padding-right: 0.5rem;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important
}

@media (min-width: 1024px) {.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095] {margin-top: 0.75rem;margin-bottom: 0.75rem;height: 2.5rem
    }
}
.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important
}
@media (min-width: 1024px) {.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover, .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover {border-color: hsl(var(--secondary-950) / 0.75) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover:is(.dark   *)[_ngcontent-ng-c1031449095] {border-color: hsl(var(--secondary-50) / 0.75) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
    }.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item[_ngcontent-ng-c1031449095]:hover   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
    }
}
.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095] {border-color: hsl(var(--secondary-950) / 0.8) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {border-color: hsl(var(--secondary-50) / 0.8) !important;--tw-bg-opacity: 1 !important;background-color: hsl(var(--secondary-800) / var(--tw-bg-opacity, 1)) !important;--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-950) / var(--tw-text-opacity, 1)) !important
}
.header-color-scheme-3   .menu-item-color-scheme-3[_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095], .header-color-scheme-3   .menu-item-color-scheme-3   [_nghost-ng-c1031449095]   .header-menu-item.active[_ngcontent-ng-c1031449095]   .icon[_ngcontent-ng-c1031449095]:is(.dark   *)[_ngcontent-ng-c1031449095] {--tw-text-opacity: 1 !important;color: hsl(var(--secondary-50) / var(--tw-text-opacity, 1)) !important
}

.p-menu .p-menu-list {
    max-height: 50rem !important;
    overflow-y: auto;
}

.game-search-form-type[_ngcontent-ng-c872818501]   .order-button[_ngcontent-ng-c872818501] {display: inline-flex;height: 3.25rem;min-width: 7.5rem;max-width: 10rem;align-items: center;border-radius: 0.25rem;border-width: 0.5px;border-color: hsl(var(--tertiary-950) / 0.15);--tw-bg-opacity: 1;background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));padding: 0.75rem;font-size: 0.875rem;font-weight: 700;--tw-text-opacity: 1;color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--tertiary-400) / var(--tw-ring-opacity, 1))
}.game-search-form-type[_ngcontent-ng-c872818501]   .order-button[_ngcontent-ng-c872818501]:focus {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}@media (min-width: 1024px) {.game-search-form-type[_ngcontent-ng-c872818501]   .order-button[_ngcontent-ng-c872818501] {min-width: 11.25rem;max-width: 11.25rem
    }
}
.game-search-form-type[_ngcontent-ng-c872818501]   .order-button[_ngcontent-ng-c872818501]   .text[_ngcontent-ng-c872818501] {display: inline-grid;flex: 1 1 0%;text-align: left;text-transform: capitalize;--tw-text-opacity: 1;color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.game-search-form-type[_ngcontent-ng-c872818501]   .order-button[_ngcontent-ng-c872818501]   .icon-container[_ngcontent-ng-c872818501] {margin-left: 0.75rem;display: flex
}








.game-dialog[_ngcontent-ng-c3351872986] {
    max-height: 90vh;
    overflow-y: auto
}
.game-dialog-header[_ngcontent-ng-c3351872986] {
    padding: 1.25rem
}
@media (min-width: 1024px) {
    .game-dialog-header[_ngcontent-ng-c3351872986] {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
        padding-top: 1.875rem;
        padding-bottom: 1.25rem
    }
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986] {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem
}
@media (min-width: 1024px) {
    .game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986] {
        align-items: flex-start
    }
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-images[_ngcontent-ng-c3351872986] {
    width: 66px;
    border-radius: 0.25rem;
    background-color: hsl(var(--tertiary-900) / 0.5)
}
@media (min-width: 1024px) {
    .game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-images[_ngcontent-ng-c3351872986] {
        width: 5.75rem
    }
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-images[_ngcontent-ng-c3351872986]   .game-mini-images[_ngcontent-ng-c3351872986] {
    width: 100%;
    border-radius: 0.25rem
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-text[_ngcontent-ng-c3351872986] {
    flex: 1 1 0%;
    line-height: 1.125rem
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-text[_ngcontent-ng-c3351872986]   .game-name[_ngcontent-ng-c3351872986] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-text[_ngcontent-ng-c3351872986]   .vendor[_ngcontent-ng-c3351872986] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-500) / var(--tw-text-opacity, 1))
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .game-text[_ngcontent-ng-c3351872986]   .vendor[_ngcontent-ng-c3351872986]   span[_ngcontent-ng-c3351872986] {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-info[_ngcontent-ng-c3351872986]   .dialog-close[_ngcontent-ng-c3351872986] {
    flex: none
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-description[_ngcontent-ng-c3351872986] {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: hsl(var(--tertiary-800) / 0.5)
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-description[_ngcontent-ng-c3351872986]   .description-title[_ngcontent-ng-c3351872986] {
    padding-bottom: 0.75rem
}
.game-dialog-header[_ngcontent-ng-c3351872986]   .game-description[_ngcontent-ng-c3351872986]   .description-title[_ngcontent-ng-c3351872986]   span[_ngcontent-ng-c3351872986] {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.game-dialog-content[_ngcontent-ng-c3351872986] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem
}
@media (min-width: 1024px) {
    .game-dialog-content[_ngcontent-ng-c3351872986] {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
        padding-bottom: 1.875rem
    }
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-subinfo[_ngcontent-ng-c3351872986] {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-subinfo[_ngcontent-ng-c3351872986]   .game-ptb[_ngcontent-ng-c3351872986] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: hsl(var(--tertiary-800) / 0.5)
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-subinfo[_ngcontent-ng-c3351872986]   .game-ptb-value[_ngcontent-ng-c3351872986] {
    margin-left: 0.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-subinfo[_ngcontent-ng-c3351872986]   .game-desc[_ngcontent-ng-c3351872986] {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: hsl(var(--tertiary-800) / 0.5)
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem
}
@media (min-width: 1024px) {
    .game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group.button-group-row[_ngcontent-ng-c3351872986] {
        flex-direction: row
    }
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986]   .game-button-content[_ngcontent-ng-c3351872986] {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.75rem
}
@media (min-width: 1024px) {
    .game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986]   .game-button-content[_ngcontent-ng-c3351872986] {
        flex-direction: row;
        gap: 1.25rem
    }
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986]   .game-button-content[_ngcontent-ng-c3351872986]   .button-item[_ngcontent-ng-c3351872986] {
    flex: 1 1 0%
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986]   .game-button-content[_ngcontent-ng-c3351872986]   .button-item[_ngcontent-ng-c3351872986]   .btn[_ngcontent-ng-c3351872986], .game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986]   .game-button-content[_ngcontent-ng-c3351872986]   .button-item[_ngcontent-ng-c3351872986]   .btn-outline[_ngcontent-ng-c3351872986] {
    margin-bottom: 0.5rem;
    width: 100%
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-button-group[_ngcontent-ng-c3351872986]   .btn-text[_ngcontent-ng-c3351872986] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-actions[_ngcontent-ng-c3351872986] {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 0.25rem
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-actions[_ngcontent-ng-c3351872986]   .share-btn[_ngcontent-ng-c3351872986] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    padding: 0.5rem;
    color: hsl(var(--tertiary-950) / 0.5)
}
@media (min-width: 1024px) {
    .game-dialog-content[_ngcontent-ng-c3351872986]   .game-actions[_ngcontent-ng-c3351872986]   .share-btn[_ngcontent-ng-c3351872986]:hover {
        background-color: hsl(var(--tertiary-950) / 0.1);
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.game-dialog-content[_ngcontent-ng-c3351872986]   .game-actions[_ngcontent-ng-c3351872986]   .share-btn[_ngcontent-ng-c3351872986]   .icon[_ngcontent-ng-c3351872986] {
    height: 1.25rem;
    width: 1.25rem
}









.balance-menu[_ngcontent-ng-c65459862] {position: relative;margin-right: 0.5rem;margin-left: 0.5rem;display: flex;height: 2.25rem;cursor: pointer;align-items: center;border-radius: 0.25rem;background-color: hsl(var(--tertiary-200) / 0.7);font-size: 0.875rem;font-weight: 700;line-height: 2.25rem
}.balance-menu[_ngcontent-ng-c65459862]:hover {background-color: hsl(var(--tertiary-200) / 0.5)
}@media not all and (min-width: 1024px) {.balance-menu[_ngcontent-ng-c65459862] {max-width: 7.5rem;overflow: hidden;overflow-x: auto
    }
}@media (min-width: 1024px) {.balance-menu[_ngcontent-ng-c65459862] {min-height: 2.625rem;gap: 1.5rem;font-size: 1rem
    }
}
.balance-menu[_ngcontent-ng-c65459862]   .icon[_ngcontent-ng-c65459862] {height: 1.25rem;width: 1.25rem
}
.balance-menu[_ngcontent-ng-c65459862]   lib-mcc[_ngcontent-ng-c65459862], .balance-menu[_ngcontent-ng-c65459862]   .hdr-balance[_ngcontent-ng-c65459862] {border-radius: 0.25rem;padding-left: 10px;padding-right: 10px
}
@media (min-width: 1024px) {.balance-menu[_ngcontent-ng-c65459862]   lib-mcc[_ngcontent-ng-c65459862], .balance-menu[_ngcontent-ng-c65459862]   .hdr-balance[_ngcontent-ng-c65459862] {padding-left: 0.625rem;padding-right: 0.625rem;padding-top: 0.25rem;padding-bottom: 0.25rem
    }
}
.balance-menu[_ngcontent-ng-c65459862]   .deposit-btn[_ngcontent-ng-c65459862] {min-height: 2.25rem;min-width: 4.75rem;padding-top: 0.25rem;padding-bottom: 0.25rem;padding-left: 0.5rem;padding-right: 0.5rem;font-size: 0.875rem
}
@media (min-width: 1024px) {.balance-menu[_ngcontent-ng-c65459862]   .deposit-btn[_ngcontent-ng-c65459862] {min-height: 2.625rem;min-width: 7rem;padding-left: 0.625rem;padding-right: 0.625rem;padding-top: 0.375rem;padding-bottom: 0.375rem;font-size: 1rem
    }
}
.balance-menu[_ngcontent-ng-c65459862]   .user-menu-btn[_ngcontent-ng-c65459862] {display: flex;flex-direction: column;align-items: center;row-gap: 0.063rem;font-size: 0.875rem;font-weight: 700;line-height: normal;--tw-text-opacity: 1;color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {.balance-menu[_ngcontent-ng-c65459862]   .user-menu-btn[_ngcontent-ng-c65459862] {row-gap: 0.125rem;font-size: 1.125rem;font-weight: 600
    }
}
.balance-menu[_ngcontent-ng-c65459862]   .user-menu-btn[_ngcontent-ng-c65459862]   .icon[_ngcontent-ng-c65459862] {height: 1rem;width: 1rem;color: hsl(var(--tertiary-950) / 0.6)
}
@media (min-width: 1024px) {.balance-menu[_ngcontent-ng-c65459862]   .user-menu-btn[_ngcontent-ng-c65459862]   .icon[_ngcontent-ng-c65459862] {height: 1.125rem;width: 1.125rem
    }
}
.balance-menu[_ngcontent-ng-c65459862]   .user-menu-container[_ngcontent-ng-c65459862] {position: absolute;top: 3.75rem;right: -3rem;z-index: 50;display: none;width: 23rem;border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem;border-width: 1px;border-top-width: 0px;--tw-border-opacity: 1;border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
@media (min-width: 768px) {.balance-menu[_ngcontent-ng-c65459862]   .user-menu-container[_ngcontent-ng-c65459862] {display: block
    }
}


.user-login-menu-content[_ngcontent-ng-c1280911534] {display: flex;width: 100%;flex-direction: column;gap: 0.625rem;--tw-bg-opacity: 1;background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));padding: 1rem
}@media (min-width: 1024px) {.user-login-menu-content[_ngcontent-ng-c1280911534] {max-height: 80vh;overflow-y: auto
    }
}

.title-container[_ngcontent-ng-c1280911534] {margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between
}

@media (min-width: 1024px) {.title-container[_ngcontent-ng-c1280911534] {display: none
    }
}

.buttons-container[_ngcontent-ng-c1280911534] {display: flex;align-items: center;justify-content: space-between;gap: 0.5rem
}

.deposit-btn[_ngcontent-ng-c1280911534] {width: 100%
}

.withdraw-btn[_ngcontent-ng-c1280911534] {width: 100%
}

.mcc-dropdown-content[_ngcontent-ng-c1280911534] {--tw-border-opacity: 1;border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));padding: 1rem
}

@media (min-width: 1024px) {.mcc-dropdown-content[_ngcontent-ng-c1280911534] {max-height: 80vh;overflow-y: auto
    }
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .btns-wrp[_ngcontent-ng-c1280911534] {display: flex;justify-content: space-between
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .btns-wrp[_ngcontent-ng-c1280911534]   .deposit-btn[_ngcontent-ng-c1280911534] {margin-right: 0.375rem;margin-left: 0px;height: 2.625rem;min-height: 2.625rem;width: 100%;border-radius: 0.25rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .btns-wrp[_ngcontent-ng-c1280911534]   .withdrawal-btn[_ngcontent-ng-c1280911534] {margin-left: 0.375rem;height: 2.625rem;min-height: 2.625rem;width: 100%;border-radius: 0.25rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .search-crypto-wrp[_ngcontent-ng-c1280911534] {position: relative;margin-top: 1rem;margin-bottom: 1rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .search-crypto-wrp[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {position: absolute;top: 0.625rem;left: 0.75rem;height: 1.25rem;width: 1.25rem;font-weight: 700;color: hsl(var(--tertiary-950) / 0.3)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .search-crypto-wrp[_ngcontent-ng-c1280911534]   input[_ngcontent-ng-c1280911534] {width: 100%;border-radius: 0.5rem;--tw-border-opacity: 1;border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));padding-left: 2.5rem;padding-right: 4rem;font-weight: 700;--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .search-crypto-wrp[_ngcontent-ng-c1280911534]   input[_ngcontent-ng-c1280911534]::placeholder {color: hsl(var(--tertiary-950) / 0.3)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .search-crypto-wrp[_ngcontent-ng-c1280911534]   .btn-cancel[_ngcontent-ng-c1280911534] {position: absolute;top: 0.625rem;right: 0.75rem;font-size: 0.875rem;font-weight: 700
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .search-for-crypto-txt[_ngcontent-ng-c1280911534] {margin-bottom: 1rem;text-align: center;font-size: 0.875rem;font-weight: 700;color: hsl(var(--tertiary-950) / 0.3)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534] {border-bottom-width: 2px;border-color: hsl(var(--tertiary-200) / 0.5);padding-bottom: 0.5rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]    > div[_ngcontent-ng-c1280911534] {display: flex;justify-content: space-between
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   p[_ngcontent-ng-c1280911534] {margin-bottom: 0.5rem;font-size: 0.875rem;font-weight: 700;color: hsl(var(--tertiary-950) / 0.5)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.total[_ngcontent-ng-c1280911534] {margin-bottom: 1rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.total[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534] {display: flex;align-items: center;font-size: 0.875rem;font-weight: 700
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.total[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {margin-right: 0.5rem;height: 1.25rem;width: 1.25rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.total[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon.refresh[_ngcontent-ng-c1280911534] {margin-right: 0.875rem;color: hsl(var(--tertiary-950) / 0.6)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.total[_ngcontent-ng-c1280911534]   span.right[_ngcontent-ng-c1280911534] {font-size: 1.125rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.currency-total[_ngcontent-ng-c1280911534] {margin-bottom: 0.5rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.currency-total[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534] {display: flex;align-items: center;font-size: 0.875rem;font-weight: 700
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.currency-total[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {margin-right: 0.5rem;height: 1.25rem;width: 1.25rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.pending-item[_ngcontent-ng-c1280911534] {margin-bottom: 0.75rem;padding-left: 1.875rem;font-size: 0.875rem;font-weight: 500;--tw-text-opacity: 1;color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.casino-bonus-balance[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.sportsbook-bonus-balance[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.freebet-bonus-balance[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.klaspoker-bonus-balance[_ngcontent-ng-c1280911534] {margin-top: 0.5rem;margin-bottom: 0.5rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.casino-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.sportsbook-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.freebet-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.klaspoker-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534] {display: flex;align-items: center;font-size: 0.875rem;font-weight: 700
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.casino-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.sportsbook-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.freebet-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534], .mcc-dropdown-content[_ngcontent-ng-c1280911534]   .cash-balance-wrp[_ngcontent-ng-c1280911534]   div.klaspoker-bonus-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {margin-right: 0.5rem;height: 1.125rem;width: 1.125rem;color: hsl(var(--tertiary-950) / 0.5)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534] {padding-top: 0.5rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]    > p[_ngcontent-ng-c1280911534] {margin-bottom: 0.625rem;font-size: 0.875rem;font-weight: 700;color: hsl(var(--tertiary-950) / 0.5)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534] {margin-bottom: 1rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534]    > div[_ngcontent-ng-c1280911534] {display: flex;justify-content: space-between
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534]   div.crypto-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534] {display: flex;align-items: center;font-size: 0.875rem;font-weight: 700
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534]   div.crypto-balance[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {margin-right: 0.5rem;height: 1.25rem;width: 1.25rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534]   .currency-amount[_ngcontent-ng-c1280911534] {margin-bottom: 0.25rem;display: flex;justify-content: flex-end;font-size: 0.75rem;font-weight: 400;color: hsl(var(--tertiary-950) / 0.5)
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534]:last-child {margin-bottom: 0px
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   div.cryptocurrency-balance-wrp[_ngcontent-ng-c1280911534]   div.crypto-balance-row[_ngcontent-ng-c1280911534]   button.deposit-btn[_ngcontent-ng-c1280911534] {margin-right: 0px;height: 2rem;border-radius: 0.25rem;border-bottom-width: 0px
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534] {display: flex;align-items: center;justify-content: space-between;border-width: 1px;--tw-border-opacity: 1;border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));padding: 1rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534] {margin: 0px;display: flex;align-items: center
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534]    > span[_ngcontent-ng-c1280911534] {margin-right: 0.5rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534] {font-size: 0.875rem;font-weight: 700;--tw-text-opacity: 1;color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534]   button[_ngcontent-ng-c1280911534] {display: flex;align-items: center
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534]   button[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534] {display: flex;align-items: center
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534]   button[_ngcontent-ng-c1280911534]   span[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {margin-right: 0.375rem;height: 1.25rem;width: 1.25rem
}
.mcc-dropdown-content[_ngcontent-ng-c1280911534]   .balance-footer[_ngcontent-ng-c1280911534]   div[_ngcontent-ng-c1280911534]   button[_ngcontent-ng-c1280911534]    > .icon[_ngcontent-ng-c1280911534] {margin-left: 0.75rem
}

.title[_ngcontent-ng-c1280911534] {font-size: 0.875rem;font-weight: 700;line-height: 1.25rem
}

.menu-close[_ngcontent-ng-c1280911534] {display: flex;align-items: center
}
.menu-close[_ngcontent-ng-c1280911534]   .close-btn[_ngcontent-ng-c1280911534] {display: flex;align-items: center;justify-content: center
}
.menu-close[_ngcontent-ng-c1280911534]   .close-btn[_ngcontent-ng-c1280911534]   .icon[_ngcontent-ng-c1280911534] {height: 1.25rem;width: 1.25rem
}

.balance[_ngcontent-ng-c1068397261] {
    border-radius: 0.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.balance.crypto-disabled[_ngcontent-ng-c1068397261] {
    margin-top: 1.25rem;
    background-color: hsl(var(--tertiary-950) / 0.1);
    padding: 1rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.375rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-header-left[_ngcontent-ng-c1068397261] {
    display: flex;
    align-items: center;
    column-gap: 0.75rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .title[_ngcontent-ng-c1068397261] {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .refresh-btn[_ngcontent-ng-c1068397261] {
    display: flex;
    align-items: center;
    padding: 0.125rem;
    color: hsl(var(--tertiary-950) / 0.6)
}
@media (min-width: 1024px) {
    .balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .refresh-btn[_ngcontent-ng-c1068397261]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .refresh-btn[_ngcontent-ng-c1068397261]   .icon[_ngcontent-ng-c1068397261] {
    height: 1rem;
    width: 1rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .refresh-btn[disabled][_ngcontent-ng-c1068397261] {
    cursor: not-allowed;
    color: hsl(var(--tertiary-950) / 0.3)
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .amount[_ngcontent-ng-c1068397261] {
    text-align: right;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: normal
}
.balance[_ngcontent-ng-c1068397261]   .balance-header[_ngcontent-ng-c1068397261]   .amount.main-balance[_ngcontent-ng-c1068397261] {
    display: flex;
    align-items: center;
    column-gap: 0.375rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261] {
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item[_ngcontent-ng-c1068397261] {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    display: flex;
    justify-content: space-between;
    border-radius: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item.selected[_ngcontent-ng-c1068397261] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1))
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item[_ngcontent-ng-c1068397261]   .title[_ngcontent-ng-c1068397261] {
    margin-right: 0.375rem;
    flex: 1 1 0%;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.125rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item[_ngcontent-ng-c1068397261]   .amount[_ngcontent-ng-c1068397261] {
    text-align: right;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.125rem
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item[_ngcontent-ng-c1068397261]   .icon[_ngcontent-ng-c1068397261] {
    margin-right: 0.5rem;
    height: 1.125rem;
    width: 1.125rem;
    color: hsl(var(--tertiary-950) / 0.5)
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item.pending-item[_ngcontent-ng-c1068397261] {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    padding-left: 1.875rem;
    font-size: 0.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.balance[_ngcontent-ng-c1068397261]   .balance-list[_ngcontent-ng-c1068397261]   .balance-item.pending-item[_ngcontent-ng-c1068397261]   h4[_ngcontent-ng-c1068397261] {
    font-size: 0.875rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.balance[_ngcontent-ng-c1068397261]   div.total[_ngcontent-ng-c1068397261] {
    margin-bottom: 1rem;
    display: flex;
    height: 1.75rem;
    justify-content: space-between
}
.balance[_ngcontent-ng-c1068397261]   div.total[_ngcontent-ng-c1068397261]   span[_ngcontent-ng-c1068397261] {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 700
}
.balance[_ngcontent-ng-c1068397261]   div.total[_ngcontent-ng-c1068397261]   span[_ngcontent-ng-c1068397261]   .icon[_ngcontent-ng-c1068397261] {
    margin-right: 0.5rem;
    height: 1.25rem;
    width: 1.25rem
}
.balance[_ngcontent-ng-c1068397261]   div.total[_ngcontent-ng-c1068397261]   span[_ngcontent-ng-c1068397261]   .icon.refresh[_ngcontent-ng-c1068397261] {
    margin-right: 0.875rem;
    color: hsl(var(--tertiary-950) / 0.6)
}
.balance[_ngcontent-ng-c1068397261]   div.total[_ngcontent-ng-c1068397261]   span.right[_ngcontent-ng-c1068397261] {
    font-size: 1.125rem
}



[_nghost-ng-c1596155266] {
  flex: 1 1 0%;
  overflow: hidden;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  position: relative;
  display: flex;
  min-height: 2.625rem;
  width: 100%;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: hsl(var(--tertiary-400) / 0.25);
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 1024px) {
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
    height: 2.875rem;
  }
}
[_nghost-ng-c1596155266]   .bet-btn.active[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.playing[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.active[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.playing[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.playing[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover   .bet-text[_ngcontent-ng-c1596155266] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266] {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: inline-grid;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: capitalize;
  line-height: normal;
  color: hsl(var(--tertiary-900) / 0.6);
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266]   span[_ngcontent-ng-c1596155266] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266] {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  height: 0.75rem;
  width: 0.75rem;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-playing[_ngcontent-ng-c1596155266] {
  display: inline-grid;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: capitalize;
  line-height: normal;
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-playing[_ngcontent-ng-c1596155266]   span[_ngcontent-ng-c1596155266] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266] {
  margin-right: 0.5rem;
  display: none;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: normal;
  color: hsl(var(--tertiary-950) / 0.7);
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .panda-content[_ngcontent-ng-c1596155266] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .icon[_ngcontent-ng-c1596155266] {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:has(.locked):hover {
    background-color: hsl(var(--tertiary-400) / 0.15);
  }
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .locked[_ngcontent-ng-c1596155266] {
  cursor: default;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-rate-content[_ngcontent-ng-c1596155266] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:disabled   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:disabled   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:disabled   .bet-text[_ngcontent-ng-c1596155266] {
  color: hsl(var(--tertiary-800) / 0.4);
}
[_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266] {
  opacity: 0.5;
}
[_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  color: hsl(var(--tertiary-800) / 0.4);
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}

.fixture-detail-collapse   [_nghost-ng-c1596155266] {
  flex: none;
}

.rate-up[_ngcontent-ng-c1596155266]::before {
  position: absolute;
  top: 0.188rem;
  right: 0.188rem;
  z-index: 1;
  height: 0px;
  content: var(--tw-content);
  width: 0px;
}

@keyframes _ngcontent-ng-c1596155266_rateChange {
  0% {
    content: var(--tw-content);
    opacity: 0;
  }
  50% {
    content: var(--tw-content);
    opacity: 100%;
  }
  100% {
    content: var(--tw-content);
    opacity: 0;
  }
}

.rate-up[_ngcontent-ng-c1596155266]::before {
  animation: _ngcontent-ng-c1596155266_rateChange 1s 5;
  border-top-width: 8px;
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
  border-left-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}

.rate-down[_ngcontent-ng-c1596155266]::after {
  position: absolute;
  bottom: 0.188rem;
  right: 0.188rem;
  z-index: 1;
  height: 0px;
  content: var(--tw-content);
  width: 0px;
}

@keyframes _ngcontent-ng-c1596155266_rateChange {
  0% {
    content: var(--tw-content);
    opacity: 0;
  }
  50% {
    content: var(--tw-content);
    opacity: 100%;
  }
  100% {
    content: var(--tw-content);
    opacity: 0;
  }
}

.rate-down[_ngcontent-ng-c1596155266]::after {
  animation: _ngcontent-ng-c1596155266_rateChange 1s 5;
  border-bottom-width: 8px;
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
  border-left-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}

.compact-view-btn[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .compact-view-btn   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  flex-direction: column-reverse;
}

.fixture-panda-view-btg[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .fixture-panda-view-btg   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  height: 100%;
}

.custom-market   .custom-market-content[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .custom-market   .custom-market-content   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  height: 2.625rem;
  width: 3.25rem;
  min-width: 3.25rem;
}

@media (min-width: 1024px) {
  .custom-market   .custom-market-content[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .custom-market   .custom-market-content   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
    width: 7.5rem;
    min-width: 7.5rem;
  }
}
.custom-market   .custom-market-content[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], .custom-market   .custom-market-content   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none;
}

.popular-odds[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .popular-odds   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  height: 2.625rem;
  width: 6.25rem;
  min-width: 6.25rem;
}
.popular-odds[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], .popular-odds   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none;
}

.fixture-betradar-races-hide-text-btn[_nghost-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], .fixture-betradar-races-hide-text-btn   [_nghost-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none !important;
}

@media (min-width: 1024px) {
  .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .bet-rate[_ngcontent-ng-c1596155266]:before {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
}
.custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none;
}
.custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266] {
  display: flex;
  align-items: center;
}
.custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before {
  margin-right: 0.25rem;
  height: 1rem;
  width: 1rem;
  background-color: currentColor;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14L12 6L20 14M8 16.9998L12 12.9998L16 16.9998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.custom-event[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before, .custom-event   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before {
  display: none;
}

.custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266] {
  display: block;
}
@media (min-width: 1024px) {
  .custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
}
.custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

@media (min-width: 1536px) {
  .news-carousel-fixtures[_nghost-ng-c1596155266], .news-carousel-fixtures   [_nghost-ng-c1596155266] {
    flex: none;
  }
}
.news-carousel-fixtures[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .news-carousel-fixtures   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1));
}
@media (min-width: 1536px) {
  .news-carousel-fixtures[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .news-carousel-fixtures   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
    min-width: 250px;
  }
}


.sport-list[_ngcontent-ng-c756955893] {
    display: flex;
    flex-direction: column;
    border-radius: 0.25rem
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893] {
    border-radius: 0.375rem;
    background-color: hsl(var(--tertiary-400) / 0.1);
    padding: 0.125rem
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]:is(.dark   *)[_ngcontent-ng-c756955893] {
    background-color: hsl(var(--tertiary-200) / 0.5)
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893] {
    margin: 0.5rem;
    display: flex;
    height: 2.25rem;
    align-items: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]:is(.dark   *)[_ngcontent-ng-c756955893] {
    background-color: hsl(var(--tertiary-200) / 0.75)
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link[_ngcontent-ng-c756955893] {
    margin: 0.188rem;
    height: 1.875rem;
    min-width: 0px;
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0.375rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-900) / 0.7);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
@media (min-width: 1024px) {
    .sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link[_ngcontent-ng-c756955893]:hover {
        color: hsl(var(--tertiary-900) / 0.7)
    }
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link.active[_ngcontent-ng-c756955893] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .collapse-btn[_ngcontent-ng-c756955893] {
    margin-right: 0.75rem;
    display: flex;
    height: 1.5rem;
    width: 1.5rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background-color: hsl(var(--tertiary-700) / 0.1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
@media (min-width: 1024px) {
    .sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .collapse-btn[_ngcontent-ng-c756955893]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .collapse-btn[_ngcontent-ng-c756955893]   .icon.chevron[_ngcontent-ng-c756955893] {
    height: 1rem;
    width: 1rem;
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    color: hsl(var(--tertiary-950) / 0.7);
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-content[_ngcontent-ng-c756955893] {
    margin-top: 0px;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab.collapsed[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893] {
    border-radius: 0.375rem
}
.sport-list[_ngcontent-ng-c756955893]   .sport-tab.collapsed[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .collapse-btn[_ngcontent-ng-c756955893]   .icon.chevron[_ngcontent-ng-c756955893] {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.color-scheme-3[_nghost-ng-c756955893]   .sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link.active[_ngcontent-ng-c756955893], .color-scheme-3   [_nghost-ng-c756955893]   .sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link.active[_ngcontent-ng-c756955893], .color-scheme-2[_nghost-ng-c756955893]   .sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link.active[_ngcontent-ng-c756955893], .color-scheme-2   [_nghost-ng-c756955893]   .sport-list[_ngcontent-ng-c756955893]   .sport-tab[_ngcontent-ng-c756955893]   .tab-header[_ngcontent-ng-c756955893]   .tab-link.active[_ngcontent-ng-c756955893] {
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}

[_nghost-ng-c587190280] {

    margin-bottom: 0.75rem;

    display: block
}

[_nghost-ng-c587190280]:last-child {

    margin-bottom: 0px
}

@media (min-width: 1024px) {

    .fixture-collapse[_ngcontent-ng-c587190280] {

        border-radius: 0.25rem
    }

    .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

        border-radius: 0.25rem
    }
}
.fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280] {

    --tw-rotate: 0deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    display: flex;

    height: 2rem;

    align-items: center;

    justify-content: space-between;

    --tw-bg-opacity: 1;

    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));

    padding-right: 0.5rem
}
@media (min-width: 1024px) {

    .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

        height: 2.25rem;

        border-top-left-radius: 0.25rem;

        border-top-right-radius: 0.25rem
    }
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280] {

    display: flex;

    height: 100%;

    flex: 1 1 0%;

    cursor: pointer;

    align-items: center;

    overflow: hidden;

    padding-left: 0.5rem;

    font-size: 0.75rem;

    font-weight: 500;

    text-transform: uppercase;

    line-height: 1.25rem;

    color: hsl(var(--tertiary-900) / 0.7)
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280] {

    margin-right: 0.25rem;

    display: flex;

    flex-shrink: 0;

    align-items: center;

    justify-content: center;

    color: hsl(var(--tertiary-950) / 0.7)
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280] {

    height: 1.25rem;

    width: 1.25rem;

    --tw-rotate: -180deg;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    transition-property: transform;

    transition-duration: 300ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280] {

    margin-left: 0.25rem;

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280] {

    border-top-width: 0.5px;

    border-style: none;

    --tw-border-opacity: 1;

    border-top-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
@media (min-width: 1024px) {

    .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280] {

        border-bottom-right-radius: 0.25rem;

        border-bottom-left-radius: 0.25rem
    }
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    border-radius: 0px;

    background-color: hsl(var(--tertiary-200) / 0.15);

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]:is(.dark   *)[_ngcontent-ng-c587190280] {

    background-color: hsl(var(--tertiary-200) / 0.35)
}
.fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    border-radius: 0px;

    background-color: hsl(var(--tertiary-200) / 0.55);

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}

.sub-collapse   .sub-collapse[_nghost-ng-c587190280], .sub-collapse   .sub-collapse   [_nghost-ng-c587190280] {

    margin-bottom: 0px;

    border-bottom-width: 0.5px;

    --tw-border-opacity: 1;

    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
.sub-collapse   .sub-collapse[_nghost-ng-c587190280]:last-child, .sub-collapse   .sub-collapse   [_nghost-ng-c587190280]:last-child {

    border-bottom-width: 0px
}
@media (min-width: 1024px) {

    .sub-collapse   .sub-collapse[_nghost-ng-c587190280]:last-child   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .sub-collapse   .sub-collapse   [_nghost-ng-c587190280]:last-child   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

        border-bottom-right-radius: 0.25rem;

        border-bottom-left-radius: 0.25rem
    }
}
.sub-collapse   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .sub-collapse   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    background-color: hsl(var(--tertiary-200) / 0.35)
}
@media (min-width: 1024px) {

    .sub-collapse   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .sub-collapse   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

        border-radius: 0px
    }
}

.today-events-content   .sub-collapse[_nghost-ng-c587190280], .today-events-content   .sub-collapse   [_nghost-ng-c587190280], .livebet-overview-content   .sub-collapse[_nghost-ng-c587190280], .livebet-overview-content   .sub-collapse   [_nghost-ng-c587190280] {

    margin-bottom: 0.75rem;

    border-bottom-width: 0px
}
@media (min-width: 1024px) {

    .today-events-content   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .today-events-content   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .livebet-overview-content   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .livebet-overview-content   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

        border-top-left-radius: 0.25rem;

        border-top-right-radius: 0.25rem
    }

    .today-events-content   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .today-events-content   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .livebet-overview-content   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .livebet-overview-content   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

        border-radius: 0.25rem
    }
}

.today-events.widget[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280], .today-events.widget   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280] {

    border-top-width: 0px
}

.livebet-overview-content   .livebet-sport[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .livebet-overview-content   .livebet-sport   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    border-bottom-width: 1px;

    --tw-border-opacity: 1;

    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
.livebet-overview-content   .livebet-sport[_nghost-ng-c587190280]   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .livebet-overview-content   .livebet-sport   [_nghost-ng-c587190280]   .fixture-collapse.collapsed[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    border-style: none
}

.betradar-page   .sub-collapse[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .betradar-page   .sub-collapse   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    background-color: hsl(var(--tertiary-200) / 0.35)
}

.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    background-color: hsl(var(--secondary) / 0.8) !important;

    --tw-text-opacity: 1 !important;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280] {

    background-color: hsl(var(--secondary) / 0.6);

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-title[_ngcontent-ng-c587190280]   .collapse-icon[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280], .color-scheme-3   [_nghost-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-content[_ngcontent-ng-c587190280]   .fixture-collapse[_ngcontent-ng-c587190280]   .fixture-header[_ngcontent-ng-c587190280]   .fixture-toolbar[_ngcontent-ng-c587190280]   .icon[_ngcontent-ng-c587190280] {

    --tw-text-opacity: 1;

    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}

.fixture-classic-view[_ngcontent-ng-c1313862823] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header[_ngcontent-ng-c1313862823] {
  height: 1.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header[_ngcontent-ng-c1313862823] {
    display: flex;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-spacer[_ngcontent-ng-c1313862823] {
  display: none;
  width: 25%;
  flex: none;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-spacer[_ngcontent-ng-c1313862823] {
    display: block;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823] {
  display: flex;
  flex: 1 1 0%;
  gap: 0.5rem;
  padding-top: 0.313rem;
  padding-bottom: 0.313rem;
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823]   .bet-type[_ngcontent-ng-c1313862823] {
  display: none;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  color: hsl(var(--tertiary-900) / 0.5);
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823]   .bet-type[_ngcontent-ng-c1313862823]:nth-child(1) {
  display: flex;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823]   .bet-type[_ngcontent-ng-c1313862823]:nth-child(2) {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823]   .bet-type[_ngcontent-ng-c1313862823]:nth-child(-n+3) {
    display: flex;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823]   .bet-type[_ngcontent-ng-c1313862823]   .text[_ngcontent-ng-c1313862823] {
  display: inline-grid;
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header-market[_ngcontent-ng-c1313862823]   .bet-type[_ngcontent-ng-c1313862823]   .icon[_ngcontent-ng-c1313862823] {
  margin-bottom: 0.125rem;
  height: 0.75rem;
  width: 0.75rem;
  min-width: 0.75rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1));
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823] {
  display: flex;
  flex-direction: column;
  border-top-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
  padding: 0.5rem;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823] {
    flex-direction: row;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823] {
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823] {
    margin-bottom: 0px;
    width: 25%;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams[_ngcontent-ng-c1313862823] {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams-name[_ngcontent-ng-c1313862823] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams-name[_ngcontent-ng-c1313862823] {
    gap: 0.5rem;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams-name[_ngcontent-ng-c1313862823]   .text[_ngcontent-ng-c1313862823] {
  display: inline-grid;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0.25rem;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams-name[_ngcontent-ng-c1313862823]   .text[_ngcontent-ng-c1313862823]:hover {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1));
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams-favorite[_ngcontent-ng-c1313862823] {
  margin-right: 0.5rem;
  display: contents;
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams-favorite[_ngcontent-ng-c1313862823]   .icon[_ngcontent-ng-c1313862823] {
  height: 0.875rem;
  width: 0.875rem;
  color: hsl(var(--tertiary-900) / 0.5);
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-teams[_ngcontent-ng-c1313862823]   img[_ngcontent-ng-c1313862823] {
  width: 1rem;
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-info[_ngcontent-ng-c1313862823] {
  display: flex;
  align-items: center;
  padding-top: 0.25rem;
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-info-date[_ngcontent-ng-c1313862823] {
  margin-right: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: hsl(var(--tertiary-900) / 0.5);
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-info-time[_ngcontent-ng-c1313862823] {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-info-spacer[_ngcontent-ng-c1313862823] {
  flex: 1 1 0%;
}
@media (min-width: 1024px) {
  .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-content[_ngcontent-ng-c1313862823]   .fixture-info-spacer[_ngcontent-ng-c1313862823] {
    display: none;
  }
}
.fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-item[_ngcontent-ng-c1313862823]   .fixture-bet-types[_ngcontent-ng-c1313862823] {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  flex: 1 1 0%;
  gap: 0.5rem;
}

.widget-fixture[_nghost-ng-c1313862823]   .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header[_ngcontent-ng-c1313862823], .widget-fixture   [_nghost-ng-c1313862823]   .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header[_ngcontent-ng-c1313862823] {
  display: none;
}

.widget-fixture.widget[_nghost-ng-c1313862823]   .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header[_ngcontent-ng-c1313862823], .widget-fixture.widget   [_nghost-ng-c1313862823]   .fixture-classic-view[_ngcontent-ng-c1313862823]   .fixture-header[_ngcontent-ng-c1313862823] {
  display: flex;
}

.fixture-market-detail[_ngcontent-ng-c1313862823] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
  display: flex;
  max-height: 400px;
  flex-direction: column;
  border-radius: 0.25rem;
  background-color: hsl(var(--tertiary-100) / 0.5);
}

@media (min-width: 1024px) {
  .fixture-market-detail[_ngcontent-ng-c1313862823] {
    max-height: 450px;
  }
}

.fixture-market-detail[_ngcontent-ng-c1313862823]:is(.dark   *)[_ngcontent-ng-c1313862823] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
}

.fixture-market-detail[_ngcontent-ng-c1313862823] {
  scrollbar-width: thin;
  scrollbar-color: #777 transparent;
}
.fixture-market-detail[_ngcontent-ng-c1313862823]   .market-header[_ngcontent-ng-c1313862823] {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.5rem;
  border-bottom-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
  padding: 0.5rem;
}
@media (min-width: 1024px) {
  .fixture-market-detail[_ngcontent-ng-c1313862823]   .market-header[_ngcontent-ng-c1313862823] {
    margin-bottom: 0px;
  }
}
.fixture-market-detail[_ngcontent-ng-c1313862823]   .market-header[_ngcontent-ng-c1313862823]   .teams[_ngcontent-ng-c1313862823] {
  flex: 1 1 0%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.fixture-market-detail[_ngcontent-ng-c1313862823]   .market-content[_ngcontent-ng-c1313862823] {
  overflow-y: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.today-events-breadcrumb[_ngcontent-ng-c1551779197] {
    display: flex;
    height: 3.25rem;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-title[_ngcontent-ng-c1551779197] {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    overflow: hidden
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-title[_ngcontent-ng-c1551779197]   .back-btn[_ngcontent-ng-c1551779197] {
    margin-right: 0.5rem;
    flex-shrink: 0
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-title[_ngcontent-ng-c1551779197]   .back-btn[_ngcontent-ng-c1551779197]   .icon[_ngcontent-ng-c1551779197] {
    height: 1.25rem;
    width: 1.25rem
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-title[_ngcontent-ng-c1551779197]   .title[_ngcontent-ng-c1551779197] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-toolbar[_ngcontent-ng-c1551779197] {
    display: flex;
    align-items: center;
    column-gap: 0.375rem
}
@media (min-width: 1024px) {
    .today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-toolbar[_ngcontent-ng-c1551779197] {
        column-gap: 0.75rem
    }
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-toolbar[_ngcontent-ng-c1551779197]   .filter-btn[_ngcontent-ng-c1551779197] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: hsl(var(--tertiary-900) / 0.7)
}
@media (min-width: 1024px) {
    .today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-toolbar[_ngcontent-ng-c1551779197]   .filter-btn[_ngcontent-ng-c1551779197]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-toolbar[_ngcontent-ng-c1551779197]   .filter-btn[_ngcontent-ng-c1551779197]   .icon[_ngcontent-ng-c1551779197] {
    height: 1.25rem;
    width: 1.25rem
}
.today-events-breadcrumb[_ngcontent-ng-c1551779197]   .breadcrumb-toolbar[_ngcontent-ng-c1551779197]   .filter-btn.active[_ngcontent-ng-c1551779197] {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}
.today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730] {
    display: flex;
    align-items: center;
    column-gap: 0.375rem;
    overflow-x: auto;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730] {
    display: flex;
    height: 2rem;
    align-items: center;
    white-space: nowrap;
    border-radius: 9999px;
    border-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-900) / 0.7)
}
@media (min-width: 1024px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover {
        background-color: hsl(var(--tertiary-800) / 0.1);
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]   .icon[_ngcontent-ng-c2549925730] {
    margin-right: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    flex-shrink: 0;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn.active[_ngcontent-ng-c2549925730] {
    --tw-border-opacity: 1;
    border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn.active[_ngcontent-ng-c2549925730]   .icon[_ngcontent-ng-c2549925730] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730] {
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-top-width: 0.5px;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}
@media (min-width: 1024px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730] {
        padding-left: 1rem;
        padding-right: 1rem
    }
}
.today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730]   .menu-btn[_ngcontent-ng-c2549925730] {
    margin-right: 0.25rem;
    display: flex;
    height: 3.25rem;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-bottom-width: 2px;
    border-bottom-color: transparent;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730]   .menu-btn[_ngcontent-ng-c2549925730]:last-child {
    margin-right: 0px
}
@media (min-width: 1024px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730]   .menu-btn[_ngcontent-ng-c2549925730]:hover {
        background-color: hsl(var(--tertiary-950) / 0.05)
    }
}
.today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730]   .menu-btn[_ngcontent-ng-c2549925730]   .name[_ngcontent-ng-c2549925730] {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-950) / 0.5)
}
.today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730]   .menu-btn[_ngcontent-ng-c2549925730]   .date[_ngcontent-ng-c2549925730] {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.today-events-header[_ngcontent-ng-c2549925730]   .date-menu[_ngcontent-ng-c2549925730]   .menu-btn.active[_ngcontent-ng-c2549925730] {
    --tw-border-opacity: 1;
    border-bottom-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1))
}
.today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
@media (min-width: 640px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730] {
        flex-direction: row
    }
}
.today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730]   .filter-right[_ngcontent-ng-c2549925730] {
    display: flex;
    flex: 1 1 0%;
    align-items: center
}
@media (min-width: 1280px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730]   .filter-right[_ngcontent-ng-c2549925730] {
        justify-content: flex-end
    }
}
.today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730]   .filter-right[_ngcontent-ng-c2549925730]   .modal-switch-menu[_ngcontent-ng-c2549925730] {
    display: none
}
@media (min-width: 1024px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730]   .filter-right[_ngcontent-ng-c2549925730]   .modal-switch-menu[_ngcontent-ng-c2549925730] {
        display: block
    }
}
.today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730]   .filter-right[_ngcontent-ng-c2549925730]   .category-select[_ngcontent-ng-c2549925730] {
    width: 100%
}
@media (min-width: 640px) {
    .today-events-header[_ngcontent-ng-c2549925730]   .filter-menu[_ngcontent-ng-c2549925730]   .filter-right[_ngcontent-ng-c2549925730]   .category-select[_ngcontent-ng-c2549925730] {
        margin-left: 1rem;
        width: auto
    }
}

@media (min-width: 1024px) {
    .color-scheme-3[_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover, .color-scheme-3   [_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1))
    }
}
.color-scheme-3[_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn.active[_ngcontent-ng-c2549925730], .color-scheme-3   [_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn.active[_ngcontent-ng-c2549925730], .color-scheme-3[_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover, .color-scheme-3   [_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn.active[_ngcontent-ng-c2549925730]   .icon[_ngcontent-ng-c2549925730], .color-scheme-3   [_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn.active[_ngcontent-ng-c2549925730]   .icon[_ngcontent-ng-c2549925730], .color-scheme-3[_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover   .icon[_ngcontent-ng-c2549925730], .color-scheme-3   [_nghost-ng-c2549925730]   .today-events-header[_ngcontent-ng-c2549925730]   .sport-menu[_ngcontent-ng-c2549925730]   .sport-btn[_ngcontent-ng-c2549925730]:hover   .icon[_ngcontent-ng-c2549925730] {
    --tw-text-opacity: 1;
    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}

[_nghost-ng-c1596155266] {
  flex: 1 1 0%;
  overflow: hidden;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  position: relative;
  display: flex;
  min-height: 2.625rem;
  width: 100%;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background-color: hsl(var(--tertiary-400) / 0.25);
  text-align: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 1024px) {
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
    height: 2.875rem;
  }
}
[_nghost-ng-c1596155266]   .bet-btn.active[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.playing[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.active[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.playing[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.playing[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover   .bet-text[_ngcontent-ng-c1596155266] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266] {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: inline-grid;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: capitalize;
  line-height: normal;
  color: hsl(var(--tertiary-900) / 0.6);
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266]   span[_ngcontent-ng-c1596155266] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266] {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  height: 0.75rem;
  width: 0.75rem;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-playing[_ngcontent-ng-c1596155266] {
  display: inline-grid;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: capitalize;
  line-height: normal;
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-playing[_ngcontent-ng-c1596155266]   span[_ngcontent-ng-c1596155266] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266] {
  margin-right: 0.5rem;
  display: none;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: normal;
  color: hsl(var(--tertiary-950) / 0.7);
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .panda-content[_ngcontent-ng-c1596155266] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .icon[_ngcontent-ng-c1596155266] {
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:has(.locked):hover {
    background-color: hsl(var(--tertiary-400) / 0.15);
  }
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .locked[_ngcontent-ng-c1596155266] {
  cursor: default;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-rate-content[_ngcontent-ng-c1596155266] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:disabled   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:disabled   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]:disabled   .bet-text[_ngcontent-ng-c1596155266] {
  color: hsl(var(--tertiary-800) / 0.4);
}
[_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266] {
  opacity: 0.5;
}
[_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.odd-disabled[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  color: hsl(var(--tertiary-800) / 0.4);
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}
[_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266]   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover   .bet-rate[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover   .bet-locked[_ngcontent-ng-c1596155266], [_nghost-ng-c1596155266]   .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover   .bet-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
}

.fixture-detail-collapse   [_nghost-ng-c1596155266] {
  flex: none;
}

.rate-up[_ngcontent-ng-c1596155266]::before {
  position: absolute;
  top: 0.188rem;
  right: 0.188rem;
  z-index: 1;
  height: 0px;
  content: var(--tw-content);
  width: 0px;
}

@keyframes _ngcontent-ng-c1596155266_rateChange {
  0% {
    content: var(--tw-content);
    opacity: 0;
  }
  50% {
    content: var(--tw-content);
    opacity: 100%;
  }
  100% {
    content: var(--tw-content);
    opacity: 0;
  }
}

.rate-up[_ngcontent-ng-c1596155266]::before {
  animation: _ngcontent-ng-c1596155266_rateChange 1s 5;
  border-top-width: 8px;
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
  border-left-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}

.rate-down[_ngcontent-ng-c1596155266]::after {
  position: absolute;
  bottom: 0.188rem;
  right: 0.188rem;
  z-index: 1;
  height: 0px;
  content: var(--tw-content);
  width: 0px;
}

@keyframes _ngcontent-ng-c1596155266_rateChange {
  0% {
    content: var(--tw-content);
    opacity: 0;
  }
  50% {
    content: var(--tw-content);
    opacity: 100%;
  }
  100% {
    content: var(--tw-content);
    opacity: 0;
  }
}

.rate-down[_ngcontent-ng-c1596155266]::after {
  animation: _ngcontent-ng-c1596155266_rateChange 1s 5;
  border-bottom-width: 8px;
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
  border-left-color: transparent;
  --tw-content: "";
  content: var(--tw-content);
}

.compact-view-btn[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .compact-view-btn   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  flex-direction: column-reverse;
}

.fixture-panda-view-btg[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .fixture-panda-view-btg   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  height: 100%;
}

.custom-market   .custom-market-content[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .custom-market   .custom-market-content   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  height: 2.625rem;
  width: 3.25rem;
  min-width: 3.25rem;
}

@media (min-width: 1024px) {
  .custom-market   .custom-market-content[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .custom-market   .custom-market-content   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
    width: 7.5rem;
    min-width: 7.5rem;
  }
}
.custom-market   .custom-market-content[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], .custom-market   .custom-market-content   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none;
}

.popular-odds[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .popular-odds   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  height: 2.625rem;
  width: 6.25rem;
  min-width: 6.25rem;
}
.popular-odds[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], .popular-odds   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none;
}

.fixture-betradar-races-hide-text-btn[_nghost-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266], .fixture-betradar-races-hide-text-btn   [_nghost-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none !important;
}

@media (min-width: 1024px) {
  .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .bet-rate[_ngcontent-ng-c1596155266]:before {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
}
.custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-text[_ngcontent-ng-c1596155266] {
  display: none;
}
.custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266] {
  display: flex;
  align-items: center;
}
.custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before {
  margin-right: 0.25rem;
  height: 1rem;
  width: 1rem;
  background-color: currentColor;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14L12 6L20 14M8 16.9998L12 12.9998L16 16.9998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}

.custom-event[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before, .custom-event   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .bet-rate[_ngcontent-ng-c1596155266]:before {
  display: none;
}

.custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266] {
  display: block;
}
@media (min-width: 1024px) {
  .custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover   .slip-text[_ngcontent-ng-c1596155266] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
  }
}
.custom-event   .builder-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .builder-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view[_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266], .custom-event   .regular-view   [_nghost-ng-c1596155266]   .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266]   .slip-text[_ngcontent-ng-c1596155266] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}

@media (min-width: 1536px) {
  .news-carousel-fixtures[_nghost-ng-c1596155266], .news-carousel-fixtures   [_nghost-ng-c1596155266] {
    flex: none;
  }
}
.news-carousel-fixtures[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .news-carousel-fixtures   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1));
}
@media (min-width: 1536px) {
  .news-carousel-fixtures[_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266], .news-carousel-fixtures   [_nghost-ng-c1596155266]   .bet-btn[_ngcontent-ng-c1596155266] {
    min-width: 250px;
  }
}



   .sport-services[_ngcontent-ng-c3122670151] {
            position: relative;
            margin-top: 0.75rem;
            cursor: pointer;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-400) / 0.1);
            padding: 0px
        }

        .sport-services[_ngcontent-ng-c3122670151]:is(.dark *)[_ngcontent-ng-c3122670151] {
            background-color: hsl(var(--tertiary-200) / 0.5)
        }

        .sport-services[_ngcontent-ng-c3122670151] .card-header[_ngcontent-ng-c3122670151] {
            height: 3rem;
            border-radius: 0.375rem;
            border-bottom-width: 0px;
            background-color: hsl(var(--tertiary-200) / 0.3);
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            padding-top: 0px;
            padding-bottom: 0px
        }

        .sport-services[_ngcontent-ng-c3122670151] .card-header[_ngcontent-ng-c3122670151]:is(.dark *)[_ngcontent-ng-c3122670151] {
            background-color: hsl(var(--tertiary-200) / 0.75)
        }

        .sport-services[_ngcontent-ng-c3122670151] .card-header[_ngcontent-ng-c3122670151] .card-title[_ngcontent-ng-c3122670151] {
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.125rem
        }

        .sport-services[_ngcontent-ng-c3122670151] .icon-right[_ngcontent-ng-c3122670151] {
            display: flex;
            height: 1.5rem;
            width: 1.5rem;
            align-items: center;
            justify-content: center;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-700) / 0.1)
        }

        .sport-services[_ngcontent-ng-c3122670151] .icon-right[_ngcontent-ng-c3122670151] .icon[_ngcontent-ng-c3122670151] {
            height: 1.25rem;
            width: 1.25rem;
            flex: none;
            color: hsl(var(--tertiary-950) / 0.7)
        }

        .sport-services[_ngcontent-ng-c3122670151] .sport-services-content[_ngcontent-ng-c3122670151] .item[_ngcontent-ng-c3122670151] {
            display: flex;
            height: 3rem;
            align-items: center;
            column-gap: 0.5rem;
            border-radius: 0.375rem;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            font-size: 0.875rem;
            font-weight: 700
        }

        .sport-services[_ngcontent-ng-c3122670151] .sport-services-content[_ngcontent-ng-c3122670151] .item[_ngcontent-ng-c3122670151]:hover {
            background-color: hsl(var(--tertiary-200) / 0.75)
        }

        .sport-services[_ngcontent-ng-c3122670151] .sport-services-content[_ngcontent-ng-c3122670151] .item[_ngcontent-ng-c3122670151] .icon[_ngcontent-ng-c3122670151] {
            margin-right: 0.25rem;
            height: 1.25rem;
            width: 1.25rem;
            flex: none
        }

        .sport-services[_ngcontent-ng-c3122670151] .sport-services-content[_ngcontent-ng-c3122670151] .item[_ngcontent-ng-c3122670151] .icon.static-icon[_ngcontent-ng-c3122670151] {
            --tw-rotate: -90deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .sport-services[_ngcontent-ng-c3122670151] .sport-services-content[_ngcontent-ng-c3122670151] .item[_ngcontent-ng-c3122670151] .text[_ngcontent-ng-c3122670151] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

          .today-events-container[_ngcontent-ng-c1431289779] {
            display: flex;
            flex-direction: column
        }

        @media (min-width: 1024px) {
            .today-events-container[_ngcontent-ng-c1431289779] {
                flex-direction: column
            }
        }




   .fixture-toggle-btn[_ngcontent-ng-c2782272813] {
            display: flex;
            align-items: center;
            column-gap: 0.375rem;
            text-align: left;
            font-size: 13px;
            font-weight: 500;
            line-height: normal;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        @media (min-width: 1024px) {
            .fixture-toggle-btn[_ngcontent-ng-c2782272813]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .fixture-toggle-btn[_ngcontent-ng-c2782272813] .icon[_ngcontent-ng-c2782272813] {
            height: 1.125rem;
            width: 1.125rem;
            flex-shrink: 0
        }

        .fixture-toggle-btn[_ngcontent-ng-c2782272813] .text[_ngcontent-ng-c2782272813] {
            display: none
        }

        @media (min-width: 1024px) {
            .fixture-toggle-btn[_ngcontent-ng-c2782272813] .text[_ngcontent-ng-c2782272813] {
                display: inline
            }
        }

          .betslip[_ngcontent-ng-c1243428565] {
            width: 100%;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
        }

          [_nghost-ng-c713371117] {

            display: block
        }

        .special-event-countdown[_ngcontent-ng-c713371117] {

            position: relative;

            margin-bottom: 0.75rem;

            display: flex;

            min-height: 260px;

            flex-direction: column;

            align-items: center;

            justify-content: flex-end;

            border-radius: 0.5rem;

            padding-top: 1rem;

            padding-bottom: 1rem;

            padding-bottom: 0px;

            background-image: url(/assets/images/countdown-bg.jpg);

            background-size: cover;

            background-position: center -60px;

            background-repeat: no-repeat
        }

        @media (min-width: 530px) {

            .special-event-countdown[_ngcontent-ng-c713371117] {

                background-size: 100% 100%
            }
        }

        @media (min-width: 1024px) {

            .special-event-countdown[_ngcontent-ng-c713371117] {

                background-size: cover
            }
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .icon[_ngcontent-ng-c713371117] {

            position: absolute;

            left: 1rem;

            top: 1rem;

            height: 2.5rem;

            width: 1.75rem
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .wrapper-tournament[_ngcontent-ng-c713371117] {

            display: flex;

            width: 100%;

            flex-direction: column;

            align-items: center;

            border-bottom-right-radius: 8px;

            border-bottom-left-radius: 8px;

            background-image: linear-gradient(180deg, rgba(61, 63, 73, 0) 0%, #17181C 77%);

            padding-bottom: 0.75rem
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .title[_ngcontent-ng-c713371117] {

            margin-bottom: 0.75rem;

            padding-top: 74px;

            font-size: 0.875rem;

            font-weight: 600;

            text-transform: uppercase;

            line-height: 1.25rem;

            --tw-text-opacity: 1;

            color: rgb(255 255 255 / var(--tw-text-opacity, 1));

            --tw-shadow-color: #000;

            --tw-shadow: var(--tw-shadow-colored);

            --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));

            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }

        @media (min-width: 1024px) {

            .special-event-countdown[_ngcontent-ng-c713371117] .title[_ngcontent-ng-c713371117] {

                margin-bottom: 1rem;

                padding-top: 7.5rem
            }
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] {

            display: flex;

            align-items: center
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117] {

            margin-right: 1rem;

            display: flex;

            width: 3.25rem;

            flex-direction: column
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117]:last-child {

            margin-right: 0px
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117] .time[_ngcontent-ng-c713371117] {

            position: relative;

            display: flex;

            height: 3.25rem;

            width: 100%;

            align-items: center;

            justify-content: center;

            border-radius: 0.75rem;

            border-width: 1px;

            border-color: rgb(255 255 255 / 0.1);

            background-color: var(--Tertiary-400, #5B617133);

            font-size: 0.875rem;

            font-weight: 700;

            line-height: 1.25rem;

            --tw-text-opacity: 1;

            color: rgb(255 255 255 / var(--tw-text-opacity, 1));

            --tw-shadow: 0 8px 16px rgba(5, 8, 16, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.14), inset 0 -1px 0 rgba(255, 255, 255, 0.05);

            --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color);

            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

            --tw-drop-shadow: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));

            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117] .time[_ngcontent-ng-c713371117]::after {

            position: absolute;

            right: -0.625rem;

            width: 0.25rem;

            text-align: center;

            color: rgb(255 255 255 / 0.35);

            --tw-content: ":";

            content: var(--tw-content)
        }

        @media (min-width: 1024px) {

            .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117] .time[_ngcontent-ng-c713371117] {

                height: 3.25rem
            }
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117] .text[_ngcontent-ng-c713371117] {

            margin-top: 0.25rem;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            text-align: center;

            font-size: 11px;

            font-weight: 600;

            text-transform: capitalize;

            line-height: 1.25rem;

            --tw-text-opacity: 1;

            color: rgb(255 255 255 / var(--tw-text-opacity, 1));

            opacity: 0.5
        }

        .special-event-countdown[_ngcontent-ng-c713371117] .countdown[_ngcontent-ng-c713371117] .count[_ngcontent-ng-c713371117]:last-child .time[_ngcontent-ng-c713371117]::after {

            content: var(--tw-content);

            display: none
        }


           .betslip-header[_ngcontent-ng-c4208969632] {
            display: flex;
            height: 3.25rem;
            align-items: center;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
            border-bottom-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] {
            display: flex;
            height: 100%;
            flex: 1 1 0%;
            align-items: center;
            justify-content: center;
            column-gap: 0.375rem;
            overflow-x: hidden;
            border-bottom-width: 2px;
            border-color: transparent;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            font-size: 0.875rem;
            font-weight: 800;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.8)
        }

        @media (min-width: 1024px) {
            .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }

            .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632]:hover .tab-badge[_ngcontent-ng-c4208969632] {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.active[_ngcontent-ng-c4208969632] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.active[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.tab-loggedout[_ngcontent-ng-c4208969632] {
            flex: none
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.tab-loggedout.active[_ngcontent-ng-c4208969632] {
            border-color: transparent
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-text[_ngcontent-ng-c4208969632] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] {
            display: flex;
            height: 1.5rem;
            width: 1.5rem;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
            background-color: hsl(var(--tertiary-900) / 0.2);
            color: hsl(var(--tertiary-900) / 0.6);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632] {
            height: 1rem;
            width: 1rem
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] {
            flex-shrink: 0;
            column-gap: 0.375rem;
            padding-right: 0.75rem;
            font-size: 0.875rem;
            font-weight: 800;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.8)
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-title[_ngcontent-ng-c4208969632] {
            flex-shrink: 0;
            cursor: pointer;
            font-size: 0.875rem;
            font-weight: 800;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]::before {
            left: 22.5px;
            content: var(--tw-content);
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary-50) / var(--tw-bg-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before {
            content: var(--tw-content);
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon.first[_ngcontent-ng-c4208969632] {
            left: 25px;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] {
            border-width: 0.5px;
            border-color: hsl(var(--tertiary-900) / 0.15);
            background-color: transparent
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632]::before {
            top: 2.5px;
            left: 2.5px;
            content: var(--tw-content);
            background-color: hsl(var(--tertiary-900) / 0.15)
        }

        .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632] {
            top: 6px;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] {
            border-top-left-radius: 0.375rem;
            border-top-right-radius: 0.375rem;
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.active[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.active[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.active[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn.active[_ngcontent-ng-c4208969632] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] {
            background-color: hsl(var(--secondary-100) / 0.2);
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .tab-btn[_ngcontent-ng-c4208969632] .tab-badge[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-title[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-title[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-title[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-title[_ngcontent-ng-c4208969632] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--secondary-foreground) / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary-foreground) / var(--tw-bg-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]::before,
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]::before {
            content: var(--tw-content);
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before,
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before {
            content: var(--tw-content);
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632]::before,
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon[_ngcontent-ng-c4208969632]::before {
            content: var(--tw-content);
            background-color: hsl(var(--secondary-foreground) / 0.8)
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon.first[_ngcontent-ng-c4208969632],
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon.first[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon.first[_ngcontent-ng-c4208969632],
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-label[_ngcontent-ng-c4208969632] input[_ngcontent-ng-c4208969632]:checked+.switch-slider[_ngcontent-ng-c4208969632] .icon.first[_ngcontent-ng-c4208969632] {
            left: 25px;
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before,
        .color-scheme-3 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar[_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before,
        .color-scheme-2 .sidebar [_nghost-ng-c4208969632] .betslip-header[_ngcontent-ng-c4208969632] .input-switch[_ngcontent-ng-c4208969632] .switch-slider[_ngcontent-ng-c4208969632]:is(.dark *)[_ngcontent-ng-c4208969632]::before {
            content: var(--tw-content);
            background-color: hsl(var(--secondary-foreground) / 0.2)
        }


          .betslip-search[_ngcontent-ng-c2483458351] {
            border-bottom-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            padding: 0.5rem
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] {
            position: relative
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-input[_ngcontent-ng-c2483458351] {
            height: 2.625rem;
            width: 100%;
            border-radius: 0.25rem;
            border-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary-50) / var(--tw-bg-opacity, 1));
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            padding-left: 1rem;
            padding-right: 5px;
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            outline-width: 0px;
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-input[_ngcontent-ng-c2483458351]::placeholder {
            color: hsl(var(--tertiary-950) / 0.3)
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-input[_ngcontent-ng-c2483458351]:focus {
            --tw-border-opacity: 1;
            border-color: hsl(var(--primary) / var(--tw-border-opacity, 1))
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-btn[_ngcontent-ng-c2483458351] {
            position: absolute;
            right: 5px;
            top: 5px;
            bottom: 5px;
            display: flex;
            height: 2rem;
            align-items: center;
            justify-content: center;
            column-gap: 0.375rem;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-btn[_ngcontent-ng-c2483458351]:hover {
                background-color: hsl(var(--primary) / 0.8)
            }
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-btn[disabled][_ngcontent-ng-c2483458351] {
            cursor: not-allowed;
            background-color: hsl(var(--tertiary-200) / 0.5);
            color: hsl(var(--tertiary-900) / 0.3)
        }

        @media (min-width: 1024px) {
            .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-btn[disabled][_ngcontent-ng-c2483458351]:hover {
                background-color: hsl(var(--tertiary-200) / 0.5)
            }
        }

        .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-btn[disabled][_ngcontent-ng-c2483458351]:is(.dark *)[_ngcontent-ng-c2483458351] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1))
        }

        @media (min-width: 1024px) {
            .betslip-search[_ngcontent-ng-c2483458351] .betslip-search-field[_ngcontent-ng-c2483458351] .search-btn[disabled][_ngcontent-ng-c2483458351]:hover:is(.dark *)[_ngcontent-ng-c2483458351] {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1))
            }
        }


             .betslip-empty[_ngcontent-ng-c1189007359] {
            display: flex;
            align-items: center;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem
        }

        .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] {
            margin-right: 1rem;
            display: flex;
            height: 3.25rem;
            width: 3.25rem;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
            background-color: hsl(var(--tertiary-800) / 0.1)
        }

        .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] .icon[_ngcontent-ng-c1189007359] {
            height: 1.5rem;
            width: 1.5rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .betslip-empty[_ngcontent-ng-c1189007359] .empty-message[_ngcontent-ng-c1189007359] .title[_ngcontent-ng-c1189007359] {
            margin-bottom: 0.25rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.125rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
        }

        .betslip-empty[_ngcontent-ng-c1189007359] .empty-message[_ngcontent-ng-c1189007359] .desc[_ngcontent-ng-c1189007359] {
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.125rem;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        .color-scheme-2[_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359],
        .color-scheme-2 [_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359],
        .color-scheme-3[_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359],
        .color-scheme-3 [_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] {
            background-color: hsl(var(--tertiary-200) / 0.3)
        }

        .color-scheme-2[_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] .icon[_ngcontent-ng-c1189007359],
        .color-scheme-2 [_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] .icon[_ngcontent-ng-c1189007359],
        .color-scheme-3[_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] .icon[_ngcontent-ng-c1189007359],
        .color-scheme-3 [_nghost-ng-c1189007359] .betslip-empty[_ngcontent-ng-c1189007359] .empty-icon[_ngcontent-ng-c1189007359] .icon[_ngcontent-ng-c1189007359] {
            color: hsl(var(--tertiary-500) / 0.65)
        }




             .search-toggle[_ngcontent-ng-c1704745375] {
            position: relative;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
        }

        .search-toggle[_ngcontent-ng-c1704745375] .search-icon[_ngcontent-ng-c1704745375] {
            pointer-events: none;
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            display: flex;
            align-items: center;
            padding-left: 0.875rem;
            color: hsl(var(--tertiary-950) / 0.3)
        }

        .search-toggle[_ngcontent-ng-c1704745375] .filter-icon[_ngcontent-ng-c1704745375] {
            pointer-events: auto;
            position: absolute;
            top: 0px;
            bottom: 0px;
            right: 0px;
            display: flex;
            align-items: center;
            padding-right: 1rem;
            color: hsl(var(--tertiary-950) / 0.3)
        }

        .search-toggle[_ngcontent-ng-c1704745375] .filter-icon.active[_ngcontent-ng-c1704745375] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375] {
            display: block;
            height: 3.125rem;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-radius: 0.25rem;
            border-width: 0.5px;
            border-color: hsl(var(--tertiary-950) / 0.15);
            background-color: transparent;
            padding-top: 0.563rem;
            padding-bottom: 0.563rem;
            padding-left: 3rem;
            font-size: 0.875rem;
            font-weight: 700;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375]::placeholder {
            background-color: transparent;
            color: hsl(var(--tertiary-950) / 0.3)
        }

        .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375]:focus {
            border-color: hsl(var(--tertiary-foreground) / 0.5);
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        sport-lib-fixture-search-results-page[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375],
        sport-lib-fixture-search-results-page [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] {
            margin-bottom: 0px
        }

        sport-lib-fixture-search-results-page[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375],
        sport-lib-fixture-search-results-page [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375] {
            border-radius: 0px;
            border-top-width: 0px;
            border-left-width: 0px;
            border-right-width: 0px
        }

        .sidebar[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375],
        .sidebar [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] {
            margin-bottom: 0.75rem
        }

        .header-template-6 .header[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .search-icon[_ngcontent-ng-c1704745375] .icon[_ngcontent-ng-c1704745375],
        .header-template-6 .header [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .search-icon[_ngcontent-ng-c1704745375] .icon[_ngcontent-ng-c1704745375] {
            height: 1rem;
            width: 1rem
        }

        .header-template-6 .header[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375],
        .header-template-6 .header [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375] {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            height: 1.75rem
        }

        .header-template-7 .header[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .search-icon[_ngcontent-ng-c1704745375] .icon[_ngcontent-ng-c1704745375],
        .header-template-7 .header [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .search-icon[_ngcontent-ng-c1704745375] .icon[_ngcontent-ng-c1704745375] {
            height: 1rem;
            width: 1rem
        }

        .header-template-7 .header[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375],
        .header-template-7 .header [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] .input-style[_ngcontent-ng-c1704745375] {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
            height: 1.75rem
        }

        @media not all and (min-width: 1024px) {

            sport-lib-live-sidebar[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375],
            sport-lib-live-sidebar [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] {
                margin-bottom: 0.375rem
            }

            sport-lib-virtual-sidebar[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375],
            sport-lib-virtual-sidebar [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] {
                margin-bottom: 0.375rem
            }

            sport-lib-prelive-sidebar sport-lib-prelive-sidebar-template-one[_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375],
            sport-lib-prelive-sidebar sport-lib-prelive-sidebar-template-one [_nghost-ng-c1704745375] .search-toggle[_ngcontent-ng-c1704745375] {
                margin-bottom: 0.375rem
            }
        }

          .betslip-drawer[_ngcontent-ng-c3618492841] .betslip-btn[_ngcontent-ng-c3618492841] {
            margin-top: -15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 13px;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            font-size: 0.625rem;
            font-weight: 700;
            text-transform: uppercase;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        .betslip-drawer[_ngcontent-ng-c3618492841] .betslip-btn[_ngcontent-ng-c3618492841] .betslip-icon[_ngcontent-ng-c3618492841] {
            position: relative;
            display: flex;
            height: 2.625rem;
            width: 2.625rem;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        .betslip-drawer[_ngcontent-ng-c3618492841] .betslip-btn[_ngcontent-ng-c3618492841] .betslip-icon[_ngcontent-ng-c3618492841] .icon[_ngcontent-ng-c3618492841] {
            height: 1.5rem;
            width: 1.5rem
        }

        .betslip-drawer[_ngcontent-ng-c3618492841] .betslip-btn[_ngcontent-ng-c3618492841] .betslip-icon[_ngcontent-ng-c3618492841] .count[_ngcontent-ng-c3618492841] {
            position: absolute;
            top: 0.25rem;
            right: 0.188rem;
            z-index: 1;
            display: flex;
            height: 1.25rem;
            width: 1.25rem;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
            border-width: 2px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--primary-50) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
            font-size: 0.625rem;
            font-weight: 600;
            line-height: normal;
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .betslip-drawer[_ngcontent-ng-c3618492841] .betslip-btn[_ngcontent-ng-c3618492841] .betslip-icon[_ngcontent-ng-c3618492841] .count[_ngcontent-ng-c3618492841]:is(.dark *)[_ngcontent-ng-c3618492841] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--primary-950) / var(--tw-border-opacity, 1))
        }

        .betslip-drawer[_ngcontent-ng-c3618492841] .betslip-btn[_ngcontent-ng-c3618492841] .text[_ngcontent-ng-c3618492841] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

               .today-events-content[_ngcontent-ng-c1892204289] {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem
        }

        .today-events-content[_ngcontent-ng-c1892204289] lib-alert[_ngcontent-ng-c1892204289] {
            margin: 0px
        }

        .today-events-content[_ngcontent-ng-c1892204289] .fixture-header-info[_ngcontent-ng-c1892204289] {
            display: flex;
            align-items: center;
            overflow: hidden
        }

        .today-events-content[_ngcontent-ng-c1892204289] .fixture-header-info[_ngcontent-ng-c1892204289] .icon[_ngcontent-ng-c1892204289] {
            margin-right: 0.375rem;
            height: 1.25rem;
            width: 1.25rem;
            flex-shrink: 0
        }

        .today-events-content[_ngcontent-ng-c1892204289] .fixture-header-info[_ngcontent-ng-c1892204289] .icon.chevron[_ngcontent-ng-c1892204289] {
            margin-left: 0.125rem;
            margin-right: 0.125rem;
            height: 1rem;
            width: 1rem
        }

        .today-events-content[_ngcontent-ng-c1892204289] .fixture-header-info[_ngcontent-ng-c1892204289] .text[_ngcontent-ng-c1892204289]:last-child {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
   .fixture-header-info[_ngcontent-ng-c612378446] {
            display: flex;
            align-items: center;
            overflow: hidden
        }

        .fixture-header-info[_ngcontent-ng-c612378446] .icon[_ngcontent-ng-c612378446] {
            margin-right: 0.375rem;
            height: 1.25rem;
            width: 1.25rem;
            flex-shrink: 0
        }

        .fixture-header-info[_ngcontent-ng-c612378446] .icon.chevron[_ngcontent-ng-c612378446] {
            margin-left: 0.125rem;
            margin-right: 0.125rem;
            height: 1rem;
            width: 1rem
        }

        .fixture-header-info[_ngcontent-ng-c612378446] .text[_ngcontent-ng-c612378446]:last-child {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }


  .is-fixture-live[_ngcontent-ng-c270018153] {
            margin-left: 0.375rem;
            display: flex;
            height: 0.875rem;
            width: auto;
            align-items: center;
            justify-content: center;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
            padding-left: 0.188rem;
            padding-right: 0.188rem;
            font-size: 0.625rem;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 1rem;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .is-fixture-live[_ngcontent-ng-c270018153] .icon[_ngcontent-ng-c270018153] {
            margin-right: 0.188rem;
            width: 0.5rem
        }


           .bet-builder-info[_ngcontent-ng-c3376183616] {

            margin-left: 0.375rem;

            display: flex;

            height: 0.875rem;

            width: 1.5rem;

            align-items: center;

            justify-content: center;

            border-radius: 0.25rem;

            --tw-bg-opacity: 1;

            background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));

            font-size: 0.75rem;

            font-weight: 700;

            text-transform: uppercase;

            line-height: 1rem;

            --tw-text-opacity: 1;

            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .prelive-fixture-panda-view[_nghost-ng-c3376183616] .bet-builder-info[_ngcontent-ng-c3376183616],
        .prelive-fixture-panda-view [_nghost-ng-c3376183616] .bet-builder-info[_ngcontent-ng-c3376183616],
        .live-fixture-panda-view[_nghost-ng-c3376183616] .bet-builder-info[_ngcontent-ng-c3376183616],
        .live-fixture-panda-view [_nghost-ng-c3376183616] .bet-builder-info[_ngcontent-ng-c3376183616] {

            margin-left: 0px;

            margin-right: 0.5rem
        }


              .fixture-info-statistic[_ngcontent-ng-c981080784] {
            margin-left: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.6)
        }

        @media (min-width: 1024px) {
            .fixture-info-statistic[_ngcontent-ng-c981080784]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .fixture-info-statistic[_ngcontent-ng-c981080784] .icon[_ngcontent-ng-c981080784] {
            height: 1.25rem;
            width: 1.25rem
        }

        .prelive-fixture-panda-view[_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784],
        .prelive-fixture-panda-view [_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784],
        .live-fixture-panda-view[_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784],
        .live-fixture-panda-view [_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784] {
            margin-left: 0px;
            margin-right: 0.375rem
        }

          .fixture-size[_ngcontent-ng-c1964164748] {
            margin-left: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .fixture-size[_ngcontent-ng-c1964164748]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .fixture-size.highlight-btn[_ngcontent-ng-c1964164748] {
            height: 1.125rem;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            padding: 0.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .fixture-size.highlight-btn[_ngcontent-ng-c1964164748]:hover {
                background-color: hsl(var(--primary) / 0.8)
            }
        }

        .bet-now[_nghost-ng-c1964164748],
        .bet-now [_nghost-ng-c1964164748] {
            width: 100%
        }

        .bet-now[_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748],
        .bet-now [_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748] {
            margin-left: 0px;
            height: 2rem;
            min-height: 2.625rem;
            width: 100%;
            border-radius: 0.25rem;
            background-color: hsl(var(--tertiary-400) / 0.1);
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            font-size: 0.875rem;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        @media (min-width: 1024px) {

            .bet-now[_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748],
            .bet-now [_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748] {
                height: 2.875rem
            }

            .bet-now[_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748]:hover,
            .bet-now [_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748]:hover {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .bet-now[_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748] icon[_ngcontent-ng-c1964164748],
        .bet-now [_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748] icon[_ngcontent-ng-c1964164748] {
            height: 1rem;
            width: 1rem
        }

        .prelive-fixture-panda-view[_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748],
        .prelive-fixture-panda-view [_nghost-ng-c1964164748] .fixture-size[_ngcontent-ng-c1964164748] {
            margin-left: 0px
        }

        .active[_ngcontent-ng-c1964164748] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary) / var(--tw-text-opacity, 1))
        }


   [_nghost-ng-c2241130274] {
            height: -moz-fit-content;
            height: fit-content;
            width: 100%
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg[_ngcontent-ng-c2241130274] {
            display: flex;
            flex: 1 1 0%;
            gap: 0.5rem;
            text-align: center
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] {
            display: none;
            flex: 1 1 0%
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274]:nth-child(1) {
            display: flex
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274]:nth-child(2) {
                display: flex
            }
        }

        @media (min-width: 1280px) {
            [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274]:nth-child(-n+3) {
                display: flex
            }
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds[_ngcontent-ng-c2241130274] {
            display: grid;
            width: 100%;
            gap: 0.188rem
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.btg-column-2[_ngcontent-ng-c2241130274] {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.btg-column-2[_ngcontent-ng-c2241130274] .fixture-classic-view-odds-item[_ngcontent-ng-c2241130274]:nth-child(n+3) {
                display: none
            }
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.btg-column-3[_ngcontent-ng-c2241130274] {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.btg-column-3[_ngcontent-ng-c2241130274] .fixture-classic-view-odds-item[_ngcontent-ng-c2241130274]:nth-child(n+4) {
                display: none
            }
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.btg-column-4[_ngcontent-ng-c2241130274] {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.btg-column-4[_ngcontent-ng-c2241130274] .fixture-classic-view-odds-item[_ngcontent-ng-c2241130274]:nth-child(n+5) {
                display: none
            }
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.lock-button[_ngcontent-ng-c2241130274] {
            display: flex
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-odds.lock-button[_ngcontent-ng-c2241130274] .fixture-classic-view-odds-item[_ngcontent-ng-c2241130274] {
            flex: 1 1 0%
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds[_ngcontent-ng-c2241130274] {
            display: none
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds[_ngcontent-ng-c2241130274] {
                display: block
            }
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds-btn[_ngcontent-ng-c2241130274] {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: center
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds-content[_ngcontent-ng-c2241130274] {
            max-height: 17.5rem;
            width: 20rem;
            gap: 0.5rem;
            overflow: auto;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding: 1rem
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds-content[_ngcontent-ng-c2241130274] .fixture-odds-item[_ngcontent-ng-c2241130274] {
            display: grid;
            gap: 0.25rem
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds-content[_ngcontent-ng-c2241130274] .fixture-odds-item.btg-column-2[_ngcontent-ng-c2241130274] {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds-content[_ngcontent-ng-c2241130274] .fixture-odds-item.btg-column-3[_ngcontent-ng-c2241130274] {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        [_nghost-ng-c2241130274] .fixture-classic-view-btg-item[_ngcontent-ng-c2241130274] .fixture-classic-view-more-odds-content[_ngcontent-ng-c2241130274] .fixture-odds-item.btg-column-4[_ngcontent-ng-c2241130274] {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }


            .team-favorite-btn[_ngcontent-ng-c4163649060] {
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        @media (min-width: 1024px) {
            .team-favorite-btn[_ngcontent-ng-c4163649060]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .team-favorite-btn[_ngcontent-ng-c4163649060] .icon[_ngcontent-ng-c4163649060] {
            height: 0.875rem;
            width: 0.875rem
        }

        .team-favorite-btn.active[_ngcontent-ng-c4163649060] {
            --tw-text-opacity: 1;
            color: rgb(251 191 36 / var(--tw-text-opacity, 1))
        }
    </style>
    <style>
        [_nghost-ng-c1167086249] {
            margin-left: 0.188rem;
            display: none
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c1167086249] {
                display: block
            }
        }

        .more-odds[_ngcontent-ng-c1167086249] {
            height: 100%
        }

        .more-odds-btn[_ngcontent-ng-c1167086249] {
            display: flex;
            height: 100%;
            width: 1.5rem;
            align-items: center;
            justify-content: center;
            border-radius: 0.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .more-odds-btn[_ngcontent-ng-c1167086249]:hover {
                background-color: hsl(var(--tertiary-400) / 0.15);
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .more-odds-btn[_ngcontent-ng-c1167086249] .icon[_ngcontent-ng-c1167086249] {
            height: 1rem;
            width: 1rem
        }

        .more-odds-content[_ngcontent-ng-c1167086249] {
            width: 20rem
        }

        .more-odds-content[_ngcontent-ng-c1167086249] .odds-item[_ngcontent-ng-c1167086249] {
            display: grid;
            gap: 0.25rem
        }

        .more-odds-content[_ngcontent-ng-c1167086249] .odds-item.btg-column-2[_ngcontent-ng-c1167086249] {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .more-odds-content[_ngcontent-ng-c1167086249] .odds-item.btg-column-3[_ngcontent-ng-c1167086249] {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .more-odds-content[_ngcontent-ng-c1167086249] .odds-item.btg-column-4[_ngcontent-ng-c1167086249] {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

            [_nghost-ng-c1596155266] {
            flex: 1 1 0%;
            overflow: hidden;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
            position: relative;
            display: flex;
            min-height: 2.625rem;
            width: 100%;
            flex-direction: column;
            align-content: center;
            align-items: center;
            justify-content: center;
            border-radius: 0.25rem;
            background-color: hsl(var(--tertiary-400) / 0.25);
            text-align: center;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms;
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
                height: 2.875rem;
            }
        }

        [_nghost-ng-c1596155266] .bet-btn.active[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.playing[_ngcontent-ng-c1596155266] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.active[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.active[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.playing[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.playing[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
            }

            [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover .bet-rate[_ngcontent-ng-c1596155266],
            [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover .bet-locked[_ngcontent-ng-c1596155266],
            [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:not(:disabled):hover .bet-text[_ngcontent-ng-c1596155266] {
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
            }
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266] {
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            display: inline-grid;
            padding-left: 0.125rem;
            padding-right: 0.125rem;
            font-size: 0.625rem;
            font-weight: 600;
            text-transform: capitalize;
            line-height: normal;
            color: hsl(var(--tertiary-900) / 0.6);
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] span[_ngcontent-ng-c1596155266] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-locked[_ngcontent-ng-c1596155266] {
            margin-left: 0.125rem;
            margin-right: 0.125rem;
            height: 0.75rem;
            width: 0.75rem;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-playing[_ngcontent-ng-c1596155266] {
            display: inline-grid;
            padding-left: 0.125rem;
            padding-right: 0.125rem;
            font-size: 0.625rem;
            font-weight: 600;
            text-transform: capitalize;
            line-height: normal;
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-playing[_ngcontent-ng-c1596155266] span[_ngcontent-ng-c1596155266] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266] {
            margin-right: 0.5rem;
            display: none;
            font-size: 0.875rem;
            font-weight: 600;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.7);
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .panda-content[_ngcontent-ng-c1596155266] {
            display: flex;
            width: 100%;
            justify-content: space-between;
            padding-left: 0.125rem;
            padding-right: 0.125rem;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .icon[_ngcontent-ng-c1596155266] {
            height: 1rem;
            width: 1rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:has(.locked):hover {
                background-color: hsl(var(--tertiary-400) / 0.15);
            }
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .locked[_ngcontent-ng-c1596155266] {
            cursor: default;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-rate-content[_ngcontent-ng-c1596155266] {
            display: flex;
            align-items: flex-start;
            justify-content: center;
        }

        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:disabled .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:disabled .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266]:disabled .bet-text[_ngcontent-ng-c1596155266] {
            color: hsl(var(--tertiary-800) / 0.4);
        }

        [_nghost-ng-c1596155266] .bet-btn.odd-disabled[_ngcontent-ng-c1596155266] {
            opacity: 0.5;
        }

        [_nghost-ng-c1596155266] .bet-btn.odd-disabled[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.odd-disabled[_ngcontent-ng-c1596155266] .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.odd-disabled[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            color: hsl(var(--tertiary-800) / 0.4);
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266] .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266] .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2.active[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-2[_ngcontent-ng-c1596155266]:hover .bet-text[_ngcontent-ng-c1596155266] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266] .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
        }

        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266] .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3.active[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover .bet-rate[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover .bet-locked[_ngcontent-ng-c1596155266],
        [_nghost-ng-c1596155266] .bet-btn.color-scheme-3[_ngcontent-ng-c1596155266]:hover .bet-text[_ngcontent-ng-c1596155266] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
        }

        .fixture-detail-collapse [_nghost-ng-c1596155266] {
            flex: none;
        }

        .rate-up[_ngcontent-ng-c1596155266]::before {
            position: absolute;
            top: 0.188rem;
            right: 0.188rem;
            z-index: 1;
            height: 0px;
            content: var(--tw-content);
            width: 0px;
        }

        @keyframes _ngcontent-ng-c1596155266_rateChange {
            0% {
                content: var(--tw-content);
                opacity: 0;
            }

            50% {
                content: var(--tw-content);
                opacity: 100%;
            }

            100% {
                content: var(--tw-content);
                opacity: 0;
            }
        }

        .rate-up[_ngcontent-ng-c1596155266]::before {
            animation: _ngcontent-ng-c1596155266_rateChange 1s 5;
            border-top-width: 8px;
            border-left-width: 8px;
            --tw-border-opacity: 1;
            border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
            border-left-color: transparent;
            --tw-content: "";
            content: var(--tw-content);
        }

        .rate-down[_ngcontent-ng-c1596155266]::after {
            position: absolute;
            bottom: 0.188rem;
            right: 0.188rem;
            z-index: 1;
            height: 0px;
            content: var(--tw-content);
            width: 0px;
        }

        @keyframes _ngcontent-ng-c1596155266_rateChange {
            0% {
                content: var(--tw-content);
                opacity: 0;
            }

            50% {
                content: var(--tw-content);
                opacity: 100%;
            }

            100% {
                content: var(--tw-content);
                opacity: 0;
            }
        }

        .rate-down[_ngcontent-ng-c1596155266]::after {
            animation: _ngcontent-ng-c1596155266_rateChange 1s 5;
            border-bottom-width: 8px;
            border-left-width: 8px;
            --tw-border-opacity: 1;
            border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
            border-left-color: transparent;
            --tw-content: "";
            content: var(--tw-content);
        }

        .compact-view-btn[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
        .compact-view-btn [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
            flex-direction: column-reverse;
        }

        .fixture-panda-view-btg[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
        .fixture-panda-view-btg [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
            height: 100%;
        }

        .custom-market .custom-market-content[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
        .custom-market .custom-market-content [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
            height: 2.625rem;
            width: 3.25rem;
            min-width: 3.25rem;
        }

        @media (min-width: 1024px) {

            .custom-market .custom-market-content[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
            .custom-market .custom-market-content [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
                width: 7.5rem;
                min-width: 7.5rem;
            }
        }

        .custom-market .custom-market-content[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266],
        .custom-market .custom-market-content [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            display: none;
        }

        .popular-odds[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
        .popular-odds [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
            height: 2.625rem;
            width: 6.25rem;
            min-width: 6.25rem;
        }

        .popular-odds[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266],
        .popular-odds [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            display: none;
        }

        .fixture-betradar-races-hide-text-btn[_nghost-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266],
        .fixture-betradar-races-hide-text-btn [_nghost-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            display: none !important;
        }

        @media (min-width: 1024px) {
            .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover .bet-rate[_ngcontent-ng-c1596155266]:before {
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
            }
        }

        .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266]:before {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .bet-text[_ngcontent-ng-c1596155266] {
            display: none;
        }

        .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266] {
            display: flex;
            align-items: center;
        }

        .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266]:before {
            margin-right: 0.25rem;
            height: 1rem;
            width: 1rem;
            background-color: currentColor;
            --tw-text-opacity: 1;
            color: rgb(34 197 94 / var(--tw-text-opacity, 1));
            --tw-content: "";
            content: var(--tw-content);
            mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14L12 6L20 14M8 16.9998L12 12.9998L16 16.9998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
            mask-size: contain;
        }

        .custom-event[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266]:before,
        .custom-event [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .bet-rate[_ngcontent-ng-c1596155266]:before {
            display: none;
        }

        .custom-event .builder-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266],
        .custom-event .builder-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266],
        .custom-event .regular-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266],
        .custom-event .regular-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }

        .custom-event .builder-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266],
        .custom-event .builder-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266],
        .custom-event .regular-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266],
        .custom-event .regular-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266] {
            display: block;
        }

        @media (min-width: 1024px) {

            .custom-event .builder-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover .slip-text[_ngcontent-ng-c1596155266],
            .custom-event .builder-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover .slip-text[_ngcontent-ng-c1596155266],
            .custom-event .regular-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover .slip-text[_ngcontent-ng-c1596155266],
            .custom-event .regular-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn[_ngcontent-ng-c1596155266]:hover .slip-text[_ngcontent-ng-c1596155266] {
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
            }
        }

        .custom-event .builder-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266],
        .custom-event .builder-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266],
        .custom-event .regular-view[_nghost-ng-c1596155266] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266],
        .custom-event .regular-view [_nghost-ng-c1596155266] .custom-odds-boost.bet-btn.active[_ngcontent-ng-c1596155266] .slip-text[_ngcontent-ng-c1596155266] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        @media (min-width: 1536px) {

            .news-carousel-fixtures[_nghost-ng-c1596155266],
            .news-carousel-fixtures [_nghost-ng-c1596155266] {
                flex: none;
            }
        }

        .news-carousel-fixtures[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
        .news-carousel-fixtures [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1));
        }

        @media (min-width: 1536px) {

            .news-carousel-fixtures[_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266],
            .news-carousel-fixtures [_nghost-ng-c1596155266] .bet-btn[_ngcontent-ng-c1596155266] {
                min-width: 250px;
            }
        }


            [_nghost-ng-c700676142] {
            position: relative;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .rate-up[_nghost-ng-c700676142] {
            padding-right: 0.313rem
        }

        .rate-up[_nghost-ng-c700676142]::before {
            position: absolute;
            top: 0px;
            right: 0px;
            z-index: 1;
            height: 0px;
            content: var(--tw-content);
            width: 0px
        }

        @keyframes _ngcontent-ng-c700676142_rateChange {
            0% {
                content: var(--tw-content);
                opacity: 0
            }

            50% {
                content: var(--tw-content);
                opacity: 100%
            }

            100% {
                content: var(--tw-content);
                opacity: 0
            }
        }

        .rate-up[_nghost-ng-c700676142]::before {
            animation: _ngcontent-ng-c700676142_rateChange 1s 5;
            border-top-width: 8px;
            border-left-width: 8px;
            --tw-border-opacity: 1;
            border-top-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
            border-left-color: transparent;
            --tw-content: "";
            content: var(--tw-content)
        }

        .rate-down[_nghost-ng-c700676142] {
            padding-right: 0.313rem
        }

        .rate-down[_nghost-ng-c700676142]::after {
            position: absolute;
            bottom: 0px;
            right: 0px;
            z-index: 1;
            height: 0px;
            content: var(--tw-content);
            width: 0px
        }

        @keyframes _ngcontent-ng-c700676142_rateChange {
            0% {
                content: var(--tw-content);
                opacity: 0
            }

            50% {
                content: var(--tw-content);
                opacity: 100%
            }

            100% {
                content: var(--tw-content);
                opacity: 0
            }
        }

        .rate-down[_nghost-ng-c700676142]::after {
            animation: _ngcontent-ng-c700676142_rateChange 1s 5;
            border-bottom-width: 8px;
            border-left-width: 8px;
            --tw-border-opacity: 1;
            border-bottom-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
            border-left-color: transparent;
            --tw-content: "";
            content: var(--tw-content)
        }

        .bet-btn.active[_nghost-ng-c700676142],
        .bet-btn.active [_nghost-ng-c700676142] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        .betslip .coupon[_nghost-ng-c700676142],
        .betslip .coupon [_nghost-ng-c700676142] {
            display: flex;
            height: 1.5rem;
            align-items: center
        }

        .betslip .coupon.rate-up[_nghost-ng-c700676142],
        .betslip .coupon .rate-up[_nghost-ng-c700676142] {
            display: flex;
            height: 1.5rem;
            align-items: center;
            justify-content: space-between;
            border-radius: 0.25rem;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
            background-color: rgb(34 197 94 / 0.05);
            padding-left: 0.25rem;
            padding-right: 0.25rem
        }

        .betslip .coupon.rate-up[_nghost-ng-c700676142]:before,
        .betslip .coupon .rate-up[_nghost-ng-c700676142]:before {
            position: relative;
            margin-right: 0.188rem;
            height: 1rem;
            width: 1rem;
            border-width: 0px;
            background-color: currentColor;
            --tw-text-opacity: 1;
            color: rgb(34 197 94 / var(--tw-text-opacity, 1));
            --tw-content: "";
            content: var(--tw-content);
            mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14L12 6L20 14M8 16.9998L12 12.9998L16 16.9998' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
            mask-size: contain
        }

        .betslip .coupon.rate-down[_nghost-ng-c700676142],
        .betslip .coupon .rate-down[_nghost-ng-c700676142] {
            display: flex;
            height: 1.5rem;
            align-items: center;
            justify-content: space-between;
            border-radius: 0.25rem;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
            background-color: rgb(220 38 38 / 0.05);
            padding-left: 0.25rem;
            padding-right: 0.25rem
        }

        .betslip .coupon.rate-down[_nghost-ng-c700676142]:after,
        .betslip .coupon .rate-down[_nghost-ng-c700676142]:after {
            position: relative;
            border-width: 0px
        }

        .betslip .coupon.rate-down[_nghost-ng-c700676142]:before,
        .betslip .coupon .rate-down[_nghost-ng-c700676142]:before {
            position: relative;
            margin-right: 0.188rem;
            height: 1rem;
            width: 1rem
        }

        @keyframes _ngcontent-ng-c700676142_rateChange {
            0% {
                opacity: 0
            }

            50% {
                opacity: 100%
            }

            100% {
                opacity: 0
            }
        }

        .betslip .coupon.rate-down[_nghost-ng-c700676142]:before,
        .betslip .coupon .rate-down[_nghost-ng-c700676142]:before {
            animation: _ngcontent-ng-c700676142_rateChange 1s 5;
            border-width: 0px;
            background-color: currentColor;
            --tw-text-opacity: 1;
            color: rgb(220 38 38 / var(--tw-text-opacity, 1));
            --tw-content: "";
            content: var(--tw-content);
            mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7L12 11L8 7M4 10L12 18L20 10' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
            mask-size: contain 
        }
           [_nghost-ng-c2267209892] {
            height: 100%;
            width: 100%
        }

        [_nghost-ng-c2267209892] .bet-lock-button[_ngcontent-ng-c2267209892] {
            display: flex;
            min-height: 2.625rem;
            width: 100%;
            align-items: center;
            justify-content: center;
            border-radius: 0.25rem;
            background-color: hsl(var(--tertiary-400) / 0.15);
            color: hsl(var(--tertiary-950) / 0.5);
            opacity: 0.6
        }

        [_nghost-ng-c2267209892] .bet-lock-button[_ngcontent-ng-c2267209892]:hover {
            cursor: not-allowed
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c2267209892] .bet-lock-button[_ngcontent-ng-c2267209892] {
                height: 2.875rem
            }
        }

        [_nghost-ng-c2267209892] .bet-lock-button[_ngcontent-ng-c2267209892] .icon[_ngcontent-ng-c2267209892] {
            height: 1.125rem;
            width: 1.125rem
        }

        .fixture-panda-view-btg[_nghost-ng-c2267209892] .bet-lock-button[_ngcontent-ng-c2267209892],
        .fixture-panda-view-btg [_nghost-ng-c2267209892] .bet-lock-button[_ngcontent-ng-c2267209892] {
            height: 100%
        }

           .prelive-fixture-panda-view[_nghost-ng-c3515723777] .live-stream-info[_ngcontent-ng-c3515723777],
        .prelive-fixture-panda-view [_nghost-ng-c3515723777] .live-stream-info[_ngcontent-ng-c3515723777],
        .live-fixture-panda-view[_nghost-ng-c3515723777] .live-stream-info[_ngcontent-ng-c3515723777],
        .live-fixture-panda-view [_nghost-ng-c3515723777] .live-stream-info[_ngcontent-ng-c3515723777] {
            margin-left: 0px;
            margin-right: 0.5rem
        }
            [_nghost-ng-c3356591513] {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            gap: 1rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem
        }

        @media (min-width: 640px) {
            [_nghost-ng-c3356591513] {
                flex-direction: row
            }
        }

        [_nghost-ng-c3356591513] .range[_ngcontent-ng-c3356591513] {
            margin-left: 0px;
            margin-right: 0px;
            display: flex;
            width: 100%;
            min-width: 230px;
            flex-direction: column;
            row-gap: 0.375rem
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c3356591513] .range[_ngcontent-ng-c3356591513] {
                margin-left: auto;
                margin-right: auto;
                width: 240px;
                min-width: 240px
            }
        }

        @media (min-width: 1360px) {
            [_nghost-ng-c3356591513] .range[_ngcontent-ng-c3356591513] {
                width: 340px
            }
        }

        [_nghost-ng-c3356591513] .range-input[_ngcontent-ng-c3356591513] {
            height: 1rem;
            padding-left: 0px;
            padding-right: 0px
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c3356591513] .range-input[_ngcontent-ng-c3356591513] {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }
        }

        [_nghost-ng-c3356591513] .range-numbers[_ngcontent-ng-c3356591513] {
            display: flex;
            align-items: center
        }

        [_nghost-ng-c3356591513] .range-numbers[_ngcontent-ng-c3356591513] .range-number[_ngcontent-ng-c3356591513] {
            flex: 1 1 0%;
            border-radius: 9999px;
            padding: 0.125rem;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.5);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        [_nghost-ng-c3356591513] .range-numbers[_ngcontent-ng-c3356591513] .range-number[_ngcontent-ng-c3356591513]:hover {
            background-color: hsl(var(--tertiary-950) / 0.05)
        }

        @media (min-width: 1024px) {
            [_nghost-ng-c3356591513] .range-numbers[_ngcontent-ng-c3356591513] .range-number[_ngcontent-ng-c3356591513]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        [_nghost-ng-c3356591513] .range-numbers[_ngcontent-ng-c3356591513] .range-number.active[_ngcontent-ng-c3356591513] {
            background-color: transparent;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }
           .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] {
            margin-bottom: 0.063rem;
            height: 4.25rem;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range[_ngcontent-ng-c517248540] {
            display: flex;
            flex-direction: column;
            row-gap: 0.375rem
        }

        .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range-input[_ngcontent-ng-c517248540] {
            height: 1rem;
            padding-left: 0.5rem;
            padding-right: 0.5rem
        }

        .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range-numbers[_ngcontent-ng-c517248540] {
            display: flex;
            align-items: center
        }

        .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range-numbers[_ngcontent-ng-c517248540] .range-number[_ngcontent-ng-c517248540] {
            flex: 1 1 0%;
            border-radius: 64px;
            padding: 0.125rem;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.3);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range-numbers[_ngcontent-ng-c517248540] .range-number[_ngcontent-ng-c517248540]:hover {
            background-color: hsl(var(--tertiary-200) / 0.3)
        }

        @media (min-width: 1024px) {
            .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range-numbers[_ngcontent-ng-c517248540] .range-number[_ngcontent-ng-c517248540]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .sport-menu[_ngcontent-ng-c517248540] .sports-hour[_ngcontent-ng-c517248540] .range-numbers[_ngcontent-ng-c517248540] .range-number.active[_ngcontent-ng-c517248540] {
            background-color: transparent;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }
          .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] {
            display: flex;
            width: 100%;
            cursor: pointer;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem;
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        @media (min-width: 1024px) {
            .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598]:hover {
                border-radius: 0.375rem;
                background-color: hsl(var(--tertiary-200) / 0.3)
            }

            .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598]:hover:is(.dark *)[_ngcontent-ng-c4136334598] {
                background-color: hsl(var(--tertiary-200) / 0.65)
            }
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .icon-left[_ngcontent-ng-c4136334598] {
            height: 1.25rem;
            width: 1.25rem;
            flex: none
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .icon-left[_ngcontent-ng-c4136334598] .icon[_ngcontent-ng-c4136334598] {
            height: 1.25rem;
            width: 1.25rem
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .icon.right[_ngcontent-ng-c4136334598] {
            display: flex;
            height: 1.5rem;
            width: 1.5rem;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            background-color: hsl(var(--tertiary-700) / 0.1);
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            transition-timing-function: linear
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .icon.right[_ngcontent-ng-c4136334598] .chevron[_ngcontent-ng-c4136334598] {
            height: 1rem;
            width: 1rem;
            color: hsl(var(--tertiary-950) / 0.7);
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .link-left[_ngcontent-ng-c4136334598],
        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .link-right[_ngcontent-ng-c4136334598] {
            display: flex;
            align-items: center;
            column-gap: 0.75rem
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .link-left[_ngcontent-ng-c4136334598] {
            flex: 1 1 0%;
            padding-left: 0.75rem
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .link-text[_ngcontent-ng-c4136334598] {
            display: grid;
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            transition-timing-function: linear
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .link-count[_ngcontent-ng-c4136334598] {
            display: flex;
            height: 1.125rem;
            min-width: 24px;
            align-items: center;
            justify-content: center;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-700) / 0.1);
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.75);
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            transition-timing-function: linear
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item[_ngcontent-ng-c4136334598]:last-child .l1-link[_ngcontent-ng-c4136334598] {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item.active[_ngcontent-ng-c4136334598] {
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-200) / 0.3);
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item.active[_ngcontent-ng-c4136334598]:is(.dark *)[_ngcontent-ng-c4136334598] {
            background-color: hsl(var(--tertiary-200) / 0.5)
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item.active[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] {
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-200) / 0.4)
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item.active[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598]:is(.dark *)[_ngcontent-ng-c4136334598] {
            background-color: hsl(var(--tertiary-200) / 0.65)
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item.collapse-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] {
            padding: 0.125rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .menu-l1[_ngcontent-ng-c4136334598] .l1-item.collapse-item[_ngcontent-ng-c4136334598] .l1-link[_ngcontent-ng-c4136334598] .icon[_ngcontent-ng-c4136334598] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }
            .left-sidebar[_ngcontent-ng-c959863310] {
            display: flex;
            flex-direction: column
        }

        .left-sidebar[_ngcontent-ng-c959863310] .main-item[_ngcontent-ng-c959863310] {
            margin-bottom: 0.375rem;
            display: flex;
            height: 3rem;
            align-items: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-200) / 0.5);
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .left-sidebar[_ngcontent-ng-c959863310] .main-item[_ngcontent-ng-c959863310] {
                display: none
            }
        }

        .left-sidebar[_ngcontent-ng-c959863310] .main-item[_ngcontent-ng-c959863310] .icon[_ngcontent-ng-c959863310] {
            margin-right: 0.75rem;
            height: 1.25rem;
            width: 1.25rem
        }

        .menu-l2[_ngcontent-ng-c1831060887] {
    display: flex;
    flex-direction: column
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887] {
    display: flex;
    flex-direction: column
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887] {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
@media (min-width: 1024px) {
    .menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]:hover {
        border-radius: 0.375rem;
        background-color: hsl(var(--tertiary-200) / 0.6)
    }
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .icon.right[_ngcontent-ng-c1831060887] {
    display: flex;
    height: 1.5rem;
    width: 1.5rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background-color: hsl(var(--tertiary-700) / 0.1)
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .icon.right[_ngcontent-ng-c1831060887]   .chevron[_ngcontent-ng-c1831060887] {
    height: 1rem;
    width: 1rem;
    color: hsl(var(--tertiary-950) / 0.7);
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .link-left[_ngcontent-ng-c1831060887], .menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .link-right[_ngcontent-ng-c1831060887] {
    display: flex;
    align-items: center;
    column-gap: 0.75rem
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .link-left[_ngcontent-ng-c1831060887] {
    flex: 1 1 0%
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .link-left[_ngcontent-ng-c1831060887]   .icon[_ngcontent-ng-c1831060887] {
    flex: none
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .link-text[_ngcontent-ng-c1831060887] {
    display: grid
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .link-count[_ngcontent-ng-c1831060887] {
    display: flex;
    height: 1.125rem;
    min-width: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    background-color: hsl(var(--tertiary-700) / 0.1);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    color: hsl(var(--tertiary-950) / 0.75)
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link.btn-less[_ngcontent-ng-c1831060887] {
    --tw-text-opacity: 1 !important;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)) !important
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link.btn-less[_ngcontent-ng-c1831060887]   .icon[_ngcontent-ng-c1831060887] {
    --tw-text-opacity: 1 !important;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)) !important
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item.active[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .icon[_ngcontent-ng-c1831060887]   .chevron[_ngcontent-ng-c1831060887] {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item.collapse-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1))
}
.menu-l2[_ngcontent-ng-c1831060887]   .l2-item.collapse-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]   .icon[_ngcontent-ng-c1831060887] {
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1))
}

.prelive-sport-list-group   .menu-l2   .l2-item   .sport-list-categories[_nghost-ng-c1831060887]   .menu-l2[_ngcontent-ng-c1831060887]   .l2-item.active[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887], .prelive-sport-list-group   .menu-l2   .l2-item   .sport-list-categories   [_nghost-ng-c1831060887]   .menu-l2[_ngcontent-ng-c1831060887]   .l2-item.active[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887] {
    background-color: hsl(var(--tertiary-200) / 0.95)
}
.prelive-sport-list-group   .menu-l2   .l2-item   .sport-list-categories[_nghost-ng-c1831060887]   .menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887], .prelive-sport-list-group   .menu-l2   .l2-item   .sport-list-categories   [_nghost-ng-c1831060887]   .menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887] {
    background-color: hsl(var(--tertiary-200) / 0.75)
}
@media (min-width: 1024px) {
    .prelive-sport-list-group   .menu-l2   .l2-item   .sport-list-categories[_nghost-ng-c1831060887]   .menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]:hover, .prelive-sport-list-group   .menu-l2   .l2-item   .sport-list-categories   [_nghost-ng-c1831060887]   .menu-l2[_ngcontent-ng-c1831060887]   .l2-item[_ngcontent-ng-c1831060887]   .l2-link[_ngcontent-ng-c1831060887]:hover {
        background-color: hsl(var(--tertiary-200) / 0.95)
    }
}

.menu-l3[_ngcontent-ng-c1771064634] {
    display: flex;
    flex-direction: column;
    row-gap: 0.063rem
}
.menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634] {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    padding-left: 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
@media (min-width: 1024px) {
    .menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
    }
    .menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634]:hover::before {
        content: var(--tw-content);
        display: block
    }
}
.menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634]::before {
    position: absolute;
    left: 0.063rem;
    display: none;
    height: 1.5rem;
    width: 0.188rem;
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-foreground) / var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content)
}
.menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link.active[_ngcontent-ng-c1771064634] {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}
.menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link.active[_ngcontent-ng-c1771064634]::before {
    content: var(--tw-content);
    display: block
}
.menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634]   .link-text[_ngcontent-ng-c1771064634] {
    display: grid
}
.menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634]   .link-count[_ngcontent-ng-c1771064634] {
    display: flex;
    height: 1.125rem;
    min-width: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    background-color: hsl(var(--tertiary-700) / 0.1);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    color: hsl(var(--tertiary-950) / 0.75)
}

.sport-list-categories   .menu-l2   .l2-item[_nghost-ng-c1771064634]   .menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634], .sport-list-categories   .menu-l2   .l2-item   [_nghost-ng-c1771064634]   .menu-l3[_ngcontent-ng-c1771064634]   .l3-item[_ngcontent-ng-c1771064634]   .l3-link[_ngcontent-ng-c1771064634] {
    background-color: hsl(var(--tertiary-200) / 0.5)
}

.fixture-breadcrumb[_ngcontent-ng-c2003715367] {
    display: flex;
    height: 3.25rem;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367] {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    overflow: hidden
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .back-btn[_ngcontent-ng-c2003715367] {
    margin-right: 0.5rem;
    flex-shrink: 0
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .back-btn[_ngcontent-ng-c2003715367]   .icon[_ngcontent-ng-c2003715367] {
    height: 1.25rem;
    width: 1.25rem
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .title[_ngcontent-ng-c2003715367] {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .title[_ngcontent-ng-c2003715367]   .text-favorite[_ngcontent-ng-c2003715367] {
    margin-right: 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.125rem;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding-right: 0.625rem
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .title[_ngcontent-ng-c2003715367]   .text-favorite[_ngcontent-ng-c2003715367]   .favorite-text[_ngcontent-ng-c2003715367] {
    display: grid
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .title[_ngcontent-ng-c2003715367]   .text[_ngcontent-ng-c2003715367] {
    margin-right: 0.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding-right: 0.625rem
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-title[_ngcontent-ng-c2003715367]   .title[_ngcontent-ng-c2003715367]   .text[_ngcontent-ng-c2003715367]:last-child {
    margin-right: 0.625rem;
    border-right-width: 0px;
    padding-right: 0.625rem
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-toolbar[_ngcontent-ng-c2003715367] {
    display: flex;
    align-items: center;
    column-gap: 0.375rem
}
@media (min-width: 1024px) {
    .fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-toolbar[_ngcontent-ng-c2003715367] {
        display: none;
        column-gap: 0.75rem
    }
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-toolbar[_ngcontent-ng-c2003715367]   .fixture-setting-btn[_ngcontent-ng-c2003715367] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: hsl(var(--tertiary-900) / 0.7)
}
@media (min-width: 1024px) {
    .fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-toolbar[_ngcontent-ng-c2003715367]   .fixture-setting-btn[_ngcontent-ng-c2003715367]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-toolbar[_ngcontent-ng-c2003715367]   .fixture-setting-btn[_ngcontent-ng-c2003715367]   .icon[_ngcontent-ng-c2003715367] {
    height: 1.25rem;
    width: 1.25rem
}
.fixture-breadcrumb[_ngcontent-ng-c2003715367]   .breadcrumb-toolbar[_ngcontent-ng-c2003715367]   .fixture-setting-btn.active[_ngcontent-ng-c2003715367] {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}

.fixture-market[_ngcontent-ng-c1178603602] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}
.fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602], .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602], .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602] {
    display: flex;
    height: 2rem;
    cursor: pointer;
    align-items: center;
    white-space: nowrap;
    border-radius: 64px;
    border-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-900) / 0.7)
}
@media (min-width: 1024px) {
    .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602]:hover, .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602]:hover {
        border-color: hsl(var(--tertiary-800) / 0.1);
        background-color: hsl(var(--tertiary-800) / 0.1);
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602], .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602] {
    border-color: hsl(var(--tertiary-800) / 0.1);
    background-color: hsl(var(--tertiary-800) / 0.1);
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602] {
    border-top-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}

@media (min-width: 1024px) {
    .color-scheme-3[_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602]:hover, .color-scheme-3   [_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602]:hover, .color-scheme-3[_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602]:hover, .color-scheme-3   [_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn[_ngcontent-ng-c1178603602]:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1))
    }
}
.color-scheme-3[_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602], .color-scheme-3   [_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602], .color-scheme-3[_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602], .color-scheme-3   [_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602] {
    --tw-border-opacity: 1;
    border-color: hsl(var(--secondary-200) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}
.color-scheme-3[_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602]   .icon[_ngcontent-ng-c1178603602], .color-scheme-3   [_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-market-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602]   .icon[_ngcontent-ng-c1178603602], .color-scheme-3[_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602]   .icon[_ngcontent-ng-c1178603602], .color-scheme-3   [_nghost-ng-c1178603602]   .fixture-market[_ngcontent-ng-c1178603602]   .fixture-bet-type-menu[_ngcontent-ng-c1178603602]   .menu-btn.active[_ngcontent-ng-c1178603602]   .icon[_ngcontent-ng-c1178603602] {
    --tw-text-opacity: 1;
    color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
}

.fixture-header[_ngcontent-ng-c3530883267] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-left[_ngcontent-ng-c3530883267] {
    min-width: 9rem;
    flex: 1 1 0%;
    overflow-x: hidden
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-left[_ngcontent-ng-c3530883267]   .fixture-tab[_ngcontent-ng-c3530883267] {
    display: flex;
    align-items: center;
    overflow-x: auto;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-left[_ngcontent-ng-c3530883267]   .fixture-tab[_ngcontent-ng-c3530883267]   .tab-btn[_ngcontent-ng-c3530883267] {
    margin-right: 1.5rem;
    display: flex;
    height: 2.75rem;
    align-items: center;
    white-space: nowrap;
    border-bottom-width: 2px;
    border-bottom-color: transparent;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-950) / 0.5)
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-left[_ngcontent-ng-c3530883267]   .fixture-tab[_ngcontent-ng-c3530883267]   .tab-btn[_ngcontent-ng-c3530883267]:last-child {
    margin-right: 0px
}
@media (min-width: 1024px) {
    .fixture-header[_ngcontent-ng-c3530883267]   .header-left[_ngcontent-ng-c3530883267]   .fixture-tab[_ngcontent-ng-c3530883267]   .tab-btn[_ngcontent-ng-c3530883267]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-left[_ngcontent-ng-c3530883267]   .fixture-tab[_ngcontent-ng-c3530883267]   .tab-btn.active[_ngcontent-ng-c3530883267] {
    --tw-border-opacity: 1;
    border-bottom-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-right[_ngcontent-ng-c3530883267] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.fixture-header[_ngcontent-ng-c3530883267]   .header-right[_ngcontent-ng-c3530883267]   .fixture-setting-container[_ngcontent-ng-c3530883267] {
    display: none
}
@media (min-width: 1024px) {
    .fixture-header[_ngcontent-ng-c3530883267]   .header-right[_ngcontent-ng-c3530883267]   .fixture-setting-container[_ngcontent-ng-c3530883267] {
        display: flex
    }
}

.category-favorite-btn[_ngcontent-ng-c1851686643] {display: flex;align-items: center;justify-content: center;color: hsl(var(--tertiary-900) / 0.5)
}@media (min-width: 1024px) {.category-favorite-btn[_ngcontent-ng-c1851686643]:hover {--tw-text-opacity: 1;color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.category-favorite-btn[_ngcontent-ng-c1851686643]   .icon[_ngcontent-ng-c1851686643] {height: 0.875rem;width: 0.875rem
}
.category-favorite-btn.active[_ngcontent-ng-c1851686643] {--tw-text-opacity: 1;color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}

.fixture-setting[_ngcontent-ng-c1928530396] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem
}
.fixture-setting[_ngcontent-ng-c1928530396]   .menu-btn[_ngcontent-ng-c1928530396] {
    display: flex;
    height: 2rem;
    cursor: pointer;
    align-items: center;
    white-space: nowrap;
    border-radius: 9999px;
    border-style: none;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {
    .fixture-setting[_ngcontent-ng-c1928530396]   .menu-btn[_ngcontent-ng-c1928530396]:hover {
        background-color: transparent;
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
    }
}
.fixture-setting[_ngcontent-ng-c1928530396]   .menu-btn[_ngcontent-ng-c1928530396]   span[_ngcontent-ng-c1928530396] {
    color: hsl(var(--tertiary-950) / 0.6)
}
.fixture-setting[_ngcontent-ng-c1928530396]   .menu-btn.active[_ngcontent-ng-c1928530396] {
    background-color: hsl(var(--tertiary-800) / 0.1);
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
  .search-modal[_nghost-ng-c2719654475],
        .search-modal [_nghost-ng-c2719654475] {
            width: 100%
        }

        .search-modal [_nghost-ng-c2719654475] {
            width: 100%
        }

        .search-modal [_nghost-ng-c2719654475] -shadowcsshost {
            width: 100%
        }

        .search-modal[_ngcontent-ng-c2719654475] .dialog-header[_ngcontent-ng-c2719654475] .tab-header[_ngcontent-ng-c2719654475] {
            margin: 0px;
            column-gap: 0px;
            border-style: none;
            padding: 0px
        }

        .search-modal[_ngcontent-ng-c2719654475] .dialog-header[_ngcontent-ng-c2719654475] .tab-header[_ngcontent-ng-c2719654475] .tab-link[_ngcontent-ng-c2719654475] {
            height: 62px;
            font-size: 1rem;
            font-weight: 700;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        .search-modal[_ngcontent-ng-c2719654475] .dialog-header[_ngcontent-ng-c2719654475] .tab-header[_ngcontent-ng-c2719654475] .tab-link.active[_ngcontent-ng-c2719654475] {
            --tw-border-spacing-x: 0.125rem;
            --tw-border-spacing-y: 0.125rem;
            border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
            border-bottom-width: 2px;
            --tw-border-opacity: 1;
            border-bottom-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }
           .wrapper.hide-sidebars[_ngcontent-ng-c3488478880] .main[_ngcontent-ng-c3488478880] {
            width: 100%;
            padding: initial;
        }

        .wrapper.hide-sidebars[_ngcontent-ng-c3488478880] .left[_ngcontent-ng-c3488478880] {
            display: none;
        }

        .wrapper.hide-sidebars[_ngcontent-ng-c3488478880] .right[_ngcontent-ng-c3488478880] {
            display: none;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] {
            position: fixed;
            z-index: 50;
            margin-top: 0.063rem;
            width: 4rem;
            padding: 0px;
            transition-duration: 300ms;
            height: calc(100vh - 162px);
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] {
                justify-content: center;
                padding: 0px;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-title[_ngcontent-ng-c3488478880] .card-label[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-title[_ngcontent-ng-c3488478880] .card-label[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-toolbar[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-toolbar[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] {
                align-items: center;
                padding: 0px;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] .popular-item[_ngcontent-ng-c3488478880] .popular-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] .popular-item[_ngcontent-ng-c3488478880] .popular-text[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] {
                justify-content: center;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] .tab-link[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] .tab-link[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] {
                justify-content: center;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880] {
                display: none;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880] .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880] {
                display: none;
            }
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover,
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover {
            width: 280px;
            overflow-x: auto;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding: 1.25rem;
            --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            --tw-shadow-color: hsl(var(--tertiary-950) / 0.1);
            --tw-shadow: var(--tw-shadow-colored);
            max-height: calc(100vh - 162px);
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] {
            justify-content: space-between;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            transition-duration: 300ms;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-title[_ngcontent-ng-c3488478880] .card-label[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-title[_ngcontent-ng-c3488478880] .card-label[_ngcontent-ng-c3488478880] {
            display: block;
            transition-duration: 300ms;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-toolbar[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-header[_ngcontent-ng-c3488478880] .card-toolbar[_ngcontent-ng-c3488478880] {
            display: flex;
            transition-duration: 300ms;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] {
            align-items: center;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            transition-duration: 300ms;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] .popular-item[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] .popular-item[_ngcontent-ng-c3488478880] {
            width: 100%;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            transition-duration: 300ms;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] .popular-item[_ngcontent-ng-c3488478880] .popular-text[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .popular-leagues[_ngcontent-ng-c3488478880] .card-body[_ngcontent-ng-c3488478880] .popular-item[_ngcontent-ng-c3488478880] .popular-text[_ngcontent-ng-c3488478880] {
            display: flex;
            transition-duration: 300ms;
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] {
                justify-content: flex-start;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] .tab-link[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] .tab-link[_ngcontent-ng-c3488478880] {
            transition-duration: 300ms;
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] .tab-link[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-header[_ngcontent-ng-c3488478880] .tab-link[_ngcontent-ng-c3488478880] {
                display: inline-block;
            }
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880] {
            transition-duration: 300ms;
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .sports-hour[_ngcontent-ng-c3488478880] {
                display: block;
            }
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] {
            justify-content: flex-start;
            transition-duration: 300ms;
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880] {
            transition-duration: 300ms;
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-left[_ngcontent-ng-c3488478880] .link-text[_ngcontent-ng-c3488478880] {
                display: inline-block;
            }
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880] {
            transition-duration: 300ms;
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item[_ngcontent-ng-c3488478880] .l1-link[_ngcontent-ng-c3488478880] .link-right[_ngcontent-ng-c3488478880] {
                display: flex;
            }

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item.active[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .sport-menu[_ngcontent-ng-c3488478880] .l1-item.active[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item.active[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .sidebar.left[_ngcontent-ng-c3488478880]:hover .sport-list[_ngcontent-ng-c3488478880] .tab-content[_ngcontent-ng-c3488478880] .live-menu[_ngcontent-ng-c3488478880] .l1-item.active[_ngcontent-ng-c3488478880] .menu-l2[_ngcontent-ng-c3488478880] {
                display: block;
            }
        }

        .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .main[_ngcontent-ng-c3488478880],
        .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .main[_ngcontent-ng-c3488478880] {
            width: calc(100% - 64px);
        }

        @media (min-width: 1024px) {

            .layout-1.left-icon-views[_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .main[_ngcontent-ng-c3488478880],
            .layout-1.left-icon-views [_nghost-ng-c3488478880] .wrapper.page-prelive[_ngcontent-ng-c3488478880] .main[_ngcontent-ng-c3488478880] {
                margin-left: 4rem;
            }
        }

         @media (min-width: 1024px) {
            .fixture-detail-page-content[_ngcontent-ng-c611255959] {
                margin: 0px
            }
        }

          .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] {
            display: flex;
            align-items: center;
            border-bottom-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem
        }

        @media (min-width: 1024px) {
            .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }
        }

        .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] .title-content[_ngcontent-ng-c1050231983] {
            display: flex;
            flex: 1 1 0%;
            align-items: center
        }

        .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] .title-content[_ngcontent-ng-c1050231983] .history-back[_ngcontent-ng-c1050231983] {
            margin-right: 0.5rem;
            display: inline;
            height: 1.5rem;
            width: 1.5rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] .title-content[_ngcontent-ng-c1050231983] .history-back[_ngcontent-ng-c1050231983]:hover {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-800) / var(--tw-text-opacity, 1))
        }

        .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] .title-content[_ngcontent-ng-c1050231983] .text[_ngcontent-ng-c1050231983] {
            margin-right: 0.625rem;
            display: inline-grid;
            align-items: center;
            border-right-width: 1px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            padding-right: 0.625rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] .title-content[_ngcontent-ng-c1050231983] .text[_ngcontent-ng-c1050231983] .item[_ngcontent-ng-c1050231983] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .fixture-detail-breadcrumb[_ngcontent-ng-c1050231983] .title-content[_ngcontent-ng-c1050231983] .text[_ngcontent-ng-c1050231983]:last-child {
            border-style: none
        }

        .fixture-detail-market[_ngcontent-ng-c2193943849] {
            display: flex;
            border-bottom-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
        }

        .fixture-detail-market[_ngcontent-ng-c2193943849] .market-content[_ngcontent-ng-c2193943849] {
            flex: 1 1 0%
        }

        .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] {
            display: flex;
            flex: none;
            align-items: center;
            padding-left: 0.5rem;
            padding-right: 0.5rem
        }

        @media (min-width: 1024px) {
            .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] {
                padding-left: 0.75rem;
                padding-right: 0.75rem
            }
        }

        .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] .list-type-container[_ngcontent-ng-c2193943849] {
            display: none
        }

        @media (min-width: 1024px) {
            .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] .list-type-container[_ngcontent-ng-c2193943849] {
                display: flex
            }
        }

        .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] .list-type-container[_ngcontent-ng-c2193943849] .list-type-button[_ngcontent-ng-c2193943849] {
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.3)
        }

        .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] .list-type-container[_ngcontent-ng-c2193943849] .list-type-button.active[_ngcontent-ng-c2193943849],
        .fixture-detail-market[_ngcontent-ng-c2193943849] .fixture-list[_ngcontent-ng-c2193943849] .list-type-container[_ngcontent-ng-c2193943849] .list-type-button[_ngcontent-ng-c2193943849]:hover {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }
          .live-stream-view-container[_ngcontent-ng-c730452293] {
            display: flex;
            width: 100%;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            column-gap: 0.25rem;
            padding: 0.25rem
        }

        .live-stream-view-container[_ngcontent-ng-c730452293] .btn[_ngcontent-ng-c730452293] {
            height: 36px;
            min-height: 36px;
            width: 100%;
            font-size: 0.875rem
        }

        .live-stream-view-container[_ngcontent-ng-c730452293] .btn[_ngcontent-ng-c730452293] .text[_ngcontent-ng-c730452293] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

                .bet-booster-container {
            width: 100%;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        .bet-booster-container .title {
            padding: 0.75rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1));
        }

        @media not all and (min-width: 1024px) {
            #TipsterBetHints .STATSCOREWidgetContainer .STATSCOREWidget--tipsterSlider .STATSCOREWidget--tipsterSlider__multiViewTips .STATSCOREWidget--tipsterSlider__multiViewTipsSlider {
                margin: 0px;
            }
        }

        #TipsterBetHints .STATSCOREWidgetContainer .STATSCOREWidget--tipsterSlider .STATSCOREWidget--tipsterSlider__multiViewTips {
            display: grid;
            height: 100%;
            min-height: 144px;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        @media (min-width: 1024px) {
            #TipsterBetHints .STATSCOREWidgetContainer .STATSCOREWidget--tipsterSlider .STATSCOREWidget--tipsterSlider__multiViewTips {
                min-height: 120px;
            }
        }

        #TipsterBetHints .STATSCOREWidgetContainer .STATSCOREWidget--tipsterSlider .STATSCOREWidget--tipsterSlider__multiViewTips .STATSCOREWidget--tipsterSlider__multiViewTipsBox {
            height: 100%;
            min-width: -moz-fit-content;
            min-width: fit-content;
            width: 100%;
        }

        @media (min-width: 1024px) {
            #TipsterBetHints .STATSCOREWidgetContainer .STATSCOREWidget--tipsterSlider .STATSCOREWidget--tipsterSlider__multiViewTips .STATSCOREWidget--tipsterSlider__multiViewTipsBox {
                min-width: 400px;
            }
        }

        #TipsterBetHints .STATSCOREWidgetContainer .STATSCOREWidget--tipsterSlider .STATSCOREWidget--tipsterSlider__noTipsMessage {
            display: none !important;
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsContainer {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBoxInside {
            border-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsMessage {
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.5);
            line-height: initial;
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__marketName {
            font-size: 0.875rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            opacity: 1;
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer {
            background-color: hsl(var(--tertiary-400) / 0.15);
            font-size: 0.875rem;
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer:hover {
            border-style: none;
        }

        @media (min-width: 1024px) {
            #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer:hover {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
            }

            #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer:hover .STATSCOREWidget--tipsterSlider__multiViewTipsBetType,
            #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer:hover .STATSCOREWidget--tipsterSlider__multiViewTipsBetOdds {
                --tw-text-opacity: 1;
                color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
            }
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer.STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer--active {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer.STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer--active .STATSCOREWidget--tipsterSlider__multiViewTipsBetType,
        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer.STATSCOREWidget--tipsterSlider__multiViewTipsBetSuggestionBoxContainer--active .STATSCOREWidget--tipsterSlider__multiViewTipsBetOdds {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetType {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.625rem;
            font-weight: 600;
            line-height: normal;
            color: hsl(var(--tertiary-900) / 0.6);
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsBetOdds {
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsArrow {
            background: none;
        }

        #TipsterBetHints .STATSCOREWidget--tipsterSlider__multiViewTipsArrow .STATSCOREWidget--tipsterSlider__multiViewTipsArrowIcon {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary-400) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            opacity: 1;
        }

        #TipsterBetHints .STATSCOREWidget--icon__WGT_FILTERS {
            display: none;
        }

        .fixture-detail-market[_ngcontent-ng-c1788142315] {
            display: inline-grid;
            width: 100%
        }

        .fixture-detail-market[_ngcontent-ng-c1788142315] .market-list[_ngcontent-ng-c1788142315] {
            display: flex;
            width: 100%;
            overflow-x: auto
        }

        .fixture-detail-market[_ngcontent-ng-c1788142315] .market-list-item[_ngcontent-ng-c1788142315] {
            cursor: pointer;
            white-space: nowrap;
            border-bottom-width: 1px;
            border-color: transparent;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            text-align: center;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-950) / 0.4)
        }

        .fixture-detail-market[_ngcontent-ng-c1788142315] .market-list-item[_ngcontent-ng-c1788142315] .icon[_ngcontent-ng-c1788142315] {
            height: 1rem;
            width: 1rem
        }

        .fixture-detail-market[_ngcontent-ng-c1788142315] .market-list-item.active[_ngcontent-ng-c1788142315],
        .fixture-detail-market[_ngcontent-ng-c1788142315] .market-list-item[_ngcontent-ng-c1788142315]:hover {
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-foreground) / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

           .fixture-detail-setting[_ngcontent-ng-c1182565378] {
            display: flex;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-top: 0.438rem;
            padding-bottom: 0.438rem;
            padding-left: 0.75rem;
            padding-right: 0.75rem
        }

        .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378],
        .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] {
            display: flex;
            flex: 1 1 0%;
            align-items: center
        }

        .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378],
        .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] {
            display: none
        }

        @media (min-width: 1024px) {

            .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378],
            .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] {
                display: flex
            }
        }

        .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] .list-type-button[_ngcontent-ng-c1182565378],
        .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] .list-type-button[_ngcontent-ng-c1182565378] {
            display: flex;
            align-items: center;
            justify-content: center;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-600) / var(--tw-text-opacity, 1))
        }

        .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] .list-type-button.active[_ngcontent-ng-c1182565378],
        .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] .list-type-button[_ngcontent-ng-c1182565378]:hover,
        .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] .list-type-button.active[_ngcontent-ng-c1182565378],
        .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] .list-type-container[_ngcontent-ng-c1182565378] .list-type-button[_ngcontent-ng-c1182565378]:hover {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .fixture-detail-setting[_ngcontent-ng-c1182565378] .left-item[_ngcontent-ng-c1182565378] {
            justify-content: flex-start
        }

        .fixture-detail-setting[_ngcontent-ng-c1182565378] .right-item[_ngcontent-ng-c1182565378] {
            justify-content: flex-end
        }
   .fixture-toggle-btn[_ngcontent-ng-c3451323095] {
            display: flex;
            width: auto
        }

        .fixture-toggle-btn[_ngcontent-ng-c3451323095] .icon[_ngcontent-ng-c3451323095] {
            height: 1.25rem
        }

        .fixture-toggle-btn[_ngcontent-ng-c3451323095] .text[_ngcontent-ng-c3451323095] {
            margin-left: 0.375rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.75rem;
            color: hsl(var(--tertiary-950) / 0.6)
        }


    @media (min-width: 1024px) {
            .fixture-detail-view[_ngcontent-ng-c1030262092] {
                margin-top: 0.75rem;
                margin-bottom: 0.75rem
            }
        }

          .fixture-detail-classic-view.vertical[_ngcontent-ng-c2723781935] {
            columns: 1;
            break-inside: avoid
        }

        @media (min-width: 1024px) {
            .fixture-detail-classic-view.vertical[_ngcontent-ng-c2723781935] {
                columns: 2
            }
        }

        .fixture-detail-classic-view[_ngcontent-ng-c2723781935] .fixture-detail-list[_ngcontent-ng-c2723781935] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
        }

        .fixture-detail-classic-view[_ngcontent-ng-c2723781935] .icon[_ngcontent-ng-c2723781935] {
            margin-left: 0.25rem;
            margin-bottom: 0.125rem;
            height: 0.75rem;
            width: 0.75rem;
            min-width: 0.75rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c2723781935] .fixture-detail-classic-view[_ngcontent-ng-c2723781935] .icon[_ngcontent-ng-c2723781935],
        .color-scheme-3 [_nghost-ng-c2723781935] .fixture-detail-classic-view[_ngcontent-ng-c2723781935] .icon[_ngcontent-ng-c2723781935] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

           .fixture-detail-collapse[_ngcontent-ng-c2420953141] {
            margin-bottom: 0.75rem;
            break-inside: avoid;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] {
            display: flex;
            height: 2rem;
            align-items: center;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            line-height: 2rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] {
                height: 2.25rem;
                line-height: 2.25rem
            }
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] {
            display: flex;
            height: 2.5rem;
            flex: 1 1 0%;
            align-items: center
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141]:hover {
            cursor: pointer
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            height: 0.875rem;
            width: 0.875rem;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141] {
            display: flex;
            flex: 1 1 0%;
            align-items: center;
            justify-content: flex-start;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.875rem;
            font-weight: 500;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141] {
                font-size: 0.875rem
            }
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141] .content[_ngcontent-ng-c2420953141] {
            display: grid;
            grid-auto-flow: column;
            align-items: center
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-icon[_ngcontent-ng-c2420953141] {
            display: flex;
            height: 2.5rem;
            align-items: center;
            gap: 0.5rem
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-icon[_ngcontent-ng-c2420953141]:hover {
            cursor: pointer
        }

        .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title-icon[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            height: 0.875rem;
            width: 0.875rem
        }

        .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141],
        .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] {
            margin-bottom: 0px
        }

        .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141],
        .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] {
            border-radius: 0px;
            border-bottom-width: 0.5px;
            border-bottom-color: hsl(var(--tertiary-200) / 0.4);
            background-color: hsl(var(--tertiary-200) / 0.15)
        }

        .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141]:is(.dark *)[_ngcontent-ng-c2420953141],
        .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141]:is(.dark *)[_ngcontent-ng-c2420953141] {
            background-color: hsl(var(--tertiary-200) / 0.35)
        }

        .color-scheme-3[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141],
        .color-scheme-3 [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141],
        .color-scheme-3 [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141],
        .color-scheme-3 [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141],
        .color-scheme-3[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141],
        .color-scheme-3 [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141],
        .color-scheme-3 .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] {
            background-color: hsl(var(--secondary) / 0.8) !important
        }

        .color-scheme-3 .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141] .content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141],
        .color-scheme-3 .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141] .content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            padding-left: 0.375rem;
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141],
        .color-scheme-3 .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .fixture-title-content[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3 .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141],
        .color-scheme-3 .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .text-content[_ngcontent-ng-c2420953141],
        .color-scheme-3 .sub[_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141],
        .color-scheme-3 .sub [_nghost-ng-c2420953141] .fixture-detail-collapse[_ngcontent-ng-c2420953141] .fixture-title[_ngcontent-ng-c2420953141] .icon[_ngcontent-ng-c2420953141] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }


             .fixture-detail-favorite[_ngcontent-ng-c3544570862] {
            display: flex;
            height: auto;
            width: auto;
            cursor: pointer;
            align-items: center;
            justify-content: center
        }

        .fixture-detail-favorite.active[_ngcontent-ng-c3544570862] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c3544570862] .fixture-detail-favorite[_ngcontent-ng-c3544570862] .icon[_ngcontent-ng-c3544570862],
        .color-scheme-3 [_nghost-ng-c3544570862] .fixture-detail-favorite[_ngcontent-ng-c3544570862] .icon[_ngcontent-ng-c3544570862] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c3544570862] .fixture-detail-favorite.active[_ngcontent-ng-c3544570862],
        .color-scheme-3 [_nghost-ng-c3544570862] .fixture-detail-favorite.active[_ngcontent-ng-c3544570862] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c3544570862] .fixture-detail-favorite.active[_ngcontent-ng-c3544570862] .icon[_ngcontent-ng-c3544570862],
        .color-scheme-3 [_nghost-ng-c3544570862] .fixture-detail-favorite.active[_ngcontent-ng-c3544570862] .icon[_ngcontent-ng-c3544570862] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

          .fixture-detail-classic-display-three[_ngcontent-ng-c875977827] {
            display: flex;
            flex-direction: column;
            gap: 0.375rem;
            padding: 0.75rem
        }

        .fixture-detail-classic-display-three-row[_ngcontent-ng-c875977827] {
            display: flex;
            gap: 0.375rem
        }

        .fixture-detail-classic-display-three-row[_ngcontent-ng-c875977827]>*[_ngcontent-ng-c875977827] {
            flex: 1 1 0%
        }

             .fixture-detail-classic-display-two[_ngcontent-ng-c1496490170] {
            display: grid;
            gap: 0.375rem;
            padding: 0.75rem
        }

        .fixture-detail-classic-display-two.btg-column-2[_ngcontent-ng-c1496490170] {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .fixture-detail-classic-display-two.btg-column-2[_ngcontent-ng-c1496490170]>[_ngcontent-ng-c1496490170]:last-child:nth-child(odd) {
            grid-column: 1 / -1
        }

        .fixture-detail-classic-display-two.btg-column-3[_ngcontent-ng-c1496490170] {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .fixture-detail-classic-display-two.btg-column-4[_ngcontent-ng-c1496490170] {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }


         .fixture-detail-classic-display-four[_ngcontent-ng-c4069231805] {
            display: grid;
            gap: 0.375rem;
            padding: 0.75rem
        }

        .fixture-detail-classic-display-four.btg-column-2[_ngcontent-ng-c4069231805] {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .fixture-detail-classic-display-four.btg-column-2[_ngcontent-ng-c4069231805]>[_ngcontent-ng-c4069231805]:last-child:nth-child(odd) {
            grid-column: 1 / -1
        }

        .fixture-detail-classic-display-four.btg-column-3[_ngcontent-ng-c4069231805] {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .fixture-detail-classic-display-four.btg-column-4[_ngcontent-ng-c4069231805] {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .fixture-detail-classic-display-four[_ngcontent-ng-c4069231805] .hsd[_ngcontent-ng-c4069231805] {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            gap: 0.375rem
        }

        .fixture-detail-classic-display-four[_ngcontent-ng-c4069231805] .hsd[_ngcontent-ng-c4069231805] .title[_ngcontent-ng-c4069231805] {
            display: flex;
            flex: none;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            font-size: 0.875rem;
            font-weight: 700;
            color: hsl(var(--tertiary-950) / 0.4);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms
        }

           .other-fixture[_ngcontent-ng-c1822581716] .dropdown-btn[_ngcontent-ng-c1822581716] {
            border-style: none;
            padding-top: 0.125rem;
            padding-bottom: 0.125rem;
            padding-left: 0.375rem;
            padding-right: 0.375rem;
            color: hsl(var(--tertiary-950) / 0.6)
        }

        .other-fixture[_ngcontent-ng-c1822581716] .dropdown-btn[_ngcontent-ng-c1822581716]:hover {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .betslip[_ngcontent-ng-c1243428565] {
    width: 100%;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}

.betslip-view[_ngcontent-ng-c1946541201] {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding: 0.5rem
}
.betslip-view[_ngcontent-ng-c1946541201]   .view-btn[_ngcontent-ng-c1946541201] {
    height: 2.25rem;
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 9999px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-900) / 0.5)
}
@media (min-width: 1024px) {
    .betslip-view[_ngcontent-ng-c1946541201]   .view-btn[_ngcontent-ng-c1946541201]:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
    }
}
.betslip-view[_ngcontent-ng-c1946541201]   .view-btn.active[_ngcontent-ng-c1946541201] {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.betslip-view[_ngcontent-ng-c1946541201]   .view-btn.error[_ngcontent-ng-c1946541201] {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}
.betslip-view[_ngcontent-ng-c1946541201]   .view-btn[_ngcontent-ng-c1946541201]:disabled {
    cursor: not-allowed;
    background-color: transparent;
    color: hsl(var(--tertiary-900) / 0.3)
}
[_nghost-ng-c2007358826] {

    display: block
}

.coupon[_ngcontent-ng-c2007358826] {

    display: flex;

    border-bottom-width: 0.5px;

    --tw-border-opacity: 1;

    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
.coupon.provider-beter[_ngcontent-ng-c2007358826] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}
.coupon.provider-betradar[_ngcontent-ng-c2007358826] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
.coupon.provider-oeds[_ngcontent-ng-c2007358826] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.coupon-left[_ngcontent-ng-c2007358826] {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 0.375rem;

    padding-right: 1.25rem
}
.coupon-right[_ngcontent-ng-c2007358826] {

    flex: 1 1 0%;

    overflow: hidden;

    padding: 0.5rem
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826] {

    margin-top: 0.375rem;

    display: flex;

    column-gap: 0.375rem
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]:first-child {

    margin-top: 0px
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .coupon-info[_ngcontent-ng-c2007358826] {

    flex: 1 1 0%;

    overflow: hidden;

    font-size: 0.875rem;

    font-weight: 700;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .coupon-info[_ngcontent-ng-c2007358826]   .bet-info[_ngcontent-ng-c2007358826] {

    margin-bottom: 0.125rem;

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .coupon-info[_ngcontent-ng-c2007358826]   .bet-info[_ngcontent-ng-c2007358826]   .bet-selection[_ngcontent-ng-c2007358826] {

    flex: 1 1 0%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: 800
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .coupon-info[_ngcontent-ng-c2007358826]   .bet-type[_ngcontent-ng-c2007358826] {

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .coupon-info[_ngcontent-ng-c2007358826]   .bet-type[_ngcontent-ng-c2007358826]   .text[_ngcontent-ng-c2007358826] {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .match-info[_ngcontent-ng-c2007358826] {

    display: flex;

    flex: 1 1 0%;

    align-items: center;

    column-gap: 0.5rem;

    font-size: 0.75rem;

    font-weight: 500;

    line-height: normal;

    color: hsl(var(--tertiary-900) / 0.5)
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .match-info[_ngcontent-ng-c2007358826]   .team-names[_ngcontent-ng-c2007358826] {

    display: grid;

    overflow: hidden
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .match-info[_ngcontent-ng-c2007358826]   .team-names[_ngcontent-ng-c2007358826]   .text[_ngcontent-ng-c2007358826] {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .match-info[_ngcontent-ng-c2007358826]   .live-stream-info[_ngcontent-ng-c2007358826] {

    margin-left: 0px
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .bet-scope[_ngcontent-ng-c2007358826] {

    margin-right: 0.125rem;

    display: flex;

    height: 0.875rem;

    align-items: center;

    justify-content: center;

    border-radius: 0.25rem;

    --tw-bg-opacity: 1;

    background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));

    padding-left: 0.188rem;

    padding-right: 0.188rem;

    font-size: 0.625rem;

    font-weight: 500;

    text-transform: uppercase;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c2007358826]   .coupon-row[_ngcontent-ng-c2007358826]   .bet-scope[_ngcontent-ng-c2007358826]   .icon[_ngcontent-ng-c2007358826] {

    margin-right: 0.188rem;

    height: auto;

    width: 0.5rem
}


.betslip-single-action[_ngcontent-ng-c111071701] {
    margin-top: 1rem
}
.betslip-single-action[_ngcontent-ng-c111071701]   .btn[_ngcontent-ng-c111071701] {
    width: 100%
}


.betslip-toolbar[_ngcontent-ng-c388890018] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding: 0.5rem
}
.betslip-toolbar[_ngcontent-ng-c388890018]   .input-check[_ngcontent-ng-c388890018] {
    display: flex;
    align-items: center
}
.betslip-toolbar[_ngcontent-ng-c388890018]   .input-check[_ngcontent-ng-c388890018]   .input-checkbox[_ngcontent-ng-c388890018] {
    border-radius: 9999px
}
.betslip-toolbar[_ngcontent-ng-c388890018]   .input-check[_ngcontent-ng-c388890018]   .input-label[_ngcontent-ng-c388890018] {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    color: hsl(var(--tertiary-900) / 0.5)
}
.betslip-toolbar[_ngcontent-ng-c388890018]   .clear-btn[_ngcontent-ng-c388890018] {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    color: hsl(var(--tertiary-900) / 0.5)
}
@media (min-width: 1024px) {
    .betslip-toolbar[_ngcontent-ng-c388890018]   .clear-btn[_ngcontent-ng-c388890018]:hover {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity, 1))
    }
    .betslip-toolbar[_ngcontent-ng-c388890018]   .clear-btn[_ngcontent-ng-c388890018]:hover   .icon[_ngcontent-ng-c388890018] {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity, 1))
    }
}
.betslip-toolbar[_ngcontent-ng-c388890018]   .clear-btn[_ngcontent-ng-c388890018]   .icon[_ngcontent-ng-c388890018] {
    height: 1.25rem;
    width: 1.25rem;
    color: hsl(var(--tertiary-900) / 0.5);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
[_nghost-ng-c609835421] {

    display: block
}

.coupon[_ngcontent-ng-c609835421] {

    display: flex;

    border-bottom-width: 0.5px;

    --tw-border-opacity: 1;

    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
.coupon.provider-beter[_ngcontent-ng-c609835421] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}
.coupon.provider-betradar[_ngcontent-ng-c609835421] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
.coupon.provider-oeds[_ngcontent-ng-c609835421] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.coupon-left[_ngcontent-ng-c609835421] {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 0.375rem;

    padding-right: 1.25rem
}
.coupon-right[_ngcontent-ng-c609835421] {

    flex: 1 1 0%;

    overflow: hidden;

    padding: 0.5rem
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421] {

    margin-top: 0.375rem;

    display: flex;

    column-gap: 0.375rem
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]:first-child {

    margin-top: 0px
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .coupon-info[_ngcontent-ng-c609835421] {

    flex: 1 1 0%;

    overflow: hidden;

    font-size: 0.875rem;

    font-weight: 700;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .coupon-info[_ngcontent-ng-c609835421]   .bet-info[_ngcontent-ng-c609835421] {

    margin-bottom: 0.125rem;

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .coupon-info[_ngcontent-ng-c609835421]   .bet-info[_ngcontent-ng-c609835421]   .bet-selection[_ngcontent-ng-c609835421] {

    flex: 1 1 0%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: 800
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .coupon-info[_ngcontent-ng-c609835421]   .bet-type[_ngcontent-ng-c609835421] {

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .coupon-info[_ngcontent-ng-c609835421]   .bet-type[_ngcontent-ng-c609835421]   .text[_ngcontent-ng-c609835421] {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .match-info[_ngcontent-ng-c609835421] {

    display: flex;

    flex: 1 1 0%;

    align-items: center;

    column-gap: 0.5rem;

    font-size: 0.75rem;

    font-weight: 500;

    line-height: normal;

    color: hsl(var(--tertiary-900) / 0.5)
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .match-info[_ngcontent-ng-c609835421]   .team-names[_ngcontent-ng-c609835421] {

    display: grid;

    overflow: hidden
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .match-info[_ngcontent-ng-c609835421]   .team-names[_ngcontent-ng-c609835421]   .text[_ngcontent-ng-c609835421] {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .match-info[_ngcontent-ng-c609835421]   .live-stream-info[_ngcontent-ng-c609835421] {

    margin-left: 0px
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .bet-scope[_ngcontent-ng-c609835421] {

    margin-right: 0.125rem;

    display: flex;

    height: 0.875rem;

    align-items: center;

    justify-content: center;

    border-radius: 0.25rem;

    --tw-bg-opacity: 1;

    background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));

    padding-left: 0.188rem;

    padding-right: 0.188rem;

    font-size: 0.625rem;

    font-weight: 700;

    text-transform: uppercase;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .bet-scope[_ngcontent-ng-c609835421]   .icon[_ngcontent-ng-c609835421] {

    margin-right: 0.188rem;

    height: auto;

    width: 0.5rem
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .returns-info[_ngcontent-ng-c609835421] {

    display: flex;

    align-items: center;

    column-gap: 0.25rem;

    font-size: 0.75rem;

    font-weight: 500;

    line-height: normal;

    color: hsl(var(--tertiary-900) / 0.5)
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .returns-info.active[_ngcontent-ng-c609835421]   .returns-amount[_ngcontent-ng-c609835421] {

    display: flex;

    align-items: center;

    --tw-text-opacity: 1;

    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c609835421]   .coupon-row[_ngcontent-ng-c609835421]   .returns-info.active[_ngcontent-ng-c609835421]   .returns-amount[_ngcontent-ng-c609835421]   .icon[_ngcontent-ng-c609835421] {

    margin-left: 0.188rem;

    height: 1rem;

    width: 1rem;

    flex-shrink: 0
}

.betslip-action[_ngcontent-ng-c529778925] {
    position: relative
}
.betslip-action[_ngcontent-ng-c529778925]   .coupon-check[_ngcontent-ng-c529778925] {
    position: absolute;
    top: 0.188rem;
    left: 1.5px
}
.betslip-action[_ngcontent-ng-c529778925]   .coupon-check[_ngcontent-ng-c529778925]   .input-checkbox[_ngcontent-ng-c529778925] {
    border-radius: 9999px
}
.betslip-action[_ngcontent-ng-c529778925]   .coupon-check[_ngcontent-ng-c529778925]   .input-label[_ngcontent-ng-c529778925] {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    color: hsl(var(--tertiary-900) / 0.5)
}
.betslip-action[_ngcontent-ng-c529778925]   .clear-item[_ngcontent-ng-c529778925] {
    position: absolute;
    top: 1.375rem;
    display: flex;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms
}
.betslip-action[_ngcontent-ng-c529778925]   .clear-item[_ngcontent-ng-c529778925]   .trash-btn[_ngcontent-ng-c529778925] {
    height: 1.5rem;
    width: 1.5rem;
    background-color: transparent
}
.betslip-action[_ngcontent-ng-c529778925]   .clear-item.coupon-check-active[_ngcontent-ng-c529778925] {
    top: 2.75rem
}

[_nghost-ng-c1952215118] {

    display: block
}

.betslip-approval[_ngcontent-ng-c1952215118] {

    display: inline-flex;

    flex-direction: column;

    row-gap: 0.75rem;

    padding: 0.5rem
}
.betslip-approval[_ngcontent-ng-c1952215118]   .input-check[_ngcontent-ng-c1952215118] {

    display: flex;

    align-items: center
}
.betslip-approval[_ngcontent-ng-c1952215118]   .input-check[_ngcontent-ng-c1952215118]   .input-checkbox[_ngcontent-ng-c1952215118] {

    border-radius: 9999px
}
.betslip-approval[_ngcontent-ng-c1952215118]   .input-check[_ngcontent-ng-c1952215118]   .input-label[_ngcontent-ng-c1952215118] {

    font-size: 0.75rem;

    font-weight: 600;

    line-height: normal;

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}

.fastbet-action[_nghost-ng-c1952215118]   .betslip-approval[_ngcontent-ng-c1952215118], .fastbet-action   [_nghost-ng-c1952215118]   .betslip-approval[_ngcontent-ng-c1952215118] {

    padding: 0px
}
.btn-outline[_ngcontent-ng-c892098829] {
    margin-top: 0.5rem;
    width: 100%
}
[_nghost-ng-c4046658910] {

    display: block
}

.coupon[_ngcontent-ng-c4046658910] {

    display: flex;

    border-bottom-width: 0.5px;

    --tw-border-opacity: 1;

    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
}
.coupon.provider-beter[_ngcontent-ng-c4046658910] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}
.coupon.provider-betradar[_ngcontent-ng-c4046658910] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}
.coupon.provider-oeds[_ngcontent-ng-c4046658910] {

    border-left-width: 2px;

    --tw-border-opacity: 1;

    border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.coupon-left[_ngcontent-ng-c4046658910] {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 0.375rem;

    padding-right: 1.25rem
}
.coupon-right[_ngcontent-ng-c4046658910] {

    flex: 1 1 0%;

    overflow: hidden;

    padding: 0.5rem
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910] {

    margin-top: 0.375rem;

    display: flex;

    column-gap: 0.375rem
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]:first-child {

    margin-top: 0px
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910] {

    flex: 1 1 0%;

    overflow: hidden;

    font-size: 0.875rem;

    font-weight: 700;

    line-height: 1.25rem;

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-info[_ngcontent-ng-c4046658910] {

    margin-bottom: 0.125rem;

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-info[_ngcontent-ng-c4046658910]   .bet-selection[_ngcontent-ng-c4046658910] {

    flex: 1 1 0%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-weight: 800
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-info[_ngcontent-ng-c4046658910]   .banko-btn[_ngcontent-ng-c4046658910] {

    margin-left: 0.25rem;

    display: flex;

    height: 1.25rem;

    width: 1.25rem;

    align-items: center;

    justify-content: center;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1));

    font-size: 0.875rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-50) / var(--tw-text-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 300ms
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-info[_ngcontent-ng-c4046658910]   .banko-btn[_ngcontent-ng-c4046658910]:is(.dark   *)[_ngcontent-ng-c4046658910] {

    --tw-text-opacity: 1;

    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-info[_ngcontent-ng-c4046658910]   .banko-btn.active[_ngcontent-ng-c4046658910] {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: hsl(var(--primary-50) / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-info[_ngcontent-ng-c4046658910]   .banko-btn.active[_ngcontent-ng-c4046658910]:is(.dark   *)[_ngcontent-ng-c4046658910] {

    --tw-text-opacity: 1;

    color: hsl(var(--primary-950) / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-type[_ngcontent-ng-c4046658910] {

    display: flex;

    align-items: center;

    column-gap: 0.25rem
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .coupon-info[_ngcontent-ng-c4046658910]   .bet-type[_ngcontent-ng-c4046658910]   .text[_ngcontent-ng-c4046658910] {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .match-info[_ngcontent-ng-c4046658910] {

    display: flex;

    flex: 1 1 0%;

    align-items: center;

    column-gap: 0.5rem;

    font-size: 0.75rem;

    font-weight: 500;

    line-height: normal;

    color: hsl(var(--tertiary-900) / 0.5)
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .match-info[_ngcontent-ng-c4046658910]   .team-names[_ngcontent-ng-c4046658910] {

    display: grid;

    overflow: hidden
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .match-info[_ngcontent-ng-c4046658910]   .team-names[_ngcontent-ng-c4046658910]   .text[_ngcontent-ng-c4046658910] {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .match-info[_ngcontent-ng-c4046658910]   .live-stream-info[_ngcontent-ng-c4046658910] {

    margin-left: 0px
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .bet-scope[_ngcontent-ng-c4046658910] {

    margin-right: 0.125rem;

    display: flex;

    height: 0.875rem;

    align-items: center;

    justify-content: center;

    border-radius: 0.25rem;

    --tw-bg-opacity: 1;

    background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));

    padding-left: 0.188rem;

    padding-right: 0.188rem;

    font-size: 0.625rem;

    font-weight: 500;

    text-transform: uppercase;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.coupon-right[_ngcontent-ng-c4046658910]   .coupon-row[_ngcontent-ng-c4046658910]   .bet-scope[_ngcontent-ng-c4046658910]   .icon[_ngcontent-ng-c4046658910] {

    margin-right: 0.188rem;

    height: auto;

    width: 0.5rem
}
.combination[_ngcontent-ng-c3573231325] {
    display: flex;
    flex-direction: column;
    border-bottom-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding: 0.5rem
}
.combination-row[_ngcontent-ng-c3573231325] {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: normal;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.combination-row[_ngcontent-ng-c3573231325]:last-child {
    margin-bottom: 0px
}
.combination-left[_ngcontent-ng-c3573231325] {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.combination-right[_ngcontent-ng-c3573231325] {
    display: flex;
    align-items: center;
    column-gap: 0.625rem
}
.betslip-system-action[_ngcontent-ng-c1772314293] {
    margin-top: 1rem
}
.betslip-system-action[_ngcontent-ng-c1772314293]   .btn[_ngcontent-ng-c1772314293] {
    width: 100%
}
.betslip-multi-action[_ngcontent-ng-c3409210377] {
    margin-top: 1rem
}
.betslip-multi-action[_ngcontent-ng-c3409210377]   .btn[_ngcontent-ng-c3409210377] {
    width: 100%
}

.match[_ngcontent-ng-c3217574223] {
    background-color: hsl(var(--tertiary-200) / 0.2);
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    padding-top: 0.125rem
}
.match[_ngcontent-ng-c3217574223]   .match-content[_ngcontent-ng-c3217574223] {
    display: flex;
    flex-direction: column;
    row-gap: 0.375rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding: 0.75rem
}
.match[_ngcontent-ng-c3217574223]   .bet-btn-group[_ngcontent-ng-c3217574223] {
    display: flex;
    align-items: center;
    column-gap: 0.188rem
}


 .left-sidebar[_ngcontent-ng-c1719121474] {
            display: flex;
            flex-direction: column
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] {
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-400) / 0.1)
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474]:is(.dark *)[_ngcontent-ng-c1719121474] {
            background-color: hsl(var(--tertiary-200) / 0.5)
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] {
            height: 3rem;
            border-radius: 0.375rem;
            border-bottom-width: 0px;
            background-color: hsl(var(--tertiary-200) / 0.3);
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            padding-top: 0px;
            padding-bottom: 0px
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474]:is(.dark *)[_ngcontent-ng-c1719121474] {
            background-color: hsl(var(--tertiary-200) / 0.75)
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] .card-title[_ngcontent-ng-c1719121474] {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: flex;
            flex: 1 1 0%;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            column-gap: 0.75rem;
            font-size: 0.875rem
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] .card-title[_ngcontent-ng-c1719121474] .icon[_ngcontent-ng-c1719121474] {
            height: 1.25rem;
            width: 1.25rem;
            flex-shrink: 0
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] .card-title[_ngcontent-ng-c1719121474] .card-label[_ngcontent-ng-c1719121474] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            transition-timing-function: linear
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] .card-toolbar[_ngcontent-ng-c1719121474] {
            margin-left: 0.25rem;
            display: flex;
            height: 1.5rem;
            width: 1.5rem;
            align-items: center;
            justify-content: center;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-700) / 0.1);
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            transition-timing-function: linear
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] .card-toolbar[_ngcontent-ng-c1719121474] .icon[_ngcontent-ng-c1719121474] {
            height: 1rem;
            width: 1rem;
            color: hsl(var(--tertiary-950) / 0.7);
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card[_ngcontent-ng-c1719121474] .card-body[_ngcontent-ng-c1719121474] {
            padding: 0px;
            padding-top: 0.063rem
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .live-card.card.collapsed[_ngcontent-ng-c1719121474] .card-header[_ngcontent-ng-c1719121474] {
            background-color: hsl(var(--tertiary-200) / 0.75)
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .main-item[_ngcontent-ng-c1719121474] {
            margin-bottom: 0.375rem;
            display: flex;
            height: 3rem;
            align-items: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-200) / 0.4);
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .left-sidebar[_ngcontent-ng-c1719121474] .main-item[_ngcontent-ng-c1719121474] {
                display: none
            }
        }

        .left-sidebar[_ngcontent-ng-c1719121474] .main-item[_ngcontent-ng-c1719121474] .icon[_ngcontent-ng-c1719121474] {
            margin-right: 0.75rem;
            height: 1.25rem;
            width: 1.25rem
        }

           .live-menu[_ngcontent-ng-c1678263614] .menu-list[_ngcontent-ng-c1678263614] {
            display: flex;
            flex-direction: column
        }

        .live-menu[_ngcontent-ng-c1678263614] .menu-list[_ngcontent-ng-c1678263614] .menu-item[_ngcontent-ng-c1678263614] {
            display: flex;
            flex-direction: column
        }

           .bottom-navbar[_ngcontent-ng-c2839776007] {
            position: fixed;
            left: 0px;
            right: 0px;
            bottom: 0px;
            z-index: 120;
            display: flex;
            height: 4.5rem;
            gap: 0.375rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding: 0.625rem;
            padding-top: 0px;
            --tw-shadow: 0 0 42px 0;
            --tw-shadow-colored: 0 0 42px 0 var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            --tw-shadow-color: rgba(0, 0, 0, 0.2);
            --tw-shadow: var(--tw-shadow-colored)
        }

        @media (min-width: 1024px) {
            .bottom-navbar[_ngcontent-ng-c2839776007] {
                display: none
            }
        }

        .bottom-navbar[_ngcontent-ng-c2839776007]:is(.dark *)[_ngcontent-ng-c2839776007] {
            --tw-shadow-color: rgba(142, 142, 142, 0.2);
            --tw-shadow: var(--tw-shadow-colored)
        }

        .bottom-navbar[_ngcontent-ng-c2839776007] .navbar-link[_ngcontent-ng-c2839776007] {
            position: relative;
            display: flex;
            flex: 1 1 0%;
            flex-direction: column;
            justify-content: center;
            row-gap: 0.375rem;
            overflow: hidden;
            padding: 0.125rem;
            text-align: center;
            font-size: 0.625rem;
            font-weight: 700;
            text-transform: uppercase;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        .bottom-navbar[_ngcontent-ng-c2839776007] .navbar-link[_ngcontent-ng-c2839776007] .icon[_ngcontent-ng-c2839776007] {
            margin-left: auto;
            margin-right: auto;
            height: 1.5rem;
            width: 1.5rem;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms;
            transition-timing-function: linear
        }

        .bottom-navbar[_ngcontent-ng-c2839776007] .navbar-link[_ngcontent-ng-c2839776007] span[_ngcontent-ng-c2839776007] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .bottom-navbar[_ngcontent-ng-c2839776007] .betslip-btn-container[_ngcontent-ng-c2839776007] {
            display: flex;
            flex: 1 1 0%;
            align-items: center;
            justify-content: center;
            padding: 0.25rem
        }

        .bottom-navbar-menu[_ngcontent-ng-c2839776007] {
            position: fixed;
            bottom: 4.5rem;
            left: 0.5rem;
            z-index: 121;
            max-height: 320px;
            overflow-y: auto
        }


          .menu-link[_ngcontent-ng-c1203312278] {
            display: flex;
            width: 100%;
            cursor: pointer;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem;
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        @media (min-width: 1024px) {
            .menu-link[_ngcontent-ng-c1203312278]:hover {
                background-color: hsl(var(--tertiary-200) / 0.3)
            }
        }

        .menu-link[_ngcontent-ng-c1203312278] .icon.right[_ngcontent-ng-c1203312278] {
            display: flex;
            height: 1.5rem;
            width: 1.5rem;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            background-color: hsl(var(--tertiary-700) / 0.1)
        }

        .menu-link[_ngcontent-ng-c1203312278] .icon.right[_ngcontent-ng-c1203312278] .chevron[_ngcontent-ng-c1203312278] {
            height: 1rem;
            width: 1rem;
            color: hsl(var(--tertiary-950) / 0.7);
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms
        }

        .menu-link[_ngcontent-ng-c1203312278] .link-left[_ngcontent-ng-c1203312278],
        .menu-link[_ngcontent-ng-c1203312278] .link-right[_ngcontent-ng-c1203312278] {
            display: flex;
            align-items: center;
            column-gap: 0.75rem
        }

        .menu-link[_ngcontent-ng-c1203312278] .link-left[_ngcontent-ng-c1203312278] {
            width: 1.5rem;
            flex: 1 1 0%
        }

        .menu-link[_ngcontent-ng-c1203312278] .link-left[_ngcontent-ng-c1203312278] .icon[_ngcontent-ng-c1203312278] {
            flex: none
        }

        .menu-link[_ngcontent-ng-c1203312278] .link-text[_ngcontent-ng-c1203312278] {
            display: grid;
            opacity: 1;
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            transition-timing-function: linear
        }

        .menu-link[_ngcontent-ng-c1203312278] .link-count[_ngcontent-ng-c1203312278] {
            display: flex;
            height: 1.125rem;
            min-width: 24px;
            align-items: center;
            justify-content: center;
            border-radius: 0.375rem;
            background-color: hsl(var(--tertiary-700) / 0.1);
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: normal;
            color: hsl(var(--tertiary-950) / 0.75)
        }

        @media (min-width: 1024px) {
            .menu-link.l2-link[_ngcontent-ng-c1203312278]:hover {
                border-radius: 0.375rem;
                background-color: hsl(var(--tertiary-200) / 0.35)
            }

            .menu-link.l2-link[_ngcontent-ng-c1203312278]:hover:is(.dark *)[_ngcontent-ng-c1203312278] {
                background-color: hsl(var(--tertiary-200) / 0.65)
            }
        }

        .menu-link.active[_ngcontent-ng-c1203312278] {
            background-color: hsl(var(--tertiary-200) / 0.4)
        }

        @media (min-width: 1024px) {
            .menu-link[_ngcontent-ng-c1203312278]:hover {
                border-radius: 0.375rem;
                background-color: hsl(var(--tertiary-200) / 0.35)
            }

            .menu-link[_ngcontent-ng-c1203312278]:hover:is(.dark *)[_ngcontent-ng-c1203312278] {
                background-color: hsl(var(--tertiary-200) / 0.65)
            }
        }

        .menu-list[_ngcontent-ng-c1203312278] {
            display: flex;
            flex-direction: column
        }

        .menu-list[_ngcontent-ng-c1203312278] .menu-item[_ngcontent-ng-c1203312278] {
            display: flex;
            flex-direction: column
        }

         .match[_ngcontent-ng-c20485901] {
            background-color: hsl(var(--tertiary-200) / 0.2);
            padding-left: 0.125rem;
            padding-right: 0.125rem;
            padding-top: 0.125rem
        }

        .match[_ngcontent-ng-c20485901] .match-content[_ngcontent-ng-c20485901] {
            display: flex;
            flex-direction: column;
            row-gap: 0.375rem;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding: 0.75rem
        }

            .match[_ngcontent-ng-c3217574223] {
            background-color: hsl(var(--tertiary-200) / 0.2);
            padding-left: 0.125rem;
            padding-right: 0.125rem;
            padding-top: 0.125rem
        }

        .match[_ngcontent-ng-c3217574223] .match-content[_ngcontent-ng-c3217574223] {
            display: flex;
            flex-direction: column;
            row-gap: 0.375rem;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding: 0.75rem
        }

        .match[_ngcontent-ng-c3217574223] .bet-btn-group[_ngcontent-ng-c3217574223] {
            display: flex;
            align-items: center;
            column-gap: 0.188rem
        }

            .match-actions[_ngcontent-ng-c1562124482] {
            display: flex;
            align-items: center;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.25rem
        }

        .match-actions[_ngcontent-ng-c1562124482] .favorite-btn[_ngcontent-ng-c1562124482] {
            margin-bottom: 0.125rem;
            margin-right: 0.313rem;
            display: flex;
            height: 1rem;
            width: 1rem;
            align-items: center;
            justify-content: center
        }

        .match-actions[_ngcontent-ng-c1562124482] .favorite-btn[_ngcontent-ng-c1562124482] .icon[_ngcontent-ng-c1562124482] {
            height: 0.875rem;
            width: 0.875rem
        }

        .match-actions[_ngcontent-ng-c1562124482] .favorite-btn[_ngcontent-ng-c1562124482] .icon.line[_ngcontent-ng-c1562124482] {
            color: hsl(var(--tertiary-950) / 0.7)
        }

        .match-actions[_ngcontent-ng-c1562124482] .favorite-btn[_ngcontent-ng-c1562124482] .icon.filled[_ngcontent-ng-c1562124482] {
            --tw-text-opacity: 1;
            color: rgb(251 191 36 / var(--tw-text-opacity, 1))
        }

        .match-actions[_ngcontent-ng-c1562124482] .match-time[_ngcontent-ng-c1562124482] {
            margin-right: 0.25rem;
            --tw-text-opacity: 1;
            color: rgb(34 197 94 / var(--tw-text-opacity, 1))
        }

        .match-actions[_ngcontent-ng-c1562124482] .match-set[_ngcontent-ng-c1562124482] {
            color: hsl(var(--tertiary-950) / 0.75)
        }

        .match-actions[_ngcontent-ng-c1562124482] .live-bar[_ngcontent-ng-c1562124482] {
            margin-left: 0.5rem;
            height: 0.063rem;
            flex: 1 1 0%;
            background-color: hsl(var(--tertiary-950) / 0.1)
        }

        .match-actions[_ngcontent-ng-c1562124482] .live-icon[_ngcontent-ng-c1562124482] {
            margin-left: 0.5rem;
            height: 0.875rem;
            width: 0.875rem;
            --tw-text-opacity: 1;
            color: rgb(244 63 94 / var(--tw-text-opacity, 1))
        }

        .match-actions[_ngcontent-ng-c1562124482] .bb-badge[_ngcontent-ng-c1562124482] {
            margin-left: 0.5rem;
            display: flex;
            height: 1rem;
            width: 1.5rem;
            align-items: center;
            justify-content: center;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
            text-transform: uppercase;
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }

        .match-actions[_ngcontent-ng-c1562124482] .other-btn[_ngcontent-ng-c1562124482] {
            padding-left: 0.375rem;
            color: hsl(var(--tertiary-950) / 0.75);
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 200ms
        }

        @media (min-width: 1024px) {
            .match-actions[_ngcontent-ng-c1562124482] .other-btn[_ngcontent-ng-c1562124482]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

          .match-teams[_ngcontent-ng-c3738775013] {
            display: flex;
            flex-direction: column;
            row-gap: 0.125rem
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] {
            display: flex;
            align-items: center
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-info[_ngcontent-ng-c3738775013] {
            display: flex;
            min-width: 6.25rem;
            flex: 1 1 0%;
            align-items: center;
            column-gap: 0.313rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-info[_ngcontent-ng-c3738775013] .team-logo[_ngcontent-ng-c3738775013] {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-info[_ngcontent-ng-c3738775013] .team-logo[_ngcontent-ng-c3738775013] .icon[_ngcontent-ng-c3738775013] {
            height: 1rem;
            width: 1rem;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-info[_ngcontent-ng-c3738775013] .team-name[_ngcontent-ng-c3738775013] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-score[_ngcontent-ng-c3738775013] {
            display: flex;
            align-items: center;
            overflow-x: auto
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-score[_ngcontent-ng-c3738775013] .score-item[_ngcontent-ng-c3738775013] {
            min-width: 1rem;
            padding-left: 0.063rem;
            padding-right: 0.063rem;
            text-align: center;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-950) / 0.75)
        }

        .match-teams[_ngcontent-ng-c3738775013] .team[_ngcontent-ng-c3738775013] .team-score[_ngcontent-ng-c3738775013] .score-item.end[_ngcontent-ng-c3738775013] {
            padding-right: 0px;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

           [_nghost-ng-c255040209] {

            margin-top: 1.25rem;

            display: block
        }

        .limit-settings-detail[_nghost-ng-c255040209] .message-alert[_ngcontent-ng-c255040209],
        .limit-settings-detail [_nghost-ng-c255040209] .message-alert[_ngcontent-ng-c255040209] {

            font-size: 0.75rem;

            font-weight: 600;

            line-height: normal;

            color: hsl(var(--tertiary-950) / 0.3)
        }

          .livebet-overview-content[_ngcontent-ng-c4013845785] {
            padding-top: 0.75rem
        }

          .live-header[_ngcontent-ng-c2755714086] {
            position: relative;
            display: flex;
            height: 3.25rem;
            align-items: center;
            justify-content: space-between;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            padding-top: 0.625rem;
            padding-bottom: 0.625rem
        }

        .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] {
            display: flex;
            flex: 1 1 0%;
            align-items: center;
            overflow: hidden
        }

        .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] .back-btn[_ngcontent-ng-c2755714086] {
            margin-right: 0.5rem;
            flex-shrink: 0
        }

        .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] .back-btn[_ngcontent-ng-c2755714086] .icon[_ngcontent-ng-c2755714086] {
            height: 1.25rem;
            width: 1.25rem
        }

        .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] .title[_ngcontent-ng-c2755714086] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
        }

        .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] .title[_ngcontent-ng-c2755714086] .text[_ngcontent-ng-c2755714086] {
            margin-right: 0.625rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-right-width: 1px;
            --tw-border-opacity: 1;
            border-right-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            padding-right: 0.625rem
        }

        .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] .title[_ngcontent-ng-c2755714086] .text[_ngcontent-ng-c2755714086]:last-child {
            margin-right: 0.625rem;
            border-right-width: 0px;
            padding-right: 0.625rem
        }

        @media (min-width: 1024px) {
            .live-header[_ngcontent-ng-c2755714086] .header-title[_ngcontent-ng-c2755714086] .title[_ngcontent-ng-c2755714086] .text[_ngcontent-ng-c2755714086]:hover:first-child {
                --tw-text-opacity: 1;
                color: hsl(var(--primary) / var(--tw-text-opacity, 1))
            }
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] {
            display: flex;
            align-items: center;
            column-gap: 1.25rem
        }

        @media (min-width: 1024px) {
            .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] {
                column-gap: 0.75rem
            }
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .favorite-btn[_ngcontent-ng-c2755714086] {
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 0.25rem;
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        @media (min-width: 1024px) {
            .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .favorite-btn[_ngcontent-ng-c2755714086]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .favorite-btn[_ngcontent-ng-c2755714086] .icon[_ngcontent-ng-c2755714086] {
            height: 1.125rem;
            width: 1.125rem
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .favorite-btn.active[_ngcontent-ng-c2755714086] {
            --tw-text-opacity: 1;
            color: rgb(251 191 36 / var(--tw-text-opacity, 1))
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .calendar-btn[_ngcontent-ng-c2755714086] {
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        @media (min-width: 1024px) {
            .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .calendar-btn[_ngcontent-ng-c2755714086]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .calendar-btn[_ngcontent-ng-c2755714086] .icon[_ngcontent-ng-c2755714086] {
            height: 1.25rem;
            width: 1.25rem
        }

        .live-header[_ngcontent-ng-c2755714086] .header-toolbar[_ngcontent-ng-c2755714086] .calendar-btn.active[_ngcontent-ng-c2755714086] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-btn[_ngcontent-ng-c2755714086] {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-btn[_ngcontent-ng-c2755714086] .icon[_ngcontent-ng-c2755714086] {
            height: 1.25rem;
            width: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        @media (min-width: 1024px) {
            .live-header[_ngcontent-ng-c2755714086] .live-search-btn[_ngcontent-ng-c2755714086] .icon[_ngcontent-ng-c2755714086]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] {
            position: absolute;
            left: 0px;
            display: flex;
            height: 100%;
            width: 100%;
            align-items: center;
            gap: 0.625rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem
        }

        @media (min-width: 1024px) {
            .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] {
            position: relative;
            flex: 1 1 0%;
            border-radius: 0.375rem;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] .search-icon[_ngcontent-ng-c2755714086] {
            pointer-events: none;
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            display: flex;
            align-items: center;
            padding-left: 0.5rem;
            color: hsl(var(--tertiary-950) / 0.3)
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] .search-icon[_ngcontent-ng-c2755714086] .icon[_ngcontent-ng-c2755714086] {
            height: 1.25rem;
            width: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.3)
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] .input-style[_ngcontent-ng-c2755714086] {
            display: block;
            height: 2rem;
            width: 100%;
            border-radius: 9999px;
            border-width: 0.5px;
            border-color: hsl(var(--tertiary-700) / 0.3);
            background-color: transparent;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 2rem;
            font-size: 0.875rem;
            font-weight: 700;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] .input-style[_ngcontent-ng-c2755714086]::placeholder {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            color: hsl(var(--tertiary-900) / 0.3)
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] .input-style[_ngcontent-ng-c2755714086]:focus {
            border-color: hsl(var(--tertiary-foreground) / 0.5);
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .search-form-input[_ngcontent-ng-c2755714086] .btn-cancel[_ngcontent-ng-c2755714086] {
            position: absolute;
            right: 0.25rem;
            top: 0.25rem;
            color: hsl(var(--tertiary-700) / 0.7)
        }

        .live-header[_ngcontent-ng-c2755714086] .live-search-container[_ngcontent-ng-c2755714086] .close-btn[_ngcontent-ng-c2755714086] {
            height: 2rem;
            width: 2rem;
            flex: none;
            border-radius: 9999px;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1))
        }

          .sport-types[_ngcontent-ng-c1382382667] {
            border-top-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding: 0.75rem
        }

        .sport-types[_ngcontent-ng-c1382382667] .sport-type-list[_ngcontent-ng-c1382382667] {
            display: flex;
            align-items: center;
            column-gap: 0.375rem
        }

        .sport-types[_ngcontent-ng-c1382382667] .sport-btn[_ngcontent-ng-c1382382667] {
            display: flex;
            height: 2rem;
            align-items: center;
            white-space: nowrap;
            border-radius: 9999px;
            border-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            padding-left: 0.5rem;
            padding-right: 0.75rem;
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        @media (min-width: 1024px) {
            .sport-types[_ngcontent-ng-c1382382667] .sport-btn[_ngcontent-ng-c1382382667]:hover {
                background-color: hsl(var(--tertiary-800) / 0.1);
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .sport-types[_ngcontent-ng-c1382382667] .sport-btn[_ngcontent-ng-c1382382667] .icon[_ngcontent-ng-c1382382667] {
            margin-right: 0.25rem;
            height: 1.25rem;
            width: 1.25rem;
            flex-shrink: 0;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .sport-types[_ngcontent-ng-c1382382667] .sport-btn.active[_ngcontent-ng-c1382382667] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        .sport-types[_ngcontent-ng-c1382382667] .sport-btn.active[_ngcontent-ng-c1382382667] .icon[_ngcontent-ng-c1382382667] {
            --tw-text-opacity: 1;
            color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
        }

        .sport-types[_ngcontent-ng-c1382382667] .dragscroll-container[_ngcontent-ng-c1382382667] {
            margin-left: -0.375rem;
            margin-right: -0.375rem
        }

        @media (min-width: 1024px) {

            .color-scheme-3[_nghost-ng-c1382382667] .sport-types[_ngcontent-ng-c1382382667] .sport-btn[_ngcontent-ng-c1382382667]:hover,
            .color-scheme-3 [_nghost-ng-c1382382667] .sport-types[_ngcontent-ng-c1382382667] .sport-btn[_ngcontent-ng-c1382382667]:hover {
                --tw-bg-opacity: 1;
                background-color: hsl(var(--secondary-200) / var(--tw-bg-opacity, 1))
            }
        }

        .color-scheme-3[_nghost-ng-c1382382667] .sport-types[_ngcontent-ng-c1382382667] .sport-btn.active[_ngcontent-ng-c1382382667],
        .color-scheme-3 [_nghost-ng-c1382382667] .sport-types[_ngcontent-ng-c1382382667] .sport-btn.active[_ngcontent-ng-c1382382667] {
            --tw-border-opacity: 1;
            border-color: hsl(var(--secondary-200) / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1382382667] .sport-types[_ngcontent-ng-c1382382667] .sport-btn.active[_ngcontent-ng-c1382382667] .icon[_ngcontent-ng-c1382382667],
        .color-scheme-3 [_nghost-ng-c1382382667] .sport-types[_ngcontent-ng-c1382382667] .sport-btn.active[_ngcontent-ng-c1382382667] .icon[_ngcontent-ng-c1382382667] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

         .overview-content[_ngcontent-ng-c619320794] {
            margin-bottom: 0.75rem
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] {
            display: flex;
            height: 2rem;
            align-items: center;
            justify-content: space-between;
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
            padding-right: 0.5rem
        }

        @media (min-width: 1024px) {
            .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] {
                height: 2.25rem;
                border-top-left-radius: 0.25rem;
                border-top-right-radius: 0.25rem
            }
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] {
            display: flex;
            height: 100%;
            flex: 1 1 0%;
            cursor: pointer;
            align-items: center;
            overflow: hidden;
            padding-left: 0.5rem;
            font-size: 0.75rem;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .collapse-icon[_ngcontent-ng-c619320794] {
            margin-right: 0.25rem;
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-950) / 0.7)
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .collapse-icon[_ngcontent-ng-c619320794] .icon[_ngcontent-ng-c619320794] {
            height: 1.25rem;
            width: 1.25rem;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transition-property: transform;
            transition-duration: 300ms;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794] {
            display: flex;
            align-items: center;
            overflow: hidden
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794] .icon[_ngcontent-ng-c619320794] {
            margin-right: 0.375rem;
            height: 1.25rem;
            width: 1.25rem;
            flex-shrink: 0
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794] .icon.chevron[_ngcontent-ng-c619320794] {
            margin-left: 0.125rem;
            margin-right: 0.125rem;
            height: 1rem;
            width: 1rem
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794] .text[_ngcontent-ng-c619320794] {
            white-space: nowrap
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794] .text[_ngcontent-ng-c619320794]:last-child {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] .overview-toolbar[_ngcontent-ng-c619320794] {
            margin-left: 0.25rem;
            display: flex;
            align-items: center;
            column-gap: 0.25rem
        }

        .color-scheme-3[_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794],
        .color-scheme-3 [_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-header[_ngcontent-ng-c619320794] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794],
        .color-scheme-3 [_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .collapse-icon[_ngcontent-ng-c619320794],
        .color-scheme-3 [_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-title[_ngcontent-ng-c619320794] .collapse-icon[_ngcontent-ng-c619320794] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794],
        .color-scheme-3 [_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-info[_ngcontent-ng-c619320794] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-toolbar[_ngcontent-ng-c619320794],
        .color-scheme-3 [_nghost-ng-c619320794] .overview-content[_ngcontent-ng-c619320794] .overview-toolbar[_ngcontent-ng-c619320794] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

            .season-info-statistic[_ngcontent-ng-c2020431408] {
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.7)
        }

        @media (min-width: 1024px) {
            .season-info-statistic[_ngcontent-ng-c2020431408]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .season-info-statistic[_ngcontent-ng-c2020431408] .icon[_ngcontent-ng-c2020431408] {
            height: 1.25rem;
            width: 1.25rem
        }

        .color-scheme-3[_nghost-ng-c2020431408] .season-info-statistic[_ngcontent-ng-c2020431408],
        .color-scheme-3 [_nghost-ng-c2020431408] .season-info-statistic[_ngcontent-ng-c2020431408] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {

            .color-scheme-3[_nghost-ng-c2020431408] .season-info-statistic[_ngcontent-ng-c2020431408]:hover,
            .color-scheme-3 [_nghost-ng-c2020431408] .season-info-statistic[_ngcontent-ng-c2020431408]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .color-scheme-3[_nghost-ng-c2020431408] .icon[_ngcontent-ng-c2020431408],
        .color-scheme-3 [_nghost-ng-c2020431408] .icon[_ngcontent-ng-c2020431408] {
            --tw-text-opacity: 1;
            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

           .widget[_ngcontent-ng-c2371644712] .widget-content[_ngcontent-ng-c2371644712] {
            padding: 0.25rem
        }

          .live-fixture-classic-view[_ngcontent-ng-c1975216223] {
            --tw-bg-opacity: 1;
            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] {
            display: flex;
            flex-direction: column;
            border-bottom-width: 0.5px;
            --tw-border-opacity: 1;
            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
            padding: 0.5rem
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] {
                flex-direction: row
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] {
            margin-bottom: 0.25rem;
            display: flex;
            width: 100%;
            flex-direction: column
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] {
                margin-bottom: 0px;
                width: 40%
            }
        }

        @media (min-width: 1280px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] {
                width: 33.333333%
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-spacer[_ngcontent-ng-c1975216223] {
            display: none;
            height: 1.5rem
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-spacer[_ngcontent-ng-c1975216223] {
                display: block
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-team-info[_ngcontent-ng-c1975216223] {
            display: flex;
            width: 100%;
            flex-direction: column
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-team-info[_ngcontent-ng-c1975216223] .fixture-team-name[_ngcontent-ng-c1975216223] {
            display: flex;
            align-items: center;
            gap: 0.25rem
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-team-info[_ngcontent-ng-c1975216223] .text[_ngcontent-ng-c1975216223] {
            display: inline-grid;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-right: 0.25rem;
            font-size: 13px;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-team-info[_ngcontent-ng-c1975216223] .text[_ngcontent-ng-c1975216223]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] {
            display: flex;
            flex-direction: column
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] {
                padding-right: 0.5rem
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-home-score[_ngcontent-ng-c1975216223],
        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-away-score[_ngcontent-ng-c1975216223] {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 0.5rem
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-home-score[_ngcontent-ng-c1975216223] .team-score[_ngcontent-ng-c1975216223],
        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-away-score[_ngcontent-ng-c1975216223] .team-score[_ngcontent-ng-c1975216223] {
            display: flex;
            align-items: center;
            overflow-x: auto
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-home-score[_ngcontent-ng-c1975216223] .team-score[_ngcontent-ng-c1975216223] .score-item[_ngcontent-ng-c1975216223],
        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-away-score[_ngcontent-ng-c1975216223] .team-score[_ngcontent-ng-c1975216223] .score-item[_ngcontent-ng-c1975216223] {
            min-width: 1rem;
            padding-left: 0.063rem;
            padding-right: 0.063rem;
            text-align: center;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-home-score[_ngcontent-ng-c1975216223] .team-score[_ngcontent-ng-c1975216223] .score-item.current[_ngcontent-ng-c1975216223],
        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-event[_ngcontent-ng-c1975216223] .fixture-score-info[_ngcontent-ng-c1975216223] .fixture-away-score[_ngcontent-ng-c1975216223] .team-score[_ngcontent-ng-c1975216223] .score-item.current[_ngcontent-ng-c1975216223] {
            padding-right: 0px;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-info[_ngcontent-ng-c1975216223] {
            display: flex;
            align-items: center;
            padding-top: 0.25rem
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-info-spacer[_ngcontent-ng-c1975216223] {
            flex: 1 1 0%
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-info-spacer[_ngcontent-ng-c1975216223] {
                display: none
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-info[_ngcontent-ng-c1975216223] .fixture-size[_ngcontent-ng-c1975216223] {
            margin-left: 0.375rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-content[_ngcontent-ng-c1975216223] .fixture-info[_ngcontent-ng-c1975216223] .fixture-size[_ngcontent-ng-c1975216223]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-bet-types[_ngcontent-ng-c1975216223] {
            display: flex;
            flex: 1 1 0%;
            gap: 0.5rem
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-bet-types[_ngcontent-ng-c1975216223] .live-fixture-classic-view-btg-comp[_ngcontent-ng-c1975216223] {
            display: none
        }

        .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-bet-types[_ngcontent-ng-c1975216223] .live-fixture-classic-view-btg-comp[_ngcontent-ng-c1975216223]:nth-child(1) {
            display: flex
        }

        @media (min-width: 1024px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-bet-types[_ngcontent-ng-c1975216223] .live-fixture-classic-view-btg-comp[_ngcontent-ng-c1975216223]:nth-child(2) {
                display: flex
            }
        }

        @media (min-width: 1280px) {
            .live-fixture-classic-view[_ngcontent-ng-c1975216223] .fixture-item[_ngcontent-ng-c1975216223] .fixture-bet-types[_ngcontent-ng-c1975216223] .live-fixture-classic-view-btg-comp[_ngcontent-ng-c1975216223]:nth-child(-n+3) {
                display: flex
            }
        }


            .team-score[_ngcontent-ng-c3076179597] {
            display: flex;
            align-items: center;
            overflow-x: auto
        }

        .team-score[_ngcontent-ng-c3076179597] .score-item[_ngcontent-ng-c3076179597] {
            min-width: 1rem;
            padding-left: 0.063rem;
            padding-right: 0.063rem;
            text-align: center;
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        .team-score[_ngcontent-ng-c3076179597] .score-item.current[_ngcontent-ng-c3076179597] {
            padding-right: 0px;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

         .fixture-event-favorite[_ngcontent-ng-c3494898513] {
            margin-right: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        @media (min-width: 1024px) {
            .fixture-event-favorite[_ngcontent-ng-c3494898513]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
            }
        }

        .fixture-event-favorite[_ngcontent-ng-c3494898513] .icon[_ngcontent-ng-c3494898513] {
            height: 0.875rem;
            width: 0.875rem
        }

        .fixture-event-favorite.active[_ngcontent-ng-c3494898513] {
            --tw-text-opacity: 1;
            color: rgb(251 191 36 / var(--tw-text-opacity, 1))
        }

            .live-fixture-status[_ngcontent-ng-c1627172023] {
            display: flex;
            align-items: center;
            column-gap: 0.25rem
        }

        .live-fixture-status[_ngcontent-ng-c1627172023] .live-fixture-status-info[_ngcontent-ng-c1627172023] {
            font-size: 0.75rem;
            font-weight: 500;
            line-height: 1.25rem;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        .live-fixture-status[_ngcontent-ng-c1627172023] .live-fixture-match-time[_ngcontent-ng-c1627172023] {
            font-size: 0.75rem;
            font-weight: 500;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgb(34 197 94 / var(--tw-text-opacity, 1))
        }

        .prelive-fixture-panda-view[_nghost-ng-c1627172023] .live-fixture-status[_ngcontent-ng-c1627172023],
        .prelive-fixture-panda-view [_nghost-ng-c1627172023] .live-fixture-status[_ngcontent-ng-c1627172023],
        .live-fixture-panda-view[_nghost-ng-c1627172023] .live-fixture-status[_ngcontent-ng-c1627172023],
        .live-fixture-panda-view [_nghost-ng-c1627172023] .live-fixture-status[_ngcontent-ng-c1627172023] {
            margin-right: 0.5rem
        }

              .fixture-info-statistic[_ngcontent-ng-c981080784] {
            margin-left: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: hsl(var(--tertiary-900) / 0.6)
        }

        @media (min-width: 1024px) {
            .fixture-info-statistic[_ngcontent-ng-c981080784]:hover {
                --tw-text-opacity: 1;
                color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
            }
        }

        .fixture-info-statistic[_ngcontent-ng-c981080784] .icon[_ngcontent-ng-c981080784] {
            height: 1.25rem;
            width: 1.25rem
        }

        .prelive-fixture-panda-view[_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784],
        .prelive-fixture-panda-view [_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784],
        .live-fixture-panda-view[_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784],
        .live-fixture-panda-view [_nghost-ng-c981080784] .fixture-info-statistic[_ngcontent-ng-c981080784] {
            margin-left: 0px;
            margin-right: 0.375rem
        }

           .live-tracker-info[_ngcontent-ng-c1434179097] {
            margin-left: 0.5rem;
            display: none;
            align-items: center;
            justify-content: center;
            column-gap: 0.25rem;
            --tw-text-opacity: 1;
            color: rgb(6 182 212 / var(--tw-text-opacity, 1))
        }

        @media (min-width: 1024px) {
            .live-tracker-info[_ngcontent-ng-c1434179097] {
                display: flex
            }
        }

        .live-tracker-info[_ngcontent-ng-c1434179097] .tracker-icon[_ngcontent-ng-c1434179097] {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .live-tracker-info[_ngcontent-ng-c1434179097] .tracker-icon[_ngcontent-ng-c1434179097] .icon[_ngcontent-ng-c1434179097] {
            z-index: 1;
            height: 1.25rem;
            width: 1.25rem;
            flex-shrink: 0
        }

        .prelive-fixture-panda-view[_nghost-ng-c1434179097] .live-tracker-info[_ngcontent-ng-c1434179097],
        .prelive-fixture-panda-view [_nghost-ng-c1434179097] .live-tracker-info[_ngcontent-ng-c1434179097],
        .live-fixture-panda-view[_nghost-ng-c1434179097] .live-tracker-info[_ngcontent-ng-c1434179097],
        .live-fixture-panda-view [_nghost-ng-c1434179097] .live-tracker-info[_ngcontent-ng-c1434179097] {
            margin-left: 0px;
            margin-right: 0.25rem
        }
         [_nghost-ng-c3720265459] {
            width: 100%
        }

        [_nghost-ng-c3720265459] .live-fixture-classic-view-btg[_ngcontent-ng-c3720265459] {
            display: flex;
            flex: 1 1 0%;
            flex-direction: row;
            gap: 0.5rem;
            text-align: center
        }

        [_nghost-ng-c3720265459] .live-fixture-classic-view-btg-item[_ngcontent-ng-c3720265459] {
            flex: 1 1 0%;
            flex-direction: column
        }

        [_nghost-ng-c3720265459] .live-fixture-classic-view-btg-item[_ngcontent-ng-c3720265459] .title[_ngcontent-ng-c3720265459] {
            margin-bottom: 0.25rem;
            display: inline-grid;
            height: 1.5rem;
            flex: 1 1 0%;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            text-align: center;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            color: hsl(var(--tertiary-900) / 0.5)
        }

        [_nghost-ng-c3720265459] .live-fixture-classic-view-btg-item[_ngcontent-ng-c3720265459] .title[_ngcontent-ng-c3720265459] .title-text[_ngcontent-ng-c3720265459] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        [_nghost-ng-c3720265459] .live-fixture-classic-view-btg-item[_ngcontent-ng-c3720265459] .title[_ngcontent-ng-c3720265459] .cashout[_ngcontent-ng-c3720265459] {
            margin-left: 0.25rem;
            height: 0.75rem;
            width: 0.75rem;
            min-width: 0.75rem;
            --tw-text-opacity: 1;
            color: hsl(var(--primary) / var(--tw-text-opacity, 1))
        }

        [_nghost-ng-c3720265459] .live-fixture-classic-view-btg-item[_ngcontent-ng-c3720265459] .fos[_ngcontent-ng-c3720265459] {
            display: flex;
            gap: 0.188rem
        }

        .search-form-input[_ngcontent-ng-c24283576] {
    position: relative;
    flex: 1 1 0%;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}
.search-form-input[_ngcontent-ng-c24283576]   .search-icon[_ngcontent-ng-c24283576] {
    pointer-events: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    color: hsl(var(--tertiary-950) / 0.3)
}
.search-form-input[_ngcontent-ng-c24283576]   .input-style[_ngcontent-ng-c24283576] {
    display: block;
    height: 3.25rem;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 0.5px;
    border-color: hsl(var(--tertiary-950) / 0.15);
    background-color: transparent;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 3rem;
    padding-right: 2.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.search-form-input[_ngcontent-ng-c24283576]   .input-style[_ngcontent-ng-c24283576]::placeholder {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    color: hsl(var(--tertiary-950) / 0.3)
}
.search-form-input[_ngcontent-ng-c24283576]   .input-style[_ngcontent-ng-c24283576]:focus {
    border-color: hsl(var(--tertiary-foreground) / 0.5);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.search-form-input[_ngcontent-ng-c24283576]   .btn-cancel[_ngcontent-ng-c24283576] {
    position: absolute;
    right: 0.875rem;
    top: 0.875rem;
    color: hsl(var(--tertiary-700) / 0.7)
}
.active-state[_ngcontent-ng-c1106604270] {
  max-height: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: hsl(var(--tertiary-950) / 0.5);
}
.active-state[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270]   .search-input[_ngcontent-ng-c1106604270] {
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.active-state-results[_ngcontent-ng-c1106604270] {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
}
.active-state-history[_ngcontent-ng-c1106604270] {
  display: flex;
  align-items: center;
}
.active-state-history[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  margin-right: 0.625rem;
  height: 1.125rem;
  width: 1.125rem;
}
.active-state-history-list[_ngcontent-ng-c1106604270] {
  margin-top: 1.25rem;
  width: 100%;
}
.active-state-history-list[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270] {
  cursor: pointer;
  margin-bottom: 0.75rem;
  display: flex;
  border-bottom-width: 1px;
  border-bottom-color: hsl(var(--tertiary-950) / 0.1);
  padding-bottom: 0.75rem;
}
.active-state-history-list[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   .text[_ngcontent-ng-c1106604270] {
  flex: 1 1 0%;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.active-state-history-list[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
  flex: none;
}

.result[_ngcontent-ng-c1106604270] {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: hsl(var(--tertiary-950) / 0.5);
}

@media not all and (min-width: 1024px) {
  .result[_ngcontent-ng-c1106604270] {
    max-height: calc(90vh - 32px);
  }
}
.result[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270] {
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.result[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270]   .search-input[_ngcontent-ng-c1106604270] {
  padding-right: 3.75rem;
}
.result[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270]   .btn-cancel[_ngcontent-ng-c1106604270] {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.result-loading[_ngcontent-ng-c1106604270] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.result-loading[_ngcontent-ng-c1106604270]   .loading-icon[_ngcontent-ng-c1106604270] {
  height: 1.5rem;
  width: 1.5rem;
}
@keyframes _ngcontent-ng-c1106604270_spin {
  to {
    transform: rotate(360deg);
  }
}
.result-loading[_ngcontent-ng-c1106604270]   .loading-icon[_ngcontent-ng-c1106604270] {
  animation: _ngcontent-ng-c1106604270_spin 1s linear infinite;
}
.result-sport-types[_ngcontent-ng-c1106604270] {
  display: inline-grid;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270] {
  display: flex;
  gap: 0.375rem;
  overflow-x: auto;
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270] {
  display: contents;
  white-space: nowrap;
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270] {
  display: flex;
  align-items: center;
  border-radius: 3.125rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.375rem;
  padding-right: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1));
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a.active[_ngcontent-ng-c1106604270], .result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a.active[_ngcontent-ng-c1106604270]   .text[_ngcontent-ng-c1106604270], .result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]:hover   .text[_ngcontent-ng-c1106604270] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a.active[_ngcontent-ng-c1106604270]   .sport-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270], .result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]:hover   .sport-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .sport-icon[_ngcontent-ng-c1106604270] {
  margin-right: 0.25rem;
  display: inline-flex;
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .sport-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-500) / var(--tw-text-opacity, 1));
}
.result-sport-types[_ngcontent-ng-c1106604270]   ul[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .text[_ngcontent-ng-c1106604270] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1));
}
.result-league-text[_ngcontent-ng-c1106604270] {
  margin-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.result-league-text[_ngcontent-ng-c1106604270]   .title[_ngcontent-ng-c1106604270] {
  margin-bottom: 0.063rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.result-league-text[_ngcontent-ng-c1106604270]   .title-icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
}
.result-league-text[_ngcontent-ng-c1106604270]   .title-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
}
.result-league-text[_ngcontent-ng-c1106604270]   .title-text[_ngcontent-ng-c1106604270] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-league-text[_ngcontent-ng-c1106604270]   .title-text[_ngcontent-ng-c1106604270]   span[_ngcontent-ng-c1106604270] {
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1));
}
.result-league-text[_ngcontent-ng-c1106604270]   .list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270] {
  margin-bottom: 0.063rem;
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.result-league-text[_ngcontent-ng-c1106604270]   .list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .team-text[_ngcontent-ng-c1106604270] {
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-league-text[_ngcontent-ng-c1106604270]   .list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .date[_ngcontent-ng-c1106604270] {
  margin-right: 0.625rem;
  flex: none;
  color: hsl(var(--tertiary-950) / 0.5);
}
.result-league-text[_ngcontent-ng-c1106604270]   .list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .time[_ngcontent-ng-c1106604270] {
  margin-right: 0.625rem;
  flex: none;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.result-league-text[_ngcontent-ng-c1106604270]   .list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .right-icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
  flex: none;
}
.result-league-text[_ngcontent-ng-c1106604270]   .list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270]   .right-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
}
.result-all-search[_ngcontent-ng-c1106604270] {
  display: flex;
}
.result-all-search[_ngcontent-ng-c1106604270]   a[_ngcontent-ng-c1106604270] {
  flex: 1 1 0%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}

.no-result[_ngcontent-ng-c1106604270] {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: hsl(var(--tertiary-950) / 0.5);
}

@media not all and (min-width: 1024px) {
  .no-result[_ngcontent-ng-c1106604270] {
    max-height: calc(90vh - 32px);
  }
}
.no-result[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270] {
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.no-result[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270]   .search-input[_ngcontent-ng-c1106604270] {
  padding-right: 3.75rem;
}
.no-result[_ngcontent-ng-c1106604270]   .search-field[_ngcontent-ng-c1106604270]   .btn-cancel[_ngcontent-ng-c1106604270] {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.no-result-info[_ngcontent-ng-c1106604270] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.no-result-info[_ngcontent-ng-c1106604270]   .fount-text[_ngcontent-ng-c1106604270] {
  font-weight: 700;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
}
.no-result-info[_ngcontent-ng-c1106604270]   .try-text[_ngcontent-ng-c1106604270] {
  margin-top: 0.188rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: hsl(var(--tertiary-950) / 0.5);
}
.no-result-hot[_ngcontent-ng-c1106604270]   .title[_ngcontent-ng-c1106604270] {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.no-result-hot[_ngcontent-ng-c1106604270]   .title[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  margin-right: 0.625rem;
  height: 1.125rem;
  width: 1.125rem;
}
.no-result-hot[_ngcontent-ng-c1106604270]   .hot-list[_ngcontent-ng-c1106604270] {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.no-result-hot[_ngcontent-ng-c1106604270]   .hot-list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270] {
  margin-right: 0.375rem;
  margin-bottom: 0.375rem;
  display: inline-flex;
  height: 2rem;
  align-items: center;
  border-radius: 9999px;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1));
}
.no-result-hot[_ngcontent-ng-c1106604270]   .hot-list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   .left-icon[_ngcontent-ng-c1106604270] {
  height: 1.25rem;
  width: 1.25rem;
}
.no-result-hot[_ngcontent-ng-c1106604270]   .hot-list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   .left-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  margin-right: 0.125rem;
  height: 1.25rem;
  width: 1.25rem;
}
.no-result-hot[_ngcontent-ng-c1106604270]   .hot-list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   .right-icon[_ngcontent-ng-c1106604270] {
  margin-right: 0.75rem;
  height: 1.25rem;
  width: 1.25rem;
}
.no-result-hot[_ngcontent-ng-c1106604270]   .hot-list[_ngcontent-ng-c1106604270]   li[_ngcontent-ng-c1106604270]   .right-icon[_ngcontent-ng-c1106604270]   .icon[_ngcontent-ng-c1106604270] {
  margin-left: 0.625rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.search-form-input[_ngcontent-ng-c24283576] {
    position: relative;
    flex: 1 1 0%;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1))
}
.search-form-input[_ngcontent-ng-c24283576]   .search-icon[_ngcontent-ng-c24283576] {
    pointer-events: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    color: hsl(var(--tertiary-950) / 0.3)
}
.search-form-input[_ngcontent-ng-c24283576]   .input-style[_ngcontent-ng-c24283576] {
    display: block;
    height: 3.25rem;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 0.5px;
    border-color: hsl(var(--tertiary-950) / 0.15);
    background-color: transparent;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 3rem;
    padding-right: 2.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.search-form-input[_ngcontent-ng-c24283576]   .input-style[_ngcontent-ng-c24283576]::placeholder {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    color: hsl(var(--tertiary-950) / 0.3)
}
.search-form-input[_ngcontent-ng-c24283576]   .input-style[_ngcontent-ng-c24283576]:focus {
    border-color: hsl(var(--tertiary-foreground) / 0.5);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.search-form-input[_ngcontent-ng-c24283576]   .btn-cancel[_ngcontent-ng-c24283576] {
    position: absolute;
    right: 0.875rem;
    top: 0.875rem;
    color: hsl(var(--tertiary-700) / 0.7)
}


.result-sport-types {
    display: inline-grid;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.result-sport-types ul {
    display: flex;
    gap: 0.375rem;
    overflow-x: auto
}
.result-sport-types ul li {
    display: contents;
    white-space: nowrap
}
.result-sport-types ul li a {
    display: flex;
    height: 2rem;
    align-items: center;
    border-radius: 3.125rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.375rem;
    padding-right: 0.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1))
}
.result-sport-types ul li a.active, .result-sport-types ul li a:hover {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.result-sport-types ul li a.active .text, .result-sport-types ul li a:hover .text {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.result-sport-types ul li a.active .sport-icon .icon, .result-sport-types ul li a:hover .sport-icon .icon {
    --tw-text-opacity: 1;
    color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1))
}
.result-sport-types ul li a .sport-icon {
    margin-right: 0.25rem;
    display: inline-flex
}
.result-sport-types ul li a .sport-icon .icon {
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-500) / var(--tw-text-opacity, 1))
}
.result-sport-types ul li a .text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1))
}
.result-league-container {
    max-height: calc(100vh - 268px);
    overflow: auto
}
.result-league-text {
    margin-bottom: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.result-league-text .title {
    margin-bottom: 0.063rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: hsl(var(--tertiary-200) / 0.45);
    padding: 0.75rem
}
.result-league-text .title-icon {
    height: 1.25rem;
    width: 1.25rem
}
.result-league-text .title-icon .icon {
    height: 1.25rem;
    width: 1.25rem
}
.result-league-text .title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.result-league-text .title-text span {
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    --tw-text-opacity: 1;
    color: rgb(245 243 255 / var(--tw-text-opacity, 1))
}
.result-league-text .list li a {
    margin-bottom: 0.063rem;
    display: flex;
    align-items: center;
    background-color: hsl(var(--tertiary-200) / 0.25);
    padding: 0.75rem
}
.result-league-text .list li a .team-text {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0.375rem
}
.result-league-text .list li a .team-text span {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
}
.result-league-text .list li a .date {
    margin-right: 0.625rem;
    flex: none;
    color: hsl(var(--tertiary-950) / 0.5)
}
.result-league-text .list li a .time {
    margin-right: 0.625rem;
    flex: none;
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.result-league-text .list li a .right-icon {
    height: 1.25rem;
    width: 1.25rem;
    flex: none
}
.result-league-text .list li a .right-icon .icon {
    height: 1.25rem;
    width: 1.25rem
}
.result-all-search {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    width: 100%;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1rem;
    padding-top: 0.5rem
}
@media (min-width: 1024px) {
    .result-all-search {
        position: relative
    }
}
.result-all-search a {
    margin-right: 0.125rem;
    flex: 1 1 0%;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
@media (min-width: 1024px) {
    .result-all-search a {
        margin-right: 0px;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.antepost-container {
    margin-bottom: 1.5rem;
    overflow: hidden
}
.antepost-container-title {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
    color: hsl(var(--tertiary-950) / 0.5)
}
.antepost-container-title .icon {
    height: 1.25rem;
    width: 1.25rem
}
.antepost-container-title .badge {
    margin-left: auto;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1))
}
.antepost-container-content {
    border-radius: 0.25rem
}

.sport-section {
    margin-bottom: 1rem
}

.sport-section:last-child {
    margin-bottom: 0px
}
.sport-section .sport-header {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-200) / var(--tw-bg-opacity, 1));
    padding: 0.75rem
}
.sport-section .sport-header .icon {
    height: 1.5rem;
    width: 1.5rem;
    --tw-text-opacity: 1;
    color: hsl(var(--primary) / var(--tw-text-opacity, 1))
}
.sport-section .sport-header .sport-name {
    flex: 1 1 0%;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.sport-section .sport-header .sport-count {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-300) / var(--tw-bg-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.75rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1))
}

.no-result {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: hsl(var(--tertiary-950) / 0.5)
}

@media not all and (min-width: 1024px) {
    .no-result {
        max-height: calc(90vh - 32px)
    }
}
.no-result .search-field {
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.no-result .search-field .search-input {
    padding-right: 3.75rem
}
.no-result .search-field .btn-cancel {
    position: absolute;
    right: 1rem;
    top: 1rem
}
.no-result-info {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.no-result-info .fount-text {
    font-weight: 700;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
}
.no-result-info .try-text {
    margin-top: 0.188rem;
    font-weight: 500;
    line-height: 1.125rem;
    color: hsl(var(--tertiary-950) / 0.5)
}
.no-result-hot .title {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}
.no-result-hot .title .icon {
    margin-right: 0.625rem;
    height: 1.125rem;
    width: 1.125rem
}
.no-result-hot .hot-list {
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1));
    padding: 0.75rem
}
.no-result-hot .hot-list li {
    margin-right: 0.375rem;
    margin-bottom: 0.375rem;
    display: inline-flex;
    height: 2rem;
    align-items: center;
    border-radius: 9999px;
    border-width: 0.5px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1));
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    --tw-text-opacity: 1;
    color: hsl(var(--tertiary-700) / var(--tw-text-opacity, 1))
}
.no-result-hot .hot-list li .left-icon {
    height: 1.25rem;
    width: 1.25rem
}
.no-result-hot .hot-list li .left-icon .icon {
    margin-right: 0.125rem;
    height: 1.25rem;
    width: 1.25rem
}
.no-result-hot .hot-list li .right-icon {
    margin-right: 0.75rem;
    height: 1.25rem;
    width: 1.25rem
}
.no-result-hot .hot-list li .right-icon .icon {
    margin-left: 0.625rem;
    height: 1.25rem;
    width: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}

  .bet-history-score[_ngcontent-ng-c1047639414] {
            font-size: 0.875rem;
            font-weight: 600;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] {
            display: flex;
            justify-content: space-between;
            column-gap: 0.375rem
        }

        .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] .teams[_ngcontent-ng-c1047639414] {
            flex: 1 1 0%;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] .score[_ngcontent-ng-c1047639414] {
            flex-shrink: 0
        }

        .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] .bet-date[_ngcontent-ng-c1047639414] {
            flex-shrink: 0;
            text-align: end;
            color: hsl(var(--tertiary-950) / 0.5)
        }

        .bet-match-detail[_nghost-ng-c1047639414] .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414],
        .bet-match-detail [_nghost-ng-c1047639414] .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] {
            margin-bottom: 0.25rem
        }

        .bet-match-detail[_nghost-ng-c1047639414] .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] .bet-date[_ngcontent-ng-c1047639414],
        .bet-match-detail [_nghost-ng-c1047639414] .bet-history-score[_ngcontent-ng-c1047639414] .match-row[_ngcontent-ng-c1047639414] .bet-date[_ngcontent-ng-c1047639414] {
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

          [_nghost-ng-c4060509361] {
            margin-left: 0.25rem;
            margin-right: 0.25rem;
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            line-height: normal
        }

        [_nghost-ng-c4060509361] .icon[_ngcontent-ng-c4060509361] {
            height: 0.875rem;
            width: 0.875rem;
            min-width: 0.75rem;
            --tw-text-opacity: 1;
            color: hsl(var(--primary) / var(--tw-text-opacity, 1))
        }

        [_nghost-ng-c4060509361] .text[_ngcontent-ng-c4060509361] {
            font-size: 0.75rem;
            --tw-text-opacity: 1;
            color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1))
        }

         [_nghost-ng-c1843949970] {

            margin-bottom: 0.75rem;

            display: block
        }

        [_nghost-ng-c1843949970]:last-child {

            margin-bottom: 0px
        }

        @media (min-width: 1024px) {

            .fixture-collapse[_ngcontent-ng-c1843949970] {

                border-radius: 0.25rem
            }

            .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

                border-radius: 0.25rem
            }
        }

        .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970] {

            --tw-rotate: 0deg;

            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            display: flex;

            height: 2rem;

            align-items: center;

            justify-content: space-between;

            --tw-bg-opacity: 1;

            background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1));

            padding-right: 0.5rem
        }

        @media (min-width: 1024px) {

            .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

                height: 2.25rem;

                border-top-left-radius: 0.25rem;

                border-top-right-radius: 0.25rem
            }
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] {

            display: flex;

            height: 100%;

            flex: 1 1 0%;

            cursor: pointer;

            align-items: center;

            overflow: hidden;

            padding-left: 0.5rem;

            font-size: 0.75rem;

            font-weight: 500;

            text-transform: uppercase;

            line-height: 1.25rem;

            color: hsl(var(--tertiary-900) / 0.7)
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970] {

            margin-right: 0.25rem;

            display: flex;

            flex-shrink: 0;

            align-items: center;

            justify-content: center;

            color: hsl(var(--tertiary-950) / 0.7)
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970] {

            height: 1.25rem;

            width: 1.25rem;

            --tw-rotate: -180deg;

            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

            transition-property: transform;

            transition-duration: 300ms;

            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] {

            margin-left: 0.25rem;

            display: flex;

            align-items: center;

            column-gap: 0.25rem
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] {

            border-top-width: 0.5px;

            border-style: none;

            --tw-border-opacity: 1;

            border-top-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
        }

        @media (min-width: 1024px) {

            .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] {

                border-bottom-right-radius: 0.25rem;

                border-bottom-left-radius: 0.25rem
            }
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            border-radius: 0px;

            background-color: hsl(var(--tertiary-200) / 0.15);

            --tw-text-opacity: 1;

            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970]:is(.dark *)[_ngcontent-ng-c1843949970] {

            background-color: hsl(var(--tertiary-200) / 0.35)
        }

        .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            border-radius: 0px;

            background-color: hsl(var(--tertiary-200) / 0.55);

            --tw-text-opacity: 1;

            color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1))
        }

        .sub-collapse .sub-collapse[_nghost-ng-c1843949970],
        .sub-collapse .sub-collapse [_nghost-ng-c1843949970] {

            margin-bottom: 0px;

            border-bottom-width: 0.5px;

            --tw-border-opacity: 1;

            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
        }

        .sub-collapse .sub-collapse[_nghost-ng-c1843949970]:last-child,
        .sub-collapse .sub-collapse [_nghost-ng-c1843949970]:last-child {

            border-bottom-width: 0px
        }

        @media (min-width: 1024px) {

            .sub-collapse .sub-collapse[_nghost-ng-c1843949970]:last-child .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .sub-collapse .sub-collapse [_nghost-ng-c1843949970]:last-child .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

                border-bottom-right-radius: 0.25rem;

                border-bottom-left-radius: 0.25rem
            }
        }

        .sub-collapse .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .sub-collapse .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            background-color: hsl(var(--tertiary-200) / 0.35)
        }

        @media (min-width: 1024px) {

            .sub-collapse .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .sub-collapse .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

                border-radius: 0px
            }
        }

        .today-events-content .sub-collapse[_nghost-ng-c1843949970],
        .today-events-content .sub-collapse [_nghost-ng-c1843949970],
        .livebet-overview-content .sub-collapse[_nghost-ng-c1843949970],
        .livebet-overview-content .sub-collapse [_nghost-ng-c1843949970] {

            margin-bottom: 0.75rem;

            border-bottom-width: 0px
        }

        @media (min-width: 1024px) {

            .today-events-content .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .today-events-content .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .livebet-overview-content .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .livebet-overview-content .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

                border-top-left-radius: 0.25rem;

                border-top-right-radius: 0.25rem
            }

            .today-events-content .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .today-events-content .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .livebet-overview-content .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
            .livebet-overview-content .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

                border-radius: 0.25rem
            }
        }

        .today-events.widget[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970],
        .today-events.widget [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] {

            border-top-width: 0px
        }

        .livebet-overview-content .livebet-sport[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .livebet-overview-content .livebet-sport [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            border-bottom-width: 1px;

            --tw-border-opacity: 1;

            border-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1))
        }

        .livebet-overview-content .livebet-sport[_nghost-ng-c1843949970] .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .livebet-overview-content .livebet-sport [_nghost-ng-c1843949970] .fixture-collapse.collapsed[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            border-style: none
        }

        .betradar-page .sub-collapse[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .betradar-page .sub-collapse [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            background-color: hsl(var(--tertiary-200) / 0.35)
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            --tw-bg-opacity: 1;

            background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            background-color: hsl(var(--secondary) / 0.8) !important;

            --tw-text-opacity: 1 !important;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)) !important
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] {

            background-color: hsl(var(--secondary) / 0.6);

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-title[_ngcontent-ng-c1843949970] .collapse-icon[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }

        .color-scheme-3[_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970],
        .color-scheme-3 [_nghost-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-content[_ngcontent-ng-c1843949970] .fixture-collapse[_ngcontent-ng-c1843949970] .fixture-header[_ngcontent-ng-c1843949970] .fixture-toolbar[_ngcontent-ng-c1843949970] .icon[_ngcontent-ng-c1843949970] {

            --tw-text-opacity: 1;

            color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1))
        }