html {
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

a {
    background-color: initial
}

img {
    border-style: none
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button {
    text-transform: none
}

[type=button] {
    -webkit-appearance: button
}

[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

: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), 0.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;
    --DButton: #232c3b;
    --DErrorDefault: #d92626;
    --DErrorHighlight: #e83030;
    --DErrorField: #fa9e9e26;
    --DErrorText: #fa9e9e;
    --DGreen: #30b715;
    --DAlertDefault: #ffd60a;
    --DAlertHighlight: #ffdc2e;
    --DAlertText: #ffea85;
    --DAlertButtonText: #0b0d0e;
    --DOTextSecondary: #abb2ba1a;
    --DBlue: #3498fe;
    --DBlueHighlight: #5dadfe;
    --DMint: #1fada2;
    --DModalShadow: #0000004d;
    --DBelow: #0b0d0e;
    --DSkeletonOpacity: #0003;
    --DSkeletonLoading: linear-gradient(90deg, #0000, #0000001a 50%, #0000);
    --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), 0.7);
    --LLayer1: rgba(var(--LLayer1Base), 1);
    --LOpacityLayer1: #f3f6f980;
    --LFullOpacityLayer1: #eff6fd00;
    --LLayer2: #dbe3eb;
    --LOpacityLayer2: #dbe3eb66;
    --LHighlight: #c9d6e3;
    --LTextDefault: #00050a;
    --LTextPrimary: #484d53;
    --LTextSecondary: #49525a;
    --LButton: #f3f6f9;
    --LErrorDefault: #e23636;
    --LErrorHighlight: #e51919;
    --LErrorField: #e4676726;
    --LErrorText: #e46767;
    --LGreen: #37ac20;
    --LAlertDefault: #ffbf00;
    --LAlertHighlight: #ffc61a;
    --LAlertText: #e5ad06;
    --LAlertButtonText: #0b0d0e;
    --LOTextSecondary: #49525a1a;
    --LBlue: #3499fe;
    --LBlueHighlight: #0180fe;
    --LMint: #1fada2;
    --LModalShadow: #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);
    --Button: var(--DButton);
    --ErrorDefault: var(--DErrorDefault);
    --ErrorHighlight: var(--DErrorHighlight);
    --ErrorField: var(--DErrorField);
    --ErrorText: var(--DErrorText);
    --Green: var(--DGreen);
    --AlertDefault: var(--DAlertDefault);
    --AlertHighlight: var(--DAlertHighlight);
    --AlertText: var(--DAlertText);
    --AlertButtonText: var(--DAlertButtonText);
    --OpacityTextSecondary: var(--DOTextSecondary);
    --Blue: var(--DBlue);
    --BlueHighlight: var(--DBlueHighlight);
    --Mint: var(--DMint);
    --BadgeColorInvert: var(--Black);
    --BadgeBgInvert: var(--White);
    --ModalShadow: var(--DModalShadow);
    --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);
    --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-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);
    --Mint: #1fada2;
    --Orange: #d96208;
    --Grey1: #88919a;
    --Yellow: #d99e08;
    --Pink: #963eff;
    --Purple: #6448ff;
    --Grey2: #6a737c;
    --BlueLight: #0ac0ff;
    --SnackbarBackground: #fbfcfecc;
    --SnackbarBrand: #2a84fe;
    --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
}

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

html:not(.app__content-ready) {
    height: 100vh;
    overflow: hidden;
    background-color: var(--Layer0)
}

html:not(.app__content-ready) body {
    min-height: 100vh;
    margin: 0;
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes loading {
    to {
        transform: translateX(100%)
    }
}


[data-scrollbar] {
    display: block;
    position: relative
}

.scroll-content {
    -webkit-transform: translate3d(0, 0, 0)
}

.scrollbar-track {
    position: absolute;
    opacity: 0;
    z-index: 1;
    background: rgba(222, 222, 222, .75);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.5s 0.5s ease-out;
    transition: opacity 0.5s 0.5s ease-out
}

.scrollbar-track.show,
.scrollbar-track:hover {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.scrollbar-track-x {
    bottom: 0;
    left: 0;
    width: 100%
}

.scrollbar-track-y {
    top: 0;
    right: 0;
    height: 100%
}

.scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 4px
}


iframe#intercom-frame {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    top: 0 !important;
    left: 0 !important;
    border: none !important;
    display: block !important;
    z-index: -1 !important
}


@font-face {
    font-family: intercom-font;
    src:
        /* original URL: https://fonts.intercomcdn.com/messenger-m4/proximanova-regular.woff */
        url(../fonts/52.woff)format("woff")
}

@font-face {
    font-family: intercom-font;
    src:
        /* original URL: https://fonts.intercomcdn.com/messenger-m4/proximanova-semibold.woff */
        url(../fonts/53.woff)format("woff");
    font-weight: bold
}

@font-face {
    font-family: intercom-font;
    src:
        /* original URL: https://fonts.intercomcdn.com/messenger-m4/proximanova-regular-italic.woff */
        url(../fonts/54.woff)format("woff");
    font-style: italic
}

@font-face {
    font-family: intercom-font;
    src:
        /* original URL: https://fonts.intercomcdn.com/messenger-m4/proximanova-semibold-italic.woff */
        url(../fonts/55.woff)format("woff");
    font-weight: bold;
    font-style: italic
}

.intercom-namespace div,
.intercom-namespace iframe {
    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size-adjust: none;
    font-size: 100%;
    font-style: normal;
    letter-spacing: normal;
    font-stretch: normal;
    font-variant: normal;
    font-weight: normal;
    text-align-last: initial;
    text-decoration: none;
    text-emphasis: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    alignment-baseline: baseline;
    animation-play-state: running;
    backface-visibility: visible;
    background-color: transparent;
    background-image: none;
    baseline-shift: baseline;
    border: 0px none transparent;
    border-radius: 0px;
    inset: auto;
    box-decoration-break: slice;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto;
    column-fill: balance;
    column-gap: normal;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    dominant-baseline: auto;
    empty-cells: show;
    float: none;
    height: auto;
    hyphenate-character: auto;
    hyphens: manual;
    image-rendering: auto;
    line-height: inherit;
    list-style: outside none disc;
    margin: 0px;
    max-height: none;
    max-width: none;
    min-height: 0px;
    min-width: 0px;
    opacity: 1;
    orphans: 2;
    outline-offset: 0px;
    overflow: visible;
    padding: 0px;
    page: auto;
    break-after: auto;
    break-before: auto;
    break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    pointer-events: auto;
    position: static;
    quotes: none;
    resize: none;
    size: auto;
    table-layout: auto;
    transform: none;
    transform-origin: 50% 50% 0px;
    transform-style: flat;
    unicode-bidi: normal;
    vertical-align: baseline;
    white-space: normal;
    widows: 2;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    overflow-wrap: normal;
    z-index: auto;
    text-align: start;
    -webkit-font-smoothing: antialiased
}

.intercom-namespace :focus:not(:focus-visible) {
    outline: none
}

.intercom-namespace div {
    display: block
}

.intercom-namespace .intercom-app {
    line-height: 1
}

@media print {
    .intercom-namespace .intercom-app {
        display: none
    }
}


.intercom-namespace .intercom-with-namespace-52k34s {
    user-select: none;
    z-index: 2147483000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
    transform-origin: center center
}

.intercom-namespace .intercom-with-namespace-52k34s:hover {
    transition: transform 250ms cubic-bezier(0.33, 0, 0, 1);
    transform: scale(1.1)
}

.intercom-namespace .intercom-with-namespace-52k34s:active {
    transform: scale(0.85);
    transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1)
}

.intercom-namespace .intercom-with-namespace-r0cx9n {
    z-index: 2147483000;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color-scheme: none;
    background: none;
    filter: drop-shadow(rgba(0, 0, 0, 0.06) 0px 1px 6px) drop-shadow(rgba(0, 0, 0, 0.16) 0px 2px 32px)
}


.sf-hidden {
    display: none !important
}


img[src="data:,"],
source[src="data:,"] {
    display: none !important
}

.scrollbar_Mh505.scrollbar--flex-fill_2-dzW {

}
.scrollbar_Mh505.scrollbar--flex-fill_2-dzW::-webkit-scrollbar-track {
	background-color: #1c1e27;
}
.scrollbar_Mh505.scrollbar--flex-fill_2-dzW::-webkit-scrollbar {
	width: 0px;
	background-color: #1c1e27;
}
.scrollbar_Mh505.scrollbar--flex-fill_2-dzW::-webkit-scrollbar-thumb {
	background-color: #394f69;
}
.textSeo {
    
}
.textSeo p {
    padding: 0!important;
    line-height: 1.5;
}
.textSeo h1,
.textSeo h2,
.textSeo h3 {
    color: #b6bcc4;
    font-size: 18px;
}
.textSeo h1:first-child,
.textSeo h2:first-child,
.textSeo h3:first-child {
    margin-top: 0;
}
@media (max-width: 1150px) {
    html.app__os--windows .content_XrQyE {
        padding-right: 16px;
    }
    .content-wrap_4hnB5 {
        min-width: 100%;
    }
}
@media (max-width: 767px) {
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 18px;
    }
    .header-bar__info_jWlYq {
        display: none!important;
    }
    html.app__layout--desktop .header-bar__inner_KP5YU {
        min-width: 100%;
    }
    .column__left_IZdgM {
        display: none;
    }
}
@media (max-width: 575px) {
    .horizontal-navigation--hide-overflow_7ZAvZ {
        display: none;
    }
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__swiper-wrapper_UD9lH {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y {
        width: 100%;
    }
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y:nth-child(n+5) {
        display: none!important;
    }
    html.app__layout--desktop .lobby-swiper--type-column-game-large_ieFTc .lobby-swiper__slide_qS79Y {
        display: block;
    }
    html.app__layout--desktop .lobby-swiper--grid-type-column-1_2COgW .lobby-swiper__grid_4VIui {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .swiper_27-6y {
        width: 100%!important;
    }
    html.app__layout--desktop .lobby-swiper__swiper-wrapper_UD9lH {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    html.app__layout--desktop .lobby-swiper--type-column-game-large_ieFTc .lobby-swiper__slide_qS79Y {
        width: 100%;
    }
    html.app__layout--desktop .lobby-swiper--type-column-game-large_ieFTc .lobby-swiper__slide_qS79Y:nth-child(n+3) {
        display: none;
    }
    html.app__layout--desktop .lobby-swiper--type-column-group_NUH1G .lobby-swiper__slide_qS79Y {
        width: 100%;
    }
    html.app__layout--desktop .footer__menu_H1d-5 {
        grid-template-columns: 1fr;
    }
    html.app__layout--desktop .lobby-section-header__title_BG0cv {
        margin: 0;
    }
    html.app__layout--desktop .lobby-section-header__title_BG0cv {
        font-size: 16px;
    }
    .lobby-section-swiper-navigation_2tvOm{
        margin-left: 0;
    }
    html.app__layout--desktop .headline-bn__content_VOmo5 {
        right: auto;
        left: 20px;
    }
    html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__heading_XaWdv {
        font-size: 26px;
    }
    html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__text_iTDrh {
        font-size: 21px;
    }
    html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__content_VOmo5 {
        bottom: auto;
        left: 20px;
        top: 20%;
    }
    html.app__layout--desktop .headline-bn--big-height_S2xc8 .headline-bn__button_1e8IF {
        left: 20px;
        top: 65%;
        bottom: auto;
    }
    html.app__layout--desktop .headline-bn--big-height_S2xc8 {
        min-height: 265px;
    }
}