.wrapper.svelte-1yo5a5e {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden
}

.breadcrumb.svelte-1yo5a5e {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.outright-preview.svelte-6jc3lp {
    grid-template-columns: repeat(12, 1fr);
    display: grid;
    gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-4)
}

.outright-preview.svelte-6jc3lp:first-child {
    padding-top: var(--spacing-1)
}

.outright-preview.stacked.svelte-6jc3lp {
    grid-template-columns: repeat(12, 1fr);
    grid-row-gap: var(--spacing-1);
    padding: var(--spacing-5)
}

.fixture-score-wrapper.svelte-13vm65j {
    display: flex;
    justify-content: flex-end
}

.fixture-score-wrapper.svelte-13vm65j>*+* {
    margin-left: var(--spacing-1-5)
}

.score-wrapper.svelte-13vm65j {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-1-5) var(--spacing-1) var(--ds-spacing-1-5, 5px) var(--spacing-1);
    min-height: 56px;
    transition: width .2s ease-in-out
}

.score-wrapper--with-border.svelte-13vm65j {
    padding: var(--spacing-1) var(--spacing-1) var(--ds-spacing-1, 3px) var(--spacing-1);
    min-width: 22px
}

.fixture-preview.svelte-er2h3j {
    display: grid;
    grid-column-gap: var(--spacing-2);
    grid-template-areas: var(--areas);
    align-items: center;
    width: 100%;
    color: var(--grey-200)
}

.fixture-preview.svelte-er2h3j:last-child {
    border-bottom: none
}

.fixture-preview.stacked.svelte-er2h3j {
    grid-template-columns: repeat(var(--column-count), 1fr);
    grid-template-rows: 1fr auto;
    grid-row-gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-4)
}

.fixture-preview.stacked.svelte-er2h3j:first-child {
    padding-top: var(--spacing-2)
}

.fixture-preview.stacked.svelte-er2h3j:last-child {
    padding-bottom: var(--spacing-2)
}

.fixture-preview.stacked.svelte-er2h3j .misc:where(.svelte-er2h3j) {
    justify-self: flex-start;
    align-self: center
}

.fixture-preview.stacked.svelte-er2h3j .market-count:where(.svelte-er2h3j) {
    justify-self: flex-end
}

.fixture-preview.stacked.svelte-er2h3j:last-child {
    border-bottom: none
}

.fixture-preview.svelte-er2h3j:not(.stacked) {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3);
    row-gap: var(--spacing-2)
}

.fixture-preview.svelte-er2h3j:not(.stacked):first-child {
    padding-top: var(--spacing-1)
}

.fixture-preview.svelte-er2h3j:not(.stacked):last-child {
    padding-bottom: var(--spacing-2);
    border-bottom: none
}

.fixture-preview--with-tournament.svelte-er2h3j:not(.stacked) {
    grid-template-rows: repeat(4, auto)
}

.misc.svelte-er2h3j {
    grid-area: misc;
    display: flex;
    position: relative;
    z-index: 2;
    min-height: 24px;
    gap: var(--spacing-3)
}

.misc.svelte-er2h3j>* {
    white-space: nowrap;
    background: var(--grey--500)
}

.market-count.svelte-er2h3j {
    grid-area: marketCount;
    justify-self: center
}

.teams.svelte-er2h3j {
    grid-area: teams;
    white-space: nowrap;
    overflow: hidden;
    display: grid;
    gap: var(--spacing-1-5)
}

.teams.stacked.svelte-er2h3j {
    align-self: center
}

.tournament.svelte-er2h3j {
    grid-area: tournament;
    overflow: hidden
}

.breadcrumb.svelte-er2h3j {
    grid-area: breadcrumb;
    overflow: hidden
}

.fixture-score.svelte-er2h3j {
    grid-area: fixtureScore;
    display: flex;
    justify-content: flex-end
}

.fixture-score.svelte-er2h3j>*+* {
    margin-left: var(--spacing-4)
}

.market-count.stacked.svelte-er2h3j {
    display: flex;
    justify-content: center;
    align-items: center
}

.market-count.stacked.svelte-er2h3j>*+* {
    margin-left: var(--spacing-3)
}

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

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

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

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

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

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

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

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

.outcome-content.svelte-1b8e58q .is-truncate>.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    color: rgba(var(--white), .2);
    display: inline-block
}

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

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

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

.market-name.svelte-1s3anb8 {
    width: 100%;
    grid-area: var(--area);
    z-index: 2;
    position: relative;
    padding: var(--spacing-0) var(--spacing-2);
    align-items: center;
    background: var(--grey-500);
    text-align: center;
    margin: var(--spacing-1) var(--spacing-0)
}

.outcomes.svelte-1s3anb8 {
    place-items: center;
    width: 100%;
    grid-area: var(--area);
    display: grid;
    grid-gap: var(--spacing-2) var(--spacing-2)
}

.outcomes.stacked.svelte-1s3anb8 {
    grid-template-columns: minmax(50px, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(20px, 1fr));
    align-self: flex-start
}

.outcomes.svelte-1s3anb8:not(.stacked) {
    grid-template-rows: 1fr
}

.outcomes.svelte-1s3anb8:not(.stacked):not(.isMulti) {
    align-self: stretch;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr))
}

.fixture-preview.svelte-13xy5fr {
    display: grid;
    grid-column-gap: var(--spacing-2);
    grid-template-areas: var(--areas);
    align-items: center;
    width: 100%;
    color: var(--grey-200)
}

.fixture-preview.svelte-13xy5fr:last-child {
    border-bottom: none
}

.fixture-preview.stacked.svelte-13xy5fr {
    grid-template-columns: repeat(var(--column-count), 1fr);
    grid-template-rows: 1fr auto;
    grid-row-gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-4)
}

.fixture-preview.stacked.svelte-13xy5fr:first-child {
    padding-top: var(--spacing-2)
}

.fixture-preview.stacked.svelte-13xy5fr:last-child {
    padding-bottom: var(--spacing-2)
}

.fixture-preview.stacked.svelte-13xy5fr .market-count:where(.svelte-13xy5fr) {
    justify-self: flex-end
}

.fixture-preview.stacked.svelte-13xy5fr .fixture:where(.svelte-13xy5fr) {
    display: inline
}

.fixture-preview.stacked.svelte-13xy5fr:last-child {
    border-bottom: none
}

.fixture-preview.svelte-13xy5fr:not(.stacked) {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3);
    row-gap: var(--spacing-2)
}

.fixture-preview.svelte-13xy5fr:not(.stacked):first-child {
    padding-top: var(--spacing-1)
}

.fixture-preview.svelte-13xy5fr:not(.stacked):last-child {
    padding-bottom: var(--spacing-2);
    border-bottom: none
}

.fixture-preview.svelte-13xy5fr:not(.stacked) .fixture:where(.svelte-13xy5fr) {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "homeTeam" "awayTeam"
}

.market-count.svelte-13xy5fr {
    grid-area: marketCount;
    justify-self: center
}

.line.svelte-13xy5fr {
    width: 100%;
    height: 2px
}

.line.light.svelte-13xy5fr {
    background: var(--grey-400)
}

.teams.svelte-13xy5fr {
    grid-area: teams;
    white-space: nowrap;
    overflow: hidden;
    display: grid;
    gap: var(--spacing-1-5)
}

.teams.stacked.svelte-13xy5fr {
    align-self: center
}

.tournament.svelte-13xy5fr {
    grid-area: tournament;
    overflow: hidden
}

.breadcrumb.svelte-13xy5fr {
    grid-area: breadcrumb;
    overflow: hidden
}

.fixture.svelte-13xy5fr {
    grid-area: fixture;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left
}

.fixture-score.svelte-13xy5fr {
    grid-area: fixtureScore;
    display: flex;
    justify-content: flex-end
}

.fixture-score.svelte-13xy5fr>*+* {
    margin-left: var(--spacing-4)
}

.fixture-score-item.svelte-13xy5fr {
    margin-right: var(--spacing-2)
}

.fixture-score-item.svelte-13xy5fr>*+* {
    margin-left: var(--spacing-3)
}

.fixture-score-loading.svelte-13xy5fr {
    flex-direction: column;
    align-items: flex-end
}

.fixture-preview.svelte-ya6btv {
    display: grid;
    grid-column-gap: var(--spacing-2);
    grid-template-areas: var(--areas);
    align-items: center;
    width: 100%;
    color: var(--grey-200)
}

.fixture-preview.svelte-ya6btv:last-child {
    border-bottom: none
}

.fixture-preview.stacked.svelte-ya6btv {
    grid-template-columns: repeat(var(--column-count), 1fr);
    grid-template-rows: 1fr auto;
    grid-row-gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-4)
}

.fixture-preview.stacked.svelte-ya6btv:first-child {
    padding-top: var(--spacing-2)
}

.fixture-preview.stacked.svelte-ya6btv:last-child {
    padding-bottom: var(--spacing-2)
}

.fixture-preview.stacked.svelte-ya6btv .misc:where(.svelte-ya6btv) {
    justify-self: flex-start;
    align-self: center
}

.fixture-preview.stacked.svelte-ya6btv .market-count:where(.svelte-ya6btv) {
    justify-self: flex-end
}

.fixture-preview.stacked.svelte-ya6btv:last-child {
    border-bottom: none
}

.fixture-preview.svelte-ya6btv:not(.stacked) {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3);
    row-gap: var(--spacing-2)
}

.fixture-preview.svelte-ya6btv:not(.stacked):first-child {
    padding-top: var(--spacing-1)
}

.fixture-preview.svelte-ya6btv:not(.stacked):last-child {
    padding-bottom: var(--spacing-2);
    border-bottom: none
}

.misc.svelte-ya6btv {
    grid-area: misc;
    display: flex;
    position: relative;
    z-index: 2;
    min-height: 24px;
    gap: var(--spacing-3)
}

.misc.svelte-ya6btv>* {
    white-space: nowrap;
    background: var(--grey--500)
}

.market-count.svelte-ya6btv {
    grid-area: marketCount;
    justify-self: center
}

.teams.svelte-ya6btv {
    grid-area: teams;
    white-space: nowrap;
    overflow: hidden;
    display: grid;
    gap: var(--spacing-1-5)
}

.teams.stacked.svelte-ya6btv {
    align-self: center
}

.breadcrumb.svelte-ya6btv {
    grid-area: breadcrumb;
    overflow: hidden
}

.fixture-score.svelte-ya6btv {
    grid-area: fixtureScore;
    display: flex;
    justify-content: flex-end
}

.fixture-score.svelte-ya6btv>*+* {
    margin-left: var(--spacing-4)
}

.market-count.stacked.svelte-ya6btv {
    display: flex;
    justify-content: center;
    align-items: center
}

.market-count.stacked.svelte-ya6btv>*+* {
    margin-left: var(--spacing-3)
}

.market-name.svelte-1i8whed {
    width: 100%;
    grid-area: var(--area);
    z-index: 2;
    position: relative;
    padding: var(--spacing-0) var(--spacing-2);
    align-items: center;
    background: var(--grey-500);
    text-align: center;
    margin: var(--spacing-1) var(--spacing-0)
}

.outcomes.svelte-1i8whed {
    place-items: center;
    width: 100%;
    grid-area: var(--area);
    display: grid;
    grid-gap: var(--spacing-2) var(--spacing-2)
}

.outcomes.stacked.svelte-1i8whed {
    grid-template-columns: minmax(50px, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(20px, 1fr));
    align-self: flex-start
}

.outcomes.svelte-1i8whed:not(.stacked) {
    grid-template-rows: 1fr
}

.outcomes:not(.stacked).isMulti.svelte-1i8whed {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%
}

.outcomes.svelte-1i8whed:not(.stacked):not(.isMulti) {
    align-self: stretch;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr))
}

.market-name.svelte-fia0q {
    width: 100%;
    grid-area: var(--area);
    z-index: 2;
    position: relative;
    padding: var(--spacing-0) var(--spacing-2);
    align-items: center;
    background: var(--grey-500);
    text-align: center;
    margin: var(--spacing-1) var(--spacing-0)
}

.outcomes.svelte-fia0q {
    place-items: center;
    width: 100%;
    grid-area: var(--area);
    display: grid;
    grid-gap: var(--spacing-2) var(--spacing-2)
}

.outcomes.svelte-fia0q:not(.stacked) {
    grid-template-rows: 1fr
}

.outcomes:not(.stacked).isMulti.svelte-fia0q {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%
}

.outcomes.svelte-fia0q:not(.stacked):not(.isMulti) {
    align-self: stretch;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr))
}

.see-all-markets.svelte-fia0q {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: outcomes0
}

.see-all-markets.svelte-fia0q {
    color: var(--white);
    height: 100%;
    max-height: 45.5px
}

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

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

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

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

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

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

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

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

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

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

.outcome-content.svelte-fia0q .is-truncate>.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    color: rgba(var(--white), .2);
    display: inline-block
}

.odds.svelte-fia0q {
    position: relative
}

.outcome-locked.svelte-fia0q {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.lock-content.svelte-fia0q {
    align-self: center;
    opacity: .2
}

.outcome-content-loocked.svelte-fia0q {
    display: flex;
    justify-content: center;
    align-items: center
}

.group-time.svelte-ukw1jt {
    display: flex;
    align-items: center;
    padding: var(--spacing-1-5) var(--spacing-4) var(--spacing-2);
    position: sticky;
    top: -1px;
    z-index: 3;
    width: 100%;
    background: var(--grey-400);
    color: var(--grey-200);
    font-size: var(--text-size-sm)
}