﻿.sb-Tooltip-content
{
    color: var(--color-base);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.09;
    user-select: none;
    will-change: transform,opacity;
    z-index: 9;
}
[dir] .sb-Tooltip-content
{
    background-color: var(--bg-modal-overlay);
    border-radius: 4px;
    padding: 4px 8px;
}
[dir=ltr] .sb-Tooltip-content, [dir=rtl] .sb-Tooltip-content
{
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
}
[dir=ltr] .sb-Tooltip-content[data-state=delayed-open][data-side=top], [dir=rtl] .sb-Tooltip-content[data-state=delayed-open][data-side=top]
{
    animation-name: slideDownAndFade;
}
[dir=ltr] .sb-Tooltip-content[data-state=delayed-open][data-side=right]
{
    animation-name: slideLeftAndFade-ltr;
}
[dir=rtl] .sb-Tooltip-content[data-state=delayed-open][data-side=right]
{
    animation-name: slideLeftAndFade-rtl;
}
[dir=ltr] .sb-Tooltip-content[data-state=delayed-open][data-side=bottom], [dir=rtl] .sb-Tooltip-content[data-state=delayed-open][data-side=bottom]
{
    animation-name: slideUpAndFade;
}
[dir=ltr] .sb-Tooltip-content[data-state=delayed-open][data-side=left]
{
    animation-name: slideRightAndFade-ltr;
}
[dir=rtl] .sb-Tooltip-content[data-state=delayed-open][data-side=left]
{
    animation-name: slideRightAndFade-rtl;
}
.sb-Tooltip-arrow
{
    fill: var(--bg-modal-overlay);
}
@keyframes slideUpAndFade
{
    0%
    {
        opacity: 0;
        transform: translateY(2px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideRightAndFade-ltr
{
    0%
    {
        opacity: 0;
        transform: translateX(-2px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideRightAndFade-rtl
{
    0%
    {
        opacity: 0;
        transform: translateX(2px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideDownAndFade
{
    0%
    {
        opacity: 0;
        transform: translateY(-2px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideLeftAndFade-ltr
{
    0%
    {
        opacity: 0;
        transform: translateX(2px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideLeftAndFade-rtl
{
    0%
    {
        opacity: 0;
        transform: translateX(-2px);
    }
    to
    {
        opacity: 1;
        transform: translateX(0);
    }
}
.sb-ContentPageLink
{
    align-items: center;
    display: inline-flex;
    position: relative;
}
.sb-ContentPageLink-startAdornment
{
    display: inline-flex;
}
[dir=ltr] .sb-ContentPageLink-icon:not(:last-child), [dir=ltr] .sb-ContentPageLink-startAdornment:not(:last-child)
{
    margin-right: 8px;
}
[dir=rtl] .sb-ContentPageLink-icon:not(:last-child), [dir=rtl] .sb-ContentPageLink-startAdornment:not(:last-child)
{
    margin-left: 8px;
}
.sb-ContentPageLink-labelText
{
    line-height: 1.6;
}
.sb-ContentPageLink-badge
{
    color: var(--primary-contrast);
    font-size: 8px;
    line-height: 1;
    position: relative;
    top: var(--content-link-badge-top-position,-8px);
}
[dir] .sb-ContentPageLink-badge
{
    background-color: var(--content-link-badge-bg,var(--error-base));
    border-radius: var(--content-link-badge-radius,var(--custom-border-radius,.25rem));
    padding: var(--content-link-badge-py,2px) var(--content-link-badge-px,4px);
}
[dir=ltr] .sb-ContentPageLink-badge
{
    margin-left: 4px;
}
[dir=rtl] .sb-ContentPageLink-badge
{
    margin-right: 4px;
}
@media(max-width: 959.98px)
{
    .sb-ContentPageLink-badge
    {
        align-items: center;
        display: inline-flex;
    }
}
.sb-ContentPageLink-endAdornment
{
    color: var(--color-hint);
    font-weight: 400;
}
[dir=ltr] .sb-ContentPageLink-endAdornment
{
    margin-left: 8px;
}
[dir=rtl] .sb-ContentPageLink-endAdornment
{
    margin-right: 8px;
}
.sb-InPlayAnimation
{
    position: relative;
}
.sb-InPlayAnimation-item
{
    opacity: 0;
    position: absolute;
}
[dir] .sb-InPlayAnimation-item
{
    border-top: 1px solid var(--in-play-animation-color);
}
[dir=ltr] .sb-InPlayAnimation-item
{
    border-right: 1px solid var(--in-play-animation-color);
    border-top-right-radius: 100%;
}
[dir=ltr] .sb-InPlayAnimation-item, [dir=rtl] .sb-InPlayAnimation-item
{
    --in-play-animation-color: var(--primary-solid);
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
}
[dir=rtl] .sb-InPlayAnimation-item
{
    border-left: 1px solid var(--in-play-animation-color);
    border-top-left-radius: 100%;
}
.sb-InPlayAnimation-item:first-child
{
    height: 3px;
    top: -3px;
    width: 3px;
}
[dir=ltr] .sb-InPlayAnimation-item:first-child, [dir=rtl] .sb-InPlayAnimation-item:first-child
{
    animation-name: live-animation-first;
}
.sb-InPlayAnimation-item:nth-child(2)
{
    height: 6px;
    top: -6px;
    width: 6px;
}
[dir=ltr] .sb-InPlayAnimation-item:nth-child(2), [dir=rtl] .sb-InPlayAnimation-item:nth-child(2)
{
    animation-name: live-animation-second;
}
.sb-InPlayAnimation-item:nth-child(3)
{
    height: 9px;
    top: -9px;
    width: 9px;
}
[dir=ltr] .sb-InPlayAnimation-item:nth-child(3), [dir=rtl] .sb-InPlayAnimation-item:nth-child(3)
{
    animation-name: live-animation-third;
}
@keyframes live-animation-first
{
    0%
    {
        opacity: 0;
    }
    16%
    {
        opacity: 1;
    }
    32%
    {
        opacity: 0;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes live-animation-second
{
    0%
    {
        opacity: 0;
    }
    6%
    {
        opacity: 0;
    }
    22%
    {
        opacity: 1;
    }
    38%
    {
        opacity: 0;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes live-animation-third
{
    0%
    {
        opacity: 0;
    }
    12%
    {
        opacity: 0;
    }
    28%
    {
        opacity: 1;
    }
    44%
    {
        opacity: 0;
    }
    to
    {
        opacity: 0;
    }
}
.sb-IconLiveAnimated
{
    color: var(--color-icon);
    height: 20px;
    position: relative;
    width: 20px;
}
.sb-IconLiveAnimated svg
{
    color: currentColor;
    display: block;
}
.sb-IconLiveAnimated .sb-InPlayAnimation
{
    position: absolute;
    top: 0;
}
[dir=ltr] .sb-IconLiveAnimated .sb-InPlayAnimation
{
    right: 0;
}
[dir=rtl] .sb-IconLiveAnimated .sb-InPlayAnimation
{
    left: 0;
}
.sb-PromoBonusCounter
{
    align-items: center;
    color: var(--primary-contrast);
    display: flex;
    font-size: 10px;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    line-height: 1;
    position: relative;
    top: -11px;
    width: 18px;
}
[dir] .sb-PromoBonusCounter
{
    background: var(--primary-base);
    border-radius: 20px;
    padding: 4px;
}
[dir=ltr] .sb-PromoBonusCounter
{
    right: 10px;
}
[dir=rtl] .sb-PromoBonusCounter
{
    left: 10px;
}
.sb-PromoBonusCounter.sb-PromoBonusCounter--rounded
{
    width: auto;
}/*# sourceMappingURL=536bfadd44396343.css.map*/