.hr.svelte-1b11mv7 {
    width: 100%;
    grid-area: line;
    padding: var(--space-3) 0;
    position: relative;
    overflow: visible;
    display: flex;
    justify-items: space-between;
    align-items: center;
    gap: var(--space-4)
}

.hr.svelte-1b11mv7:before {
    content: "";
    height: 3px;
    flex-grow: 1;
    background: var(--grey-400)
}

.hr.svelte-1b11mv7:after {
    content: "";
    height: 3px;
    flex-grow: 1;
    background: var(--grey-400)
}

.logo.svelte-1b11mv7 {
    max-width: 40px
}

.total-promotion-label.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: promotionLabel;
    display: flex;
    align-items: center;
    justify-self: flex-start
}

.total-promotion.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: promotion;
    justify-self: flex-end
}

.icon-space.svelte-hcd3ma.svelte-hcd3ma {
    display: inline-block;
    font-size: var(--text-size-default);
    padding-right: var(--space-2)
}

.icon-space.success.svelte-hcd3ma.svelte-hcd3ma {
    color: var(--green-500)
}

.payout-label.svelte-hcd3ma.svelte-hcd3ma,
.total-promotion-label.svelte-hcd3ma.svelte-hcd3ma,
.total-odds-label.svelte-hcd3ma.svelte-hcd3ma,
.total-stake-label.svelte-hcd3ma.svelte-hcd3ma {
    padding-left: var(--space-3)
}

.payout.svelte-hcd3ma.svelte-hcd3ma,
.total-promotion.svelte-hcd3ma.svelte-hcd3ma,
.total-odds.svelte-hcd3ma.svelte-hcd3ma,
.total-stake.svelte-hcd3ma.svelte-hcd3ma {
    padding-right: var(--space-3)
}

.prop-value.svelte-lsujo {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--yellow-600)
}

.cashout-wrapper.svelte-hcd3ma.svelte-hcd3ma {
    padding: 0 var(--space-2);
    grid-area: cashoutButton;
    display: flex;
    justify-content: center;
    margin-top: var(--space-3);
    flex-direction: column;
    align-items: center
}

.cashout-wrapper.svelte-hcd3ma>*+* {
    margin-top: var(--space-2)
}

.overview.svelte-14b7681 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: var(--space-2) var(--space-3)
}

.outcome-name.svelte-14b7681 {
    grid-area: outcome
}

.odds-wrapper.svelte-14b7681 {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.title-wrapper.svelte-14b7681 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    width: 100%
}

.arrow-button.svelte-hcd3ma.svelte-hcd3ma {
    margin: var(--space-6) 0;
    text-align: center
}

.faded-centered.svelte-hcd3ma.svelte-hcd3ma {
    flex-grow: 1;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: center;
    background: linear-gradient(rgba(33, 55, 67, .8), var(--grey-500) 80%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.faded-outcome.svelte-hcd3ma.svelte-hcd3ma {
    position: relative;
    padding: 0;
    padding-bottom: var(--space-2)
}

.faded-outcome.svelte-hcd3ma.svelte-hcd3ma:before {
    content: "";
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    top: -4px;
    background: radial-gradient(circle, var(--grey-700), var(--grey-700) 50%, var(--grey-500) 50%, var(--grey-500) 100%) 2px -6px/.7rem .7rem repeat-x
}

.content.svelte-hcd3ma .payout.svelte-hcd3ma,
.content.svelte-hcd3ma .total-stake.svelte-hcd3ma {
    justify-self: flex-end
}

.content.svelte-hcd3ma .payout-label.svelte-hcd3ma {
    justify-self: flex-start
}

.total-stake-label.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: totalStakeLabel;
    justify-self: flex-start
}

.total-stake.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: totalStake;
    color: var(--white)
}

.total-odds.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: totalOdds;
    justify-self: flex-end;
    line-height: 1.5
}

.total-odds-label.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: totalOddsLabel;
    justify-self: flex-start
}

.payout-label.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: payoutLabel
}

.payout-label.svelte-hcd3ma.svelte-hcd3ma,
.total-odds-label.svelte-hcd3ma.svelte-hcd3ma,
.total-stake-label.svelte-hcd3ma.svelte-hcd3ma {
    padding-left: var(--space-3)
}

.payout.svelte-hcd3ma.svelte-hcd3ma,
.total-odds.svelte-hcd3ma.svelte-hcd3ma,
.total-stake.svelte-hcd3ma.svelte-hcd3ma {
    padding-right: var(--space-3)
}

.payout.svelte-hcd3ma.svelte-hcd3ma {
    grid-area: payout;
    color: var(--white);
    justify-self: flex-end
}

.sport-bet-preview.svelte-hcd3ma.svelte-hcd3ma {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-shrink: 0
}

.sport-bet-preview.svelte-hcd3ma>*+* {
    margin-top: var(--space-8)
}

.header.svelte-hcd3ma.svelte-hcd3ma {
    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)
}

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

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

.record.svelte-hcd3ma.svelte-hcd3ma: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-outcome-list.svelte-hcd3ma.svelte-hcd3ma {
    display: flex;
    flex-direction: column;
    grid-area: betOutcomeList;
    width: 100%
}

.content.svelte-hcd3ma.svelte-hcd3ma {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto;
    color: var(--grey-200);
    align-items: center;
    padding: var(--space-2) var(--space-3) var(--space-3);
    box-shadow: var(--shadows-md);
    background: var(--grey-500);
    padding: 0;
    padding-bottom: var(--space-2);
    border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
    z-index: 1;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "betOutcomeList betOutcomeList betOutcomeList betOutcomeList betOutcomeList betOutcomeList" "line line line line line line" "totalOddsLabel totalOddsLabel totalOddsLabel totalOdds totalOdds totalOdds" "totalStakeLabel totalStakeLabel totalStakeLabel totalStake totalStake totalStake" "payoutLabel payoutLabel payoutLabel payout payout payout" "promotionLabel promotionLabel promotionLabel promotion promotion promotion" "cashoutButton cashoutButton cashoutButton cashoutButton cashoutButton cashoutButton"
}

.date-time.svelte-hcd3ma.svelte-hcd3ma {
    display: inline-flex;
    grid-area: dateTime
}

.date-time.svelte-hcd3ma>*+* {
    margin-left: var(--space-2)
}

.ticket.svelte-hcd3ma.svelte-hcd3ma {
    position: relative;
    background: var(--grey-500)
}

.ticket.svelte-hcd3ma.svelte-hcd3ma:first-child:before {
    display: none !important
}

.ticket.svelte-hcd3ma.svelte-hcd3ma:last-child:after {
    display: none !important
}

.ticket.svelte-hcd3ma.svelte-hcd3ma:before {
    display: flex;
    content: "";
    height: 3px;
    width: 100%;
    background: radial-gradient(circle, var(--grey-700), var(--grey-700) 50%, var(--grey-500) 50%, var(--grey-500) 100%) 1px -6px/.7rem .7rem repeat-x
}

.ticket.svelte-hcd3ma.svelte-hcd3ma:after {
    display: flex;
    content: "";
    height: 6px;
    width: 100%;
    background: radial-gradient(circle, var(--grey-700), var(--grey-700) 50%, var(--grey-500) 50%, var(--grey-500) 100%) 1px 1px/.7rem .7rem repeat-x
}