﻿.sb-AllSportsButton
{
    --subheading-2-font-weight: 400;
    --btn-color: var(--color-primary);
}
.sb-BetSlipBonusProgress
{
    background: var(--primary-base);
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
}
.sb-BetSlipBonusProgress.comboboost, .sb-BetSlipBonusProgress.lootbox
{
    background: var(--promo-base);
    color: var(--promo-contrast);
}
.sb-BetSlipProgressCircular
{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-90deg);
}
.sb-BetSlipProgressCircular-stroke
{
    stroke: var(--bet-slip-stroke-color-quick-bet,var(--promo-solid));
    transform-origin: center;
    will-change: transform;
}
.sb-BetSlipProgressCircular-stroke--hunting, .sb-BetSlipProgressCircular-stroke--tournament
{
    stroke: var(--bet-slip-stroke-color-hunting,var(--promo-secondary));
}
.sb-BetSlipProgressCircular-stroke--comboboost
{
    stroke: var(--bet-slip-stroke-color-comboboost,var(--promo-solid));
}
.sb-BetSlipProgressCircular-stroke--processing
{
    animation: progress-spin 2s linear infinite;
    stroke: var(--bet-slip-stroke-color-quick-bet,var(--promo-solid));
}
@keyframes progress-spin
{
    to
    {
        transform: rotate(1turn);
    }
}
.sb-CircularProgress
{
    rotate: -90deg;
}
.sb-CircularProgress circle
{
    fill: transparent;
}
.sb-CircularProgress-progressLine
{
    stroke: var(--promo-solid);
}
.sb-CircularProgress-progressLine-bg
{
    stroke: var(--color-hint);
}
.sb-CircularProgress-progressText-bg
{
    fill: var(--bg-hint);
    stroke: transparent;
}
.sb-CircularProgress-label
{
    left: 50%;
    position: absolute;
    text-align: center;
    top: 55%;
    transform: translate(-50%,-50%);
}
.sb-CircularProgress-labelText
{
    font: var(--label-font-style,normal) var(--label-font-weight,500) var(--label-font-size,12px)/var(--label-line-height,1.33) var(--label-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--label-letter-spacing,.00333em);
    text-transform: var(--label-text-transform,uppercase);
    display: block;
}
@keyframes spin
{
    0%
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(1turn);
    }
}
.sb-BetSlip-trigger
{
    --btn-bg: inherit;
    width: 100%;
}
.sb-BetSlip-content
{
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative;
}
.sb-BetSlip-content>.sb-BetSlip-state
{
    left: 50%;
    position: absolute;
    top: -4px;
}
.sb-BetSlip-iconWrapper .sb-BetSlip-icon
{
    color: var(--tabbar-color-icon,var(--color-icon));
}
.sb-BetSlip-loader
{
    animation: spin 2s linear infinite;
    position: absolute;
}
.sb-BetSlip-loader circle:last-child
{
    stroke: var(--warn-base);
}
.sb-BetSlip-state
{
    align-items: center;
    background: var(--primary-base);
    border-radius: 50%;
    color: var(--primary-contrast);
    display: flex;
    font-size: 10px;
    height: 18px;
    justify-content: center;
    line-height: 1;
    padding: 0 4px;
    width: 18px;
}
.sb-BetSlip-state.isQuickBet
{
    background: var(--warn-base);
}
.sb-BetSlip-state.isWide
{
    border-radius: 20px;
    width: 25px;
}
.sb-BetSlip-state .sb-BetSlip-icon
{
    --icon-size: 8px;
    color: var(--warn-contrast);
}
.sb-BetSlip.isCenteredInTabbar
{
    position: relative;
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-trigger
{
    --btn-bg: transparent;
    border: 0;
    flex-direction: column;
    width: auto;
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-circle
{
    align-items: center;
    background: var(--centered-bet-slip-bg,var(--accent-base));
    border-radius: 50%;
    color: var(--centered-bet-slip-icon-color,var(--accent-contrast));
    display: flex;
    height: var(--bet-slip-circle-size,44px);
    justify-content: center;
    position: relative;
    width: var(--bet-slip-circle-size,44px);
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-state
{
    font: var(--subheading-2-font-style,normal) var(--subheading-2-font-weight,700) var(--subheading-2-font-size,16px)/var(--subheading-2-line-height,1.5) var(--subheading-2-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--subheading-2-letter-spacing,.00063em);
    text-transform: var(--subheading-2-text-transform,none);
    background: transparent;
    color: inherit;
    padding: 0;
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-state.isQuickBet
{
    background: transparent;
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-label
{
    color: var(--centered-bet-slip-label-color,var(--color-secondary));
    line-height: 1.6;
    margin-top: 2px;
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-circle .sb-BetSlip-icon
{
    --icon-size: 24px;
    color: inherit;
}
.sb-BetSlip.isCenteredInTabbar .sb-CircularProgress
{
    left: 0;
    position: absolute;
    top: 0;
}
.sb-BetSlip.isCenteredInTabbar .sb-BetSlip-icon
{
    margin: 0;
}
.sb-BetSlip.isCenteredInTabbar.isError .sb-BetSlip-circle
{
    background: var(--centered-bet-slip-bg-error,var(--warn-base));
    color: var(--centered-bet-slip-color-error,var(--warn-contrast));
}
.sb-BetSlip.isCenteredInTabbar.isQuickBet .sb-BetSlip-circle
{
    background: var(--centered-bet-slip-bg-quickbet,var(--promo-base));
    color: var(--centered-bet-slip-color-quickbet,var(--promo-contrast));
}
.sb-BetSlip.isCenteredInTabbar.isQuickBet .sb-BetSlip-icon
{
    color: inherit;
}
.sb-BetSlip.isCenteredInTabbar.isCenteredBetSlipLabelHidden .sb-BetSlip-trigger
{
    bottom: 16px;
}
.sb-Drawer
{
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 100%;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    position: fixed;
    transition: all .3s ease-in-out;
    width: 100vw;
    z-index: 9;
}
.sb-Drawer.isWithDynamicPosition
{
    bottom: 0;
    position: absolute;
    transform: translateY(var(--drawer-y-position,0));
}
.sb-Drawer.isWithDynamicPosition.isWithoutTransition
{
    transition: none;
}
.sb-Drawer.isWithDynamicPosition.isShown
{
    max-height: var(--drawer-height,500px);
}
.sb-Drawer-overlay
{
    --btn-bg: var(--bg-modal-overlay);
    height: 100vh;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 100vw;
}
.sb-Drawer-overlay.isShown
{
    opacity: 1;
    visibility: visible;
    z-index: 8;
}
.sb-Drawer-content
{
    background-color: var(--bg-base);
    border-top-left-radius: var(--common-block-radius,4px);
    border-top-right-radius: var(--common-block-radius,4px);
    box-shadow: var(--shadow-mobile-ticket);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out;
    width: 100%;
}
@media(max-width: 719.98px)
{
    .sb-Drawer-content
    {
        overflow: scroll;
    }
}
.sb-Drawer-content.entered, .sb-Drawer-content.entering
{
    max-height: 100vh;
}
.sb-Drawer-content.exited, .sb-Drawer-content.exiting
{
    max-height: 0;
}
.sb-Drawer-hideButton
{
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 50px;
    justify-content: center;
}
.sb-Drawer-arrow
{
    height: 16px;
    transform: rotate(90deg);
    width: 16px;
}
.sb-Drawer .sb-BetSlipTab
{
    overflow-y: scroll;
}
.sb-MyBets-title
{
    font: var(--overline-font-style,normal) var(--overline-font-weight,700) var(--overline-font-size,14px)/var(--overline-line-height,1.43) var(--overline-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--overline-letter-spacing,.00143em);
    text-transform: var(--overline-text-transform,uppercase);
    align-items: center;
    background-color: var(--bg-extra);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--color-base);
    display: flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
}
.sb-MyBets-loader
{
    height: 100%;
}/*# sourceMappingURL=7c63224b0840db6d.css.map*/