.fixture-notice.svelte-1xwfjv1 {
    display: flex;
    flex-direction: row;
    align-items: center
}

@keyframes svelte-5n4c2i-blink {
    0%, to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.live-stream-scores.svelte-1bg4egr {
    border-top: 2px solid var(--color-grey-500)
}

.livestream-wrap.svelte-1g9zgw5 {
    height: auto;
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    background: var(--color-grey-800);
    border-radius: var(--ds-radius-md) var(--ds-radius-md) 0 0;
    overflow: hidden
}

.livestream-wrap-sticky.svelte-1g9zgw5 {
    position: fixed;
    top: var(--sticky-top, 15px);
    left: 0;
    z-index: 99
}

.livestream-close-wrap.svelte-1g9zgw5 {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.live-stream-scoreboard-footer.svelte-1g9zgw5 {
    background: var(--color-grey-700);
    display: flex;
    padding: var(--spacing-2);
    padding-left: var(--spacing-4);
    border-top: 2px solid var(--color-grey-500)
}

@media screen and (min-width: 40rem) {
    .live-stream-scoreboard-footer.svelte-1g9zgw5 > * + * {
        margin-left: var(--spacing-3)
    }
}

.red-circle.svelte-1g9zgw5 {
    width: .4rem;
    height: .4rem;
    background-color: red;
    border-radius: var(--ds-radius-full)
}

.sentinel.svelte-1g9zgw5 {
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none
}

.outcome.svelte-3qvd0v {
    background-color: var(--color-grey-900);
    display: flex;
    border-radius: var(--ds-radius-md);
    transition: background .1s;
    justify-content: center;
    width: 100%;
    position: relative;
    color: var(--color-white);
    align-items: flex-start;
    min-width: 0;
    padding: var(--spacing-2) var(--spacing-3)
}

.outcome.svelte-3qvd0v:focus-visible {
    outline: var(--focus-outline-white);
    outline-offset: .125rem
}

.outcome:not(.inactive)[disabled].svelte-3qvd0v {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

@media (hover: hover) {
    .outcome.svelte-3qvd0v:hover:not(.selected) {
        background-color: var(--color-blue-800)
    }
}

.outcome.selected.svelte-3qvd0v {
    background: var(--color-blue-500);
    box-shadow: var(--shadows-lg)
}

.outcome.inactive.svelte-3qvd0v:not(.selected) {
    background: var(--color-grey-900);
    pointer-events: none
}

.outcome.inactive.selected.svelte-3qvd0v > :where(.svelte-3qvd0v) {
    opacity: .2
}

.outcome-content.svelte-3qvd0v {
    width: 100%;
    display: flex;
    justify-items: flex-start;
    align-self: center
}

.outcome-content.horizontal.svelte-3qvd0v {
    justify-content: space-between;
    align-items: center
}

.outcome-content.svelte-3qvd0v:not(.horizontal) {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.outcome-content.svelte-3qvd0v .is-truncate > .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    color: #fff3;
    display: inline-block
}

.table-columns.svelte-58z6nv {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(var(--itemCount), auto);
    gap: var(--spacing-1)
}

.table-columns.featured.svelte-58z6nv .column:where(.svelte-58z6nv):nth-child(1) {
    grid-column: 1
}

.table-columns.featured.svelte-58z6nv .column:where(.svelte-58z6nv):nth-child(2) {
    grid-column: 2
}

.table-columns.featured.svelte-58z6nv .column:where(.svelte-58z6nv):nth-child(3):has(+.column:where(.svelte-58z6nv)+.column:where(.svelte-58z6nv)) {
    grid-column: 1/-1
}

.column.heading.svelte-58z6nv {
    margin-bottom: var(--spacing-1);
    text-align: center
}

.row.svelte-avgxu7 {
    display: grid;
    align-items: center;
    grid-template-columns: auto 30% 30%;
    gap: var(--spacing-1);
    margin-bottom: var(--spacing-3);
    padding-top: var(--spacing-3);
    border-top: 2px solid var(--content-border)
}

.row.svelte-avgxu7:first-child {
    border: none;
    padding-top: var(--spacing-0)
}

.row.svelte-avgxu7:last-child {
    margin-bottom: var(--spacing-0)
}

.column.heading.svelte-avgxu7 {
    display: flex
}

.column.heading.svelte-avgxu7 > span {
    color: var(--color-white)
}

.table-template.svelte-1f3tamd {
    display: grid;
    grid-template-columns: repeat(var(--count), 1fr);
    grid-auto-flow: row;
    justify-items: center;
    gap: var(--spacing-1)
}

.heading.svelte-1f3tamd {
    margin-bottom: var(--spacing-1)
}

.wrapper.svelte-tpckdo {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.labels.svelte-tpckdo {
    display: grid;
    color: var(--color-grey-200);
    position: relative;
    height: 1em;
    margin: var(--spacing-2) var(--spacing-3) var(--spacing-0);
    pointer-events: none
}

.input-wrapper.svelte-tpckdo {
    position: relative;
    display: flex
}

.input-wrapper.styles.svelte-tpckdo:after {
    z-index: 1;
    content: "";
    position: absolute;
    left: 5px;
    width: var(--current);
    max-width: calc(100% - 20px);
    top: calc(50% - 5px);
    height: 10px;
    border-radius: var(--ds-radius-md);
    background: var(--color-blue-500);
    pointer-events: none
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo) {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    height: 30px;
    padding: var(--spacing-1-5)
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-moz-range-thumb {
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    height: 21px;
    width: 21px;
    border-radius: var(--ds-radius-full);
    background-image: radial-gradient(circle, var(--color-blue-500) 45%, var(--color-white) 47%);
    cursor: pointer
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-webkit-slider-thumb {
    margin-top: -5.5px;
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    height: 21px;
    width: 21px;
    border-radius: var(--ds-radius-full);
    background-image: radial-gradient(circle, var(--color-blue-500) 45%, var(--color-white) 47%);
    cursor: pointer
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: var(--color-grey-300);
    border-radius: var(--ds-radius-md)
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-moz-range-progress {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: var(--color-grey-300);
    border-radius: var(--ds-radius-md);
    background-color: var(--color-blue-500)
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-ms-fill-lower {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: var(--color-grey-300);
    border-radius: var(--ds-radius-md);
    background-color: var(--color-blue-500)
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-ms-fill-upper {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: var(--color-grey-300);
    border-radius: var(--ds-radius-md)
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-moz-focus-outer {
    border: 0
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo)::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: var(--color-grey-300);
    border-radius: var(--ds-radius-md)
}

.input-wrapper.svelte-tpckdo input[type=range]:where(.svelte-tpckdo):focus::-webkit-slider-runnable-track {
    background: var(--color-grey-300)
}

.correct-score-wrapper.svelte-a6hf0r {
    display: grid;
    color: var(--color-white);
    width: 100%;
    align-items: center;
    grid-gap: var(--spacing-4);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    padding: var(--spacing-0) var(--spacing-2)
}

.correct-score-wrapper.stacked.svelte-a6hf0r {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fit, 1fr);
    grid-gap: var(--spacing-3)
}

.slider.svelte-1x6ync8 {
    display: flex;
    flex-direction: row;
    width: 100%
}

.slider.svelte-1x6ync8 > button {
    color: var(--color-white);
    background: transparent;
    box-shadow: var(--shadow-button-sm)
}

@media (hover: hover) {
    .slider.svelte-1x6ync8 > button:hover:not(.disabled) {
        color: var(--color-white);
        background: var(--color-grey-400)
    }
}

.slider.svelte-1x6ync8 > button:active {
    box-shadow: none;
    color: var(--color-white);
    background: var(--color-grey-400)
}

.slider.svelte-1x6ync8 > button:not(.icon-only) .svg-icon {
    transition: color var(--transition-fast);
    color: var(--color-grey-200)
}

.slider.svelte-1x6ync8 > button:not(.icon-only):hover:not(.disabled):not(.active) .svg-icon {
    color: var(--color-white)
}

.slider.svelte-1x6ync8 > button:focus-visible {
    outline-color: var(--color-white)
}

.slider.svelte-1x6ync8 > button {
    box-shadow: none;
    width: var(--spacing-8);
    display: flex;
    align-items: center !important;
    justify-content: center !important
}

.gallery.svelte-1x6ync8 {
    flex: 1;
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior: contain
}

.gallery.svelte-1x6ync8 > * {
    scroll-snap-align: start;
    scroll-margin: var(--scroll-margin)
}

.wrap.svelte-12rdj73 {
    display: flex;
    flex-direction: column
}

.row.svelte-12rdj73 {
    display: flex;
    padding: var(--spacing-2) var(--spacing-3);
    align-items: center
}

.row.svelte-12rdj73:not(:last-of-type) {
    border-bottom: 2px solid var(--content-border)
}

.row.svelte-12rdj73:last-of-type {
    padding-bottom: var(--spacing-0)
}

.row.svelte-12rdj73:first-of-type {
    padding-top: var(--spacing-0)
}

.row-title.svelte-12rdj73 {
    width: 50%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--spacing-1);
    padding-left: var(--spacing-2);
    text-transform: capitalize
}

.row.svelte-12rdj73 .outcomes:where(.svelte-12rdj73) {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3)
}

.row.stacked.svelte-12rdj73 {
    flex-direction: column;
    padding-bottom: var(--spacing-3)
}

.row.stacked.svelte-12rdj73 .row-title:where(.svelte-12rdj73) {
    width: 100%
}

.row.stacked.svelte-12rdj73 .row-title:where(.svelte-12rdj73):not(:last-child) {
    padding: var(--spacing-1) var(--spacing-0) var(--spacing-2)
}

.outcome.svelte-1v5xzf {
    background-color: var(--color-grey-900);
    display: flex;
    border-radius: var(--ds-radius-md);
    transition: background .1s;
    justify-content: center;
    width: 100%;
    position: relative;
    color: var(--color-white);
    align-items: flex-start;
    min-width: 0;
    padding: var(--spacing-2) var(--spacing-3)
}

.outcome.svelte-1v5xzf:focus-visible {
    outline: var(--focus-outline-white);
    outline-offset: .125rem
}

.outcome:not(.inactive)[disabled].svelte-1v5xzf {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5
}

.outcome.see-all-markets.svelte-1v5xzf {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px
}

.outcome.see-all-markets.isMulti.svelte-1v5xzf {
    min-height: 100%;
    height: 100%
}

.outcome.isMulti.svelte-1v5xzf {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (hover: hover) {
    .outcome.svelte-1v5xzf:hover:not(.selected) {
        background-color: var(--color-blue-800)
    }
}

.outcome.selected.svelte-1v5xzf {
    background: var(--color-blue-500);
    box-shadow: var(--shadows-lg)
}

.outcome.inactive.svelte-1v5xzf:not(.selected) {
    background: var(--color-grey-900);
    pointer-events: none
}

.outcome-content.svelte-1v5xzf {
    width: 100%;
    display: flex;
    justify-items: flex-start;
    align-self: center
}

.outcome-content.loading.svelte-1v5xzf {
    padding: var(--spacing-1) var(--spacing-0)
}

.outcome-content.horizontal.svelte-1v5xzf {
    justify-content: space-between;
    align-items: center
}

.outcome-content.center.svelte-1v5xzf {
    justify-content: center
}

.outcome-content.svelte-1v5xzf:not(.horizontal) {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.outcome-content:not(.horizontal).loading.svelte-1v5xzf > * + * {
    margin-top: var(--spacing-1)
}

.outcome-content.svelte-1v5xzf .is-truncate > .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    color: #fff3;
    display: inline-block
}

.odds.svelte-1v5xzf {
    position: relative
}

.name.svelte-1v5xzf {
    color: var(--color-white);
    text-align: left
}

.name.loading.svelte-1v5xzf, .odds.loading.svelte-1v5xzf {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: .1rem
}

.outcomes.svelte-zcuhwx {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-3)
}

.outcomes.stacked.svelte-zcuhwx {
    flex-direction: column;
    padding-bottom: var(--spacing-3)
}

.table-markets.svelte-1jenyxz {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    justify-items: center;
    gap: var(--spacing-3)
}

.column.svelte-1jenyxz {
    width: 100%;
    text-align: center
}

.outcome-line.svelte-1jenyxz, .heading.svelte-1jenyxz {
    margin-bottom: var(--spacing-1)
}

.swish-title.svelte-1le5wzh {
    display: flex;
    gap: var(--spacing-3)
}

.outcome-line.svelte-1le5wzh, .heading.svelte-1le5wzh {
    margin-bottom: var(--spacing-1)
}

.column.svelte-1le5wzh {
    width: 100%;
    text-align: center
}

.table-markets.svelte-1le5wzh {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    justify-items: center;
    gap: var(--spacing-3)
}

.competitors.svelte-1le5wzh {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    border-top: 2px solid var(--color-grey-600);
    background: var(--header-background);
    padding: var(--spacing-2)
}

.content.svelte-apxb6w > * + * {
    margin-top: var(--spacing-4)
}

.input-wrap.svelte-apxb6w > * {
    width: 100%
}

.swish-title.svelte-apxb6w {
    display: flex;
    gap: var(--spacing-3)
}

.swish-title.svelte-apxb6w .team-logo:where(.svelte-apxb6w) {
    width: var(--spacing-6);
    height: auto
}

.players.svelte-apxb6w {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    border-top: 2px solid var(--color-grey-600);
    background: var(--header-background);
    padding: var(--spacing-2)
}

.no-props.svelte-apxb6w {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.input-wrap.svelte-o1wlp1 > * {
    width: 100%
}

.content.svelte-o1wlp1 > * + * {
    margin-top: var(--spacing-4)
}

.competitors.svelte-o1wlp1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    border-top: 2px solid var(--color-grey-600);
    background: var(--header-background);
    padding: var(--spacing-2)
}

.swish-title.svelte-o1wlp1 {
    display: flex;
    gap: var(--spacing-3)
}

.swish-title.svelte-o1wlp1 .team-logo:where(.svelte-o1wlp1) {
    width: var(--spacing-6);
    height: auto
}

.no-props.svelte-o1wlp1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.input-wrap.svelte-xi5gs4 > * {
    width: 100%
}

.event.svelte-xi5gs4 {
    width: 100%;
    margin-top: var(--spacing-0)
}

.event.svelte-xi5gs4 > * + * {
    margin-top: var(--spacing-4)
}

.content-wrapper.svelte-xi5gs4 {
    display: flex;
    flex-direction: column;
    grid-area: content-wrapper
}

.content-wrapper.svelte-xi5gs4 > * + * {
    margin-top: var(--spacing-4)
}

.content.svelte-xi5gs4 {
    width: 100%
}

.content.has-widget.svelte-xi5gs4:not(.stacked) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    grid-gap: var(--spacing-4);
    grid-auto-rows: auto;
    grid-template-areas: "content-wrapper widget"
}

.content.stacked.svelte-xi5gs4 {
    width: 100%;
    display: flex;
    flex-direction: column
}

.content.stacked.svelte-xi5gs4 > * + * {
    margin-top: var(--spacing-4)
}

.is-sticky.svelte-xi5gs4 {
    position: sticky;
    top: 0;
    height: min-content
}

.is-sticky.svelte-xi5gs4 .sticky-inner:where(.svelte-xi5gs4) {
    position: relative;
    z-index: 2
}

.is-sticky.svelte-xi5gs4 .sticky-inner:where(.svelte-xi5gs4) > div {
    margin-bottom: var(--spacing-4)
}

.is-sticky.svelte-xi5gs4 .sticky-inner:where(.svelte-xi5gs4) > div:last-child, .is-sticky.svelte-xi5gs4 .sticky-inner:where(.svelte-xi5gs4) > .hide-margin {
    margin-bottom: var(--spacing-0)
}

.is-sticky.svelte-xi5gs4 .sticky-inner:where(.svelte-xi5gs4) .widget-container {
    background: var(--color-grey-700)
}

.groups.svelte-xi5gs4 {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative
}

.groups.svelte-xi5gs4 > * + * {
    margin-top: var(--spacing-4)
}

.no-markets.svelte-xi5gs4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}