.loading.svelte-1i4s4fe {
    z-index: 2000;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: var(--grey-600);
    display: flex;
    align-items: center;
    touch-action: none;
    justify-content: center;
    flex-direction: column
}

.loading.svelte-1i4s4fe>*+* {
    margin-top: var(--space-4)
}

.loader.svelte-1i4s4fe {
    width: 100%;
    max-width: 100px
}

.numberGrid.svelte-yfbdvn {
    display: grid;
    width: 100%;
    height: 180px;
    background: var(--grey-700);
    grid-gap: 2px;
    padding: 2px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    flex-shrink: 0;
    font-size: var(--text-size-md);
    z-index: 2;
    grid-template-areas: "seven eight nine remove" "four five six done" "one two three done" "doubleZero zero dot done"
}

.key.svelte-yfbdvn {
    display: flex;
    border: none;
    background: var(--grey-500);
    color: var(--white);
    justify-content: center;
    align-items: center
}

.key.disabled.svelte-yfbdvn {
    color: var(--grey-400);
    background: var(--grey-700)
}

.key.svelte-yfbdvn:hover {
    background: var(--grey-400)
}

.navigation-header.svelte-1mo7y74 {
    background: var(--grey-700);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--header-height);
    z-index: 2;
    position: relative;
    box-shadow: var(--shadows-lg);
    flex-shrink: 0;
    touch-action: none;
    padding-right: var(--scrollbar-size);
    padding-left: var(--space-4)
}

.message.svelte-zkg9gi span {
    white-space: break-spaces
}

.amount-input-wrap.svelte-1xljmws {
    display: flex;
    flex-direction: row
}

.amount-input-wrap.svelte-1xljmws>:first-child {
    width: 100%
}

.amount-input-wrap.svelte-1xljmws>*+* {
    margin-left: var(--space-2)
}

.betslip-calculation-summary.svelte-1xljmws {
    display: flex;
    flex-direction: column
}

.footer-buttons.svelte-1xljmws button {
    display: flex;
    width: 100%
}

.actions.svelte-1n6ls3t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-2) var(--space-4)
}

.tabs.svelte-1n6ls3t {
    display: grid;
    grid-auto-flow: column;
    place-items: flex-start;
    border-bottom: 2px solid var(--grey-500);
    padding: var(--space-2) var(--space-2);
    gap: var(--space-2)
}

.bet-strip-bottom.svelte-a11inl {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet-strip-top.svelte-a11inl {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.completed-icon.svelte-47g19k.svelte-47g19k {
    display: flex
}

.content.svelte-47g19k.svelte-47g19k {
    width: 100%;
    flex-shrink: 0;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    position: relative;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    grid-template-areas: "market market market market odds odds" "outcome outcome outcome outcome eachway eachway" "extrainfo extrainfo extrainfo extrainfo extrainfo extrainfo" "footer footer footer footer footer footer" "footer footer footer footer footer footer" "max-bet max-bet max-bet max-bet max-bet max-bet"
}

.content.negative.svelte-47g19k.svelte-47g19k {
    border-left-color: var(--red-400)
}

.header.svelte-47g19k.svelte-47g19k {
    position: relative;
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-400);
    padding: var(--space-2) var(--space-3)
}

.fixture-name.fixture-name.svelte-47g19k.svelte-47g19k {
    width: 100%;
    max-width: calc(100% - var(--space-12));
    display: inline-flex;
    align-items: center
}

.market-name.svelte-47g19k.svelte-47g19k {
    grid-area: market
}

.outcome-name.svelte-47g19k.svelte-47g19k {
    font-weight: 600;
    color: var(--white);
    display: inline-flex;
    grid-area: outcome;
    text-transform: capitalize;
    align-items: flex-start
}

.each-way.svelte-47g19k.svelte-47g19k {
    grid-area: eachway;
    justify-self: flex-end
}

.odds-payout.svelte-47g19k.svelte-47g19k {
    grid-area: odds;
    justify-self: flex-end
}

.closed.svelte-47g19k.svelte-47g19k {
    justify-self: flex-end;
    grid-area: odds
}

.bet.svelte-47g19k.svelte-47g19k {
    position: relative;
    color: var(--grey-200);
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--grey-600);
    border-radius: var(--border-radius-base);
    font-size: var(--text-size-default)
}

.bet.svelte-47g19k:not(.before) .header.svelte-47g19k {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.bet.before.svelte-47g19k.svelte-47g19k:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px
}

.bet.before.negative.svelte-47g19k.svelte-47g19k:before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--red-800) 50%, var(--red-800) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.before.svelte-47g19k.svelte-47g19k:not(.negative):before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.svelte-47g19k.svelte-47g19k:after {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    bottom: -4px;
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet.negative.svelte-47g19k .header.svelte-47g19k {
    border-left-color: var(--red-400);
    background: var(--red-800);
    color: var(--white);
    font-weight: 600
}

.bet.inactive.svelte-47g19k.svelte-47g19k,
.bet.suspended.svelte-47g19k.svelte-47g19k {
    opacity: .5 !important
}

.bet.suspended.svelte-47g19k .content.svelte-47g19k {
    background: var(--grey-500)
}

.extrainfo.svelte-47g19k.svelte-47g19k {
    grid-area: extrainfo
}

.completed-icon.svelte-1m039e9.svelte-1m039e9 {
    display: flex
}

.content.svelte-1m039e9.svelte-1m039e9 {
    width: 100%;
    flex-shrink: 0;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    position: relative;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    grid-template-areas: "market market market market odds odds" "outcome outcome outcome outcome eachway eachway" "extrainfo extrainfo extrainfo extrainfo extrainfo extrainfo" "footer footer footer footer footer footer" "footer footer footer footer footer footer" "max-bet max-bet max-bet max-bet max-bet max-bet"
}

.content.negative.svelte-1m039e9.svelte-1m039e9 {
    border-left-color: var(--red-400)
}

.header.svelte-1m039e9.svelte-1m039e9 {
    position: relative;
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-400);
    padding: var(--space-2) var(--space-3)
}

.extrainfo.svelte-1m039e9.svelte-1m039e9 {
    grid-area: extrainfo
}

.fixture-name.fixture-name.svelte-1m039e9.svelte-1m039e9 {
    width: 100%;
    max-width: calc(100% - var(--space-12));
    display: inline-flex;
    align-items: center
}

.fixture-name.fixture-name.svelte-1m039e9>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    display: inline-block;
    flex-shrink: 1;
    max-width: 100%
}

.market-name.svelte-1m039e9.svelte-1m039e9 {
    grid-area: market
}

.outcome-name.svelte-1m039e9.svelte-1m039e9 {
    font-weight: 600;
    color: var(--white);
    display: inline-flex;
    grid-area: outcome;
    text-transform: capitalize;
    align-items: flex-start
}

.closed.svelte-1m039e9.svelte-1m039e9 {
    justify-self: flex-end;
    grid-area: odds
}

.bet.svelte-1m039e9.svelte-1m039e9 {
    position: relative;
    color: var(--grey-200);
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--grey-600);
    border-radius: var(--border-radius-base);
    font-size: var(--text-size-default)
}

.bet.svelte-1m039e9:not(.before) .header.svelte-1m039e9 {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.bet.before.svelte-1m039e9.svelte-1m039e9:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px
}

.bet.before.negative.svelte-1m039e9.svelte-1m039e9:before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--red-800) 50%, var(--red-800) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.before.svelte-1m039e9.svelte-1m039e9:not(.negative):before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.svelte-1m039e9.svelte-1m039e9:after {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    bottom: -4px;
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet.negative.svelte-1m039e9 .header.svelte-1m039e9 {
    border-left-color: var(--red-400);
    background: var(--red-800);
    color: var(--white);
    font-weight: 600
}

.bet.inactive.svelte-1m039e9.svelte-1m039e9,
.bet.suspended.svelte-1m039e9.svelte-1m039e9 {
    opacity: .5 !important
}

.bet.suspended.svelte-1m039e9 .content.svelte-1m039e9 {
    background: var(--grey-500)
}

.info-footer.svelte-sof2g {
    display: flex;
    grid-area: amount
}

.estimated-label.svelte-sof2g {
    grid-area: return;
    justify-self: flex-end;
    align-self: flex-start;
    font-size: var(--text-size-sm)
}

.estimated-amount.svelte-sof2g {
    grid-area: estimatedAmount;
    justify-self: flex-end;
    align-self: flex-end
}

.total.svelte-sof2g {
    grid-area: amount
}

.error-list.svelte-sof2g {
    display: flex;
    grid-area: messages
}

.footer.svelte-sof2g {
    display: grid;
    grid-area: footer;
    grid-template-columns: repeat(6, 1fr);
    margin-top: var(--space-1)
}

.footer.svelte-sof2g:not(.negative) {
    grid-template-areas: "amount amount amount return return return" "amount amount amount estimatedAmount estimatedAmount estimatedAmount"
}

.footer.negative.svelte-sof2g {
    grid-template-areas: "messages messages messages messages messages messages"
}

.completed-icon.svelte-l4qajk.svelte-l4qajk {
    display: flex
}

.content.svelte-l4qajk.svelte-l4qajk {
    width: 100%;
    flex-shrink: 0;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    position: relative;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    grid-template-areas: "market market market market market market" "outcome outcome outcome outcome eachway eachway" "extrainfo extrainfo extrainfo extrainfo extrainfo extrainfo" "footer footer footer footer footer footer" "footer footer footer footer footer footer" "max-bet max-bet max-bet max-bet max-bet max-bet"
}

.content.negative.svelte-l4qajk.svelte-l4qajk {
    border-left-color: var(--red-400)
}

.header.svelte-l4qajk.svelte-l4qajk {
    position: relative;
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-400);
    padding: var(--space-2) var(--space-3)
}

.fixture-name.fixture-name.svelte-l4qajk.svelte-l4qajk {
    width: 100%;
    max-width: calc(100% - var(--space-12));
    display: inline-flex;
    align-items: center
}

.market-name.svelte-l4qajk.svelte-l4qajk {
    grid-area: market
}

.closed.svelte-l4qajk.svelte-l4qajk {
    justify-self: flex-end;
    grid-area: odds
}

.bet.svelte-l4qajk.svelte-l4qajk {
    position: relative;
    color: var(--grey-200);
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--grey-600);
    border-radius: var(--border-radius-base);
    font-size: var(--text-size-default)
}

.bet.svelte-l4qajk:not(.before) .header.svelte-l4qajk {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.bet.before.svelte-l4qajk.svelte-l4qajk:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px
}

.bet.before.negative.svelte-l4qajk.svelte-l4qajk:before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--red-800) 50%, var(--red-800) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.before.svelte-l4qajk.svelte-l4qajk:not(.negative):before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.svelte-l4qajk.svelte-l4qajk:after {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    bottom: -4px;
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet.negative.svelte-l4qajk .header.svelte-l4qajk {
    border-left-color: var(--red-400);
    background: var(--red-800);
    color: var(--white);
    font-weight: 600
}

.bet.inactive.svelte-l4qajk.svelte-l4qajk,
.bet.suspended.svelte-l4qajk.svelte-l4qajk {
    opacity: .5 !important
}

.bet.suspended.svelte-l4qajk .content.svelte-l4qajk {
    background: var(--grey-500)
}

.extrainfo.svelte-l4qajk.svelte-l4qajk {
    grid-area: extrainfo
}

.odds.svelte-1meqea9 {
    transition: color .3s;
    position: relative;
    font-feature-settings: "tnum"
}

@keyframes svelte-1meqea9-increased {
    0%,
    20% {
        transform: translateY(20%);
        opacity: 1
    }
    to {
        transform: translateY(-20%);
        opacity: 0
    }
}

@keyframes svelte-1meqea9-decreased {
    0%,
    20% {
        transform: translateY(-20%);
        opacity: 1
    }
    to {
        transform: translateY(20%);
        opacity: 0
    }
}

.static-arrow.svelte-1meqea9,
.arrow-odds.svelte-1meqea9 {
    position: absolute;
    font-size: var(--text-size-sm)
}

.static-arrow.align-left.svelte-1meqea9,
.arrow-odds.align-left.svelte-1meqea9 {
    right: calc(100% + var(--spacingEm-0-25))
}

.static-arrow.align-right.svelte-1meqea9,
.arrow-odds.align-right.svelte-1meqea9 {
    left: calc(100% + var(--spacingEm-0-25))
}

.static-arrow.increased.svelte-1meqea9,
.arrow-odds.increased.svelte-1meqea9 {
    color: var(--green-500)
}

.static-arrow.decreased.svelte-1meqea9,
.arrow-odds.decreased.svelte-1meqea9 {
    color: var(--red-500)
}

.static-arrow.svelte-1meqea9 {
    top: 15%
}

.arrow-odds.svelte-1meqea9 {
    animation-duration: .8s;
    animation-iteration-count: 4
}

.arrow-odds.animating.increased.svelte-1meqea9 {
    animation-name: svelte-1meqea9-increased
}

.arrow-odds.animating.decreased.svelte-1meqea9 {
    animation-name: svelte-1meqea9-decreased
}

.arrow-odds.increased.svelte-1meqea9,
.arrow-odds.decreased.svelte-1meqea9 {
    top: 15%
}

.arrow-odds.svelte-1meqea9:not(.animating) {
    opacity: 1
}

.completed-icon.svelte-75ifyn.svelte-75ifyn {
    display: flex
}

.content.svelte-75ifyn.svelte-75ifyn {
    width: 100%;
    flex-shrink: 0;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    position: relative;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    grid-template-areas: "market market market market maxBet maxBet" "outcome outcome outcome outcome outcome odds" "footer footer footer footer footer footer" "footer footer footer footer footer footer"
}

.content.negative.svelte-75ifyn.svelte-75ifyn {
    border-left-color: var(--red-400)
}

.header.svelte-75ifyn.svelte-75ifyn {
    position: relative;
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-400);
    padding: var(--space-2) var(--space-3)
}

.fixture-name.svelte-75ifyn.svelte-75ifyn {
    width: 100%;
    max-width: calc(100% - var(--space-12));
    display: inline-flex;
    align-items: center
}

.fixture-name.svelte-75ifyn>*+* {
    margin-left: var(--space-2)
}

.fixture-name.svelte-75ifyn>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    display: inline-block;
    flex-shrink: 1;
    max-width: 100%
}

.market-name.svelte-75ifyn.svelte-75ifyn {
    grid-area: market
}

.max-bet.svelte-75ifyn.svelte-75ifyn {
    grid-area: maxBet;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.outcome-name.svelte-75ifyn.svelte-75ifyn {
    font-weight: 600;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    grid-area: outcome;
    text-transform: capitalize;
    align-items: baseline
}

.odds-payout.svelte-75ifyn.svelte-75ifyn {
    grid-area: odds;
    justify-self: flex-end
}

.closed.svelte-75ifyn.svelte-75ifyn {
    justify-self: flex-end;
    grid-area: odds
}

.bet.svelte-75ifyn.svelte-75ifyn {
    position: relative;
    color: var(--grey-200);
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--grey-600);
    border-radius: var(--border-radius-base);
    font-size: var(--text-size-default)
}

.bet.svelte-75ifyn:not(.before) .header.svelte-75ifyn {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.bet.before.svelte-75ifyn.svelte-75ifyn:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px
}

.bet.before.negative.svelte-75ifyn.svelte-75ifyn:before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--red-800) 50%, var(--red-800) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.before.svelte-75ifyn.svelte-75ifyn:not(.negative):before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.svelte-75ifyn.svelte-75ifyn:after {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    bottom: -4px;
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet.negative.svelte-75ifyn .header.svelte-75ifyn {
    border-left-color: var(--red-400);
    background: var(--red-800);
    color: var(--white);
    font-weight: 600
}

.bet.inactive.svelte-75ifyn.svelte-75ifyn,
.bet.suspended.svelte-75ifyn.svelte-75ifyn {
    opacity: .5 !important
}

.bet.suspended.svelte-75ifyn .content.svelte-75ifyn {
    background: var(--grey-500)
}

.completed-icon.svelte-1yh9m8m.svelte-1yh9m8m {
    display: flex
}

.content.svelte-1yh9m8m.svelte-1yh9m8m {
    width: 100%;
    flex-shrink: 0;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    position: relative;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    grid-template-areas: "market market market market maxBet maxBet" "outcome outcome outcome outcome outcome odds" "footer footer footer footer footer footer" "footer footer footer footer footer footer"
}

.content.negative.svelte-1yh9m8m.svelte-1yh9m8m {
    border-left-color: var(--red-400)
}

.header.svelte-1yh9m8m.svelte-1yh9m8m {
    position: relative;
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-400);
    padding: var(--space-2) var(--space-3)
}

.fixture-name.fixture-name.svelte-1yh9m8m.svelte-1yh9m8m {
    width: 100%;
    max-width: calc(100% - var(--space-12));
    display: inline-flex;
    align-items: center
}

.fixture-name.fixture-name.svelte-1yh9m8m>*+* {
    margin-left: var(--space-2)
}

.fixture-name.fixture-name.svelte-1yh9m8m>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    display: inline-block;
    flex-shrink: 1;
    max-width: 100%
}

.market-name.svelte-1yh9m8m.svelte-1yh9m8m {
    grid-area: market
}

.max-bet.svelte-1yh9m8m.svelte-1yh9m8m {
    grid-area: maxBet;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.outcome-name.svelte-1yh9m8m.svelte-1yh9m8m {
    font-weight: 600;
    color: var(--white);
    display: inline-flex;
    align-items: center;
    grid-area: outcome;
    text-transform: capitalize;
    align-items: baseline
}

.odds-payout.svelte-1yh9m8m.svelte-1yh9m8m {
    grid-area: odds;
    justify-self: flex-end
}

.closed.svelte-1yh9m8m.svelte-1yh9m8m {
    justify-self: flex-end;
    grid-area: odds
}

.bet.svelte-1yh9m8m.svelte-1yh9m8m {
    position: relative;
    color: var(--grey-200);
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--grey-600);
    border-radius: var(--border-radius-base);
    font-size: var(--text-size-default)
}

.bet.svelte-1yh9m8m:not(.before) .header.svelte-1yh9m8m {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.bet.before.svelte-1yh9m8m.svelte-1yh9m8m:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px
}

.bet.before.negative.svelte-1yh9m8m.svelte-1yh9m8m:before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--red-800) 50%, var(--red-800) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.before.svelte-1yh9m8m.svelte-1yh9m8m:not(.negative):before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.svelte-1yh9m8m.svelte-1yh9m8m:after {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    bottom: -4px;
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet.negative.svelte-1yh9m8m .header.svelte-1yh9m8m {
    border-left-color: var(--red-400);
    background: var(--red-800);
    color: var(--white);
    font-weight: 600
}

.bet.inactive.svelte-1yh9m8m.svelte-1yh9m8m,
.bet.suspended.svelte-1yh9m8m.svelte-1yh9m8m {
    opacity: .5 !important
}

.bet.suspended.svelte-1yh9m8m .content.svelte-1yh9m8m {
    background: var(--grey-500)
}

.completed-icon.svelte-2by02n.svelte-2by02n {
    display: flex
}

.content.svelte-2by02n.svelte-2by02n {
    width: 100%;
    flex-shrink: 0;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: auto;
    position: relative;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    grid-template-areas: "market market market market maxBet maxBet" "outcome outcome outcome outcome outcome odds" "footer footer footer footer footer footer" "footer footer footer footer footer footer"
}

.content.negative.svelte-2by02n.svelte-2by02n {
    border-left-color: var(--red-400)
}

.header.svelte-2by02n.svelte-2by02n {
    position: relative;
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey-400);
    padding: var(--space-2) var(--space-3)
}

.fixture-name.svelte-2by02n.svelte-2by02n {
    width: 100%;
    max-width: calc(100% - var(--space-12));
    display: inline-flex;
    align-items: center
}

.fixture-name.svelte-2by02n>*+* {
    margin-left: var(--space-2)
}

.fixture-name.svelte-2by02n>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit;
    display: inline-block;
    flex-shrink: 1;
    max-width: 100%
}

.customBet.svelte-2by02n.svelte-2by02n {
    grid-area: outcome
}

.leg.svelte-2by02n.svelte-2by02n {
    display: flex;
    flex-direction: column
}

.max-bet.svelte-2by02n.svelte-2by02n {
    grid-area: maxBet;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.odds-payout.svelte-2by02n.svelte-2by02n {
    grid-area: odds;
    justify-self: flex-end
}

.closed.svelte-2by02n.svelte-2by02n {
    justify-self: flex-end;
    grid-area: odds
}

.bet.svelte-2by02n.svelte-2by02n {
    position: relative;
    color: var(--grey-200);
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--grey-600);
    border-radius: var(--border-radius-base);
    font-size: var(--text-size-default)
}

.bet.svelte-2by02n:not(.before) .header.svelte-2by02n {
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.bet.before.svelte-2by02n.svelte-2by02n:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px
}

.bet.before.negative.svelte-2by02n.svelte-2by02n:before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--red-800) 50%, var(--red-800) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.before.svelte-2by02n.svelte-2by02n:not(.negative):before {
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-400) 50%, var(--grey-400) 100%) 0px -6px/.7rem .7rem repeat-x
}

.bet.svelte-2by02n.svelte-2by02n:after {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    bottom: -4px;
    background: radial-gradient(circle, transparent, transparent 50%, var(--grey-500) 50%, var(--grey-500) 100%) 0px 1px/.7rem .7rem repeat-x
}

.bet.negative.svelte-2by02n .header.svelte-2by02n {
    border-left-color: var(--red-400);
    background: var(--red-800);
    color: var(--white);
    font-weight: 600
}

.bet.inactive.svelte-2by02n.svelte-2by02n,
.bet.suspended.svelte-2by02n.svelte-2by02n {
    opacity: .5 !important
}

.bet.suspended.svelte-2by02n .content.svelte-2by02n {
    background: var(--grey-500)
}

.betlist.svelte-1ps0iqe {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden
}

.animation-wrapper.svelte-1ps0iqe>*+* {
    margin-top: var(--space-2)
}

.betlist-scroll.svelte-1ps0iqe {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0px;
    padding: var(--space-2) var(--space-4) var(--space-4);
    overscroll-behavior: contain
}

.betlist-scroll.svelte-1ps0iqe:not(.is-multi)>*+* {
    margin-top: var(--space-3)
}

.betlist-scroll.is-multi.svelte-1ps0iqe>*+* {
    margin-top: var(--space-2)
}

.header.svelte-1et8zee {
    display: grid;
    grid-auto-flow: row;
    place-content: stretch
}

.footer.svelte-1et8zee {
    display: grid;
    padding: var(--space-4);
    row-gap: var(--space-3);
    background: var(--grey-500);
    grid-template-rows: auto;
    grid-auto-flow: row
}

.sidebar.svelte-77505k.svelte-77505k {
    word-wrap: break-word;
    will-change: margin-right;
    background: var(--grey-700);
    filter: drop-shadow(0 0 5px rgba(25, 25, 25, .25));
    z-index: var(--z-index);
    flex-shrink: 0;
    width: var(--width)
}

.sidebar.svelte-77505k .content.svelte-77505k {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.sidebar.svelte-77505k:not(.mobile) .content.svelte-77505k {
    height: 100%
}

.sidebar.mobile.svelte-77505k.svelte-77505k {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0
}

.sidebar.mobile.svelte-77505k .content.svelte-77505k {
    height: 100%;
    padding: 0 0 var(--mobile-footer-height) 0
}

.header-button.svelte-1iv6dnj {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: var(--space-9);
    border-radius: var(--border-radius-base);
    color: var(--white);
    font-size: var(--text-size-default);
    font-weight: 700;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .12), 0px 1px 3px rgba(0, 0, 0, .2);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header-button.casino.svelte-1iv6dnj {
    background-image: url(https://mediumrare.imgix.net/casino-poker-cards-en.jpg?auto=format&w=78)
}

.header-button.casino.collapsed.svelte-1iv6dnj {
    width: 2.75rem;
    height: 2.75rem;
    flex: unset;
    background-image: url(https://mediumrare.imgix.net/casino-poker-cards-small-en.jpg?auto=format&w=44)
}

.header-button.casino.active.svelte-1iv6dnj,
.header-button.casino.svelte-1iv6dnj:hover {
    background-image: url(https://mediumrare.imgix.net/casino-poker-cards-green-en.jpg?auto=format&w=78)
}

.header-button.casino.active.collapsed.svelte-1iv6dnj,
.header-button.casino:hover.collapsed.svelte-1iv6dnj {
    background-image: url(https://mediumrare.imgix.net/casino-poker-cards-small-green-en.jpg?auto=format&w=44)
}

.header-button.sports.svelte-1iv6dnj {
    background-image: url(https://mediumrare.imgix.net/sports-balls-en.jpg?auto=format&w=78)
}

.header-button.sports.collapsed.svelte-1iv6dnj {
    width: 2.75rem;
    height: 2.75rem;
    flex: unset;
    background-image: url(https://mediumrare.imgix.net/sports-balls-small-en.jpg?auto=format&w=44)
}

.header-button.sports.active.svelte-1iv6dnj,
.header-button.sports.svelte-1iv6dnj:hover {
    background-image: url(https://mediumrare.imgix.net/sports-balls-orange-en.jpg?auto=format&w=78)
}

.header-button.sports.active.collapsed.svelte-1iv6dnj,
.header-button.sports:hover.collapsed.svelte-1iv6dnj {
    background-image: url(https://mediumrare.imgix.net/sports-balls-small-orange-en.jpg?auto=format&w=44)
}

.header-button.svelte-1iv6dnj:focus-visible {
    outline: var(--focus-outline-white);
    outline-offset: .125rem
}

.header-button.mobile.svelte-1iv6dnj {
    min-height: 3rem;
    min-width: 5rem;
    max-height: 5rem;
    justify-content: end;
    background-position: 0 -15px;
    padding-right: .75rem;
    aspect-ratio: 3.5/1
}

.image-loader.svelte-1iv6dnj {
    position: absolute;
    width: 0;
    height: 0;
    background-image: url(/_app/immutable/assets/casino-poker-cards.Cn8PuVZc.jpg), url(/_app/immutable/assets/casino-poker-cards-small.BDJDxVwC.jpg), url(/_app/immutable/assets/casino-poker-cards-green.CkPznpWy.jpg), url(/_app/immutable/assets/casino-poker-cards-small-green.BxMzSaYt.jpg), url(/_app/immutable/assets/sports-balls.DXRyjHgg.jpg), url(/_app/immutable/assets/sports-balls-small.BLSrblk0.jpg), url(/_app/immutable/assets/sports-balls-orange.CiUCy8an.jpg), url(/_app/immutable/assets/sports-balls-small-orange.D_I_dSbl.jpg)
}

.header.svelte-i9hxuq {
    display: flex;
    padding: 0 var(--space-4) 0 0;
    touch-action: none;
    box-shadow: var(--shadows-lg)
}

.header.collapsed.svelte-i9hxuq {
    flex-direction: column;
    padding: 0 0 var(--space-2) 0;
    box-shadow: none
}

.link-wrap.svelte-i9hxuq {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    width: 100%
}

.link-wrap.collapsed.svelte-i9hxuq {
    flex-direction: column;
    padding: var(--space-4) 0 0 0
}

.menu-button.svelte-i9hxuq {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    min-width: 3.75rem;
    height: 3.75rem;
    border-radius: var(--border-radius-base)
}

.menu-button.collapsed.svelte-i9hxuq {
    box-shadow: var(--shadows-lg)
}

.menu-button.svelte-i9hxuq:hover {
    color: var(--white)
}

.menu-button.svelte-i9hxuq:focus-visible {
    outline: var(--focus-outline-white);
    outline-offset: -.3rem
}

.header-buttons.svelte-1hvoy0v {
    display: flex;
    gap: var(--space-2);
    padding: 0 var(--space-4) var(--space-4) var(--space-4)
}

.base-sidebar-anchor.svelte-1ih38ux:focus-visible div:first-child {
    outline: var(--focus-outline-white);
    outline-offset: calc(-1 * var(--focus-outline-width))
}

.section-wrapper.svelte-12b6d2i {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    background-color: var(--grey-600);
    border-radius: var(--border-radius-base)
}

hr.svelte-1sfce85 {
    background: var(--grey-400);
    height: 2px;
    width: 100%
}

.line-wrapper.padded.svelte-1sfce85 {
    padding: var(--space-2) var(--space-4) var(--space-2) var(--space-4)
}

.line-wrapper.svelte-1sfce85:not(.padded) {
    padding: 0
}

.wrapper-text.svelte-shteu8 {
    display: flex;
    flex-direction: column;
    padding: var(--spacingEm-0-75) var(--spacingEm-1)
}

.sidebar-accordion-title.svelte-st4gv1 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

.sidebar-accordion-title.active.svelte-st4gv1 .svg-icon.svg-icon {
    color: var(--white)
}

.sidebar-accordion.svelte-st4gv1 .header-side-stacked .svg-icon {
    font-size: var(--text-size-xs)
}

.option.svelte-14mz2wn {
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: space-between;
    line-height: var(--space-6)
}

.sidebar.svelte-12qp7by.svelte-12qp7by {
    word-wrap: break-word;
    position: relative;
    background: var(--grey-700);
    filter: drop-shadow(0 0 5px rgba(25, 25, 25, .25));
    display: flex;
    flex-direction: column;
    z-index: var(--z-index);
    flex-shrink: 0;
    height: 100%;
    will-change: margin-left
}

.sidebar.svelte-12qp7by .scroll-contain.svelte-12qp7by {
    overscroll-behavior: contain
}

.sidebar.normal.svelte-12qp7by.svelte-12qp7by {
    width: var(--width)
}

.sidebar.small.svelte-12qp7by.svelte-12qp7by {
    width: var(--width);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

.sidebar.fullsize.svelte-12qp7by.svelte-12qp7by {
    position: fixed;
    top: var(--header-height);
    padding-bottom: var(--header-height);
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.content.svelte-12qp7by.svelte-12qp7by {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-content: flex-start;
    padding: 0;
    touch-action: pan-x;
    flex: 1
}

.content.svelte-12qp7by a:focus-visible {
    outline-offset: calc(-1 * var(--focus-outline-width))
}

.content.svelte-12qp7by button:focus-visible {
    outline-offset: calc(-1 * var(--focus-outline-width))
}

.content.svelte-12qp7by button.variant-link:focus-visible {
    text-decoration: none
}

.content.svelte-12qp7by button.variant-link:focus-visible span {
    text-decoration: none
}

.inner-content.svelte-12qp7by.svelte-12qp7by {
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
}

.scrollable-content.svelte-12qp7by.svelte-12qp7by {
    padding: var(--space-4)
}

.scrollable-content.scrollbar-visible.svelte-12qp7by.svelte-12qp7by {
    padding-right: .6rem
}

.scrollable-content-mobile.svelte-12qp7by.svelte-12qp7by {
    padding: 0 var(--space-4);
    padding-bottom: var(--space-20)
}

.overlay.svelte-12qp7by.svelte-12qp7by {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #0e1224b3;
    z-index: var(--sidebar-z-index)
}

.sidebar.svelte-1qc86l4 {
    word-wrap: break-word;
    position: relative;
    background: var(--grey-700);
    filter: drop-shadow(0 0 5px rgba(25, 25, 25, .25));
    display: flex;
    flex-direction: column;
    z-index: var(--z-index);
    flex-shrink: 0;
    height: 100%;
    will-change: margin-left
}

.sidebar.normal.svelte-1qc86l4 {
    width: var(--width)
}

.sidebar.small.svelte-1qc86l4 {
    width: var(--width);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

.content.svelte-1qc86l4 {
    display: flex;
    overflow: hidden
}

.scrollable-content.svelte-1qc86l4 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    scrollbar-gutter: stable;
    padding: 0 2px 0 var(--space-2)
}

.small-size-padding.svelte-1681xqd {
    height: 100%;
    flex-shrink: 0;
    background-color: transparent
}

.column.svelte-tcq16d {
    display: grid;
    grid-gap: var(--space-2);
    align-content: flex-start
}

.logo-wrapper.svelte-1rvpqmm.svelte-1rvpqmm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-8)
}

.logo-wrapper.svelte-1rvpqmm img.svelte-1rvpqmm {
    width: auto;
    height: 2.5rem;
    margin: 0 auto
}

.footer-grid.svelte-xw7h7o {
    grid-template-columns: repeat(auto-fit, minmax(14ch, 1fr))
}

.footer-grid.svelte-xw7h7o span {
    text-align: initial
}

.draggable.svelte-zpe6cg {
    display: flex;
    position: fixed;
    bottom: 2em;
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    color: var(--grey-100);
    min-width: 280px;
    max-width: 90vw;
    flex-direction: column
}

.header.svelte-zpe6cg {
    cursor: move;
    display: flex;
    font-weight: 600;
    white-space: nowrap;
    flex-direction: row;
    justify-content: flex-end;
    background: var(--grey-600);
    border-radius: .5rem .5rem 0 0
}

.content.svelte-zpe6cg {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    overflow: hidden
}

.title.svelte-zpe6cg {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding-left: var(--space-4)
}

.wrap-icon.svelte-zpe6cg {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: var(--space-3)
}

.footer.svelte-1m6cnfp {
    width: 100%;
    background: var(--grey-400);
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding: var(--space-2) var(--space-4)
}

.footer.svelte-1m6cnfp>* {
    width: 100%
}

.draggable-livestream.svelte-1m6cnfp {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden
}

.player-view.svelte-1m6cnfp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mobile-icon-style.svelte-1wl0aiq svg {
    width: 1rem;
    height: 1rem
}

.mobile-icon-style.active.svelte-1wl0aiq svg {
    color: var(--white)
}

.button-wrap.svelte-1wl0aiq {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.button-wrap.active.svelte-1wl0aiq:before {
    content: "";
    position: absolute;
    top: 0;
    min-height: 4px;
    width: 60%;
    background-color: var(--blue-400)
}

.content.svelte-1wl0aiq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--space-1);
    font-weight: 700;
    font-size: var(--text-size-sm)
}

.badge.svelte-1wl0aiq {
    position: absolute;
    top: 0;
    transform: translate(70%, 60%)
}

.wrap.svelte-7mnbdr {
    display: grid;
    justify-items: center;
    width: 100%;
    line-height: 1;
    padding: 0 1rem;
    background: var(--grey-700);
    box-shadow: 0 5px 5px #0a1c2766;
    overflow: hidden;
    height: var(--mobile-footer-height);
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    bottom: 0
}

.wrap.svelte-nwzlt2 {
    display: grid;
    justify-items: center;
    width: 100%;
    line-height: 1;
    padding: 0 var(--space-4);
    background: var(--grey-700);
    box-shadow: 0 5px 5px #0a1c2766;
    overflow: hidden;
    height: var(--mobile-footer-height);
    grid-template-columns: repeat(4, 1fr);
    position: fixed;
    bottom: 0
}

.wrapper.svelte-1b1wwhi,
.wrapper.svelte-bxj8gl {
    display: flex;
    align-items: center;
    justify-content: center
}

.wrapper.svelte-bxj8gl .content-or-loader {
    width: 100%
}

.button-inner.svelte-bxj8gl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.graph-wrap.svelte-rpspsc {
    padding: var(--space-8) var(--space-4) var(--space-4) var(--space-4);
    position: relative
}

.graph-tooltip.svelte-rpspsc {
    position: absolute;
    top: var(--space-4);
    left: var(--space-4)
}

.statistic.svelte-rpspsc {
    display: flex;
    flex-direction: column
}

.statistic-card.svelte-rpspsc {
    display: flex;
    flex-direction: column;
    width: 50%
}

.statistic-card.svelte-rpspsc>*+* {
    margin-top: var(--space-1)
}

.main-info.svelte-rpspsc {
    display: flex;
    padding: var(--space-4);
    background: var(--grey-700);
    border-radius: var(--border-radius-md)
}

.divider.svelte-rpspsc {
    background: var(--grey-500);
    width: 2px;
    display: flex;
    margin: 0 var(--space-4)
}

.timer.svelte-bxmcgr {
    width: 100px;
    height: 50px;
    position: relative
}

.circle.svelte-bxmcgr {
    width: 100px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border-bottom: 0 !important;
    transition: clip-path 1s ease-in-out
}

.time.svelte-bxmcgr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@keyframes svelte-bxmcgr-arrowUp {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(-20%)
    }
}

@keyframes svelte-bxmcgr-arrowDown {
    0% {
        opacity: 0;
        transform: translateY(-20%)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translateY(20%)
    }
}

.up.svelte-bxmcgr {
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: .5s;
    animation-iteration-count: 3;
    animation-name: svelte-bxmcgr-arrowUp
}

.down.svelte-bxmcgr {
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: .5s;
    animation-iteration-count: 3;
    animation-name: svelte-bxmcgr-arrowDown
}

.currency-wrap.svelte-bxmcgr {
    max-width: 100px
}

.statistic.svelte-bxmcgr,
.statistic-card.svelte-bxmcgr {
    display: flex;
    flex-direction: column
}

.statistic-card.svelte-bxmcgr>*+* {
    margin-top: var(--space-1)
}

.wrapper.svelte-1b1wwhi {
    display: flex;
    align-items: center;
    justify-content: center
}

.draggable-stats-content.svelte-1obcyss.svelte-1obcyss {
    display: flex;
    flex-direction: column;
    padding: var(--space-3) var(--space-4)
}

.draggable-stats-content.svelte-1obcyss>*+* {
    margin-top: var(--space-3)
}

.dropdown-wrapper.svelte-1obcyss.svelte-1obcyss {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
    align-items: stretch
}

.dropdown-wrapper.svelte-1obcyss .dropdown-top.svelte-1obcyss {
    display: flex;
    justify-content: space-between
}

.wrap.svelte-1eq3bzq {
    width: 100%;
    height: 100%;
    display: grid;
    grid-auto-flow: row;
    gap: var(--space-4);
    justify-items: center;
    margin: 0 auto
}

.wrap.svelte-1eq3bzq>*:not(button) {
    width: 100%
}

.wrap.svelte-1eq3bzq:not(.full-width) {
    max-width: 300px
}

.wrap.svelte-1niagwm {
    min-height: 350px;
    display: grid;
    grid-gap: var(--space-4);
    width: 100%;
    height: 100%;
    align-items: end;
    text-align: center;
    justify-items: center
}

.wrap.svelte-1niagwm>button {
    width: 100%
}

.wrap.svelte-djyku {
    padding: var(--space-4)
}

.snack-notification.svelte-16elfff.svelte-16elfff {
    display: contents
}

.snack-notification.svelte-16elfff:hover .timer.svelte-16elfff {
    animation-play-state: paused
}

.timer.svelte-16elfff.svelte-16elfff {
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--grey-300);
    transform-origin: left;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: svelte-16elfff-countDown;
    animation-duration: 5s !important;
    border-bottom-left-radius: var(--border-radius-base)
}

.timer.persistent.svelte-16elfff.svelte-16elfff {
    animation-duration: 10000s !important;
    opacity: 0
}

@keyframes svelte-16elfff-countDown {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.notification-list.svelte-18t4teo {
    display: grid;
    grid-auto-flow: row;
    gap: var(--space-4);
    position: fixed;
    top: 5rem;
    left: 1rem
}

.cookie-banner.svelte-1asdvlg {
    position: fixed;
    color: var(--grey-100);
    width: -moz-max-content;
    width: max-content;
    bottom: var(--bottom);
    left: 50%;
    transform: translate(-50%);
    background-color: var(--grey-400);
    border-radius: var(--border-radius-base);
    padding: var(--space-3) var(--space-4);
    margin: var(--space-4) 0;
    box-shadow: var(--shadows-md);
    max-width: calc(100% - 2em);
    z-index: var(--index)
}

.outer-wrap.svelte-1asdvlg {
    display: grid;
    place-items: center;
    gap: var(--space-4)
}

.support-wrap.svelte-10lco2b {
    display: grid;
    transition: .25s;
    position: fixed;
    bottom: .5rem;
    grid-gap: 1rem;
    right: 0;
    transform: translate(var(--translate));
    box-shadow: 0 0 5px #1b171780 !important;
    z-index: 1000;
    border-radius: 3em
}

.support-wrap.svelte-10lco2b>button {
    padding: var(--space-2) var(--space-3)
}

.wrap.svelte-1e4uch {
    min-height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--grey-900);
    padding-right: var(--scrollbar-size)
}

.text-wrap.svelte-1e4uch {
    width: 100%;
    text-align: center;
    padding: var(--space-4) 0 var(--space-4) var(--space-8)
}

.wrap.svelte-sf88y2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-shrink: 0
}

.wrap.svelte-2gw7o8 {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.skip-nav.svelte-2gw7o8 {
    transition: top 195ms cubic-bezier(.4, 0, 1, 1) 0ms;
    position: absolute;
    top: -50%;
    left: 1%;
    z-index: 1000
}

.skip-nav.svelte-2gw7o8:focus-within {
    transition: top 225ms cubic-bezier(0, 0, .2, 1) 0ms;
    top: 6%
}

.main-content.svelte-2gw7o8 {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex-direction: column
}

.scrollable.svelte-2gw7o8 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    flex: 1
}

.mobile.svelte-2gw7o8 {
    padding-bottom: var(--mobile-footer-height)
}

.mobile.mobile-landscape.svelte-2gw7o8 {
    padding-top: 0;
    padding-bottom: 0
}