li.svelte-7s0pqi {
    display: inline
}

li.svelte-7s0pqi * {
    display: inline !important
}

li.svelte-7s0pqi .svg-icon {
    vertical-align: -3px
}

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

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

.outright-preview.svelte-6rcll6 {
    display: flex;
    gap: var(--space-1);
    padding: var(--space-2) var(--space-4)
}

.outright-preview.stacked.svelte-6rcll6 {
    grid-row-gap: var(--space-1);
    padding: var(--space-5)
}

.outright-preview.svelte-6rcll6:not(.stacked) {
    padding: var(--space-2) var(--space-4)
}

.name.svelte-6rcll6 {
    grid-area: name
}

.breadcrumb.svelte-6rcll6 {
    grid-area: breadcrumb
}

.market-count.svelte-6rcll6 {
    grid-area: marketCount;
    margin: auto 0 auto auto
}

.fixture-score-wrapper.svelte-qyo8l9 {
    font-weight: 600;
    display: flex;
    justify-content: flex-end
}

.fixture-score-wrapper.svelte-qyo8l9>*+* {
    margin-left: var(--space-2)
}

.score-wrapper.svelte-qyo8l9 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 2ch;
    padding-top: 1px;
    gap: var(--space-3)
}

.outcome.svelte-xrx386 {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 24, 36, var(--tw-bg-opacity));
    display: flex;
    border-radius: var(--border-radius-base);
    transition: background .1s;
    justify-content: center;
    width: 100%;
    position: relative;
    font-size: var(--text-size-default);
    color: var(--white);
    align-items: flex-start;
    min-width: 0;
    padding: var(--spacingEm-0-5) var(--spacingEm-0-75)
}

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

@media (hover: hover) {
    .outcome.svelte-xrx386:hover:not(.selected):hover {
        --tw-bg-opacity: 1;
        background-color: rgba(8, 47, 90, var(--tw-bg-opacity))
    }
}

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

.outcome-content.loading.svelte-xrx386 {
    padding: var(--space-1) 0
}

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

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

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

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

.odds.svelte-xrx386 {
    position: relative
}

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

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

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

.fixture-preview.stacked.svelte-sg3ouq.svelte-sg3ouq {
    grid-template-columns: repeat(var(--column-count), 1fr);
    grid-template-rows: 1fr auto;
    grid-row-gap: var(--space-1);
    border-bottom: 2px solid var(--grey-400);
    padding: var(--space-3) var(--space-5)
}

.fixture-preview.stacked.svelte-sg3ouq .market-count.svelte-sg3ouq {
    justify-self: flex-end
}

.fixture-preview.stacked.svelte-sg3ouq .fixture.svelte-sg3ouq {
    display: inline
}

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

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

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

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

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

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

.teams.svelte-sg3ouq.svelte-sg3ouq {
    grid-area: teams;
    white-space: nowrap;
    overflow: hidden;
    display: grid;
    gap: var(--space-2)
}

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

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

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

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

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

.fixture-score-item.svelte-sg3ouq>*+* {
    margin-left: var(--space-3)
}

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

.fixture-score-loading.svelte-sg3ouq>*+* {
    margin-top: var(--space-2)
}

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

.fixture-preview.stacked.svelte-1ykwt0t.svelte-1ykwt0t {
    grid-template-columns: repeat(var(--column-count), 1fr);
    grid-template-rows: 1fr auto;
    grid-row-gap: var(--space-1);
    border-bottom: 2px solid var(--grey-400);
    padding: var(--space-3) var(--space-5)
}

.fixture-preview.stacked.svelte-1ykwt0t .misc.svelte-1ykwt0t {
    justify-self: flex-start;
    align-self: center
}

.fixture-preview.stacked.svelte-1ykwt0t .market-count.svelte-1ykwt0t {
    justify-self: flex-end
}

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

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

.misc.svelte-1ykwt0t.svelte-1ykwt0t {
    grid-area: misc;
    display: flex;
    position: relative;
    z-index: 2;
    font-size: var(--text-size-sm)
}

.misc.svelte-1ykwt0t>* {
    white-space: nowrap;
    padding-right: var(--space-1);
    background: var(--grey--500)
}

.misc.svelte-1ykwt0t>*+* {
    margin-left: var(--space-1)
}

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

.line.svelte-1ykwt0t.svelte-1ykwt0t {
    width: 100%;
    height: 2px
}

.line.light.svelte-1ykwt0t.svelte-1ykwt0t {
    background: var(--grey-400)
}

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

.teams.stacked.svelte-1ykwt0t.svelte-1ykwt0t {
    align-self: center
}

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

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

.fixture-score.svelte-1ykwt0t>*+* {
    margin-left: var(--space-4)
}

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

.market-count.stacked.svelte-1ykwt0t>*+* {
    margin-left: var(--space-3)
}

.market-count.stacked.svelte-1ykwt0t .widget-buttons-wrapper.svelte-1ykwt0t {
    display: flex;
    flex-direction: row;
    border-right: 1px solid var(--grey-300);
    padding-right: var(--space-3)
}

.market-count.stacked.svelte-1ykwt0t .widget-buttons-wrapper.svelte-1ykwt0t>*+* {
    margin-left: var(--space-3)
}

.market-count.stacked.svelte-1ykwt0t .widget-buttons-wrapper.svelte-1ykwt0t>button {
    margin-right: var(--space-2);
    font-size: var(--text-size-1xl)
}

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

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

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

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

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

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

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

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

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

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

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

.see-all-markets.svelte-1vefmdb.svelte-1vefmdb {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: outcomes0;
    color: var(--white);
    height: 100%;
    max-height: 45.5px
}

.outcome.svelte-1vefmdb.svelte-1vefmdb {
    --tw-bg-opacity: 1;
    background-color: rgba(7, 24, 36, var(--tw-bg-opacity));
    display: flex;
    border-radius: var(--border-radius-base);
    transition: background .1s;
    justify-content: center;
    width: 100%;
    position: relative;
    font-size: var(--text-size-default);
    color: var(--white);
    align-items: flex-start;
    min-width: 0;
    padding: var(--spacingEm-0-5) var(--spacingEm-0-75)
}

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

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

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

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

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

@media (hover: hover) {
    .outcome.svelte-1vefmdb.svelte-1vefmdb:hover:not(.selected):hover {
        --tw-bg-opacity: 1;
        background-color: rgba(8, 47, 90, var(--tw-bg-opacity))
    }
}

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

.outcome.inactive.svelte-1vefmdb:not(.selected) .suspended-name.svelte-1vefmdb {
    color: var(--white);
    opacity: .2
}

.outcome.inactive.svelte-1vefmdb:not(.selected) .suspended-odds.svelte-1vefmdb {
    color: var(--white);
    opacity: .4
}

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

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

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

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

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

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

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

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

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