/**
 * ============================================================================
 * LEON866.BET — ARQUITETURA DE DESIGN TOKENS (:root) & SKELETON APP SHELL
 * Extraído, desminificado e organizado em arquivo dedicado (tokens-and-skeleton.css)
 * ============================================================================
 */

html {
  -webkit-text-size-adjust:100%;
  line-height:1.15
}

body {
  margin:0
}

main {
  display:block
}

h1 {
  margin:.67em 0;
  font-size:2em
}

hr {
  box-sizing:initial;
  height:0;
  overflow:visible
}

pre {
  font-family:monospace;
  font-size:1em
}

a {
  background-color:initial
}

abbr[title] {
  text-decoration:underline;
  border-bottom:none;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

b,strong {
  font-weight:bolder
}

code,kbd,samp {
  font-family:monospace;
  font-size:1em
}

small {
  font-size:80%
}

sub,sup {
  vertical-align:initial;
  font-size:75%;
  line-height:0;
  position:relative
}

sub {
  bottom:-.25em
}

sup {
  top:-.5em
}

img {
  border-style:none
}

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

button,input {
  overflow:visible
}

button,select {
  text-transform:none
}

[type=button],[type=reset],[type=submit],button {
  -webkit-appearance:button
}

[type=button]::-moz-focus-inner {
  border-style:none;
  padding:0
}

[type=reset]::-moz-focus-inner {
  border-style:none;
  padding:0
}

[type=submit]::-moz-focus-inner {
  border-style:none;
  padding:0
}

button::-moz-focus-inner {
  border-style:none;
  padding:0
}

[type=button]:-moz-focusring {
  outline:1px dotted buttontext
}

[type=reset]:-moz-focusring {
  outline:1px dotted buttontext
}

[type=submit]:-moz-focusring {
  outline:1px dotted buttontext
}

button:-moz-focusring {
  outline:1px dotted buttontext
}

fieldset {
  padding:.35em .75em .625em
}

legend {
  box-sizing:border-box;
  color:inherit;
  white-space:normal;
  max-width:100%;
  padding:0;
  display:table
}

progress {
  vertical-align:initial
}

textarea {
  overflow:auto
}

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

[type=number]::-webkit-inner-spin-button {
  height:auto
}

[type=number]::-webkit-outer-spin-button {
  height:auto
}

[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

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

details {
  display:block
}

summary {
  display:list-item
}

[hidden],template {
  display:none
}

:root {
  --StatusbarHeight:0px;
  --NavbarHeight:0px
}

@media (display-mode:standalone) {
:root {
  --StatusbarHeight:env(safe-area-inset-top)
}


}

:root {
  --White:#fff;
  --Black:#000;
  --Invert:var(--White);
  --StaticWhite100:#fff;
  --StaticWhite10:#ffffff1a;
  --StaticWhite15:#ffffff26;
  --StaticWhite04:#ffffff0a;
  --StaticWhite06:#ffffff0f;
  --StaticWhite20:#fff3;
  --StaticWhite50:#ffffff80;
  --StaticWhite60:#fff9;
  --StaticWhite70:#ffffffb3;
  --StaticWhite80:#fffc;
  --StaticWhite0:#fff0;
  --StaticBlack0:#0000;
  --StaticBlack10:#0000001a;
  --StaticBlack15:#00000026;
  --StaticBlack20:#0003;
  --StaticBlack50:#00000080;
  --StaticBlack70:#000000b3;
  --StaticBlack90:#000000e6;
  --StaticBlack100:#000;
  --DLayer0Base:11,13,14;
  --DLayer1Base:34,38,42;
  --DLayer2Base:50,56,62;
  --DLayer0:rgba(var(--DLayer0Base),1);
  --DOpacityLayer0:rgba(var(--DLayer0Base),.7);
  --DLayer1:rgba(var(--DLayer1Base),1);
  --DOpacityLayer1:#22262a80;
  --DFullOpacityLayer1:#22262a00;
  --DLayer2:rgba(var(--DLayer2Base),1);
  --DOpacityLayer2:rgba(var(--DLayer2Base),.4);
  --DHighlight:#4c555e;
  --DTextDefault:#f9fafa;
  --DTextPrimary:#cfd4d8;
  --DTextSecondary:#abb2ba;
  --DLegacyButton:#22262a;
  --DErrorDefault:#d92626;
  --DErrorHighlight:#e83030;
  --DErrorField:#fa9e9e26;
  --DErrorText:#fa9e9e;
  --DLegacyGreen:#32d74b;
  --DAlertDefault:#ffd60a;
  --DAlertDefaultOpacity:#ffd60a33;
  --DAlertHighlight:#ffdc2e;
  --DAlertText:#ffea85;
  --DAlertButtonText:#0b0d0e;
  --DOTextSecondary:#abb2ba1a;
  --DAltDefault:#0a84ff;
  --DAltHighlight:#39f;
  --DMint:#1fada2;
  --DShadow:#0000004d;
  --DBelow:#0b0d0e;
  --DSkeletonOpacity:#0003;
  --DSkeletonLoading:linear-gradient(90deg,#0000,#0000001a 50%,#0000);
  --DPinkHighlight:#ff6680;
  --DLoyaltyLevelLayer:#0b0d0e;
  --DYellow:#d99e08;
  --DYellowShadow:#d99e0880;
  --DPurple:#6448ff;
  --DPurpleShadow:#6448ff80;
  --DSwitcherShadow:#fff3;
  --DAccentGradient:linear-gradient(180deg,#5c5c5c80 0%,rgba(var(--DLayer2Base),0) 70%);
  --DAccentLevel1:#ffffff1a;
  --DAccentLevel2:#6b6c6d33;
  --DAccentLevel3:#ffffff26;
  --LLayer0Base:241,242,244;
  --LLayer1Base:255,255,255;
  --LLayer2Base:238,240,241;
  --LLayer0:rgba(var(--LLayer0Base),1);
  --LOpacityLayer0:rgba(var(--LLayer0Base),.7);
  --LLayer1:rgba(var(--LLayer1Base),1);
  --LOpacityLayer1:#ffffff80;
  --LFullOpacityLayer1:#fff0;
  --LLayer2:rgba(var(--LLayer2Base),1);
  --LOpacityLayer2:#eef0f166;
  --LHighlight:#d5d9dd;
  --LTextDefault:#050506;
  --LTextPrimary:#2e3338;
  --LTextSecondary:#49525a;
  --LLegacyButton:#dde0e3;
  --LErrorDefault:#e23636;
  --LErrorHighlight:#e51919;
  --LErrorField:#e4676726;
  --LErrorText:#e46767;
  --LLegacyGreen:#34c759;
  --LAlertDefault:#ffbf00;
  --LAlertDefaultOpacity:#ffbf0033;
  --LAlertHighlight:#ffc61a;
  --LAlertText:#e5ad06;
  --LAlertButtonText:#0b0d0e;
  --LOTextSecondary:#49525a1a;
  --LAltDefault:#007aff;
  --LAltHighlight:#0062cc;
  --LMint:#1fada2;
  --LShadow:#54545426;
  --LBelow:#d5d9dd;
  --LSkeletonOpacity:#fff3;
  --LSkeletonLoading:linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0);
  --LPinkHighlight:#ff6680;
  --LLoyaltyLevelLayer:#f1f2f4;
  --LYellow:#e2ae18;
  --LYellowShadow:#d99e0880;
  --LPurple:#5a3eff;
  --LPurpleShadow:#6448ff80;
  --LGreenShadow:#169c5980;
  --LSwitcherShadow:#0003;
  --LAccentGradient:linear-gradient(0deg,#fff0,#ffffff80 70%);
  --LAccentLevel1:#ffffff80;
  --LAccentLevel2:#fff3;
  --LAccentLevel3:#ffffff26;
  --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:#1fada2;
  --BadgeColorInvert:var(--Black);
  --BadgeBgInvert:var(--White);
  --Shadow:var(--DShadow);
  --Below:var(--DBelow);
  --SkeletonOpacity:var(--DSkeletonOpacity);
  --SkeletonLoading:var(--DSkeletonLoading);
  --PinkHighLight:var(--DPinkHighlight);
  --LoyaltyLevelLayer:var(--DLoyaltyLevelLayer);
  --Yellow:#d99e08;
  --YellowShadow:var(--DYellowShadow);
  --Purple:#6448ff;
  --PurpleShadow:var(--DPurpleShadow);
  --SwitcherShadow:var(--DSwitcherShadow);
  --AccentGradient:var(--DAccentGradient);
  --AccentLevel1:var(--DAccentLevel1);
  --AccentLevel2:var(--DAccentLevel2);
  --AccentLevel3:var(--DAccentLevel3);
  --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(110.7deg,#49ebf5 -9.14%,#04db19b3 136.77%);
  --AndroidTextDefault:var(--DTextDefault);
  --AndroidTextPrimary:var(--DTextPrimary);
  --AndroidBackgroundItem:linear-gradient(287.52deg,#0b0d0e 4.81%,#22262a 86.39%);
  --AndroidButtonHover:linear-gradient(110.7deg,#49ebf5 -9.14%,#04db19b3 136.77%);
  --AndroidLandingBg:#0b0d0e;
  --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(10%) sepia(17%) saturate(531%) hue-rotate(169deg) brightness(91%) contrast(88%);
  --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;
  --AvatarShadow:0 1px 2px 0 var(--StaticBlack15),0 0 6px 0 var(--StaticBlack10);
  --ModalHeaderShadow:0 .66px 0 var(--Below);
  --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;
  --BorderRadius:5px;
  --MainFontFamily:"Roboto",sans-serif;
  --BodyBackgroundColor:var(--Layer0);
  --BodyColor:var(--TextDefault);
  --LanguageItemHoverColor:var(--Layer2);
  --HighlightedText:var(--AlertText);
  --RewardCenterBg:radial-gradient(142.91% 100% at 100% 100%,#4e26ec40 0%,#4e26ec00 100%),#22262a;
  --ReferralPageBg:radial-gradient(142.91% 100% at 100% 100%,#1f91ad40 0%,#1f91ad00 100%),#22262a;
  --buttonBgPrem:linear-gradient(123deg,#fcecc2 13.34%,#eac885 86.74%);
  --buttonBgPremHover:linear-gradient(123deg,#fef7e7 13.34%,#f2deb5 86.74%);
  --buttonBgPremPressed:linear-gradient(123deg,#fcecc2 13.34%,#eac885 86.74%);
  --buttonBoxShadowPressed:inset 0 0 0 2px #ebebebcc;
  --Orange:#d96208;
  --Grey1:#88919a;
  --Pink:#963eff;
  --Grey2:#6a737c;
  --BlueLight:#0ac0ff;
  --SnackbarBackground:#fffc;
  --SnackbarBrand:#169c59;
  --SnackbarBrandOpacity:#169c5933;
  --SnackbarRed:#e46767;
  --SnackbarYellow:#e5ad06;
  --SnackbarModalShadow:linear-gradient(0deg,#0000004d,#0000004d);
  --VpnStrokeDefault:#fff;
  --VpnStrokeSecondary:#fff;
  --StatsA:#37f;
  --StatsB:#f37;
  --StatsDraw:#5c573d;
  --BasedOnSportTextDefault:#fff;
  --BasedOnSportTextColored:#fff;
  --CutomHomePageRunnerBg:var(--Layer1);
  --CutomHomePageTopMatchBgOverlay:#000000b3;
  --CutomHomePageTopMatchBgGradient:linear-gradient(180deg,#22262a,#0e1011);
  --BrandDefault:#1fad66;
  --BrandDefaultOpacity00:#1fad6600;
  --BrandDefaultOpacity02:#1fad6633;
  --BrandDefaultOpacity05:#1fad6680;
  --OpacityBrandDefault:#1fad6633;
  --BrandHighlight:#1cd478;
  --OpacityBrandHighlight:#1cd47880;
  --BrandText:#fff;
  --BrandDefaultShadow:#1fad6680;
  --DBrandDefault:#1fad66;
  --DBrandHighlight:#1cd478;
  --DBrandText:#fff;
  --DOpacityBrandDefault:#1fad6633;
  --CardShadow1:#0000007a;
  --CardShadow2:#0000004a;
  --CardShadow3:#00000030;
  --Stats1:#37f;
  --StatsX:#5c573d;
  --Stats2:#f37;
  --StrokeDynamic:#ffffff4d;
  --StrokeInverted:#0000004d;
  --StrokeStatic:#ffffff4d;
  --OverlayBetslip:#0b0d0eb3;
  --OverlayHardInverted:#fffffff2;
  --HeaderDesktop:var(--DLayer1);
  --HeaderDesktopLayer:var(--DLayer2);
  --HeaderMobile:var(--DLayer1);
  --HeaderMobileLayer:var(--DLayer2);
  --TabbarColorContainer:#fff0;
  --TabbarColorContainerStroke:#fff0;
  --TabbarColorActive:#fff0;
  --TabbarColorNavbar:var(--DLayer1);
  --ColorAlpha0:#fff0;
  --ColorAlpha5:#ffffff0d;
  --ColorAlpha10:#ffffff1a;
  --ColorAlpha15:#ffffff26;
  --ColorAlpha20:#fff3;
  --ColorAlpha30:#ffffff4d;
  --ColorAlpha40:#fff6;
  --ColorAlpha50:#ffffff80;
  --ColorAlpha60:#fff9;
  --ColorAlpha70:#ffffffb3;
  --ColorAlpha80:#fffc;
  --ColorAlpha90:#ffffffe6;
  --ColorAlpha100:#fff;
  --ColorBaseAlpha0:#0000;
  --ColorBaseAlpha15:#00000026;
  --ColorBaseAlpha30:#0000004d;
  --ColorBaseAlpha70:#000000b3
}

:root.app__theme--light {
  --Invert:var(--Black);
  --Layer0Base:var(--LLayer0Base);
  --Layer1Base:var(--LLayer1Base);
  --Layer2Base:var(--LLayer2Base);
  --Layer0:var(--LLayer0);
  --Layer1:var(--LLayer1);
  --Layer2:var(--LLayer2);
  --OpacityLayer0:var(--LOpacityLayer0);
  --OpacityLayer1:var(--LOpacityLayer1);
  --OpacityLayer2:var(--LOpacityLayer2);
  --FullOpacityLayer1:var(--LFullOpacityLayer1);
  --Highlight:var(--LHighlight);
  --TextDefault:var(--LTextDefault);
  --TextPrimary:var(--LTextPrimary);
  --TextSecondary:var(--LTextSecondary);
  --LegacyButton:var(--LLegacyButton);
  --ErrorDefault:var(--LErrorDefault);
  --ErrorHighlight:var(--LErrorHighlight);
  --ErrorField:var(--LErrorField);
  --ErrorText:var(--LErrorText);
  --LegacyGreen:var(--LLegacyGreen);
  --AlertDefault:var(--LAlertDefault);
  --AlertDefaultOpacity:var(--LAlertDefaultOpacity);
  --AlertHighlight:var(--LAlertHighlight);
  --AlertText:var(--LAlertText);
  --AlertButtonText:var(--LAlertButtonText);
  --OpacityTextSecondary:var(--LOTextSecondary);
  --AltDefault:var(--LAltDefault);
  --AltHighlight:var(--LAltHighlight);
  --Mint:#169c95;
  --BadgeColorInvert:var(--LLayer2);
  --BadgeBgInvert:var(--LTextDefault);
  --Shadow:var(--LShadow);
  --Below:var(--LBelow);
  --SkeletonOpacity:var(--LSkeletonOpacity);
  --SkeletonLoading:var(--LSkeletonLoading);
  --PinkHighLight:var(--LPinkHighlight);
  --LoyaltyLevelLayer:var(--LLoyaltyLevelLayer);
  --Yellow:#e2ae18;
  --YellowShadow:var(--LYellowShadow);
  --Purple:#5a3eff;
  --PurpleShadow:var(--LPurpleShadow);
  --ProgressGreen:#169c59;
  --ProgressGreenShadow:var(--LGreenShadow);
  --SwitcherShadow:var(--LSwitcherShadow);
  --AccentGradient:var(--LAccentGradient);
  --AccentLevel1:var(--LAccentLevel1);
  --AccentLevel2:var(--LAccentLevel2);
  --AccentLevel3:var(--LAccentLevel3);
  --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(110.7deg,#49ebf5 -9.14%,#04db19b3 136.77%);
  --AndroidTextDefault:var(--DTextDefault);
  --AndroidTextPrimary:var(--DTextPrimary);
  --AndroidBackgroundItem:linear-gradient(287.52deg,#0b0d0e 4.81%,#22262a 86.39%);
  --AndroidButtonHover:linear-gradient(110.7deg,#49ebf5 -9.14%,#04db19b3 136.77%);
  --AndroidLandingBg:#0b0d0e;
  --EgsCategoriesIconFilter:invert(14%) sepia(7%) saturate(1201%) hue-rotate(169deg) brightness(97%) contrast(83%);
  --EgsCategoriesIconHover:invert(1%) sepia(5%) saturate(1592%) hue-rotate(201deg) brightness(105%) contrast(98%);
  --EgsCategoriesIconActive:invert(93%) sepia(0%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(107%);
  --EgsOverlayBarColor:#ffffffb3;
  --EgsBlurredImageBackground:linear-gradient(0deg,var(--Layer0) 0%,#f1f2f480 100%);
  --OverlayL0Color:#171a1cbf;
  --TabShadow:0 -.66px 0 #d5d9dd;
  --FloatingTopBarShadow:0 8px 16px #5454544d;
  --FloatingTopBarShadowFilter:drop-shadow(0 8px 16px #5454544d);
  --BreadcrumbBoxShadow:8px 0 8px #54545426;
  --ModalHeaderShadow:none;
  --FooterIconFilter:invert(31%) sepia(22%) saturate(270%) hue-rotate(167deg) brightness(93%) contrast(92%);
  --ShowcaseItemStripeBgColor:#ffffff26;
  --ShowcaseNameColor:var(--White);
  --TooltipBackground:#000000f2;
  --ToggleVisibleInDarkInlineBlock:none;
  --ToggleVisibleInLightInineBlock:inline-block;
  --ToggleVisibleInDarkBlock:none;
  --ToggleVisibleInLightBlock:block;
  --LanguageItemHoverColor:var(--Highlight);
  --RewardCenterBg:radial-gradient(145.73% 100% at 100% 100%,#4e26ec1a 0%,#4e26ec00 100%),#fff;
  --ReferralPageBg:radial-gradient(142.91% 100% at 100% 100%,#1f91ad40 0%,#1f91ad00 100%),#fff;
  --buttonBgPrem:linear-gradient(123deg,#dbc7a8 13.34%,#caab7d 86.74%);
  --buttonBgPremHover:linear-gradient(123deg,#eadecc 13.34%,#d6bd9a 86.74%);
  --buttonBgPremPressed:linear-gradient(123deg,#dbc7a8 13.34%,#caab7d 86.74%);
  --buttonBoxShadowPressed:inset 0 0 0 2px #fffc;
  --Orange:#e27218;
  --Grey1:#878787;
  --Pink:#963eff;
  --Grey2:#696969;
  --BlueLight:#00b6ff;
  --SnackbarBackground:#000000a6;
  --SnackbarBrand:#1fad66;
  --SnackbarBrandOpacity:#1fad6633;
  --SnackbarRed:#fa9e9e;
  --SnackbarYellow:#ffea85;
  --SnackbarModalShadow:#54545426;
  --VpnStrokeDefault:#c8c8c8;
  --VpnStrokeSecondary:#000;
  --BasedOnSportTextDefault:#000;
  --BasedOnSportTextColored:#fff;
  --StatsDraw:#999166;
  --CutomHomePageRunnerBg:var(--Layer2);
  --CutomHomePageTopMatchBgOverlay:#fff9;
  --CutomHomePageTopMatchBgGradient:linear-gradient(180deg,#fff,#ced8e2);
  --BrandDefault:#169c59;
  --BrandDefaultOpacity00:#169c5900;
  --BrandDefaultOpacity02:#169c5933;
  --BrandDefaultOpacity05:#169c5980;
  --OpacityBrandDefault:#169c5933;
  --BrandHighlight:#0d8247;
  --OpacityBrandHighlight:#0d824780;
  --BrandText:#fff;
  --BrandDefaultShadow:#169c5980;
  --DBrandDefault:#1fad66;
  --DBrandHighlight:#1cd478;
  --DBrandText:#fff;
  --DOpacityBrandDefault:#1fad6633;
  --CardShadow1:#00000029;
  --CardShadow2:#0000001a;
  --CardShadow3:#0000000f;
  --Stats1:#37f;
  --StatsX:#999166;
  --Stats2:#f37;
  --StrokeDynamic:#0000004d;
  --StrokeInverted:#ffffff4d;
  --StrokeStatic:#ffffff4d;
  --OverlayBetslip:#49525ab3;
  --OverlayHardInverted:#000000f2;
  --HeaderDesktop:var(--DLayer1);
  --HeaderDesktopLayer:var(--DLayer2);
  --HeaderMobile:var(--DLayer1);
  --HeaderMobileLayer:var(--DLayer2);
  --TabbarColorContainer:#fff0;
  --TabbarColorContainerStroke:#fff0;
  --TabbarColorActive:#fff0;
  --TabbarColorNavbar:var(--LLayer1);
  --ColorAlpha0:#0000;
  --ColorAlpha5:#0000000d;
  --ColorAlpha10:#0000001a;
  --ColorAlpha15:#00000026;
  --ColorAlpha20:#0003;
  --ColorAlpha30:#0000004d;
  --ColorAlpha40:#0006;
  --ColorAlpha50:#00000080;
  --ColorAlpha60:#0009;
  --ColorAlpha70:#000000b3;
  --ColorAlpha80:#000c;
  --ColorAlpha90:#000000e6;
  --ColorAlpha100:#000;
  --ColorBaseAlpha0:#fff0;
  --ColorBaseAlpha15:#ffffff26;
  --ColorBaseAlpha30:#ffffff4d;
  --ColorBaseAlpha70:#ffffffb3
}

:root {
  --RadiusGlobalRounded:1000px;
  --RadiusGlobalLayer1:5px;
  --RadiusGlobalLayer2:5px;
  --RadiusButtonDefault:5px;
  --RadiusButtonSmall:4px;
  --RadiusInputCheckbox:5px;
  --RadiusInputDefault:5px;
  --RadiusInputDefault2:3px;
  --RadiusSportCoefInline:5px;
  --RadiusAvatarProfile:10px;
  --RadiusModalDefault:10px;
  --RadiusTabbarContainer:0;
  --RadiusTabbarTab:0
}

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

html.skeleton-only-lock:not(.app__content-ready) {
  height:100vh
}

html.skeleton-only-lock:not(.app__content-ready),html.skeleton-only-lock:not(.app__content-ready) body {
  overscroll-behavior:none;
  background-color:var(--Layer1);
  overflow:hidden
}

html.skeleton-only-lock:not(.app__content-ready) body {
  min-height:100vh;
  margin:0
}

html.skeleton-only-lock:not(.app__content-ready) #app {
  display:none
}

.skeleton {
  background-color:var(--Layer0);
  flex-direction:column;
  width:100%;
  height:100dvh;
  display:flex
}

.skeleton-header {
  padding-top:var(--StatusbarHeight);
  background-color:var(--DLayer1)
}

.skeleton-header__wrapper {
  justify-content:space-between;
  align-items:center;
  max-width:1440px;
  height:48px;
  margin:0 auto;
  padding:0 8px 0 0;
  display:flex
}

@media (min-width:768px) {
.skeleton-header__wrapper {
  height:56px;
  padding:0 16px
}


}

@media (min-width:1280px) {
.skeleton-header__wrapper {
  height:56px;
  padding:0 16px
}


}

.skeleton-header__burger,.skeleton-header__left {
  align-items:center;
  display:flex
}

.skeleton-header__burger {
  justify-content:center;
  width:44px;
  height:48px
}

@media (min-width:768px) {
.skeleton-header__burger {
  width:52px;
  height:56px;
  display:flex
}


}

@media (min-width:1025px) {
.skeleton-header__burger {
  display:none
}


}

.skeleton-header__logo {
  width:78px;
  height:16px
}

@media (min-width:768px) {
.skeleton-header__logo {
  width:106px;
  height:22px
}


}

@media (min-width:1280px) {
.skeleton-header__logo {
  width:106px;
  height:22px
}


}

.skeleton-header__logo-image {
  width:100%;
  height:100%
}

.skeleton-header__right {
  display:flex
}

.skeleton-header__button {
  border-radius:5px;
  height:32px;
  margin-left:16px
}

@media (min-width:768px) {
.skeleton-header__button {
  margin-left:16px
}


}

.skeleton-header__button--login {
  background-color:var(--DLayer2);
  opacity:1;
  width:64px
}

@media (min-width:768px) {
.skeleton-header__button--login {
  width:74px
}


}

.skeleton-header__button--registration {
  background-color:var(--DBrandDefault);
  opacity:.2;
  width:93px
}

@media (min-width:768px) {
.skeleton-header__button--registration {
  width:121px
}


}

.app__platform--cordova .skeleton-header,.skeleton-nav {
  display:none
}

@media (min-width:768px) {
.skeleton-nav {
  margin-left:16px;
  display:flex
}


}

.skeleton-nav__item {
  background-color:var(--DLayer2);
  opacity:1;
  border-radius:5px;
  width:72px;
  height:10px;
  margin:0 12px
}

.skeleton-content {
  flex:1 0 auto;
  justify-content:center;
  align-items:center;
  padding:0 60px;
  display:flex
}

.skeleton-content--with-sidebar {
  max-height:100vh
}

@media (min-width:768px) {
.skeleton-content--with-sidebar {
  max-height:calc(100vh - 112px)
}


}

@media (min-width:1280px) {
.skeleton-content--with-sidebar {
  max-height:calc(100vh - 148px)
}


}

.skeleton-content--web-view {
  justify-content:center;
  align-items:center;
  width:100%;
  height:100vh;
  padding:0;
  display:flex
}

.skeleton-content__logo {
  width:200px;
  height:auto;
  color:var(--Highlight)
}

@media (min-width:375px) {
.skeleton-content__logo {
  width:255px
}


}

@media (min-width:768px) {
.skeleton-content__logo {
  width:260px
}


}

.skeleton-content__logo svg {
  object-fit:cover;
  width:100%;
  height:100%;
  display:block
}

.skeleton-content__logo-color {
  fill:var(--Highlight)
}

.skeleton-content__logo--web-view {
  aspect-ratio:255/241;
  width:calc(100% - 216px);
  margin:auto
}

.skeleton-content-wrapper {
  flex:1 0 auto;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0;
  display:flex
}

@media (min-width:768px) {
.skeleton-content-wrapper {
  gap:32px;
  padding:24px 16px 0
}


}

@media (min-width:1280px) {
.skeleton-content-wrapper {
  gap:48px;
  padding:32px 24px 0
}


}

.skeleton-sidebar {
  flex-direction:column;
  gap:16px;
  display:none
}

@media (min-width:768px) {
.skeleton-sidebar {
  display:flex
}


}

.skeleton-sidebar-block {
  background-color:var(--ColorBackground2);
  border-radius:16px;
  flex-direction:column;
  gap:12px;
  width:80px;
  padding:16px 12px;
  display:flex;
  overflow:hidden;
  box-shadow:0 .272px .589px #00000003,0 .751px 1.628px #00000005,0 1.809px 3.919px #00000008,0 6px 13px #0000000a
}

@media (min-width:1280px) {
.skeleton-sidebar-block {
  width:240px
}


}

.skeleton-sidebar-block__item {
  opacity:.1;
  align-items:center;
  gap:16px;
  padding:12px 16px;
  display:flex
}

.skeleton-sidebar-block__item-icon {
  background-color:var(--ColorContent1);
  border-radius:50%;
  width:20px;
  height:20px
}

.skeleton-sidebar-block__item-text {
  background-color:var(--ColorContent1);
  border-radius:64px;
  width:91px;
  height:8px;
  display:none
}

@media (min-width:1280px) {
.skeleton-sidebar-block__item-text {
  display:block
}


}

.skeleton-footer {
  height:52px;
  padding:0
}

@media (max-width:374px) {
.skeleton-footer {
  height:52px
}


}

@media (min-width:768px) {
.skeleton-footer {
  display:none
}


}

.skeleton-footer-nav {
  background-color:var(--Layer1);
  border-radius:0;
  grid-template-columns:repeat(5,1fr);
  height:100%;
  padding:6px 0 0;
  display:grid
}

.skeleton-footer-nav__holder {
  opacity:1;
  flex-direction:column;
  align-items:center;
  width:auto;
  display:flex
}

.skeleton-footer-nav__item {
  background-color:var(--Layer2);
  border-radius:50%;
  justify-self:center;
  width:24px;
  height:24px;
  margin-top:0
}

.skeleton-footer-nav__sub-item {
  background-color:var(--Layer2);
  border-radius:5px;
  width:32px;
  height:6px;
  margin-top:6px
}

.app__platform--cordova .skeleton-footer {
  display:none
}

.skeleton-loading {
  position:relative;
  overflow:hidden
}

.skeleton-loading:after {
  content:"";
  will-change:transform;
  background:linear-gradient(90deg,#fff0,#ffffff0d 50%,#fff0);
  width:100%;
  height:100%;
  animation:1.5s infinite loading;
  display:block;
  position:absolute;
  top:0;
  transform:translate(-100%)
}

.app__content-ready .skeleton {
  display:none
}

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


}