.icon_E5hSK {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: currentcolor
}

.icon--size-size-16_l6MYC {
    width: 16px;
    height: 16px
}

.icon--size-size-24_SRXFX {
    width: 24px;
    height: 24px
}

html.app__layout--desktop .button_ZO4e4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .25px;
    color: var(--BrandText);
    background-color: var(--BrandDefault);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 16px;
    text-decoration: none;
    border: none;
    border-radius: var(--RadiusButtonDefault);
    transition: transform .1s;
    will-change: transform
}

html.app__layout--desktop .button_ZO4e4:focus-visible,html.app__layout--desktop .button_ZO4e4:hover:not([disabled]) {
    color: var(--BrandText);
    background-color: var(--BrandHighlight)
}

html.app__layout--desktop .button_ZO4e4:focus-visible {
    border: 1px solid var(--StrokeStatic)
}

html.app__layout--desktop .button_ZO4e4:active:not([disabled]) {
    transform: scale(.99,.96)
}

html.app__layout--desktop .button_ZO4e4:not([disabled]) {
    cursor: pointer
}

html.app__layout--desktop .button--uppercase_nu7Lo {
    text-transform: uppercase
}

html.app__layout--desktop .button__icon_E8f0p {
    flex-shrink: 0
}

html.app__layout--desktop .button--rounded_Sfa-s {
    border-radius: var(--RadiusGlobalRounded)
}

html.app__layout--desktop .button--icon-only_HFI1r {
    justify-content: center;
    width: 44px;
    padding: 0
}

html.app__layout--desktop .button--kind-secondary_rQTzl {
    color: var(--TextDefault);
    background-color: var(--Layer2)
}

html.app__layout--desktop .button--kind-secondary_rQTzl:focus-visible {
    color: var(--Layer2);
    background-color: var(--TextDefault);
    border: 1px solid var(--StrokeInverted)
}

html.app__layout--desktop .button--kind-secondary_rQTzl:hover:not([disabled]) {
    color: var(--Layer2);
    background-color: var(--TextDefault)
}

html.app__layout--desktop .button--kind-base_pcqhj {
    color: var(--TextPrimary);
    background-color: var(--LegacyButton)
}

html.app__layout--desktop .button--kind-base_pcqhj:hover:not([disabled]) {
    color: var(--TextDefault);
    background-color: var(--Highlight)
}

html.app__layout--desktop .button--kind-base_pcqhj:focus-visible {
    color: var(--TextDefault);
    background-color: var(--Highlight);
    border: 1px solid var(--StrokeStatic)
}

html.app__layout--desktop .button--kind-transparent_A4Bv0 {
    color: var(--TextPrimary);
    background-color: initial
}

html.app__layout--desktop .button--kind-transparent_A4Bv0:hover:not([disabled]) {
    color: var(--TextDefault);
    background-color: initial
}

html.app__layout--desktop .button--kind-transparent_A4Bv0:focus-visible {
    color: var(--TextDefault);
    background-color: initial;
    border: 1px solid var(--StrokeDynamic)
}

html.app__layout--desktop .button--kind-header_sRznI {
    color: var(--TextDefault);
    background-color: var(--Layer1)
}

html.app__layout--desktop .button--kind-header_sRznI:focus-visible {
    color: var(--TextDefault);
    background-color: var(--Highlight);
    border: 1px solid var(--StrokeStatic)
}

html.app__layout--desktop .button--kind-header_sRznI:hover:not([disabled]) {
    color: var(--TextDefault);
    background-color: var(--Highlight)
}

html.app__layout--desktop .button_ZO4e4[disabled] {
    cursor: default;
    opacity: .65
}

html.app__layout--desktop .button--height-medium_i4Y7J {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: normal;
    height: 40px;
    padding: 0 12px;
    border-radius: 20px
}

html.app__layout--desktop .button--height-medium_i4Y7J.button--icon-only_HFI1r {
    width: 40px;
    padding: 0
}

html.app__layout--desktop .button--height-small_ywPDS {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .4px;
    height: 36px;
    padding: 0 16px;
    border-radius: 18px
}

html.app__layout--desktop .button--height-small_ywPDS.button--rounded_Sfa-s {
    border-radius: 18px
}

html.app__layout--desktop .button--height-small_ywPDS.button--icon-only_HFI1r {
    width: 36px;
    padding: 0
}

html.app__layout--desktop .button--height-tiny_3OQ8p {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: normal;
    height: 32px;
    padding: 0 8px
}

html.app__layout--desktop .button--height-tiny_3OQ8p.button--rounded_Sfa-s {
    border-radius: 16px
}

.lazy-image_uEttB {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.lazy-image__img_ERiLX {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: inherit;
    border-radius: inherit
}

.lazy-image__img--cover_nStMl {
    object-fit: cover
}

:root {
    --height: 22px
}

.router-link--decoration-hidden_c7QcI {
    text-decoration: none
}

@media (min-width: 440px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 320px) {
}

@media (max-width: 320px) {
}

@media (min-width: 440px) {
}

@media (min-width: 375px) {
}

@media (min-width: 440px) {
}

@media (min-width: 375px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 320px) {
}

@media (max-width: 320px) {
}

@media (min-width: 440px) {
}

@media (max-width: 439px) {
}

@media (min-width: 440px) {
}

@media (min-width: 360px) {
}

@media (min-width: 375px) {
}

@media (min-width: 412px) {
}

@media (min-width: 480px) {
}

@media (min-width: 600px) {
}

@keyframes banners-move-front_mjLO0 {
    0% {
        transform: translateZ(0) rotate(.0001deg)
    }

    25% {
        transform: translate3d(20px,0,0) rotate(.0001deg)
    }

    50% {
        transform: translateZ(0) rotate(.0001deg)
    }

    75% {
        transform: translate3d(-20px,0,0) rotate(.0001deg)
    }

    to {
        transform: translateZ(0) rotate(.0001deg)
    }
}

@keyframes banners-move-bg_n3EZv {
    0% {
        transform: translateZ(0) rotate(.0001deg)
    }

    25% {
        transform: translate3d(-20px,0,0) rotate(.0001deg)
    }

    50% {
        transform: translateZ(0) rotate(.0001deg)
    }

    75% {
        transform: translate3d(20px,0,0) rotate(.0001deg)
    }

    to {
        transform: translateZ(0) rotate(.0001deg)
    }
}

html.app__layout--desktop .headline-bn_0JYxN {
    position: relative;
    display: flex;
    width: 100%;
    max-height: 324px;
    overflow: hidden
}

@media (hover: hover) and (pointer:fine) {
    html.app__layout--desktop .headline-bn_0JYxN:hover {
        cursor:pointer
    }
}

html.app__layout--desktop .headline-bn__content_VOmo5 {
    position: absolute;
    right: 30%;
    z-index: 5;
    width: auto;
    transform: translateZ(0)
}

html.app__layout--desktop .headline-bn__heading_XaWdv,html.app__layout--desktop .headline-bn__text_iTDrh {
    color: var(--White)
}

html.app__layout--desktop .headline-bn__heading_XaWdv {
    letter-spacing: normal
}

html.app__layout--desktop .headline-bn__bg_cEkdH,html.app__layout--desktop .headline-bn__img_q4zHS {
    position: absolute;
    top: 0;
    height: 100%;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    transition: opacity .1s ease-out
}

html.app__layout--desktop .headline-bn__bg--loaded_V9x-M,html.app__layout--desktop .headline-bn__img--loaded_Zq64z {
    opacity: 1
}

html.app__layout--desktop .headline-bn__bg_cEkdH {
    bottom: 0;
    max-width: none;
    transform: translateZ(0)
}

html.app__layout--desktop .headline-bn__img_q4zHS {
    z-index: 4
}

html.app__layout--desktop .headline-bn__button_1e8IF {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .25px;
    transition: box-shadow .2s ease;
    position: absolute;
    z-index: 5;
    padding: 16px 28px;
    color: var(--Black);
    white-space: nowrap;
    text-decoration: none;
    background-color: var(--White)
}

html.app__layout--desktop .headline-bn__button_1e8IF:focus:not([disabled]),html.app__layout--desktop .headline-bn__button_1e8IF:hover:not([disabled]),html.app__layout--desktop .headline-bn__button_1e8IF:visited:not([disabled]) {
    color: var(--Black);
    box-shadow: 0 0 12px var(--White)
}

html.app__layout--desktop .headline-bn--main-banner_FIaxN.headline-bn--big-height_S2xc8 .headline-bn__bg_cEkdH {
    object-position: 50% 50%
}

html.app__layout--desktop .headline-bn--main-banner_FIaxN.headline-bn--big-height_S2xc8 .headline-bn__img_q4zHS {
    max-width: none;
    object-position: center bottom;
    transform: translateZ(0)
}

html.app__layout--desktop .headline-bn--big-height_S2xc8 {
    border-radius: 15px
}

html.app__layout--desktop .headline-bn--big-height-sport_QmQSO:after,html.app__layout--desktop .headline-bn--big-height_S2xc8:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: linear-gradient(90deg,#00000080 2.27%,#0000 94.54%)
}

html.app__layout--desktop .headline-bn--big-height_S2xc8.headline-bn--animation-move-horizontally_O3CZC .headline-bn__img_q4zHS {
    right: -20px;
    left: -20px
}

html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__heading_XaWdv {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
    text-shadow: 0 2px 3px #0006
}

html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__text_iTDrh {
    text-shadow: 0 2px 3px #0006;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: normal
}

html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__button_1e8IF {
    left: 55px;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: none;
    transform: translate(0);
    top: inherit;
    bottom: 48px
}

html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__content_VOmo5 {
    top: inherit;
    left: 55px;
    max-width: 550px;
    bottom: 124px
}

html.app__layout--desktop .headline-bn--big-height_S2xc8 {
    min-height: 395px
}

@media (min-width: 360px) {
}

html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC .headline-bn__bg_cEkdH,html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC .headline-bn__img_q4zHS {
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: paused
}

html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC .headline-bn__bg_cEkdH {
    right: -20px;
    left: -20px;
    animation-name: banners-move-bg_n3EZv
}

html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC .headline-bn__img_q4zHS {
    animation-name: banners-move-front_mjLO0
}

html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC .headline-bn__bg--active_rQPFZ,html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC .headline-bn__img--active_SLYRp,html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC:hover .headline-bn__bg_cEkdH,html.app__layout--desktop .headline-bn--animation-move-horizontally_O3CZC:hover .headline-bn__img_q4zHS {
    animation-play-state: running
}

:root {
    --White: #fff;
    --Black: #000;
    --Invert: var(--White);
    --DLayer0Base: 28,30,39;
    --DLayer1Base: 35,44,59;
    --DLayer2Base: 45,60,81;
    --DLayer0: rgba(var(--DLayer0Base),1);
    --DOpacityLayer0: rgba(var(--DLayer0Base),.7);
    --DLayer1: rgba(var(--DLayer1Base),1);
    --DOpacityLayer1: #232c3b80;
    --DFullOpacityLayer1: #232c3b00;
    --DLayer2: rgba(var(--DLayer2Base),1);
    --DOpacityLayer2: #2d3c5166;
    --DHighlight: #394f69;
    --DTextDefault: #f5faff;
    --DTextPrimary: #b6bcc4;
    --DTextSecondary: #abb2ba;
    --DLegacyButton: #232c3b;
    --DErrorDefault: #d92626;
    --DErrorHighlight: #e83030;
    --DErrorField: #fa9e9e26;
    --DErrorText: #fa9e9e;
    --DLegacyGreen: #30b715;
    --DAlertDefault: #ffd60a;
    --DAlertDefaultOpacity: #ffd60a33;
    --DAlertHighlight: #ffdc2e;
    --DAlertText: #ffea85;
    --DAlertButtonText: #0b0d0e;
    --DOTextSecondary: #abb2ba1a;
    --DAltDefault: #3498fe;
    --DAltHighlight: #5dadfe;
    --DMint: #1fada2;
    --OpacityDefault: #3498fe33;
    --DShadow: #0000004d;
    --DBelow: #0b0d0e;
    --DSkeletonOpacity: #0003;
    --DSkeletonLoading: linear-gradient(90deg,#000,#0000001a 50%,#000);
    --DPinkHighlight: #ff6680;
    --DLoyaltyLevelLayer: #0b0d0e;
    --LLayer0Base: 255,255,255;
    --LLayer1Base: 243,246,249;
    --LLayer2Base: 219,227,235;
    --LLayer0: rgba(var(--LLayer0Base),1);
    --LOpacityLayer0: rgba(var(--LLayer0Base),.7);
    --LLayer1: rgba(var(--LLayer1Base),1);
    --LOpacityLayer1: #f3f6f980;
    --LFullOpacityLayer1: #eff6fd00;
    --LLayer2: #dbe3eb;
    --LOpacityLayer2: #dbe3eb66;
    --LHighlight: #c9d6e3;
    --LTextDefault: #00050a;
    --LTextPrimary: #484d53;
    --LTextSecondary: #49525a;
    --LLegacyButton: #f3f6f9;
    --LErrorDefault: #e23636;
    --LErrorHighlight: #e51919;
    --LErrorField: #e4676726;
    --LErrorText: #e46767;
    --LLegacyGreen: #37ac20;
    --LAlertDefault: #ffbf00;
    --LAlertDefaultOpacity: #ffbf0033;
    --LAlertHighlight: #ffc61a;
    --LAlertText: #e5ad06;
    --LAlertButtonText: #0b0d0e;
    --LOTextSecondary: #49525a1a;
    --LAltDefault: #3499fe;
    --LAltHighlight: #0180fe;
    --LMint: #1fada2;
    --LShadow: #54545426;
    --LBelow: #d5d9dd;
    --LSkeletonOpacity: #fff3;
    --LSkeletonLoading: linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0);
    --LPinkHighlight: #ff6680;
    --LLoyaltyLevelLayer: #f1f2f4;
    --Layer0Base: var(--DLayer0Base);
    --Layer1Base: var(--DLayer1Base);
    --Layer2Base: var(--DLayer2Base);
    --Layer0: var(--DLayer0);
    --OpacityLayer0: var(--DOpacityLayer0);
    --Layer1: var(--DLayer1);
    --OpacityLayer1: var(--DOpacityLayer1);
    --FullOpacityLayer1: var(--DFullOpacityLayer1);
    --Layer2: var(--DLayer2);
    --OpacityLayer2: var(--DOpacityLayer2);
    --Highlight: var(--DHighlight);
    --TextDefault: var(--DTextDefault);
    --TextPrimary: var(--DTextPrimary);
    --TextSecondary: var(--DTextSecondary);
    --LegacyButton: var(--DLegacyButton);
    --ErrorDefault: var(--DErrorDefault);
    --ErrorHighlight: var(--DErrorHighlight);
    --ErrorField: var(--DErrorField);
    --ErrorText: var(--DErrorText);
    --LegacyGreen: var(--DLegacyGreen);
    --AlertDefault: var(--DAlertDefault);
    --AlertDefaultOpacity: var(--DAlertDefaultOpacity);
    --AlertHighlight: var(--DAlertHighlight);
    --AlertText: var(--DAlertText);
    --AlertButtonText: var(--DAlertButtonText);
    --OpacityTextSecondary: var(--DOTextSecondary);
    --AltDefault: var(--DAltDefault);
    --AltHighlight: var(--DAltHighlight);
    --Mint: var(--DMint);
    --BadgeColorInvert: var(--Black);
    --BadgeBgInvert: var(--White);
    --Shadow: var(--DShadow);
    --Below: var(--DBelow);
    --SkeletonOpacity: var(--DSkeletonOpacity);
    --SkeletonLoading: var(--DSkeletonLoading);
    --PinkHighLight: var(--DPinkHighlight);
    --LoyaltyLevelLayer: var(--DLoyaltyLevelLayer);
    --StatusbarHeight: 0px;
    --GreenDefault: linear-gradient(120.98deg,#47ebf5 -30.83%,#04db19 143.76%);
    --GreenHighlight: linear-gradient(110.43deg,#00b2f0 -9.11%,#04db19 132.86%);
    --GrayGradient: linear-gradient(287.52deg,#0b0d0e 4.81%,#22262a 86.39%);
    --AndroidBrand: linear-gradient(287.52deg,#3498fe,#3498fe);
    --AndroidTextDefault: var(--DTextDefault);
    --AndroidTextPrimary: var(--DTextPrimary);
    --AndroidBackgroundItem: var(--DLayer1);
    --AndroidButtonHover: linear-gradient(110.7deg,#4da5fe,#4da5fe);
    --AndroidLandingBg: #1c1e27;
    --EgsCategoriesIconFilter: invert(93%) sepia(15%) saturate(73%) hue-rotate(164deg) brightness(91%) contrast(89%);
    --EgsCategoriesIconHover: invert(99%) sepia(45%) saturate(358%) hue-rotate(175deg) brightness(109%) contrast(96%);
    --EgsCategoriesIconActive: invert(93%) sepia(0%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(107%);
    --EgsOverlayBarColor: #000000b3;
    --EgsBlurredImageBackground: linear-gradient(0deg,var(--Layer0) 0%,#0b0d0e80 100%);
    --OverlayL0Color: #171a1ce6;
    --TabShadow: 0-.66px 0#394046;
    --FloatingTopBarShadow: 0 8px 16px #0000004d;
    --FloatingTopBarShadowFilter: drop-shadow(0 8px 16px #0000004d);
    --BreadcrumbBoxShadow: 8px 0 8px #00000026;
    --InnerShadow: none;
    --ModalHeaderShadow: none;
    --FooterIconFilter: invert(82%) sepia(4%) saturate(590%) hue-rotate(172deg) brightness(87%) contrast(89%);
    --ShowcaseItemStripeBgColor: #ffffff0d;
    --ShowcaseNameColor: var(--TextPrimary);
    --TooltipBackground: #fffffff2;
    --ToggleVisibleInDarkInlineBlock: inline-block;
    --ToggleVisibleInLightInineBlock: none;
    --ToggleVisibleInDarkBlock: block;
    --ToggleVisibleInLightBlock: none;
    --MainFontFamily: "Roboto",sans-serif;
    --BodyBackgroundColor: var(--Layer0);
    --BodyColor: var(--TextDefault);
    --HighlightedText: var(--AlertText);
    --BorderRadius: 10px;
    --LanguageItemHoverColor: var(--Layer2);
    --RewardCenterBg: radial-gradient(142.91% 100%at 100% 100%,#4e26ec40 0%,#4e26ec00 100%),#22262a;
    --Mint: #1fada2;
    --Orange: #d96208;
    --Grey1: #88919a;
    --Yellow: #d99e08;
    --Pink: #963eff;
    --Purple: #6448ff;
    --Grey2: #6a737c;
    --BlueLight: #0ac0ff;
    --SnackbarBackground: #fbfcfecc;
    --SnackbarBrand: #2a84fe;
    --SnackbarBrandOpacity: #3498fe33;
    --SnackbarRed: #e46767;
    --SnackbarYellow: #e5ad06;
    --SnackbarModalShadow: linear-gradient(0deg,#0000004d,#0000004d);
    --VpnStrokeDefault: #fff;
    --VpnStrokeSecondary: #fff;
    --BundesligaBranded: #d20515;
    --BundesligaBrandedHover: #f91022;
    --BundesligaBrandedText: #fff;
    --StatsA: #37f;
    --StatsB: #f37;
    --StatsDraw: #5c573d;
    --BasedOnSportTextDefault: #fff;
    --BasedOnSportTextColored: #fff;
    --CutomHomePageRunnerBg: var(--Layer1);
    --CutomHomePageTopMatchBgOverlay: #000000b3;
    --CutomHomePageTopMatchBgGradient: linear-gradient(180deg,#22262a,#0e1011);
    --BrandDefault: #3498fe;
    --BrandDefaultOpacity00: #3498fe00;
    --BrandDefaultOpacity02: #3498fe33;
    --BrandDefaultOpacity05: #3498fe80;
    --OpacityBrandDefault: #3498fe33;
    --BrandHighlight: #4da5fe;
    --OpacityBrandHighlight: #264d7980;
    --BrandText: #fff;
    --DBrandDefault: #3498fe;
    --DBrandHighlight: #4da5fe;
    --DBrandText: #fff;
    --CardShadow1: #0000007a;
    --CardShadow2: #0000004a;
    --CardShadow3: #00000030;
    --Stats1: #37f;
    --StatsX: #5c573d;
    --Stats2: #f37;
    --StrokeDynamic: #ffffff4d;
    --StrokeInverted: #0000004d;
    --StrokeStatic: #ffffff4d;
    --OverlayBetslip: #1c1e27b3;
    --OverlayHardInverted: #fffffff2;
    --HeaderDesktop: var(--Layer0);
    --HeaderDesktopLayer: var(--Layer1);
    --HeaderMobile: var(--Layer0);
    --HeaderMobileLayer: var(--Layer1);
    --TabbarColorContainer: #fff0;
    --TabbarColorContainerStroke: #fff0;
    --TabbarColorActive: #fff0;
    --TabbarColorNavbar: var(--DLayer1)
}

:root {
    --RadiusGlobalRounded: 1000px;
    --RadiusGlobalLayer1: 10px;
    --RadiusButtonDefault: 32px;
    --RadiusButtonSmall: 32px;
    --RadiusInputCheckbox: 5px;
    --RadiusInputDefault: 10px;
    --RadiusInputDefault2: 8px;
    --RadiusSportCoefInline: 5px;
    --RadiusAvatarProfile: 10px;
    --RadiusModalDefault: 15px;
    --RadiusTabbarContainer: 0;
    --RadiusTabbarTab: 0
}

body,html {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: var(--MainFontFamily);
    font-weight: 400;
    line-height: 16px;
    color: var(--BodyColor);
    touch-action: pan-x pan-y;
    background-color: var(--BodyBackgroundColor);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.app__layout--desktop body {
    overflow: hidden
}

html {
    min-height: 100vh
}

*,:after,:before {
    box-sizing: border-box
}

:active,:focus,button:focus,input:focus {
    outline: none
}

a {
    color: var(--TextPrimary)
}

.wrapper {
    position: relative
}

.app__content-ready .wrapper {
    display: flex;
    flex-direction: column;
    min-height: var(--viewport-height)
}

.app__layout--desktop .wrapper {
    height: 100%;
    overflow: hidden
}

@media (max-width: 1024px) {
}

:root {
    --device-unit-100vh: 100vh;
    --viewport-height: 100%
}

@supports (height: 100dvh) {
    :root {
        --device-unit-100vh:100dvh
    }
}

.cms__content {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .25px;
    flex: 1
}

.cms__content p:not(.rules__item-text):not(.special__text):not(.rules__section-title) {
    padding: 0 8px 16px;
    margin: 0
}

.cms__content p:last-of-type {
    padding-bottom: 0
}

.cms__content .special {
    background-color: var(--OpacityLayer1);
    border-radius: var(--BorderRadius)
}

.cms__content .special__content {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    position: relative
}

html.app__layout--desktop .cms__content .special__content {
    -webkit-line-clamp: 4
}

.cms__content .special__title {
    margin: 0 0 8px;
    color: var(--TextPrimary)
}

.cms__content .special__title--h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: normal
}

.cms__content .special__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .25px;
    color: var(--TextSecondary);
    padding: 0;
    margin: 0 0 16px
}

@media (max-width: 320px) {
    .cms__content .special__text {
        font-size:13px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: normal
    }
}

@media (max-width: 320px) {
}

@media (hover: hover) and (pointer:fine) {
}

.cms__content .special--collapsed .special__content {
    overflow: visible;
    -webkit-line-clamp: unset
}

.cms__content .special--collapsed .special__content:before {
    content: none
}

html.app__layout--desktop .cms__content .special--collapsed .special__content {
    -webkit-line-clamp: unset
}

html.app__layout--desktop .cms__content .special {
    padding: 16px 16px 8px
}

@media (max-width: 320px) {
}

@media (hover: hover) and (pointer:fine) {
}

html.app__layout--desktop .cms__content h1 {
    padding: 0
}

html.app__layout--desktop .cms__content p:not(.rules__item-text):not(.rules__section-title):not(.special__text) {
    padding: 0 8px 16px
}

html.app__layout--desktop .cms__content {
    padding-bottom: 0
}

@keyframes slide-in-from-top {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slide-out-to-top {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes slide-right-to-left {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes vanish-in {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: translate(-50%,-50%) scale(2);
        transform-origin: 50% 50%
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
        transform-origin: 50% 50%
    }
}

@keyframes text-scale {
    50% {
        transform: scale(1.2)
    }
}

@keyframes ripple {
    0% {
        transform: translate(-50%,-50%) scale(0)
    }

    40% {
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-50%) scale(1)
    }
}

@keyframes opacity-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes overlay {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1
    }
}

@keyframes explosion-pop {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}