﻿.sb-CarouselArrow
{
    --btn-bg: var(--bg-active);
    --btn-bg-hover: var(--bg-active-hover);
    border-radius: 50%;
    height: 24px;
    position: relative;
    width: 24px;
}
.sb-CarouselArrow-icon
{
    --icon-size: 8px;
}
.sb-CarouselArrow-next .sb-CarouselArrow-icon
{
    transform: rotate(0deg);
}
html[dir=rtl] .sb-CarouselArrow-next .sb-CarouselArrow-icon
{
    transform: rotate(-180deg);
}
.sb-CarouselArrow-prev .sb-CarouselArrow-icon
{
    transform: rotate(180deg);
}
html[dir=rtl] .sb-CarouselArrow-prev .sb-CarouselArrow-icon
{
    transform: rotate(0deg);
}
.sb-CarouselSlide.isAutoWidth
{
    width: auto;
}
.sb-Carousel
{
    --arrows-position-x: 8px;
    --items-offset-x: 0;
    padding-left: var(--items-offset-x);
    padding-right: var(--items-offset-x);
    position: relative;
}
.sb-CarouselArrows .sb-CarouselArrow
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.sb-CarouselArrows.withPagination .sb-CarouselArrow
{
    top: calc(50% - 8px);
}
.sb-CarouselArrows .sb-CarouselArrow-prev
{
    left: var(--arrows-position-x);
}
.sb-CarouselArrows .sb-CarouselArrow-next
{
    right: var(--arrows-position-x);
}
.swiper-button-lock.sb-CarouselArrow
{
    display: none;
}
.sb-SportIcon:not(.isActive)
{
    color: var(--color-icon);
}
.sb-SportIcon use
{
    fill: currentColor;
}
.sb-SportIcon.isActive.isColored
{
    color: var(--color-icon);
}
.sb-SportIcon-color
{
    fill: var(--primary-solid);
}
@keyframes rank-arrow-increase
{
    0%
    {
        opacity: 0;
        transform: translateY(12.5px);
    }
    5.35%
    {
        opacity: 1;
        transform: translateY(-2.5px);
    }
    82.1%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes rank-arrow-decrease
{
    0%
    {
        opacity: 0;
        transform: translateY(-17.5px);
    }
    5.35%
    {
        opacity: 1;
        transform: translateY(-2.5px);
    }
    82.1%
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
.sb-AnimatedOdd
{
    font: var(--text-small-font-style,normal) var(--text-small-font-weight,400) var(--text-small-font-size,14px)/var(--text-small-line-height,1.43) var(--text-small-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--text-small-letter-spacing,.00071em);
    text-transform: var(--text-small-text-transform,none);
    font-weight: 700;
    position: relative;
}
@keyframes odds-background-flash
{
    5.35%
    {
        opacity: 1;
    }
    16%
    {
        opacity: 0;
    }
}
.sb-AnimatedOdd-increase:before
{
    animation: rank-arrow-increase 5.6s ease-out;
    border-bottom: 5px solid var(--increase-icon-background);
}
.sb-AnimatedOdd-decrease:before, .sb-AnimatedOdd-increase:before
{
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    content: "";
    left: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-2.5px);
}
.sb-AnimatedOdd-decrease:before
{
    animation: rank-arrow-decrease 5.6s ease-out;
    border-top: 5px solid var(--decrease-icon-background);
}
.sb-AnimatedOdd-wrapper
{
    --increase-icon-background: var(--success-base);
    --decrease-icon-background: var(--error-base);
    position: relative;
}
.sb-AnimatedOdd-wrapper-increase:before
{
    background-color: var(--odd-increase);
}
.sb-AnimatedOdd-wrapper-decrease:before, .sb-AnimatedOdd-wrapper-increase:before
{
    animation: odds-background-flash 5.6s;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sb-AnimatedOdd-wrapper-decrease:before
{
    background-color: var(--odd-decrease);
}
.sb-AnimatedOdd-wrapper-decrease.isSelected:before, .sb-AnimatedOdd-wrapper-increase.isSelected:before
{
    animation: odds-background-flash 5.6s;
    background-color: var(--accent-hover);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.sb-Odd
{
    --btn-bg: var(--odd-bg,var(--bg-extra));
    --btn-px: 12px;
    --btn-bg-hover: var(--odd-bg-hover,var(--bg-active-hover));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    justify-content: space-between;
}
.sb-Odd.isSelected
{
    --btn-bg: var(--odd-bg-active,var(--accent-base));
    --btn-color: var(--odd-color-active,var(--accent-contrast));
    --btn-bg-hover: var(--odd-bg-active-hover,var(--accent-hover));
}
.sb-Odd.isSelected .sb-Odd-label
{
    color: var(--odd-label-color-active,var(--accent-contrast-secondary));
}
.sb-Odd.isLocked .sb-Odd-value
{
    opacity: .2;
}
.sb-Odd-iconLock
{
    --icon-size: 16px;
    color: var(--color-disabled);
}
.sb-Odd-label
{
    font: var(--caption-font-style,normal) var(--caption-font-weight,400) var(--caption-font-size,12px)/var(--caption-line-height,1.33) var(--caption-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--caption-letter-spacing,.00167em);
    text-transform: var(--caption-text-transform,none);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--odd-label-color,var(--color-secondary));
    max-width: 100%;
    text-transform: uppercase;
    z-index: 1;
}
.sb-Odd-outcomeName
{
    display: none;
}
@media(min-width: 720px)
{
    .sb-Odd-outcomeName
    {
        display: inline-block;
    }
}
.sb-Odd-value
{
    font: var(--subheading-3-font-style,normal) var(--subheading-3-font-weight,700) var(--subheading-3-font-size,14px)/var(--subheading-3-line-height,1.43) var(--subheading-3-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--subheading-3-letter-spacing,.00071em);
    text-transform: var(--subheading-3-text-transform,none);
    font-weight: 700;
}
.sb-BannerSlideTimer
{
    font: var(--heading-3-font-style,normal) var(--heading-3-font-weight,700) var(--heading-3-font-size,26px)/var(--heading-3-line-height,1.23) var(--heading-3-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--heading-3-letter-spacing,normal);
    text-transform: var(--heading-3-text-transform,none);
    background-color: var(--bg-backdrop);
    border-radius: var(--custom-border-radius,.25rem);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    gap: 8px;
    margin-left: auto;
    padding: 8px;
}
html[dir=rtl] .sb-BannerSlideTimer
{
    direction: ltr;
}
.sb-BannerSlideTimer .sb-BannerSlideTimer-time, .sb-BannerSlideTimer>.sb-BannerSlideTimer-day
{
    background-color: var(--bg-backdrop);
    border-radius: var(--custom-border-radius,.25rem);
    padding: 2px 8px;
}
.sb-BannerSlideTimer>.sb-BannerSlideTimer-time:not(:last-child):after
{
    content: ":";
    margin-left: 10px;
    position: absolute;
}
.sb-TeamLogo
{
    object-fit: contain;
}
.sb-EventSlideCompetitors
{
    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);
    align-items: center;
    background-color: var(--bg-backdrop);
    border-radius: var(--custom-border-radius,.25rem);
    display: flex;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    margin: 0 -8px;
    padding: 0 8px;
}
@media(min-width: 720px)
{
    .sb-EventSlideCompetitors
    {
        padding: 12px 8px;
    }
}
.sb-EventSlideCompetitors-scores
{
    color: var(--color-secondary);
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 8px;
    justify-content: center;
    width: 48px;
}
.sb-EventSlideCompetitors-scores.hasScores
{
    gap: 4px;
    width: auto;
}
.sb-EventSlideCompetitors-scores.hasScores, .sv-EventSlideCompetitors-score
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--text-small-font-style,normal) var(--text-small-font-weight,400) var(--text-small-font-size,14px)/var(--text-small-line-height,1.43) var(--text-small-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--text-small-letter-spacing,.00071em);
    text-transform: var(--text-small-text-transform,none);
    color: var(--primary-solid);
    font-weight: 700;
}
.sb-EventSlideCompetitor
{
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    width: calc(50% - 24px - 8px);
}
.sb-EventSlideCompetitor.hasScores
{
    width: 100%;
}
.sb-EventSlideCompetitor.isSmall
{
    max-width: calc(50% - 24px - 8px);
}
.sb-EventSlideCompetitor.isMedium
{
    max-width: calc(50% - 29px - 8px);
}
.sb-EventSlideCompetitor.isLarge
{
    max-width: calc(50% - 34px - 8px);
}
.sb-EventSlideCompetitors-logo, .sb-EventSlideCompetitors-logo.sb-Icon
{
    height: 32px;
    width: 32px;
}
.sb-EventSlideCompetitors-name
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--text-small-font-style,normal) var(--text-small-font-weight,400) var(--text-small-font-size,14px)/var(--text-small-line-height,1.43) var(--text-small-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--text-small-letter-spacing,.00071em);
    text-transform: var(--text-small-text-transform,none);
    font-weight: 700;
    text-align: end;
    text-transform: uppercase;
    width: 100%;
}
.sb-EventSlideCompetitors-name:first-child
{
    text-align: start;
}
@container event-banner-slide(min-width:720px){.sb-EventSlideCompetitors:not(.container-query-polyfill){background:linear-gradient(90deg,transparent 0,var(--bg-backdrop) 10%,var(--bg-backdrop) 90%,transparent 100%);margin:0 -48px;padding:12px 48px}.sb-EventSlideCompetitor:not(.container-query-polyfill){gap:0}.sb-EventSlideCompetitor:not(.container-query-polyfill)>picture>.sb-EventSlideCompetitors-logo{height:100px;position:absolute;transform:translate(calc(-100% - 34px),-50%);width:100px}.sb-EventSlideCompetitor:not(.container-query-polyfill)>picture:last-child>.sb-EventSlideCompetitors-logo{transform:translate(calc(0% + 34px),-50%)}.sb-EventSlideCompetitor:not(.container-query-polyfill)>.sb-EventSlideCompetitors-logo{height:100px;position:absolute;transform:translate(calc(-100% - 34px));width:100px}.sb-EventSlideCompetitor:not(.container-query-polyfill):last-child>.sb-EventSlideCompetitors-logo{transform:translate(calc(100% + 34px))}}
.sb-EventBannerSlide
{
    container-name: event-banner-slide;
    container-type: size;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}
.sb-EventBannerSlide .sb-Odd, .sb-EventBannerSlide a:not(.sb-EventBannerSlide-link), .sb-EventBannerSlide button
{
    z-index: 1;
}
.sb-EventBannerSlide-background
{
    border-radius: var(--common-block-radius,4px);
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.sb-EventBannerSlide-container
{
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    justify-content: center;
    margin: auto;
    max-width: 360px;
    padding: 12px;
    width: 100%;
}
.sb-EventBannerSlide-row
{
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 2px;
    width: 100%;
}
.sb-EventBanner-live
{
    color: var(--primary-solid);
    height: 20px;
    width: 24px;
}
.sb-EventBanner-tournament
{
    font: var(--caption-font-style,normal) var(--caption-font-weight,400) var(--caption-font-size,12px)/var(--caption-line-height,1.33) var(--caption-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--caption-letter-spacing,.00167em);
    text-transform: var(--caption-text-transform,none);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    color: var(--color-secondary);
    display: flex;
}
.sb-EventBanner-tournament>.sb-SportIcon
{
    flex-shrink: 0;
    margin-right: 8px;
}
.sb-EventBannerSlide-odds
{
    display: flex;
    gap: 8px;
}
.sb-EventBannerSlider-odd
{
    border-radius: 20px;
    height: 40px;
    width: 100%;
}
.sb-EventBannerSlide-link
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.sb-LeagueSlide
{
    min-height: var(--slide-banner-height);
}
.sb-BrandLogo
{
    display: block;
}
.sb-BrandLogo-image
{
    max-width: 100%;
    object-fit: contain;
}
.sb-PromoBannerSlide
{
    border-radius: var(--common-block-radius,4px);
    container-name: promo-banner-slide;
    container-type: inline-size;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.sb-PromoBannerSlide.withLogo
{
    min-height: 344px;
}
.sb-PromoBannerSlide .sb-AuthButton, .sb-PromoBannerSlide .sb-DepositButton
{
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}
.sb-PromoBannerSlide .sb-ContentPageLink
{
    display: block;
    font-size: .75rem;
    letter-spacing: .01em;
}
.sb-PromoBannerSlide a:not(.sb-PromoBannerSlide-link), .sb-PromoBannerSlide button
{
    z-index: 1;
}
.sb-PromoBannerSlide .sb-ContentModalButton
{
    font: var(--caption-font-style,normal) var(--caption-font-weight,400) var(--caption-font-size,12px)/var(--caption-line-height,1.33) var(--caption-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--caption-letter-spacing,.00167em);
    text-transform: var(--caption-text-transform,none);
    color: var(--color-secondary);
    text-decoration: underline;
}
.sb-PromoBannerSlide-container
{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: space-between;
    padding: 12px;
}
@container(min-width:720px){.sb-PromoBannerSlide-container:not(.container-query-polyfill){padding:32px 36px}}
.sb-PromoBannerSlide-background
{
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.sb-PromoBannerSlide-content
{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.sb-PromoBannerSlide-logo
{
    margin-bottom: 8px;
}
.sb-PromoBannerSlide-subtitle
{
    font: var(--subheading-1-font-style,normal) var(--subheading-1-font-weight,700) var(--subheading-1-font-size,20px)/var(--subheading-1-line-height,1.5) var(--subheading-1-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--subheading-1-letter-spacing,normal);
    text-transform: var(--subheading-1-text-transform,none);
}
.sb-PromoBannerSlide-title
{
    font: var(--heading-1-font-style,normal) var(--heading-1-font-weight,900) var(--heading-1-font-size,42px)/var(--heading-1-line-height,1.14) var(--heading-1-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--heading-1-letter-spacing,normal);
    text-transform: var(--heading-1-text-transform,none);
    font-weight: 900;
    margin-bottom: 0;
    text-transform: uppercase;
}
.sb-PromoBannerSlide-body
{
    font: var(--text-large-font-style,normal) var(--text-large-font-weight,400) var(--text-large-font-size,20px)/var(--text-large-line-height,1.5) var(--text-large-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--text-large-letter-spacing,normal);
    text-transform: var(--text-large-text-transform,none);
    max-width: 400px;
}
.sb-PromoBannerSlide-title+.sb-PromoBannerSlide-body
{
    margin-top: 4px;
}
.sb-PromoBannerSlide-link
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.sb-PromoBannerSlide-actions
{
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.sb-PromoBannerSlide-actions .sb-Button:not(.sb-ContentModalButton)
{
    min-width: 180px;
}
@container(min-width:343px){.sb-PromoBannerSlide-actions:not(.container-query-polyfill){width:auto}}
.sb-PromoBannerSlide-row
{
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    width: 100%;
}
.sb-PromoBannerSlide-row:not(:empty)
{
    margin-bottom: 24px;
}
.sb-PromoBannerSlide-tags
{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}
.sb-PromoBannerSlide-tag
{
    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);
    background-color: var(--bg-backdrop);
    border-radius: 12px;
    height: 24px;
    padding: 4px 12px;
}
.sb-PromoBannerSlide-timer
{
    background-color: var(--bg-backdrop);
    border-radius: 4px;
    padding: 8px;
}
.sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-container
{
    justify-content: center;
}
@media screen and (min-width: 720px)
{
    .sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-container
    {
        padding: 12px 48px;
    }
}
@media screen and (min-width: 1280px)
{
    .sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-container
    {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}
.sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-row:not(:empty)
{
    margin-bottom: 0;
}
.sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-title
{
    font: var(--heading-2-font-style,normal) var(--heading-2-font-weight,700) var(--heading-2-font-size,32px)/var(--heading-2-line-height,1.25) var(--heading-2-font-family,var(--text-base-font-family,sans-serif));
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    letter-spacing: var(--heading-2-letter-spacing,normal);
    text-transform: var(--heading-2-text-transform,none);
}
@media screen and (min-width: 1920px)
{
    .sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-title
    {
        font: var(--heading-1-font-style,normal) var(--heading-1-font-weight,900) var(--heading-1-font-size,42px)/var(--heading-1-line-height,1.14) var(--heading-1-font-family,var(--text-base-font-family,sans-serif));
        font-feature-settings: "lnum";
        font-variant-numeric: lining-nums;
        letter-spacing: var(--heading-1-letter-spacing,normal);
        text-transform: var(--heading-1-text-transform,none);
    }
}
.sb-PromoBannerSlide-carouselItem .sb-PromoBannerSlide-title+.sb-PromoBannerSlide-body
{
    margin: 0;
}
.sb-SliderBanner
{
    --slide-banner-height: 156px;
    --slider-height: calc(var(--slide-banner-height) + 16px);
    height: auto;
    line-height: 0;
    min-height: var(--slide-banner-height);
}
.sb-SliderBanner.isMultiple
{
    min-height: var(--slider-height);
}
.sb-SliderBanner .sb-SliderBanner-carousel
{
    min-height: var(--slide-banner-height);
}
.sb-SliderBanner .sb-EventBannerSlide, .sb-SliderBanner .sb-PlaceholderSlide, .sb-SliderBanner .sb-PromoBannerSlide
{
    align-items: center;
    aspect-ratio: 8.3;
    display: inline-grid!important;
    height: var(--slide-banner-height);
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.sb-SliderBanner .sb-EventBannerSlide .sb-BannerSlideTimer, .sb-SliderBanner .sb-PlaceholderSlide .sb-BannerSlideTimer, .sb-SliderBanner .sb-PromoBannerSlide .sb-BannerSlideTimer
{
    background-color: transparent;
    padding: 0;
}
.sb-SliderBanner .sb-EventBannerSlide>*, .sb-SliderBanner .sb-PlaceholderSlide>*, .sb-SliderBanner .sb-PromoBannerSlide>*
{
    grid-column: 1/-1;
    grid-row: 1/-1;
}
.sb-SliderBanner .sb-PlaceholderSlide-image
{
    border-radius: var(--common-block-radius,4px);
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.sb-SliderBanner.isEmpty
{
    display: none;
}
.sb-SliderBanner .sb-SliderBanner-carousel.isCarouselArrowsHidden .sb-CarouselArrows
{
    visibility: hidden;
}/*# sourceMappingURL=547f882a7bb36c53.css.map*/