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

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

.loader.svelte-1hzxa9i {
    width: 100%;
    max-width: 15rem;
}

.numberGrid.svelte-nd830l {
    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-nd830l {
    display: flex;
    border: none;
    background: var(--grey-500);
    color: var(--white);
    justify-content: center;
    align-items: center
}

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

.key.svelte-nd830l: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-ekclx8 {
    display: flex;
    flex-direction: row
}

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

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

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

.footer-buttons.svelte-ekclx8 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-t68eu0 {
    display: flex;
    grid-area: amount
}

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

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

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

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

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

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

.footer.negative.svelte-t68eu0 {
    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-1hstcj1 {
    transition: color .3s;
    position: relative;
    font-feature-settings: "tnum"
}

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

    to {
        transform: translateY(-20%);
        opacity: 0
    }
}

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

    to {
        transform: translateY(20%);
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

.arrow-odds.svelte-1hstcj1: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-3jobzk {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden
}

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

.betlist-scroll.svelte-3jobzk {
    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-3jobzk:not(.is-multi)>*+* {
    margin-top: var(--space-3)
}

.betlist-scroll.is-multi.svelte-3jobzk>*+* {
    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-dn32do.svelte-dn32do {
    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-dn32do .content.svelte-dn32do {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

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

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

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

.header-button.svelte-ec1klt {
    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;
    user-select: none
}

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

.header-button.casino.collapsed.svelte-ec1klt {
    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-ec1klt, .header-button.casino.svelte-ec1klt:hover {
    background-image: url(https://mediumrare.imgix.net/casino-poker-cards-green-en.jpg?auto=format&w=78)
}

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

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

.header-button.sports.collapsed.svelte-ec1klt {
    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-ec1klt, .header-button.sports.svelte-ec1klt:hover {
    background-image: url(https://mediumrare.imgix.net/sports-balls-orange-en.jpg?auto=format&w=78)
}

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

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

.header-button.mobile.svelte-ec1klt {
    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-ec1klt {
    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-1wgg2f0 {
    display: flex;
    padding: 0 var(--space-4) 0 0;
    touch-action: none;
    box-shadow: var(--shadows-lg);
    background: #EBBA48;
}

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

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

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

.menu-button.svelte-1wgg2f0 {
    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-1wgg2f0 {
    box-shadow: var(--shadows-lg)
}

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

.menu-button.svelte-1wgg2f0: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:#f3f3f1;
    border-radius: var(--border-radius-base)
}

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

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

.line-wrapper.svelte-15ojzwx: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-14x0if5 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

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

.sidebar-accordion.svelte-14x0if5 .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-11q5oxu.svelte-11q5oxu {
    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-11q5oxu .scroll-contain.svelte-11q5oxu {
    overscroll-behavior: contain
}

.sidebar.normal.svelte-11q5oxu.svelte-11q5oxu {
    width: 240px;
}

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

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

.content.svelte-11q5oxu.svelte-11q5oxu {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-content: flex-start;
    padding: 0;
    touch-action: pan-x;
    flex: 1;
    background: #f3f0da;
}

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

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

.content.svelte-11q5oxu button.variant-link:focus-visible {
    text-decoration: none
}

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

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

.scrollable-content.svelte-11q5oxu.svelte-11q5oxu {
    padding: var(--space-4)
}

.scrollable-content.scrollbar-visible.svelte-11q5oxu.svelte-11q5oxu {
    padding-right: .6rem
}

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

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

.sidebar.svelte-1lyxie8 {
    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-1lyxie8 {
    width: var(--width)
}

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

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

.scrollable-content.svelte-1lyxie8 {
    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-d855k4.svelte-d855k4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-8)
}

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

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

.footer-grid.svelte-1phy4x4 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-1jych7d {
    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-1jych7d>* {
    width: 100%
}

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

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

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

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

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

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

.content.svelte-k2vjg4 {
    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-k2vjg4 {
    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-sx6qar {
    display: flex;
    align-items: center;
    justify-content: center
}

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

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

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

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

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

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

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

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

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

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

.circle.svelte-110y371 {
    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-110y371 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@keyframes svelte-110y371-arrowUp {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(-20%)
    }
}

@keyframes svelte-110y371-arrowDown {
    0% {
        opacity: 0;
        transform: translateY(-20%)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(20%)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.wrap.svelte-10mojew {
    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-10mojew>button {
    width: 100%
}

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

.snack-notification.svelte-1i3penx.svelte-1i3penx {
    display: contents
}

.snack-notification.svelte-1i3penx:hover .timer.svelte-1i3penx {
    animation-play-state: paused
}

.timer.svelte-1i3penx.svelte-1i3penx {
    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-1i3penx-countDown;
    animation-duration: 5s !important;
    border-bottom-left-radius: var(--border-radius-base)
}

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

@keyframes svelte-1i3penx-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-oz8sal {
    /*position: fixed;*/
    color: var(--grey-100);
    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-oz8sal {
    display: grid;
    place-items: center;
    gap: var(--space-4)
}

.support-wrap.svelte-wfh9t9 {
    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-wfh9t9>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-18bax54 {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden
}

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

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

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

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

.mobile.svelte-18bax54 {
    padding-bottom: var(--mobile-footer-height)
}

.mobile.mobile-landscape.svelte-18bax54 {
    padding-top: 0;
    padding-bottom: 0
}