﻿.sb-CarouselArrow
{
    --btn-bg: var(--bg-active);
    --btn-bg-hover: var(--bg-active-hover);
    height: 24px;
    position: relative;
    width: 24px;
}
[dir] .sb-CarouselArrow
{
    border-radius: 50%;
}
.sb-CarouselArrow-icon
{
    --icon-size: 8px;
}
[dir] .sb-CarouselArrow-next .sb-CarouselArrow-icon
{
    transform: rotate(0deg);
}
html[dir=rtl] .sb-CarouselArrow-next .sb-CarouselArrow-icon
{
    transform: rotate(-180deg);
}
[dir=ltr] .sb-CarouselArrow-prev .sb-CarouselArrow-icon
{
    transform: rotate(180deg);
}
[dir=rtl] .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;
    position: relative;
}
[dir=ltr] .sb-Carousel, [dir=rtl] .sb-Carousel
{
    padding-left: var(--items-offset-x);
    padding-right: var(--items-offset-x);
}
.sb-CarouselArrows .sb-CarouselArrow
{
    position: absolute;
    top: 50%;
    z-index: 3;
}
[dir] .sb-CarouselArrows .sb-CarouselArrow
{
    transform: translateY(-50%);
}
.sb-CarouselArrows.withPagination .sb-CarouselArrow
{
    top: calc(50% - 8px);
}
[dir=ltr] .sb-CarouselArrows .sb-CarouselArrow-prev
{
    left: var(--arrows-position-x);
}
[dir=ltr] .sb-CarouselArrows .sb-CarouselArrow-next, [dir=rtl] .sb-CarouselArrows .sb-CarouselArrow-prev
{
    right: var(--arrows-position-x);
}
[dir=rtl] .sb-CarouselArrows .sb-CarouselArrow-next
{
    left: var(--arrows-position-x);
}
.swiper-button-lock.sb-CarouselArrow
{
    display: none;
}
.sb-SectionHeadline
{
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
}
[dir] .sb-SectionHeadline
{
    margin-bottom: 8px;
    padding: 0 16px;
}
@media(min-width: 720px)
{
    [dir] .sb-SectionHeadline
    {
        padding: 0;
    }
}
[dir=ltr] .sb-SectionHeadline-title
{
    margin-right: auto;
}
[dir=rtl] .sb-SectionHeadline-title
{
    margin-left: auto;
}
.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);
}
.sb-ContentTopLeaguesPreloader
{
    align-items: flex-end;
    display: flex;
    overflow: hidden;
}
[dir] .sb-ContentTopLeaguesPreloader .sb-TopLeaguesChip
{
    margin: 0 4px;
}
.sb-TopLeagues-arrows
{
    display: flex;
    gap: 8px;
}
@media(max-width: 719.98px)
{
    .sb-TopLeagues-arrows
    {
        display: none;
    }
}
.sb-TopLeaguesChip
{
    font: var(--ts-fstyle,normal) var(--ts-fw,400) var(--ts-fs,14px)/var(--ts-lh,1.43) var(--ts-ff,var(--text-base-font-family,sans-serif));
    font-variant-numeric: lining-nums;
    letter-spacing: var(--ts-ls,.00071em);
    text-transform: var(--ts-tt,none);
    align-items: center;
    display: flex;
}
[dir] .sb-TopLeaguesChip
{
    background-color: var(--bg-base);
    border-radius: 32px;
    padding: 8px;
}
[dir] .sb-TopLeaguesChip:hover
{
    background-color: var(--bg-hover);
}
.sb-TopLeaguesChip.sb-Preloader
{
    flex-shrink: 0;
    height: 36px;
    width: 100px;
}
.sb-TopLeaguesChip-icon
{
    flex-shrink: 0;
}
[dir=ltr] .sb-TopLeaguesChip-icon
{
    margin-right: 8px;
}
[dir=rtl] .sb-TopLeaguesChip-icon
{
    margin-left: 8px;
}
.sb-TopLeaguesChip-label
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sb-TopLeaguesChip-counter
{
    color: var(--color-hint);
}
[dir=ltr] .sb-TopLeaguesChip-counter
{
    margin-left: 8px;
}
[dir=rtl] .sb-TopLeaguesChip-counter
{
    margin-right: 8px;
}
.sb-TopLeagues-carousel
{
    height: 36px;
}/*# sourceMappingURL=09cf3d63d3a7ecdc.css.map*/