:root, .light-theme {
  --controlSizeXl:56px;--controlSizeLg:48px;--controlSizeMd:40px;--controlSizeSm:32px;--controlSizeXs:24px;--fontWeightCursiveWeight:400;--fontWeightCursiveStyle:italic;--lineHeightD1:88px;--lineHeightD2:68px;--lineHeightD3:38px;--lineHeightT1:40px;--lineHeightT2:36px;--lineHeightT3:32px;--lineHeightT4:26px;--lineHeightT5:20px;--lineHeightSubtitle1:28px;--lineHeightSubtitle2:24px;--lineHeightSubtitle3:20px;--lineHeightOverline:16px;--lineHeightBody1:24px;--lineHeightBody2:20px;--lineHeightCaption1:16px;--lineHeightCaption2:12px;--fontSizeD1:84px;--fontSizeD2:64px;--fontSizeD3:34px;--fontSizeT1:32px;--fontSizeT2:28px;--fontSizeT3:24px;--fontSizeT4:20px;--fontSizeT5:16px;--fontSizeSubtitle1:22px;--fontSizeSubtitle2:18px;--fontSizeSubtitle3:14px;--fontSizeOverline:12px;--fontSizeBody1:16px;--fontSizeBody2:14px;--fontSizeCaption1:12px;--fontSizeCaption2:10px;--letterSpacingOverline:0.04empx;--borderWidthNone:0px;--boxShadowNone:0 0 0 0 #00000000;--product1Step500:#4474CA;--product1Step700:hsl(218.51 55.833% 37.059%);--product1Step900:hsl(218.51 55.833% 15.882%);--product2Step500:#E0440F;--product2Step700:hsl(15.215 87.448% 32.804%);--product2Step900:hsl(15.215 87.448% 18.745%);--dangerStep500:#D83232;--dangerStep700:hsl(0 68.033% 36.51%);--dangerStep900:hsl(0 68.033% 20.863%);--letterSpacingTitle:0.02empx;--fontFamilyMain:'Open Sans';--fontFamilyTitle:'Open Sans';--fontWeightDefault:400;--fontWeightStrong:600;--baseBorderRadius:8px;--baseBorderWidth:1px;--black:#000000;--white:#FFFFFF;--product1:#4474CA;--product2:#E0440F;--success:#0EA45B;--warning:#FFC700;--danger:#D83232;--info:#4474CA;--alt1:#a04bc4;--alt2:#00BCD4;--alt3:#BD9865;--toneText:#031533;--toneBgNeutral:#5967a6;--toneBgVibrant:#2FACFF;--baseControlSize:40px;--fontWeightTitle:700;--mask:hsl(none 0% 0% / 0.28);--ttPrimary:hsl(217.5 88.889% 10.588% / 0.9);--ttSecondary:hsl(217.5 88.889% 10.588% / 0.7);--ttTertiary:hsl(217.5 88.889% 10.588% / 0.5);--ttQuaternary:hsl(217.5 88.889% 10.588% / 0.3);--ttWhite:#FFFFFF;--ttBlack:#000000;--ttAccent1:#4474CA;--ttAccent2:#E0440F;--ttSuccess:#0EA45B;--ttWarning:#FFC700;--ttDanger:#D83232;--ttInfo:#4474CA;--bgPopupDefault:hsl(none 0% 100%);--bgPopupStrong:hsl(none 0% 100%);--bgNeutralPrimary:hsl(none 0% 100%);--bgNeutralSecondary:hsl(229.09 30.196% 97%);--bgNeutralTertiary:hsl(229.09 30.196% 93%);--bgNeutralQuaternary:hsl(229.09 30.196% 90%);--bgGlassLight:hsl(none 0% 100% / 0.15);--bgGlassDark:hsl(none 0% 0% / 0.15);--fillDefault:hsl(229.09 30.196% 50% / 0.1);--fillLighter:hsl(229.09 30.196% 50% / 0.16);--fillDarker:hsl(229.09 30.196% 50% / 0.2);--fillDisabledDefault:hsl(none 0% 0% / 0.1);--fillDisabledLighter:hsl(none 0% 0% / 0.02);--fillAccent1Default:hsl(218.51 55.833% 52.941% / 0.05);--fillAccent2Default:hsl(15.215 87.448% 46.863% / 0.12);--fillSuccessDefault:hsl(150.8 84.27% 34.902% / 0.12);--fillSuccessLighter:hsl(150.8 84.27% 34.902% / 0.06);--fillDangerDarker:hsl(0 68.033% 52.157% / 0.16);--fillDangerDefault:hsl(0 68.033% 52.157% / 0.1);--fillVibrantDefault:hsl(203.94 100% 59.216% / 0.32);--fillVibrantLighter:hsl(203.94 100% 59.216% / 0.28);--fillVibrantDarker:hsl(203.94 100% 59.216% / 0.36);--brPrimary:hsl(229.09 30.196% 50% / 0.24);--brSecondary:hsl(229.09 30.196% 50% / 0.16);--brWhite:#FFFFFF;--brAccent1:#4474CA;--brAccent2:#E0440F;--brSuccess:#0EA45B;--brWarning:#FFC700;--brDanger:#D83232;--brVibrantPrimary:hsl(203.94 100% 59.216% / 0.36);--brVibrantSecondary:hsl(203.94 100% 59.216% / 0.24);--brDisabledPrimary:hsl(none 0% 0% / 0.12);--brDisabledSecondary:hsl(none 0% 0% / 0.08);--outlineDefault:hsl(15.215 87.448% 46.863% / 0.25);--outlineError:hsl(0 68.033% 52.157% / 0.25);--borderRadiusLg:16px;--borderRadiusMd:8px;--borderRadiusSm:4px;--borderWidthDefault:1px;--borderWidthStrong:2px;--borderWidthOutlineMd:4px;--borderWidthOutlineSm:3px;--borderWidthOutlineXs:2px;--shadowYSm:2px;--shadowYMd:4px;--shadowYLg:8px;--shadowBlurSm:3px;--shadowBlurMd:6px;--shadowBlurLg:12px;--shadowDefault:hsl(none 0% 0% / 0.15);--glowBlur:10px;--glowAccent1Color:hsl(218.51 55.833% 52.941% / 0.48);--bevelPropsLightEdgeYMd:2px;--bevelPropsLightEdgeBlurMd:3px;--bevelPropsLightEdgeColorMd:hsl(none 0% 100% / 0);--bevelPropsDarkEdgeYMd:-2px;--bevelPropsDarkEdgeBlurMd:3px;--bevelPropsDarkEdgeColorMd:hsl(none 0% 0% / 0);--bevelPropsShadowYMd:1px;--bevelPropsShadowBlurMd:2px;--bevelPropsShadowColorMd:hsl(none 0% 0% / 0);--embossPropsLightEdgeY:-1.5px;--embossPropsLightEdgeBlur:4px;--embossPropsLightEdgeColor:hsl(none 0% 100% / 0);--embossPropsDarkEdgeY:2px;--embossPropsDarkEdgeBlur:4px;--embossPropsDarkEdgeColor:hsl(none 0% 0% / 0);--glassBlurMd:48px;--glassBlurSm:12px;--theme:Light;--contentMaxWidth:600px;--rhythmPrimary:48px;--rhythmSecondary:24px;--iconXl:32px;--iconLg:24px;--iconMd:20px;--iconSm:16px;--iconXs:14px;--iconXxs:12px;--gradientPropsPrimaryStart:#F6CFFE;--gradientPropsPrimaryEnd:#BACAFE;--gradientPropsSecondaryStart:#FFD9B1;--gradientPropsSecondaryEnd:#FFF9D8;--randomizerFrameBlur:8px;--randomizerFrameColor:#4474CA;--randomizerFrameBr:#4474CA;--randomizerFrameBorderRadius:12px;--randomizerFrameBorderWidth:4px;--randomizerFrameSizeSm:102px;--randomizerFrameSizeMd:138px;--randomizerGradientBg:linear-gradient(90deg, hsl(229.09 30.196% 97%) 0%,  hsl(229.09 30.196% 97% / 0) 50%, hsl(229.09 30.196% 97%) 100%);--randomizerGradientStart:hsl(229.09 30.196% 97%);--randomizerGradientCenter:hsl(229.09 30.196% 97% / 0);--randomizerGradientEnd:hsl(229.09 30.196% 97%);--randomizerFrameGlow:0 0 8px 0 hsl(218.51 55.833% 52.941% / 0.48);--randomizerSelectorColor:hsl(229.09 30.196% 97%);--randomizerSelectorBorderRadius:16px;--randomizerSelectorPaddingV:16px;--randomizerSelectorGap:8px;--randomizerPaddingV:40px;--randomizerPaddingH:16px;--randomizerGap:16px;--product:MB;--gradientPrimary:linear-gradient(135deg, #F6CFFE 0%, #BACAFE 100%);--gradientSecondary:linear-gradient(135deg, #FFD9B1 0%, #FFF9D8 100%);--gradientAccent1:linear-gradient(90deg, rgba(68, 116, 202, 0) 16%, rgba(68, 116, 202, 0.25) 100%);--gradientAccent2:linear-gradient(90deg, rgba(224, 68, 15, 0) 16%, rgba(224, 68, 15, 0.25) 100%);--gradientSuccess:linear-gradient(90deg, rgba(14, 164, 91, 0) 16%, rgba(14, 164, 91, 0.25) 100%);--gradientWarning:linear-gradient(90deg, rgba(255, 199, 0, 0) 16%, rgba(255, 199, 0, 0.25) 100%);--gradientDanger:linear-gradient(90deg, rgba(216, 50, 50, 0) 16%, rgba(216, 50, 50, 0.25) 100%);--gradientAlt1:linear-gradient(90deg, rgba(160, 75, 196, 0) 16%, rgba(160, 75, 196, 0.25) 100%);--gradientAlt2:linear-gradient(90deg, rgba(0, 188, 212, 0) 16%, rgba(0, 188, 212, 0.25) 100%);--gradientAlt3:linear-gradient(90deg, rgba(189, 152, 101, 0) 16%, rgba(189, 152, 101, 0.25) 100%);--btnPrimaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(218.51 55.833% 37.059%), 0 4px 16px 0 hsl(218.51 55.833% 52.941% / 0);--btnPrimaryTextShadow:0 2px 0px hsl(218.51 55.833% 37.059% / 0.5);--btnPrimaryBgDefault:linear-gradient(180deg, hsl(218.51 55.833% 62.353%) 0%, hsl(218.51 55.833% 47.647%) 100%);--btnPrimaryBgHover:linear-gradient(180deg, hsl(218.51 55.833% 76.471%) 0%, hsl(218.51 55.833% 62.353%) 100%);--btnPrimaryBgActive:linear-gradient(180deg, #4474CA 0%, hsl(218.51 55.833% 37.059%) 100%);--btnPrimaryBgFocus:linear-gradient(180deg, hsl(218.51 55.833% 62.353%) 0%, hsl(218.51 55.833% 47.647%) 100%);--btnPrimaryBgDisabled:linear-gradient(180deg, hsl(218.51 55.833% 62.353% / 0.4) 0%, hsl(218.51 55.833% 47.647% / 0.4) 100%);--btnPrimaryBgLoading:linear-gradient(180deg, hsl(218.51 55.833% 62.353%) 0%, hsl(218.51 55.833% 47.647%) 100%);--btnPrimaryBgStartDefault:hsl(218.51 55.833% 62.353%);--btnPrimaryBgStartHover:hsl(218.51 55.833% 76.471%);--btnPrimaryBgStartActive:#4474CA;--btnPrimaryBgStartFocus:hsl(218.51 55.833% 62.353%);--btnPrimaryBgStartDisabled:hsl(218.51 55.833% 62.353% / 0.4);--btnPrimaryBgStartLoading:hsl(218.51 55.833% 62.353%);--btnPrimaryBgEndDefault:hsl(218.51 55.833% 47.647%);--btnPrimaryBgEndHover:hsl(218.51 55.833% 62.353%);--btnPrimaryBgEndActive:hsl(218.51 55.833% 37.059%);--btnPrimaryBgEndFocus:hsl(218.51 55.833% 47.647%);--btnPrimaryBgEndDisabled:hsl(218.51 55.833% 47.647% / 0.4);--btnPrimaryBgEndLoading:hsl(218.51 55.833% 47.647%);--btnPrimaryColorDefault:#FFFFFF;--btnPrimaryColorHover:#FFFFFF;--btnPrimaryColorActive:#FFFFFF;--btnPrimaryColorFocus:#FFFFFF;--btnPrimaryColorDisabled:hsl(none 0% 100% / 0.5);--btnPrimaryBrDefault:rgba(0, 0, 0, 0);--btnPrimaryBrHover:rgba(0, 0, 0, 0);--btnPrimaryBrActive:rgba(0, 0, 0, 0);--btnPrimaryBrFocus:rgba(0, 0, 0, 0);--btnPrimaryBrDisabled:rgba(0, 0, 0, 0);--btnPrimaryBrLoading:rgba(0, 0, 0, 0);--btnSecondaryBgDefault:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--btnSecondaryBgHover:linear-gradient(180deg, hsl(203.94 100% 83.686% / 0.16) 0%, hsl(203.94 100% 83.686% / 0.16) 100%);--btnSecondaryBgActive:linear-gradient(180deg, hsl(203.94 100% 29.608% / 0.16) 0%, hsl(203.94 100% 29.608% / 0.16) 100%);--btnSecondaryBgFocus:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--btnSecondaryBgLoading:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--btnSecondaryBgDisabled:hsl(none 0% 0% / 0.1);--btnSecondaryBgStartDefault:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgStartHover:hsl(203.94 100% 83.686% / 0.16);--btnSecondaryBgStartActive:hsl(203.94 100% 29.608% / 0.16);--btnSecondaryBgStartFocus:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgStartLoading:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgEndDefault:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgEndHover:hsl(203.94 100% 83.686% / 0.16);--btnSecondaryBgEndActive:hsl(203.94 100% 29.608% / 0.16);--btnSecondaryBgEndFocus:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgEndLoading:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(229.09 30.196% 50% / 0), 0 2px 0px 0 hsl(203.94 100% 29.608% / 0.36), 0 4px 16px 0 hsl(229.09 30.196% 50% / 0);--btnSecondaryTextShadow:0 2px 0px hsl(none 0% 0% / 0);--btnSecondaryColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--btnSecondaryColorHover:hsl(217.5 88.889% 10.588% / 0.9);--btnSecondaryColorActive:hsl(217.5 88.889% 10.588% / 0.9);--btnSecondaryColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--btnSecondaryColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--btnSecondaryBrDefault:rgba(0, 0, 0, 0);--btnSecondaryBrHover:rgba(0, 0, 0, 0);--btnSecondaryBrActive:rgba(0, 0, 0, 0);--btnSecondaryBrFocus:rgba(0, 0, 0, 0);--btnSecondaryBrDisabled:rgba(0, 0, 0, 0);--btnSecondaryBrLoading:rgba(0, 0, 0, 0);--btnAccentBgDefault:linear-gradient(180deg, hsl(15.215 87.448% 57.49%) 0%, hsl(15.215 87.448% 42.176%) 100%);--btnAccentBgHover:linear-gradient(180deg, hsl(15.215 87.448% 68.118%) 0%, hsl(15.215 87.448% 52.176%) 100%);--btnAccentBgActive:linear-gradient(180deg, #E0440F 0%, hsl(15.215 87.448% 32.804%) 100%);--btnAccentBgFocus:linear-gradient(180deg, hsl(15.215 87.448% 57.49%) 0%, hsl(15.215 87.448% 42.176%) 100%);--btnAccentBgDisabled:linear-gradient(180deg, hsl(15.215 87.448% 57.49% / 0.4) 0%, hsl(15.215 87.448% 42.176% / 0.4) 100%);--btnAccentBgLoading:linear-gradient(180deg, hsl(15.215 87.448% 57.49%) 0%, hsl(15.215 87.448% 42.176%) 100%);--btnAccentBgStartDefault:hsl(15.215 87.448% 57.49%);--btnAccentBgStartHover:hsl(15.215 87.448% 68.118%);--btnAccentBgStartActive:#E0440F;--btnAccentBgStartFocus:hsl(15.215 87.448% 57.49%);--btnAccentBgStartDisabled:hsl(15.215 87.448% 57.49% / 0.4);--btnAccentBgStartLoading:hsl(15.215 87.448% 57.49%);--btnAccentBgEndDefault:hsl(15.215 87.448% 42.176%);--btnAccentBgEndHover:hsl(15.215 87.448% 52.176%);--btnAccentBgEndActive:hsl(15.215 87.448% 32.804%);--btnAccentBgEndFocus:hsl(15.215 87.448% 42.176%);--btnAccentBgEndDisabled:hsl(15.215 87.448% 42.176% / 0.4);--btnAccentBgEndLoading:hsl(15.215 87.448% 42.176%);--btnAccentBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(15.215 87.448% 32.804%), 0 4px 16px 0 hsl(15.215 87.448% 46.863% / 0);--btnAccentTextShadow:0 2px 0px hsl(15.215 87.448% 32.804% / 0.5);--btnAccentColorDefault:#FFFFFF;--btnAccentColorHover:#FFFFFF;--btnAccentColorActive:#FFFFFF;--btnAccentColorFocus:#FFFFFF;--btnAccentColorDisabled:hsl(none 0% 100% / 0.5);--btnAccentBrDefault:rgba(0, 0, 0, 0);--btnAccentBrHover:rgba(0, 0, 0, 0);--btnAccentBrActive:rgba(0, 0, 0, 0);--btnAccentBrFocus:rgba(0, 0, 0, 0);--btnAccentBrDisabled:rgba(0, 0, 0, 0);--btnAccentBrLoading:rgba(0, 0, 0, 0);--btnDangerBgDefault:linear-gradient(180deg, hsl(0 68.033% 59.333%) 0%, hsl(0 68.033% 46.941%) 100%);--btnDangerBgHover:linear-gradient(180deg, hsl(0 68.033% 65.075%) 0%, hsl(0 68.033% 50.592%) 100%);--btnDangerBgActive:linear-gradient(180deg, hsl(0 68.033% 49.549%) 0%, hsl(0 68.033% 36.51%) 100%);--btnDangerBgFocus:linear-gradient(180deg, hsl(0 68.033% 59.333%) 0%, hsl(0 68.033% 46.941%) 100%);--btnDangerBgLoading:linear-gradient(180deg, hsl(0 68.033% 59.333%) 0%, hsl(0 68.033% 46.941%) 100%);--btnDangerBgDisabled:hsl(none 0% 0% / 0.1);--btnDangerBgStartDefault:hsl(0 68.033% 59.333%);--btnDangerBgStartHover:hsl(0 68.033% 65.075%);--btnDangerBgStartActive:hsl(0 68.033% 49.549%);--btnDangerBgStartFocus:hsl(0 68.033% 59.333%);--btnDangerBgStartLoading:hsl(0 68.033% 59.333%);--btnDangerBgEndDefault:hsl(0 68.033% 46.941%);--btnDangerBgEndHover:hsl(0 68.033% 50.592%);--btnDangerBgEndActive:hsl(0 68.033% 36.51%);--btnDangerBgEndFocus:hsl(0 68.033% 46.941%);--btnDangerBgEndLoading:hsl(0 68.033% 46.941%);--btnDangerBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(0 68.033% 36.51%), 0 4px 16px 0 hsl(0 68.033% 52.157% / 0);--btnDangerTextShadow:0 2px 0px hsl(0 68.033% 36.51% / 0.5);--btnDangerColorDefault:#FFFFFF;--btnDangerColorHover:#FFFFFF;--btnDangerColorActive:#FFFFFF;--btnDangerColorFocus:#FFFFFF;--btnDangerColorDisabled:hsl(none 0% 100% / 0.5);--btnDangerBrDefault:rgba(0, 0, 0, 0);--btnDangerBrHover:rgba(0, 0, 0, 0);--btnDangerBrActive:rgba(0, 0, 0, 0);--btnDangerBrFocus:rgba(0, 0, 0, 0);--btnDangerBrDisabled:rgba(0, 0, 0, 0);--btnDangerBrLoading:rgba(0, 0, 0, 0);--btnSizeXl:56px;--btnSizeLg:48px;--btnSizeMd:40px;--btnSizeSm:32px;--btnSizeXs:24px;--btnIconSizeXl:32px;--btnIconSizeLg:24px;--btnIconSizeMd:20px;--btnIconSizeSm:16px;--btnIconSizeXs:12px;--btnOutlineSizeXl:58px;--btnOutlineSizeLg:50px;--btnOutlineSizeMd:42px;--btnOutlineSizeSm:34px;--btnOutlineSizeXs:26px;--btnPaddingHXl:40px;--btnPaddingHLg:32px;--btnPaddingHMd:24px;--btnPaddingHSm:12px;--btnPaddingHXs:12px;--btnGapXl:12px;--btnGapLg:10px;--btnGapMd:8px;--btnGapSm:6px;--btnGapXs:4px;--btnTextBgDefault:rgba(0, 0, 0, 0);--btnTextBgHover:hsl(229.09 30.196% 50% / 0.16);--btnTextBgActive:hsl(229.09 30.196% 50% / 0.2);--btnTextBgFocus:rgba(0, 0, 0, 0);--btnTextBgDisabled:rgba(0, 0, 0, 0);--btnTextBgLoading:rgba(0, 0, 0, 0);--btnTextColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--btnTextColorHover:hsl(217.5 88.889% 10.588% / 0.9);--btnTextColorActive:hsl(217.5 88.889% 10.588% / 0.9);--btnTextColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--btnTextColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--btnTextBrDefault:rgba(0, 0, 0, 0);--btnTextBrHover:rgba(0, 0, 0, 0);--btnTextBrActive:rgba(0, 0, 0, 0);--btnTextBrFocus:rgba(0, 0, 0, 0);--btnTextBrDisabled:rgba(0, 0, 0, 0);--btnTextBrLoading:rgba(0, 0, 0, 0);--btnLinkColorDefault:#4474CA;--btnLinkColorHover:hsl(218.51 55.833% 58.588%);--btnLinkColorActive:hsl(218.51 55.833% 42.353%);--btnLinkColorFocus:#4474CA;--btnLinkColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--btnNeutralBgDefault:hsl(none 0% 100%);--btnNeutralBgHover:hsl(none 0% 100%);--btnNeutralBgActive:hsl(none 0% 100%);--btnNeutralBgFocus:hsl(none 0% 100%);--btnNeutralBgDisabled:hsl(none 0% 100%);--btnNeutralBgLoading:hsl(none 0% 100%);--btnNeutralColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--btnNeutralColorHover:hsl(217.5 88.889% 10.588% / 0.9);--btnNeutralColorActive:hsl(217.5 88.889% 10.588% / 0.9);--btnNeutralColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--btnNeutralColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--btnNeutralBrDefault:rgba(0, 0, 0, 0);--btnNeutralBrHover:rgba(0, 0, 0, 0);--btnNeutralBrActive:rgba(0, 0, 0, 0);--btnNeutralBrFocus:rgba(0, 0, 0, 0);--btnNeutralBrDisabled:rgba(0, 0, 0, 0);--btnNeutralBrLoading:rgba(0, 0, 0, 0);--btnBoxShadowLightEdgeColorPrimary:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeColorSecondary:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeColorAccent:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeColorDanger:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeYMd:3px;--btnBoxShadowLightEdgeBlurMd:0px;--btnBoxShadowDarkEdgeColorPrimary:hsl(none 0% 100% / 0);--btnBoxShadowDarkEdgeColorSecondary:hsl(229.09 30.196% 50% / 0);--btnBoxShadowDarkEdgeColorAccent:hsl(none 0% 100% / 0);--btnBoxShadowDarkEdgeColorDanger:hsl(none 0% 100% / 0);--btnBoxShadowDarkEdgeYMd:-3px;--btnBoxShadowDarkEdgeBlurMd:0px;--btnBoxShadowBaseColorPrimary:hsl(218.51 55.833% 37.059%);--btnBoxShadowBaseColorSecondary:hsl(203.94 100% 29.608% / 0.36);--btnBoxShadowBaseColorAccent:hsl(15.215 87.448% 32.804%);--btnBoxShadowBaseColorDanger:hsl(0 68.033% 36.51%);--btnBoxShadowBaseYMd:2px;--btnBoxShadowBaseBlurMd:0px;--btnBoxShadowGlowColorPrimary:hsl(218.51 55.833% 52.941% / 0);--btnBoxShadowGlowColorSecondary:hsl(229.09 30.196% 50% / 0);--btnBoxShadowGlowColorAccent:hsl(15.215 87.448% 46.863% / 0);--btnBoxShadowGlowColorDanger:hsl(0 68.033% 52.157% / 0);--btnBoxShadowGlowYMd:4px;--btnBoxShadowGlowBlurMd:16px;--btnTextShadowColorPrimary:hsl(218.51 55.833% 37.059% / 0.5);--btnTextShadowColorSecondary:hsl(none 0% 0% / 0);--btnTextShadowColorAccent:hsl(15.215 87.448% 32.804% / 0.5);--btnTextShadowColorDanger:hsl(0 68.033% 36.51% / 0.5);--btnTextShadowYMd:2px;--btnTextShadowBlurMd:0px;--btnBorderRadiusXl:28px;--btnBorderRadiusLg:24px;--btnBorderRadiusMd:20px;--btnBorderRadiusSm:16px;--btnBorderRadiusXs:12px;--btnOutlineColor:hsl(15.215 87.448% 46.863% / 0.25);--btnOutlineBorderRadiusXl:29px;--btnOutlineBorderRadiusLg:25px;--btnOutlineBorderRadiusMd:21px;--btnOutlineBorderRadiusSm:17px;--btnOutlineBorderRadiusXs:13px;--btnRoundedBorderRadiusXl:28px;--btnRoundedBorderRadiusLg:24px;--btnRoundedBorderRadiusMd:8px;--btnRoundedBorderRadiusSm:16px;--btnRoundedBorderRadiusXs:12px;--btnCircleBorderRadiusXl:28px;--btnCircleBorderRadiusLg:24px;--btnCircleBorderRadiusMd:20px;--btnCircleBorderRadiusSm:16px;--btnCircleBorderRadiusXs:12px;--btnBorderWidthPrimary:0px;--btnBorderWidthSecondary:0px;--btnBorderWidthText:2px;--btnBorderWidthAccent:0px;--btnBorderWidthNeutral:0px;--btnBorderWidthDanger:0px;--btnBorderWidthOutline:4px;--btnFontWeight:600;--btnLetterSpacing:0empx;--btnTextCase:none;--tabbarAccentBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(15.215 87.448% 32.804%), 0 4px 16px 0 hsl(15.215 87.448% 46.863% / 0);--tabbarAccentBgDefault:linear-gradient(180deg, hsl(15.215 87.448% 57.49%) 0%, hsl(15.215 87.448% 42.176%) 100%);--tabbarPaddingH:8px;--tabbarPaddingT:8px;--tabbarPaddingB:20px;--tabbarItemPaddingH:4px;--tabbarItemDefault:hsl(217.5 88.889% 10.588% / 0.5);--tabbarItemActive:hsl(217.5 88.889% 10.588% / 0.7);--tabbarItemDisabled:hsl(217.5 88.889% 10.588% / 0.3);--tabbarItemCheckedDefault:#4474CA;--tabbarItemCheckedActive:hsl(218.51 55.833% 42.353%);--tabbarItemCheckedBg:hsl(none 0% 100% / 0.8);--tabbarItemCheckedAccentDefault:#E0440F;--tabbarItemCheckedAccentActive:hsl(15.215 87.448% 37.49%);--tabbarItemGap:4px;--tabbarItemIconSize:24px;--tabbarItemPaddingT:6px;--tabbarItemPaddingB:22px;--tabbarItemAccentIcon:#FFFFFF;--tabbarItemAccentBgStart:hsl(15.215 87.448% 57.49%);--tabbarItemAccentBgEnd:hsl(15.215 87.448% 42.176%);--tabbarItemAccentBorderRadius:20px;--tabbarBg:hsl(none 0% 100% / 0.8);--tabbarBorderRadius:0px;--tabbarSize:68px;--promoWidgetBoxShadowPrimary:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(218.51 55.833% 37.059%), 0 4px 16px 0 hsl(218.51 55.833% 52.941% / 0);--promoWidgetBoxShadowAccent:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(15.215 87.448% 32.804%), 0 4px 16px 0 hsl(15.215 87.448% 46.863% / 0);--promoWidgetPrimaryBgDefault:linear-gradient(180deg, hsl(218.51 55.833% 62.353%) 0%, hsl(218.51 55.833% 47.647%) 100%);--promoWidgetPrimaryBgHover:linear-gradient(180deg, hsl(218.51 55.833% 76.471%) 0%, hsl(218.51 55.833% 62.353%) 100%);--promoWidgetPrimaryBgActive:linear-gradient(180deg, #4474CA 0%, hsl(218.51 55.833% 37.059%) 100%);--promoWidgetPrimaryBgStartDefault:hsl(218.51 55.833% 62.353%);--promoWidgetPrimaryBgStartHover:hsl(218.51 55.833% 76.471%);--promoWidgetPrimaryBgStartActive:#4474CA;--promoWidgetPrimaryBgEndDefault:hsl(218.51 55.833% 47.647%);--promoWidgetPrimaryBgEndHover:hsl(218.51 55.833% 62.353%);--promoWidgetPrimaryBgEndActive:hsl(218.51 55.833% 37.059%);--promoWidgetPrimaryIconDefault:#FFFFFF;--promoWidgetPrimaryIconHover:#FFFFFF;--promoWidgetPrimaryIconActive:#FFFFFF;--promoWidgetPrimaryAnimationBg:#4474CA;--promoWidgetAccentBgDefault:linear-gradient(180deg, hsl(15.215 87.448% 57.49%) 0%, hsl(15.215 87.448% 42.176%) 100%);--promoWidgetAccentBgHover:linear-gradient(180deg, hsl(15.215 87.448% 73.431%) 0%, hsl(15.215 87.448% 57.49%) 100%);--promoWidgetAccentBgActive:linear-gradient(180deg, #E0440F 0%, hsl(15.215 87.448% 32.804%) 100%);--promoWidgetAccentBgStartDefault:hsl(15.215 87.448% 57.49%);--promoWidgetAccentBgStartHover:hsl(15.215 87.448% 73.431%);--promoWidgetAccentBgStartActive:#E0440F;--promoWidgetAccentBgEndDefault:hsl(15.215 87.448% 42.176%);--promoWidgetAccentBgEndHover:hsl(15.215 87.448% 57.49%);--promoWidgetAccentBgEndActive:hsl(15.215 87.448% 32.804%);--promoWidgetAccentIconDefault:#FFFFFF;--promoWidgetAccentIconHover:#FFFFFF;--promoWidgetAccentIconActive:#FFFFFF;--promoWidgetAccentAnimationBg:#E0440F;--promoWidgetSize:48px;--promoWidgetIconSize:24px;--promoWidgetImageSize:24px;--promoWidgetBorderRadius:24px;--promoWidgetCountdownBorderRadius:2px;--promoWidgetCountdownBg:#FFFFFF;--tabRight:inset -24px 0 16px -24px hsl(none 0% 0% / 0.15);--tabLeft:inset 24px 0 16px -24px hsl(none 0% 0% / 0.15);--tabBottom:inset 0 -24px 16px -24px hsl(none 0% 0% / 0.15);--tabTop:inset 0 24px 16px -24px hsl(none 0% 0% / 0.15);--tabGapH:24px;--tabGapV:8px;--tabBr:hsl(229.09 30.196% 50% / 0.24);--tabBorderWidth:1px;--tabItemSizeMd:40px;--tabItemSizeSm:32px;--tabItemGapMd:8px;--tabItemGapSm:6px;--tabItemColorDefault:hsl(217.5 88.889% 10.588% / 0.5);--tabItemColorHover:hsl(217.5 88.889% 10.588% / 0.7);--tabItemColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--tabItemCheckedColorDefault:#4474CA;--tabItemCheckedColorHover:hsl(218.51 55.833% 58.588%);--tabItemCheckedIndicatorDefault:#4474CA;--tabItemCheckedIndicatorHover:hsl(218.51 55.833% 58.588%);--tabItemIconSizeMd:20px;--tabItemIconSizeSm:16px;--tabItemLeftPaddingH:24px;--tabItemRightPaddingH:24px;--tabItemIndicatorBorderWidth:2px;--tabItemAccentColorDefault:#E0440F;--tabItemAccentColorHover:hsl(15.215 87.448% 53.239%);--tabItemAccentIndicatorDefault:#4474CA;--tabItemAccentIndicatorHover:hsl(218.51 55.833% 58.588%);--tabMoreSizeMd:40px;--tabMoreSizeSm:32px;--tabMoreIconSizeMd:20px;--tabMoreIconSizeSm:16px;--tabMoreColor:hsl(217.5 88.889% 10.588% / 0.5);--tabShadowColor:hsl(none 0% 0% / 0.15);--tabShadowXRight:-24px;--tabShadowXLeft:24px;--tabShadowYBottom:-24px;--tabShadowYTop:24px;--tabShadowBlur:16px;--tabShadowSpread:-24px;--tabActionsPaddingH:24px;--tabActionsPaddingV:16px;--cardShadow:0 2px 3px 0 hsl(none 0% 0% / 0.15);--cardOverlay:linear-gradient(0deg, hsl(none 0% 100%) 0%, hsl(none 0% 100% / 0.8) 53%, hsl(none 0% 100% / 0) 100%);--cardBonusBg:linear-gradient(180deg, #3366CC 0%, #142952 100%);--cardBonusOverlayBottom:linear-gradient(0deg, hsl(none 0% 100%) 0%, hsl(none 0% 100% / 0.8) 40%, hsl(none 0% 100% / 0.2) 100%);--cardBonusOverlayLeft:linear-gradient(90deg, hsl(none 0% 100%) 20%, hsl(none 0% 100% / 0.8) 60%, hsl(none 0% 100% / 0.2) 100%);--cardBonusBgPropsStart:#3366CC;--cardBonusBgPropsEnd:#142952;--cardBonusOverlayColorStart:hsl(none 0% 100%);--cardBonusOverlayColorCenter:hsl(none 0% 100% / 0.8);--cardBonusOverlayColorEnd:hsl(none 0% 100% / 0.2);--cardBonusBasicMinWidth:312px;--cardBonusBasicMinHeightLg:320px;--cardBonusBasicMinHeightMd:194px;--cardBonusBasicGap:8px;--cardBonusBasicPaddingH:16px;--cardBonusBasicPaddingT:24px;--cardBonusBasicPaddingB:16px;--cardBonusBasicFrontSizeMd:100px;--cardBonusBasicFrontSizeSm:100px;--cardBonusFrontOpacityDefault:1;--cardBonusFrontOpacityLow:0.15;--cardBonusCashierHeight:160px;--cardBonusCashierDetailsHeight:452px;--cardBonusCashierDetailsGap:16px;--cardBonusCashierPadding:16px;--cardBonusCashierMinWidth:312px;--cardBonusCashierFrontSize:100px;--cardBonusWelcomeEllipseBordeRadius:40px;--cardBonusWelcomeBg:#F6CFFE;--cardBonusWelcomeMinWidth:208px;--cardBonusWelcomeMinHeight:156px;--cardBonusWelcomeFocusMinWidth:256px;--cardBonusWelcomePadding:16px;--cardBonusWelcomeGap:4px;--cardBonusWelcomeDividerPaddingBXs:102px;--cardBonusWelcomeDividerPaddingBMd:86px;--cardFreeSpinsOverlay:linear-gradient(90deg, hsl(none 0% 100%) 20%, hsl(none 0% 100% / 0.8) 60%, hsl(none 0% 100% / 0.2) 100%);--cardFreeSpinsOverlayColorStart:hsl(none 0% 100%);--cardFreeSpinsOverlayColorCenter:hsl(none 0% 100% / 0.8);--cardFreeSpinsOverlayColorEnd:hsl(none 0% 100% / 0.2);--cardFreeSpinsMinHeight:194px;--cardFreeSpinsPadding:16px;--cardGapLg:24px;--cardGapMd:24px;--cardGapSm:24px;--cardGapXs:8px;--cardPaddingHLg:32px;--cardPaddingHMd:24px;--cardPaddingHSm:16px;--cardPaddingHXs:12px;--cardPaddingVLg:32px;--cardPaddingVMd:24px;--cardPaddingVSm:16px;--cardPaddingVXs:12px;--cardBg:hsl(none 0% 100%);--cardBrDefault:rgba(0, 0, 0, 0);--cardBorderRadius:16px;--cardBorderWidth:0px;--cardShadowPropsY:2px;--cardShadowPropsBlur:3px;--cardShadowPropsColor:hsl(none 0% 0% / 0.15);--cardOverlayColorStart:hsl(none 0% 100%);--cardOverlayColorCenter:hsl(none 0% 100% / 0.8);--cardOverlayColorEnd:hsl(none 0% 100% / 0);--cardTournamentPadding:16px;--cardTournamentGap:12px;--cardTournamentGameGap:8px;--cardLotteryPadding:16px;--cardLotteryGap:24px;--cardLotteryContentGap:12px;--cardLoyaltyImageSize:92px;--cardLoyaltyGiftBlockMinHeight:40px;--cardLoyaltyGiftBlockGap:12px;--cardFabPadding:4px;--cardFabBorderRadius:20px;--cardFaderHeightLg:32px;--cardFaderHeightMd:24px;--cardFaderHeightSm:16px;--cardFaderHeightXs:12px;--cardTimeRangeBorderRadius:22px;--cardTimeRangePaddingH:16px;--cardTimeRangePaddingV:6px;--sectionGradientSegmentPrimaryDefault:linear-gradient(-3deg, hsl(218.51 55.833% 52.941% / 0) 0%, hsl(218.51 55.833% 52.941% / 0) 30%, hsl(218.51 55.833% 52.941% / 0) 70%, hsl(218.51 55.833% 52.941% / 0) 100%);--sectionGradientSegmentPrimaryStart:hsl(218.51 55.833% 52.941% / 0);--sectionGradientSegmentPrimaryCenter:hsl(218.51 55.833% 52.941% / 0);--sectionGradientSegmentSecondaryDefault:linear-gradient(-3deg, hsl(15.215 87.448% 46.863% / 0) 0%, hsl(15.215 87.448% 46.863% / 0) 30%, hsl(15.215 87.448% 46.863% / 0) 70%, hsl(15.215 87.448% 46.863% / 0) 100%);--sectionGradientSegmentSecondaryStart:hsl(15.215 87.448% 46.863% / 0);--sectionGradientSegmentSecondaryCenter:hsl(15.215 87.448% 46.863% / 0);--sectionGradientFillPrimaryDefault:linear-gradient(135deg, #F6CFFE 0%, #BACAFE 100%);--sectionGradientFillPrimaryStart:#F6CFFE;--sectionGradientFillPrimaryEnd:#BACAFE;--sectionGradientFillSecondaryDefault:linear-gradient(135deg, #FFD9B1 0%, #FFF9D8 100%);--sectionGradientFillSecondaryStart:#FFD9B1;--sectionGradientFillSecondaryEnd:#FFF9D8;--sectionIconSize:24px;--sectionImageLg:266px;--sectionImageMd:224px;--sectionImageSm:142px;--sectionBorderRadiusTopLeft:0px;--sectionBorderRadiusBottomRight:0px;--sectionBorderRadiusBottomLeft:0px;--sectionBorderRadiusTopRight:0px;--sectionPaddingTXs:24px;--sectionPaddingTSm:24px;--sectionPaddingTMd:24px;--sectionPaddingTLg:24px;--sectionPaddingTXl:24px;--sectionBrPrimary:hsl(218.51 55.833% 52.941% / 0);--sectionBrSecondary:hsl(15.215 87.448% 46.863% / 0);--sectionBorderWidthTop:0px;--sectionBorderWidthRight:0px;--sectionBorderWidthBottom:0px;--sectionBorderWidthLeft:0px;--sectionPaddingBXs:32px;--sectionPaddingBSm:32px;--sectionPaddingBMd:32px;--sectionPaddingBLg:32px;--sectionPaddingBXl:32px;--sectionPaddingHXs:16px;--sectionPaddingHSm:40px;--sectionPaddingHMd:40px;--sectionPaddingHLg:36px;--sectionPaddingHXl:36px;--shadowLg:0 8px 12px 0 hsl(none 0% 0% / 0.15);--shadowMd:0 4px 6px 0 hsl(none 0% 0% / 0.15);--shadowSm:0 2px 3px 0 hsl(none 0% 0% / 0.15);--bevel:inset 0 2px 3px 0 hsl(none 0% 100% / 0), inset 0 -2px 3px 0 hsl(none 0% 0% / 0), 0 1px 2px 0 hsl(none 0% 0% / 0);--emboss:inset 0 -1.5px 4px 0 hsl(none 0% 100% / 0), inset 0 2px 4px 0 hsl(none 0% 0% / 0);--glowAccent1:inset 0 0 10px 0 hsl(218.51 55.833% 52.941% / 0.48);--overlayLeft:linear-gradient(90deg, hsl(218.51 55.833% 15.882% / 0.85) 0%, hsl(218.51 55.833% 15.882% / 0) 100%);--overlayRight:linear-gradient(270deg, hsl(218.51 55.833% 15.882% / 0.85) 0%, hsl(218.51 55.833% 15.882% / 0) 100%);--overlayTop:linear-gradient(180deg, hsl(218.51 55.833% 15.882% / 0.85) 0%, hsl(218.51 55.833% 15.882% / 0) 100%);--overlayBottom:linear-gradient(0deg, hsl(218.51 55.833% 15.882% / 0.85) 0%, hsl(218.51 55.833% 15.882% / 0) 100%);--overlayStart:hsl(218.51 55.833% 15.882% / 0.85);--overlayEnd:hsl(218.51 55.833% 15.882% / 0);--progressLinearIndicatorDefault:linear-gradient(90deg, #0EA45B 0%, #0EA45B 100%);--progressLinearIndicatorSuccess:linear-gradient(90deg, #0EA45B 0%, #0EA45B 100%);--progressLinearIndicatorError:linear-gradient(90deg, #D83232 0%, #D83232 100%);--progressLinearLineSizeLg:12px;--progressLinearLineSizeMd:8px;--progressLinearLineSizeSm:4px;--progressLinearLineSizeXs:3px;--progressLinearBorderRadiusLg:6px;--progressLinearBorderRadiusMd:4px;--progressLinearBorderRadiusSm:2px;--progressIndicatorBoxShadowDefault:inset 0 1px 0px 0 hsl(none 0% 100% / 0.5), inset 0 -1px 0px 0 hsl(none 0% 0% / 0.05), 0 0px 6px 0 hsl(150.8 84.27% 34.902% / 0);--progressIndicatorBoxShadowSucces:inset 0 1px 0px 0 hsl(none 0% 100% / 0.5), inset 0 -1px 0px 0 hsl(none 0% 0% / 0.05), 0 0px 6px 0 hsl(150.8 84.27% 34.902% / 0);--progressIndicatorBoxShadowError:inset 0 1px 0px 0 hsl(none 0% 100% / 0.5), inset 0 -1px 0px 0 hsl(none 0% 0% / 0.05), 0 0px 6px 0 hsl(0 68.033% 52.157% / 0);--progressIndicatorStartDefault:#0EA45B;--progressIndicatorStartSuccess:#0EA45B;--progressIndicatorStartError:#D83232;--progressIndicatorEndDefault:#0EA45B;--progressIndicatorEndSuccess:#0EA45B;--progressIndicatorEndError:#D83232;--progressTrackBoxShadow:inset 0 2px 0px 0 hsl(none 0% 0% / 0.05);--progressTrackColor:hsl(229.09 30.196% 50% / 0.2);--progressExtremesColor:hsl(217.5 88.889% 10.588% / 0.5);--progressInfoColor:hsl(217.5 88.889% 10.588% / 0.3);--progressCircleIndicatorDefault:#0EA45B;--progressCircleIndicatorSuccess:#0EA45B;--progressCircleIndicatorError:#D83232;--progressCircleSizeXl:108px;--progressCircleSizeLg:72px;--progressCircleSizeMd:48px;--progressCircleSizeSm:40px;--progressCircleSizeXs:16px;--progressCircleBorderWidthXl:8px;--progressCircleBorderWidthLg:6px;--progressCircleBorderWidthMd:3px;--progressCircleBorderWidthSm:3px;--progressCircleBorderWidthXs:3px;--progressColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--progressColorSuccess:#0EA45B;--progressColorError:#D83232;--progressStepsWidthLg:16px;--progressStepsWidthMd:16px;--progressStepsWidthSm:16px;--progressStepsWidthXs:2px;--progressStepsHeightLg:24px;--progressStepsHeightMd:16px;--progressStepsHeightSm:8px;--progressStepsHeightXs:8px;--progressStepsBorderRadiusLg:4px;--progressStepsBorderRadiusMd:4px;--progressStepsBorderRadiusSm:4px;--progressStepsBorderRadiusXs:2px;--progressStepsGapH:4px;--progressBoxShadowIndicatorLightEdgeColorDefault:hsl(none 0% 100% / 0.5);--progressBoxShadowIndicatorLightEdgeColorSussess:hsl(none 0% 100% / 0.5);--progressBoxShadowIndicatorLightEdgeColorError:hsl(none 0% 100% / 0.5);--progressBoxShadowIndicatorLightEdgeYMd:1px;--progressBoxShadowIndicatorLightEdgeBlurMd:0px;--progressBoxShadowIndicatorDarkEdgeColorDefault:hsl(none 0% 0% / 0.05);--progressBoxShadowIndicatorDarkEdgeColorSuccess:hsl(none 0% 0% / 0.05);--progressBoxShadowIndicatorDarkEdgeColorError:hsl(none 0% 0% / 0.05);--progressBoxShadowIndicatorDarkEdgeYMd:-1px;--progressBoxShadowIndicatorDarkEdgeBlurMd:0px;--progressBoxShadowIndicatorGlowYMd:0px;--progressBoxShadowIndicatorGlowBlurMd:6px;--progressBoxShadowIndicatorGlowColorDefault:hsl(150.8 84.27% 34.902% / 0);--progressBoxShadowIndicatorGlowColorSuccess:hsl(150.8 84.27% 34.902% / 0);--progressBoxShadowIndicatorGlowColorError:hsl(0 68.033% 52.157% / 0);--progressBoxShadowTrackColor:hsl(none 0% 0% / 0.05);--progressBoxShadowTrackYMd:2px;--progressBoxShadowTrackBlurMd:0px;--statusBtnBoxShadow:inset 0 3px 0px 0 rgba(255, 255, 255, 0.15), inset 0 -3px 0px 0 hsl(none 0% 0% / 0), 0 2px 0px 0 hsl(none 0% 0% / 0);--statusBtnSizeXl:56px;--statusBtnSizeLg:48px;--statusBtnSizeMd:40px;--statusBtnSizeSm:32px;--statusBtnSizeXs:24px;--statusBtnPaddingHXl:40px;--statusBtnPaddingHLg:32px;--statusBtnPaddingHMd:24px;--statusBtnPaddingHSm:12px;--statusBtnPaddingHXs:12px;--statusBtnGapXl:12px;--statusBtnGapLg:10px;--statusBtnGapMd:8px;--statusBtnGapSm:6px;--statusBtnGapXs:4px;--statusBtnBorderRadiusXl:28px;--statusBtnBorderRadiusLg:24px;--statusBtnBorderRadiusMd:20px;--statusBtnBorderRadiusSm:16px;--statusBtnBorderRadiusXs:12px;--statusBtnIconSizeXl:32px;--statusBtnIconSizeLg:24px;--statusBtnIconSizeMd:20px;--statusBtnIconSizeSm:16px;--statusBtnIconSizeXs:12px;--statusIndicatorSize:8px;--statusIndicatorBorderRadius:4px;--statusLabel:hsl(217.5 88.889% 10.588% / 0.9);--statusIndicatorDefault:hsl(217.5 88.889% 10.588% / 0.3);--statusIndicatorAccent1:#E0440F;--statusIndicatorAccent2:#4474CA;--statusIndicatorSuccess:#0EA45B;--statusIndicatorWarning:#FFC700;--statusIndicatorDanger:#D83232;--statusIconSizeSm:16px;--statusIconSizeXs:12px;--statusTagSizeSm:24px;--statusTagSizeXs:20px;--statusTagPaddingHSm:12px;--statusTagPaddingHXs:10px;--statusTagRoundedBorderRadiusSm:6px;--statusTagRoundedBorderRadiusXs:5px;--statusTagCircleBorderRadiusSm:12px;--statusTagCircleBorderRadiusXs:10px;--statusTagBorderWidth:1px;--statusTagGapSm:8px;--statusTagGapXs:6px;--statusBgDefault:hsl(229.09 30.196% 50% / 0.1);--statusBgAccent1:hsl(15.215 87.448% 46.863% / 0.08);--statusBgAccent2:hsl(218.51 55.833% 52.941% / 0.08);--statusBgSuccess:hsl(150.8 84.27% 34.902% / 0.12);--statusBgWarning:hsl(46.824 100% 50% / 0.12);--statusBgDanger:hsl(0 68.033% 52.157% / 0.08);--statusBrDefault:hsl(229.09 30.196% 50% / 0.24);--statusBrAccent1:hsl(15.215 87.448% 46.863% / 0.16);--statusBrAccent2:hsl(218.51 55.833% 52.941% / 0.16);--statusBrSuccess:hsl(150.8 84.27% 34.902% / 0.2);--statusBrWarning:hsl(46.824 100% 50% / 0.28);--statusBrDanger:hsl(0 68.033% 52.157% / 0.16);--statusBoxShadowBaseColor:hsl(none 0% 0% / 0);--statusBoxShadowBaseYMd:2px;--statusBoxShadowBaseBlurMd:0px;--statusBoxShadowLightEdgeMd:rgba(255, 255, 255, 0.15);--statusBoxShadowLightEdgeYMd:3px;--statusBoxShadowLightEdgeBlurMd:0px;--statusBoxShadowDarkEdgeMd:hsl(none 0% 0% / 0);--statusBoxShadowDarkEdgeYMd:-3px;--statusBoxShadowDarkEdgeBlurMd:0px;--imageMask:linear-gradient(180deg, hsl(none 0% 0% / 0) 0%, hsl(none 0% 0% / 0.72) 100%);--imageBlurSm:4px;--imageBlurMd:16px;--imageBorderRadius:8px;--imageMaskStart:hsl(none 0% 0% / 0);--imageMaskEnd:hsl(none 0% 0% / 0.72);--faderBottomPrimary:linear-gradient(0deg, hsl(none 0% 100%) 0%, hsl(none 0% 100% / 0) 100%);--faderBottomSecondary:linear-gradient(0deg, hsl(229.09 30.196% 97%) 0%, hsl(229.09 30.196% 97% / 0) 100%);--faderBottomTertiary:linear-gradient(0deg, hsl(229.09 30.196% 93%) 0%, hsl(229.09 30.196% 93% / 0) 100%);--faderBottomQuaternary:linear-gradient(0deg, hsl(229.09 30.196% 90%) 0%, hsl(229.09 30.196% 90% / 0) 100%);--faderTopPrimary:linear-gradient(180deg, hsl(none 0% 100%) 0%, hsl(none 0% 100% / 0) 100%);--faderTopSecondary:linear-gradient(180deg, hsl(229.09 30.196% 97%) 0%, hsl(229.09 30.196% 97% / 0) 100%);--faderTopTertiary:linear-gradient(180deg, hsl(229.09 30.196% 93%) 0%, hsl(229.09 30.196% 93% / 0) 100%);--faderTopQuaternary:linear-gradient(180deg, hsl(229.09 30.196% 90%) 0%, hsl(229.09 30.196% 90% / 0) 100%);--faderLeftPrimary:linear-gradient(90deg, hsl(none 0% 100%) 0%, hsl(none 0% 100% / 0) 100%);--faderLeftSecondary:linear-gradient(90deg, hsl(229.09 30.196% 97%) 0%, hsl(229.09 30.196% 97% / 0) 100%);--faderLeftTertiary:linear-gradient(90deg, hsl(229.09 30.196% 93%) 0%, hsl(229.09 30.196% 93% / 0) 100%);--faderLeftQuaternary:linear-gradient(90deg, hsl(229.09 30.196% 90%) 0%, hsl(229.09 30.196% 90% / 0) 100%);--faderRightPrimary:linear-gradient(270deg, hsl(none 0% 100%) 0%, hsl(none 0% 100% / 0) 100%);--faderRightSecondary:linear-gradient(270deg, hsl(229.09 30.196% 97%) 0%, hsl(229.09 30.196% 97% / 0) 100%);--faderRightTertiary:linear-gradient(270deg, hsl(229.09 30.196% 93%) 0%, hsl(229.09 30.196% 93% / 0) 100%);--faderRightQuaternary:linear-gradient(270deg, hsl(229.09 30.196% 90%) 0%, hsl(229.09 30.196% 90% / 0) 100%);--faderStartPrimary:hsl(none 0% 100%);--faderStartSecondary:hsl(229.09 30.196% 97%);--faderStartTertiary:hsl(229.09 30.196% 93%);--faderStartQuaternary:hsl(229.09 30.196% 90%);--faderEndPrimary:hsl(none 0% 100% / 0);--faderEndSecondary:hsl(229.09 30.196% 97% / 0);--faderEndTertiary:hsl(229.09 30.196% 93% / 0);--faderEndQuaternary:hsl(229.09 30.196% 90% / 0);--thumbBtnBgDefault:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.32) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--thumbBtnBgHover:linear-gradient(180deg, hsl(203.94 100% 79.608% / 0.32) 0%, hsl(203.94 100% 91.843% / 0.16) 100%);--thumbBtnBgActive:linear-gradient(180deg, hsl(203.94 100% 29.608% / 0.32) 0%, hsl(203.94 100% 14.804% / 0.16) 100%);--thumbBtnBgFocus:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--thumbBtnBgDisabled:hsl(none 0% 0% / 0.1);--thumbBtnBgStartDefault:hsl(203.94 100% 59.216% / 0.32);--thumbBtnBgStartHover:hsl(203.94 100% 79.608% / 0.32);--thumbBtnBgStartActive:hsl(203.94 100% 29.608% / 0.32);--thumbBtnBgStartFocus:hsl(203.94 100% 59.216% / 0.16);--thumbBtnBgEndDefault:hsl(203.94 100% 59.216% / 0.16);--thumbBtnBgEndHover:hsl(203.94 100% 91.843% / 0.16);--thumbBtnBgEndActive:hsl(203.94 100% 14.804% / 0.16);--thumbBtnBgEndFocus:hsl(203.94 100% 59.216% / 0.16);--thumbBtnTextShadow:0 2px 0px 0% 0% / 0);--thumbBtnColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--thumbBtnColorHover:hsl(217.5 88.889% 10.588% / 0.9);--thumbBtnColorActive:hsl(217.5 88.889% 10.588% / 0.9);--thumbBtnColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--thumbBtnColorDisabled:hsl(none 0% 100% / 0.5);--thumbBtnBrDefault:#4474CA;--thumbBtnBrHover:#4474CA;--thumbBtnBrActive:#4474CA;--thumbBtnBrFocus:#4474CA;--thumbBtnBrDisabled:rgba(0, 0, 0, 0);--thumbSizeSm:94px;--thumbSizeMd:130px;--thumbSizeLg:190px;--thumbTitle:hsl(217.5 88.889% 10.588% / 0.9);--thumbDescription:#4474CA;--thumbOuterTitle:#FFFFFF;--thumbOuterDescription:#FFFFFF;--thumbBorderRadius:8px;--thumbGap:4px;--thumbBorderWidth:0px;--thumbBrDefault:rgba(0, 0, 0, 0);--thumbOutlineColor:hsl(15.215 87.448% 46.863% / 0.25);--thumbOutlineBorderWidth:4px;--thumbOutlineBorderRadius:9px;--qdwBgDefault:linear-gradient(135deg, #310C52 0%, #F6A5FF 100%);--qdwBgStart:#310C52;--qdwBgEnd:#F6A5FF;--qdwHeightMd:208px;--qdwWidthMd:306px;--qdwMaxWidthMd:600px;--qdwImageSize:110px;--qdwPaddingHMd:16px;--qdwPaddingVMd:16px;--qdwGapMd:4px;--qdwTitle:hsl(217.5 88.889% 10.588% / 0.9);--qdwCaption:hsl(217.5 88.889% 10.588% / 0.9);--qdwBr:rgba(0, 0, 0, 0);--qdwGapBtnMd:8px;--qdwBorderRadius:8px;--qdwBorderWidth:0px;--heroBgDefault:linear-gradient(180deg, hsl(218.51 55.833% 52.941% / 0.6) 0%, hsl(218.51 55.833% 52.941% / 0) 100%);--heroBgStart:hsl(218.51 55.833% 52.941% / 0.6);--heroBgEnd:hsl(218.51 55.833% 52.941% / 0);--heroPaddingTXl:24px;--heroPaddingTLg:24px;--heroPaddingTMd:16px;--heroPaddingTSm:16px;--heroPaddingTXs:16px;--heroPaddingBXl:0px;--heroPaddingBLg:0px;--heroPaddingBMd:0px;--heroPaddingBSm:0px;--heroPaddingBXs:0px;--heroGapXl:16px;--heroGapLg:16px;--heroGapMd:12px;--heroGapSm:12px;--heroGapXs:12px;--heroTrastPaddingBXl:24px;--heroTrastPaddingBLg:24px;--heroTrastPaddingBMd:24px;--heroTrastPaddingBSm:16px;--heroTrastPaddingBXs:12px;--tooltipBoxShadow:0 4px 16px 0 hsl(none 0% 0% / 0.15);--tooltipMaxWidth:320px;--tooltipGap:4px;--tooltipPaddingH:16px;--tooltipPaddingV:8px;--tooltipBg:hsl(none 0% 100%);--tooltipColor:hsl(217.5 88.889% 10.588% / 0.9);--tooltipArrowShift:10px;--tooltipBorderRadius:8px;--tooltipBoxShadowColor:hsl(none 0% 0% / 0.15);--notificationShadow:0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 8px 48px 16px rgba(0, 0, 0, 0.12);--notificationEdgeShadow:0 3px 8px 0 rgba(0, 0, 0, 0.12);--notificationEdgeBg:hsl(none 0% 100% / 0.32);--notificationEdgeBackgroundBlur:20px;--notificationGap:16px;--notificationMarginH:8px;--notificationMarginB:28px;--notificationMarginT:64px;--notificationTitle:hsl(217.5 88.889% 10.588% / 0.9);--notificationMessage:hsl(217.5 88.889% 10.588% / 0.7);--notificationLocalPadding:24px;--notificationLocalGap:24px;--notificationLocalBorderRadius:16px;--notificationLocalBg:hsl(none 0% 100% / 0.15);--notificationLocalTitleShift:48px;--notificationLocalCountdown:hsl(217.5 88.889% 10.588% / 0.5);--notificationGlobalMinWidth:280px;--notificationGlobalMaxWidth:400px;--notificationGlobalIconSize:32px;--notificationGlobalBg:hsl(none 0% 100%);--notificationGlobalBorderRadius:16px;--notificationGlobalImageBorderRadius:8px;--notificationGlobalImageSize:40px;--notificationItemGap:12px;--notificationItemPaddingL:16px;--notificationItemPaddingR:44px;--notificationItemPaddingV:16px;--notificationProgressBorderWidth:4px;--notificationIndicatorSuccessBg:#0EA45B;--notificationIndicatorSuccessColor:#FFFFFF;--notificationIndicatorSuccessBr:hsl(150.8 84.27% 34.902% / 0.3);--notificationIndicatorWarningBg:#FFC700;--notificationIndicatorWarningColor:hsl(217.5 88.889% 10.588% / 0.9);--notificationIndicatorWarningBr:hsl(46.824 100% 50% / 0.35);--notificationIndicatorDangerBg:#D83232;--notificationIndicatorDangerColor:#FFFFFF;--notificationIndicatorDangerBr:hsl(0 68.033% 52.157% / 0.3);--notificationIndicatorInfoBg:#4474CA;--notificationIndicatorInfoColor:#FFFFFF;--notificationIndicatorInfoBr:hsl(218.51 55.833% 52.941% / 0.3);--notificationIndicatorSize:32px;--notificationIndicatorIconSize:24px;--d1:700 84px/88px 'Open Sans';--d2:700 64px/68px 'Open Sans';--d3:700 34px/38px 'Open Sans';--t1:700 32px/40px 'Open Sans';--t2:700 28px/36px 'Open Sans';--t3:700 24px/32px 'Open Sans';--t4:700 20px/26px 'Open Sans';--t5:700 16px/20px 'Open Sans';--subtitle1:italic 400 22px/28px 'Open Sans';--subtitle2:italic 400 18px/24px 'Open Sans';--subtitle3:italic 400 14px/20px 'Open Sans';--overline:600 12px/16px 'Open Sans';--overlineTextCase:uppercase;--body1:400 16px/24px 'Open Sans';--body2:400 14px/20px 'Open Sans';--body1Strong:600 16px/24px 'Open Sans';--body2Strong:600 14px/20px 'Open Sans';--caption1:400 12px/16px 'Open Sans';--caption1Strong:600 12px/16px 'Open Sans';--caption2:400 10px/12px 'Open Sans';--caption2Strong:600 10px/12px 'Open Sans';--componentBtnXl:600 22px/28px 'Open Sans';--componentBtnXlTextCase:none;--componentBtnLg:600 18px/24px 'Open Sans';--componentBtnLgTextCase:none;--componentBtnMd:600 14px/20px 'Open Sans';--componentBtnMdTextCase:none;--componentBtnSm:600 12px/16px 'Open Sans';--componentBtnSmTextCase:none;--componentBtnXs:600 10px/12px 'Open Sans';--componentBtnXsTextCase:none;--componentInputLg:400 18px/24px 'Open Sans';--componentInputMd:400 16px/24px 'Open Sans';--componentInputSm:400 14px/20px 'Open Sans';--toggleBtnPrimaryBgDefault:linear-gradient(180deg, hsl(218.51 55.833% 62.353%) 0%, hsl(218.51 55.833% 47.647%) 100%);--toggleBtnPrimaryBgHover:linear-gradient(180deg, hsl(218.51 55.833% 76.471%) 0%, hsl(218.51 55.833% 62.353%) 100%);--toggleBtnPrimaryBgActive:linear-gradient(180deg, #4474CA 0%, hsl(218.51 55.833% 37.059%) 100%);--toggleBtnPrimaryBgFocus:linear-gradient(180deg, hsl(218.51 55.833% 62.353%) 0%, hsl(218.51 55.833% 47.647%) 100%);--toggleBtnPrimaryBgDisabled:linear-gradient(180deg, hsl(218.51 55.833% 62.353% / 0.4) 0%, hsl(218.51 55.833% 47.647% / 0.4) 100%);--toggleBtnPrimaryBgStartDefault:hsl(218.51 55.833% 62.353%);--toggleBtnPrimaryBgStartHover:hsl(218.51 55.833% 76.471%);--toggleBtnPrimaryBgStartActive:#4474CA;--toggleBtnPrimaryBgStartFocus:hsl(218.51 55.833% 62.353%);--toggleBtnPrimaryBgStartDisabled:hsl(218.51 55.833% 62.353% / 0.4);--toggleBtnPrimaryBgEndDefault:hsl(218.51 55.833% 47.647%);--toggleBtnPrimaryBgEndHover:hsl(218.51 55.833% 62.353%);--toggleBtnPrimaryBgEndActive:hsl(218.51 55.833% 37.059%);--toggleBtnPrimaryBgEndFocus:hsl(218.51 55.833% 47.647%);--toggleBtnPrimaryBgEndDisabled:hsl(218.51 55.833% 47.647% / 0.4);--toggleBtnPrimaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(218.51 55.833% 37.059%), 0 4px 16px 0 hsl(218.51 55.833% 52.941% / 0);--toggleBtnPrimaryColorDefault:#FFFFFF;--toggleBtnPrimaryColorHover:#FFFFFF;--toggleBtnPrimaryColorActive:#FFFFFF;--toggleBtnPrimaryColorFocus:#FFFFFF;--toggleBtnPrimaryColorDisabled:#FFFFFF;--toggleBtnPrimaryBrDefault:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrHover:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrActive:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrFocus:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrDisabled:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedColorDefault:#FFFFFF;--toggleBtnPrimaryCheckedColorHover:#FFFFFF;--toggleBtnPrimaryCheckedColorActive:#FFFFFF;--toggleBtnPrimaryCheckedColorFocus:#FFFFFF;--toggleBtnPrimaryCheckedColorDisabled:#FFFFFF;--toggleBtnPrimaryCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnSecondaryBgDefault:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--toggleBtnSecondaryBgHover:linear-gradient(180deg, hsl(203.94 100% 83.686% / 0.16) 0%, hsl(203.94 100% 83.686% / 0.16) 100%);--toggleBtnSecondaryBgActive:linear-gradient(180deg, hsl(203.94 100% 29.608% / 0.16) 0%, hsl(203.94 100% 29.608% / 0.16) 100%);--toggleBtnSecondaryBgFocus:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--toggleBtnSecondaryBgDisabled:hsl(none 0% 0% / 0.1);--toggleBtnSecondaryBgStartDefault:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBgStartHover:hsl(203.94 100% 83.686% / 0.16);--toggleBtnSecondaryBgStartActive:hsl(203.94 100% 29.608% / 0.16);--toggleBtnSecondaryBgStartFocus:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBgEndDefault:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBgEndHover:hsl(203.94 100% 83.686% / 0.16);--toggleBtnSecondaryBgEndActive:hsl(203.94 100% 29.608% / 0.16);--toggleBtnSecondaryBgEndFocus:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(229.09 30.196% 50% / 0), 0 2px 0px 0 hsl(203.94 100% 29.608% / 0.36), 0 4px 16px 0 hsl(229.09 30.196% 50% / 0);--toggleBtnSecondaryColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryColorHover:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryColorActive:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--toggleBtnSecondaryBrDefault:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrHover:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrActive:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrFocus:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrDisabled:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryCheckedColorHover:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryCheckedColorActive:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryCheckedColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnSecondaryCheckedColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--toggleBtnSecondaryCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnTextBgDefault:rgba(0, 0, 0, 0);--toggleBtnTextBgHover:hsl(229.09 30.196% 50% / 0.16);--toggleBtnTextBgActive:hsl(229.09 30.196% 50% / 0.2);--toggleBtnTextBgFocus:rgba(0, 0, 0, 0);--toggleBtnTextBgDisabled:rgba(0, 0, 0, 0);--toggleBtnTextColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextColorHover:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextColorActive:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--toggleBtnTextBrDefault:rgba(0, 0, 0, 0);--toggleBtnTextBrHover:rgba(0, 0, 0, 0);--toggleBtnTextBrActive:rgba(0, 0, 0, 0);--toggleBtnTextBrFocus:rgba(0, 0, 0, 0);--toggleBtnTextBrDisabled:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBgDefault:hsl(229.09 30.196% 50% / 0.2);--toggleBtnTextCheckedBgHover:hsl(229.09 30.196% 35% / 0.16);--toggleBtnTextCheckedBgActive:hsl(229.09 30.196% 25% / 0.2);--toggleBtnTextCheckedBgFocus:hsl(229.09 30.196% 50% / 0.2);--toggleBtnTextCheckedBgDisabled:rgba(0, 0, 0, 0);--toggleBtnTextCheckedColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextCheckedColorHover:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextCheckedColorActive:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextCheckedColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnTextCheckedColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--toggleBtnTextCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnNeutralBgDefault:hsl(none 0% 100%);--toggleBtnNeutralBgHover:hsl(none 0% 100%);--toggleBtnNeutralBgActive:hsl(none 0% 100%);--toggleBtnNeutralBgFocus:hsl(none 0% 100%);--toggleBtnNeutralBgDisabled:hsl(none 0% 100%);--toggleBtnNeutralColorDefault:hsl(217.5 88.889% 10.588% / 0.5);--toggleBtnNeutralColorHover:hsl(217.5 88.889% 10.588% / 0.5);--toggleBtnNeutralColorActive:hsl(217.5 88.889% 10.588% / 0.5);--toggleBtnNeutralColorFocus:hsl(217.5 88.889% 10.588% / 0.5);--toggleBtnNeutralColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--toggleBtnNeutralBrDefault:rgba(0, 0, 0, 0);--toggleBtnNeutralBrHover:rgba(0, 0, 0, 0);--toggleBtnNeutralBrActive:rgba(0, 0, 0, 0);--toggleBtnNeutralBrFocus:rgba(0, 0, 0, 0);--toggleBtnNeutralBrDisabled:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBgDefault:hsl(none 0% 100%);--toggleBtnNeutralCheckedBgHover:hsl(none 0% 100%);--toggleBtnNeutralCheckedBgActive:hsl(none 0% 100%);--toggleBtnNeutralCheckedBgFocus:hsl(none 0% 100%);--toggleBtnNeutralCheckedBgDisabled:hsl(none 0% 100%);--toggleBtnNeutralCheckedColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnNeutralCheckedColorHover:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnNeutralCheckedColorActive:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnNeutralCheckedColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--toggleBtnNeutralCheckedColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--toggleBtnNeutralCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnBorderWidthText:2px;--toggleBtnBorderWidthNeutral:0px;--toggleBtnBorderWidthOutline:4px;--toggleBtnSizeXl:56px;--toggleBtnSizeLg:48px;--toggleBtnSizeMd:40px;--toggleBtnSizeSm:32px;--toggleBtnSizeXs:24px;--toggleBtnIconSizeXl:32px;--toggleBtnIconSizeLg:24px;--toggleBtnIconSizeMd:20px;--toggleBtnIconSizeSm:16px;--toggleBtnIconSizeXs:12px;--toggleBtnOutlineSizeXl:58px;--toggleBtnOutlineSizeLg:50px;--toggleBtnOutlineSizeMd:42px;--toggleBtnOutlineSizeSm:34px;--toggleBtnOutlineSizeXs:26px;--toggleBtnBorderRadiusXl:28px;--toggleBtnBorderRadiusLg:24px;--toggleBtnBorderRadiusMd:20px;--toggleBtnBorderRadiusSm:16px;--toggleBtnBorderRadiusXs:12px;--toggleBtnOutlineBorderRadiusXl:29px;--toggleBtnOutlineBorderRadiusLg:25px;--toggleBtnOutlineBorderRadiusMd:21px;--toggleBtnOutlineBorderRadiusSm:17px;--toggleBtnOutlineBorderRadiusXs:13px;--womSectorShapeBg:linear-gradient(135deg, #FFD9B1 0%, #FFF9D8 100%);--womSectorShapeStart:#FFD9B1;--womSectorShapeEnd:#FFF9D8;--womSectorShapeBr:hsl(229.09 30.196% 50% / 0.24);--womSectorBorder1:#FFC700;--womSectorBorder2:#4474CA;--womSectorBorder3:#a04bc4;--womSectorBorder4:#00BCD4;--womSectorBorder5:#E0440F;--womSectorBorder6:#0EA45B;--womSectorBorderGradient:linear-gradient(90deg, rgba(68, 116, 202, 0) 16%, rgba(68, 116, 202, 0.25) 100%);--womSectorColorText:#FFFFFF;--womSectorColorTitle:hsl(217.5 88.889% 10.588% / 0.7);--womPointerCircle:linear-gradient(0deg, #F7A704 0%, #FFC700 100%);--womPointerBtnBgPrimary:linear-gradient(0deg, #B55046 0%, #4474CA 100%);--womPointerBtnBgSecondary:linear-gradient(0deg, #41668C 0%, #E0440F 100%);--womPointerBtnColor:#FFFFFF;--womPointerArrowGradient:linear-gradient(90deg, #FFC700 16%, #F7A604 100%);--womPointerArrowStart:#FFC700;--womPointerArrowEnd:#F7A604;--womPointerBg:#FFC700;--womBorderWidth:1px;--womThumbWidthMd:100px;--womThumbWidthSm:50px;--womThumbHeightMd:75px;--womThumbHeightSm:37.5px;--wofSectorPrimaryBg:linear-gradient(90deg, #5BB3FF 0%, #000486 100%);--wofSectorPrimaryStart:#5BB3FF;--wofSectorPrimaryEnd:#000486;--wofSectorPrimaryColor:#ffffff;--wofSectorSecondaryBg:linear-gradient(90deg, #DB5AFF 0%, #5C1AB3 100%);--wofSectorSecondaryStart:#DB5AFF;--wofSectorSecondaryEnd:#5C1AB3;--wofSectorSecondaryColor:#ffffff;--wofSectorTertiaryBg:linear-gradient(90deg, #FFCF4C 0%, #E17400 100%);--wofSectorTertiaryStart:#FFCF4C;--wofSectorTertiaryEnd:#E17400;--wofSectorTertiaryColor:#ffffff;--wofSectorBrColor:#5EA7FF;--wofBtnDefaultBg:linear-gradient(-45deg, #FEC1FF 0%, #8F02AA 50%, #FEC1FF 100%);--wofBtnDefaultStart:#FEC1FF;--wofBtnDefaultCenter:#8F02AA;--wofBtnHoverBg:linear-gradient(-45deg, #FDA2FE 0%, #d039d2 50%, #FDA2FE 100%);--wofBtnHoverStart:#FDA2FE;--wofBtnHoverCenter:#d039d2;--wofBtnBoxShadow:0 2px 0px 0 rgba(114, 0, 136, 0.80), inset 0 0px 10px 0 rgba(255, 255, 255, 0.50);--wofBtnDropShadowY:2px;--wofBtnDropShadowBlur:0px;--wofBtnDropShadowColor:rgba(114, 0, 136, 0.80);--wofBtnInnerShadowColor:rgba(255, 255, 255, 0.50);--wofBtnInnerShadowY:0px;--wofBtnInnerShadowBlur:10px;--wofBrWidth:1px;--alertColor:hsl(217.5 88.889% 10.588% / 0.9);--alertIconSuccess:#0EA45B;--alertIconWarning:#FFC700;--alertIconError:#D83232;--alertIconInfo:#4474CA;--alertIconTip:hsl(217.5 88.889% 10.588% / 0.5);--alertBrSuccess:#0EA45B;--alertBrWarning:#FFC700;--alertBrError:#D83232;--alertBrInfo:#4474CA;--alertBrTip:hsl(229.09 30.196% 50% / 0.24);--alertBgSuccess:hsl(150.8 84.27% 34.902% / 0.1);--alertBgWarning:hsl(46.824 100% 50% / 0.1);--alertBgError:hsl(0 68.033% 52.157% / 0.1);--alertBgInfo:hsl(218.51 55.833% 52.941% / 0.1);--alertBgTip:hsl(229.09 30.196% 50% / 0.1);--alertIconSize:20px;--alertPadding:8px;--alertGap:8px;--alertBorderRadius:8px;--alertBorderWidth:1px;--alertShift:40px;--alertCollapsePadding:8px;--avatarBg:hsl(229.09 30.196% 50% / 0.1);--avatarColor:hsl(217.5 88.889% 10.588% / 0.5);--avatarBr:hsl(229.09 30.196% 50% / 0.16);--avatarBorderWidth:1px;--avatarSizeXl:72px;--avatarSizeLg:48px;--avatarSizeMd:40px;--avatarSizeSm:24px;--avatarSizeAddSize:28px;--avatarBorderRadiusXl:36px;--avatarBorderRadiusLg:24px;--avatarBorderRadiusMd:20px;--avatarBorderRadiusSm:12px;--avatarIconSizeXl:32px;--avatarIconSizeLg:24px;--avatarIconSizeMd:24px;--avatarIconSizeSm:16px;--avatarAddBg:hsl(none 0% 100%);--badgeCounterSizeMd:20px;--badgeCounterSizeSm:16px;--badgeCounterBorderRadiusMd:10px;--badgeCounterBorderRadiusSm:8px;--badgeCounterPaddingHMd:6.5px;--badgeCounterPaddingHSm:5px;--badgeCounterColorDefault:hsl(217.5 88.889% 10.588% / 0.7);--badgeCounterColorAccent1:#FFFFFF;--badgeCounterColorAccent2:#FFFFFF;--badgeCounterColorImportant:#FFFFFF;--badgeCounterColorSuccess:#FFFFFF;--badgeNotifierSize:6px;--badgeNotifierBorderRadius:3px;--badgeBgDefault:hsl(229.09 30.196% 50% / 0.1);--badgeBgAccent1:#E0440F;--badgeBgAccent2:#4474CA;--badgeBgImportant:#D83232;--badgeBgSuccess:#0EA45B;--badgeRoundedBorderRadiusMd:4px;--badgeRoundedBorderRadiusSm:3.2px;--badgeCircleBorderRadiusMd:10px;--badgeCircleBorderRadiusSm:8px;--badgeBookmarkBg:hsl(229.09 30.196% 90%);--badgeBookmarkColor:hsl(217.5 88.889% 10.588% / 0.9);--badgeBookmarkHeight:32px;--badgeBookmarkIconSize:16px;--badgeBookmarkBorderRadius:4px;--badgeBookmarkPaddingH:8px;--badgeBookmarkGap:8px;--badgeRippleOpacityStart:0.64;--badgeRippleOpacityEnd:0;--checkboxSize:20px;--checkboxIconSize:16px;--checkboxIndicatorSize:12px;--checkboxBorderRadius:4px;--checkboxIndicatorBorderRadius:2.4px;--checkboxOutlineBorderRadius:5px;--checkboxOutlineDefault:hsl(15.215 87.448% 46.863% / 0.25);--checkboxOutlineError:hsl(0 68.033% 52.157% / 0.25);--checkboxDefaultBgDefault:hsl(203.94 100% 59.216% / 0.32);--checkboxDefaultBgHover:hsl(203.94 100% 59.216% / 0.28);--checkboxDefaultBgActive:hsl(203.94 100% 59.216% / 0.36);--checkboxDefaultBgFocus:hsl(203.94 100% 59.216% / 0.32);--checkboxDefaultBgDisabled:hsl(none 0% 0% / 0.1);--checkboxIndeterminateBgDefault:hsl(203.94 100% 59.216% / 0.32);--checkboxIndeterminateBgHover:hsl(203.94 100% 59.216% / 0.28);--checkboxIndeterminateBgActive:hsl(203.94 100% 59.216% / 0.36);--checkboxIndeterminateBgFocus:hsl(203.94 100% 59.216% / 0.32);--checkboxIndeterminateBgDisabled:hsl(none 0% 0% / 0.1);--checkboxIndeterminateIndicatorDefault:#4474CA;--checkboxIndeterminateIndicatorHover:hsl(218.51 55.833% 58.588%);--checkboxIndeterminateIndicatorActive:hsl(218.51 55.833% 42.353%);--checkboxIndeterminateIndicatorFocus:#4474CA;--checkboxIndeterminateIndicatorDisabled:hsl(218.51 55.833% 52.941% / 0.25);--checkboxCheckedBgDefault:#4474CA;--checkboxCheckedBgHover:hsl(218.51 55.833% 58.588%);--checkboxCheckedBgActive:hsl(218.51 55.833% 42.353%);--checkboxCheckedBgFocus:#4474CA;--checkboxCheckedBgDisabled:hsl(218.51 55.833% 52.941% / 0.25);--checkboxCheckedIndicatorDefault:#FFFFFF;--checkboxCheckedIndicatorHover:#FFFFFF;--checkboxCheckedIndicatorActive:#FFFFFF;--checkboxCheckedIndicatorFocus:#FFFFFF;--checkboxCheckedIndicatorDisabled:#FFFFFF;--checkboxErrorBgDefault:hsl(0 68.033% 52.157% / 0.1);--checkboxErrorBgHover:hsl(0 68.033% 52.157% / 0.16);--checkboxErrorBgActive:hsl(0 68.033% 52.157% / 0.16);--checkboxErrorBgFocus:hsl(0 68.033% 52.157% / 0.1);--checkboxBrDefault:hsl(203.94 100% 59.216% / 0.36);--checkboxBrHover:hsl(203.94 100% 59.216% / 0.36);--checkboxBrActive:hsl(203.94 100% 59.216% / 0.36);--checkboxBrFocus:hsl(203.94 100% 59.216% / 0.36);--checkboxBrDisabled:hsl(none 0% 0% / 0.12);--checkboxBrErrorDefault:#D83232;--checkboxBrErrorHover:#D83232;--checkboxBrErrorActive:#D83232;--checkboxBrErrorFocus:#D83232;--checkboxLabelDefault:hsl(217.5 88.889% 10.588% / 0.9);--checkboxLabelHover:hsl(217.5 88.889% 10.588% / 0.9);--checkboxLabelActive:hsl(217.5 88.889% 10.588% / 0.9);--checkboxLabelFocus:hsl(217.5 88.889% 10.588% / 0.9);--checkboxLabelDisabled:hsl(217.5 88.889% 10.588% / 0.3);--checkboxDescriptionDefault:hsl(217.5 88.889% 10.588% / 0.7);--checkboxDescriptionDisabled:hsl(217.5 88.889% 10.588% / 0.3);--checkboxGap:12px;--checkboxBorderWidthDefault:0px;--checkboxBorderWidthValidation:1px;--checkboxBorderWidthOutline:4px;--checkboxHelperError:#D83232;--dropdownGap:4px;--dropdownPaddingV:8px;--dropdownArrowShift:10px;--dropdownBg:hsl(none 0% 100%);--dropdownBorderRadius:8px;--dropdownItemSize:40px;--dropdownItemBgHover:hsl(229.09 30.196% 50% / 0.1);--dropdownItemBgActive:hsl(229.09 30.196% 50% / 0.2);--dropdownItemGap:16px;--dropdownItemCaptionGap:8px;--dropdownItemPaddingV:8px;--dropdownItemIndicatorPadding:16px;--dropdownItemPaddingH:20px;--dropdownItemRoundedPaddingH:12px;--dropdownItemColorDefault:hsl(217.5 88.889% 10.588% / 0.7);--dropdownItemColorHover:hsl(217.5 88.889% 10.588% / 0.9);--dropdownItemColorCaption:hsl(217.5 88.889% 10.588% / 0.5);--dropdownItemArrowDefault:hsl(217.5 88.889% 10.588% / 0.3);--dropdownItemArrowHover:hsl(217.5 88.889% 10.588% / 0.5);--dropdownItemIconSize:20px;--dropdownItemArrowSize:16px;--dropdownItemCheckedBgDefault:hsl(218.51 55.833% 52.941% / 0.08);--dropdownItemCheckedBgHover:hsl(218.51 55.833% 52.941% / 0.16);--dropdownItemCheckedColorDefault:#4474CA;--dropdownItemCheckedColorHover:#4474CA;--dropdownItemDangerBgHover:hsl(0 68.033% 52.157% / 0.08);--dropdownItemDangerColorDefault:#D83232;--dropdownItemDangerColorHover:#D83232;--dropdownItemDisabledColorDefault:hsl(217.5 88.889% 10.588% / 0.3);--dropdownItemDisabledColorCaption:hsl(217.5 88.889% 10.588% / 0.3);--dropdownItemIndicatorSize:20px;--dropdownItemFlagWidth:24px;--dropdownItemFlagHeight:16px;--dropdownGroupHeaderSize:40px;--dropdownGroupHeaderColor:hsl(217.5 88.889% 10.588% / 0.5);--dropdownGroupHeaderPaddingH:20px;--dropdownDividerPaddingV:4px;--inputSizeLg:48px;--inputSizeMd:40px;--inputSizeSm:32px;--inputIconSizeLg:20px;--inputIconSizeMd:16px;--inputIconSizeSm:14px;--inputAsterix:#D83232;--inputIconInfo:hsl(217.5 88.889% 10.588% / 0.3);--inputLabelOptional:hsl(217.5 88.889% 10.588% / 0.5);--inputResizer:hsl(217.5 88.889% 10.588% / 0.5);--inputLabelDefault:hsl(217.5 88.889% 10.588% / 0.7);--inputLabelError:hsl(217.5 88.889% 10.588% / 0.7);--inputBgDefault:hsl(203.94 100% 59.216% / 0.32);--inputBgHover:hsl(203.94 100% 59.216% / 0.28);--inputBgActive:hsl(203.94 100% 59.216% / 0.36);--inputBgFocus:hsl(203.94 100% 59.216% / 0.32);--inputBgDisabled:hsl(none 0% 0% / 0.1);--inputBgErrorDefault:hsl(0 68.033% 52.157% / 0.1);--inputBgErrorHover:hsl(0 68.033% 52.157% / 0.16);--inputBgErrorActive:hsl(0 68.033% 52.157% / 0.16);--inputBgErrorFocus:hsl(0 68.033% 52.157% / 0.1);--inputColorDefault:hsl(217.5 88.889% 10.588% / 0.5);--inputColorHover:hsl(217.5 88.889% 10.588% / 0.5);--inputColorActive:hsl(217.5 88.889% 10.588% / 0.5);--inputColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--inputColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputColorFilledDefault:hsl(217.5 88.889% 10.588% / 0.9);--inputColorFilledHover:hsl(217.5 88.889% 10.588% / 0.9);--inputColorFilledActive:hsl(217.5 88.889% 10.588% / 0.9);--inputColorFilledFocus:hsl(217.5 88.889% 10.588% / 0.9);--inputColorFilledDisabled:hsl(217.5 88.889% 10.588% / 0.5);--inputBrDefault:rgba(0, 0, 0, 0);--inputBrHover:rgba(0, 0, 0, 0);--inputBrActive:rgba(0, 0, 0, 0);--inputBrFocus:rgba(0, 0, 0, 0);--inputBrDisabled:rgba(0, 0, 0, 0);--inputBrSuccessDefault:#0EA45B;--inputBrWarningDefault:#FFC700;--inputBrErrorDefault:#D83232;--inputOutlineDefault:hsl(15.215 87.448% 46.863% / 0.25);--inputOutlineError:hsl(0 68.033% 52.157% / 0.25);--inputPrefixLabelDefault:hsl(217.5 88.889% 10.588% / 0.9);--inputPrefixLabelDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputPrefixIconDefault:hsl(217.5 88.889% 10.588% / 0.9);--inputPrefixIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputClearDefault:hsl(217.5 88.889% 10.588% / 0.5);--inputClearHover:hsl(217.5 88.889% 10.588% / 0.9);--inputClearActive:hsl(217.5 88.889% 10.588% / 0.9);--inputClearFocus:hsl(217.5 88.889% 10.588% / 0.5);--inputSuffixLabelDefault:hsl(217.5 88.889% 10.588% / 0.9);--inputSuffixLabelDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputSuffixIconDefault:hsl(217.5 88.889% 10.588% / 0.9);--inputSuffixIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputSuffixSplitterHeightLg:24px;--inputSuffixSplitterHeightMd:20px;--inputSuffixSplitterHeightSm:16px;--inputBorderRadiusLg:8px;--inputBorderRadiusMd:8px;--inputBorderRadiusSm:8px;--inputRoundedBorderRadiusLg:9.6px;--inputRoundedBorderRadiusMd:8px;--inputRoundedBorderRadiusSm:6.4px;--inputCircleBorderRadiusLg:24px;--inputCircleBorderRadiusMd:20px;--inputCircleBorderRadiusSm:16px;--inputBorderWidthDefault:1px;--inputBorderWidthHover:1px;--inputBorderWidthActive:1px;--inputBorderWidthFocus:1px;--inputBorderWidthDisabled:1px;--inputBorderWidthSplitter:1px;--inputBorderWidthOutline:3px;--inputBorderWidthSuccessDefault:1px;--inputBorderWidthSuccessHover:1px;--inputBorderWidthSuccessActive:1px;--inputBorderWidthSuccessFocus:1px;--inputBorderWidthWarningDefault:1px;--inputBorderWidthWarningHover:1px;--inputBorderWidthWarningActive:1px;--inputBorderWidthWarningFocus:1px;--inputBorderWidthErrorDefault:1px;--inputBorderWidthErrorHover:1px;--inputBorderWidthErrorActive:1px;--inputBorderWidthErrorFocus:1px;--inputAddonBgDefault:hsl(203.94 100% 59.216% / 0.28);--inputAddonBgDisabled:hsl(none 0% 0% / 0.02);--inputAddonColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--inputAddonColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputAddonBrDefault:hsl(203.94 100% 59.216% / 0.24);--inputAddonBrDisabled:hsl(none 0% 0% / 0.08);--inputAddonSplitterHeightLg:28px;--inputAddonSplitterHeightMd:20px;--inputAddonSplitterHeightSm:16px;--inputAddonSplitterWidth:1px;--inputHelperLabelDefault:hsl(217.5 88.889% 10.588% / 0.7);--inputHelperLabelSuccess:#0EA45B;--inputHelperLabelWarning:hsl(217.5 88.889% 10.588% / 0.7);--inputHelperLabelError:#D83232;--inputHelperIconDefault:hsl(217.5 88.889% 10.588% / 0.7);--inputHelperIconSuccess:#0EA45B;--inputHelperIconWarning:#FFC700;--inputHelperIconError:#D83232;--inputCounterDefault:hsl(217.5 88.889% 10.588% / 0.5);--inputCounterSuccess:#0EA45B;--inputCounterError:#D83232;--inputHeaderGap:4px;--inputGapLg:12px;--inputGapMd:8px;--inputGapSm:8px;--inputPaddingHLg:12px;--inputPaddingHMd:12px;--inputPaddingHSm:12px;--inputPaddingVLg:12px;--inputPaddingVMd:8px;--inputPaddingVSm:6px;--inputSuffixGapLg:10px;--inputSuffixGapMd:8px;--inputSuffixGapSm:8px;--inputRequirementLabelDefault:hsl(217.5 88.889% 10.588% / 0.7);--inputRequirementLabelSuccess:#0EA45B;--inputRequirementLabelError:#D83232;--inputArrowDefault:hsl(217.5 88.889% 10.588% / 0.5);--inputArrowHover:hsl(217.5 88.889% 10.588% / 0.9);--inputArrowActive:hsl(217.5 88.889% 10.588% / 0.9);--inputArrowFocus:hsl(217.5 88.889% 10.588% / 0.5);--inputArrowDisabled:hsl(217.5 88.889% 10.588% / 0.3);--inputPrefixGapLg:10px;--inputPrefixGapMd:8px;--inputPrefixGapSm:8px;--inputFlagHeightLg:20px;--inputFlagHeightMd:16px;--inputFlagHeightSm:14px;--inputFlagWidthLg:30px;--inputFlagWidthMd:24px;--inputFlagWidthSm:22px;--linkOutline:hsl(15.215 87.448% 46.863% / 0.25);--linkAccentColorDefault:#4474CA;--linkAccentColorHover:hsl(218.51 55.833% 58.588%);--linkAccentColorActive:hsl(218.51 55.833% 42.353%);--linkAccentColorFocus:#4474CA;--linkIconSizeMd:16px;--linkIconSizeSm:14px;--linkIconSizeXs:12px;--linkGapBetweenIconLeft:4px;--linkGapBetweenIconRight:2px;--linkSecondaryColorDefault:hsl(217.5 88.889% 10.588% / 0.7);--linkSecondaryColorHover:hsl(217.5 88.889% 10.588% / 0.9);--linkSecondaryColorActive:hsl(217.5 88.889% 10.588% / 0.9);--linkSecondaryColorFocus:hsl(217.5 88.889% 10.588% / 0.7);--linkOutlineBorderWidth:2px;--linkOutlineSizeMd:24px;--linkOutlineSizeSm:20px;--linkOutlineSizeXs:16px;--linkBorderRadiusMd:4.8px;--linkBorderRadiusSm:4px;--linkBorderRadiusXs:3.2px;--listItemHeight:56px;--listItemGapH:8px;--listItemGapV:16px;--listItemPaddingV:8px;--listItemPaddingH:8px;--listItemStatusGap:4px;--listItemTrackGap:8px;--listItemTrackColor:hsl(217.5 88.889% 10.588% / 0.5);--listItemColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--listItemColorDisabled:hsl(217.5 88.889% 10.588% / 0.5);--listItemColorAccent1:#4474CA;--listItemColorIconDefault:hsl(217.5 88.889% 10.588% / 0.7);--listItemColorIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--listItemColorSubtitleDefault:hsl(217.5 88.889% 10.588% / 0.7);--listItemColorSubtitleDisabled:hsl(217.5 88.889% 10.588% / 0.5);--listItemColorOverlineDefault:hsl(217.5 88.889% 10.588% / 0.7);--listItemColorOverlineDisabled:hsl(217.5 88.889% 10.588% / 0.5);--listItemBgHover:hsl(229.09 30.196% 50% / 0.1);--listItemBgActive:hsl(229.09 30.196% 50% / 0.2);--listItemHighlightedBgDefault:hsl(15.215 87.448% 46.863% / 0.12);--listItemHighlightedBgHover:hsl(15.215 87.448% 46.863% / 0.16);--listItemHighlightedBgActive:hsl(15.215 87.448% 46.863% / 0.2);--listItemHighlightedBgFocus:hsl(15.215 87.448% 46.863% / 0.12);--listItemShiftedBgHover:linear-gradient(90deg, rgba(hsl(229.09 30.196% 50% / 0.1), 0) 0%, hsl(229.09 30.196% 50% / 0.1) 100%);--listItemShiftedBgActive:linear-gradient(90deg, rgba(hsl(229.09 30.196% 50% / 0.2), 0) 0%, hsl(229.09 30.196% 50% / 0.2) 100%);--listItemShiftedHighlightedBgDefault:linear-gradient(90deg, rgba(hsl(15.215 87.448% 46.863% / 0.12), 0) 0%, hsl(15.215 87.448% 46.863% / 0.12) 100%);--listItemShiftedHighlightedBgHover:linear-gradient(90deg, rgba(hsl(15.215 87.448% 46.863% / 0.16), 0) 0%, hsl(15.215 87.448% 46.863% / 0.16) 100%);--listItemShiftedHighlightedBgActive:linear-gradient(90deg, rgba(hsl(15.215 87.448% 46.863% / 0.2), 0) 0%, hsl(15.215 87.448% 46.863% / 0.2) 100%);--listItemShiftedHighlightedBgFocus:linear-gradient(90deg, rgba(hsl(15.215 87.448% 46.863% / 0.12), 0) 0%, hsl(15.215 87.448% 46.863% / 0.12) 100%);--listItemOutlineColor:hsl(15.215 87.448% 46.863% / 0.25);--listItemIconSize:24px;--listItemArrowSize:20px;--listItemInlineIconSize:20px;--listItemArrow:hsl(217.5 88.889% 10.588% / 0.3);--listItemAddonLabelWidth:40px;--listOutlineBorderWidth:4px;--listFadeableFaderWidthLg:36px;--radioSize:20px;--radioIndicatorSize:8px;--radioBorderRadius:10px;--radioBorderRadiusOutline:11px;--radioOutline:hsl(15.215 87.448% 46.863% / 0.25);--radioDefaultBgDefault:hsl(203.94 100% 59.216% / 0.32);--radioDefaultBgHover:hsl(203.94 100% 59.216% / 0.28);--radioDefaultBgActive:hsl(203.94 100% 59.216% / 0.36);--radioDefaultBgFocus:hsl(203.94 100% 59.216% / 0.32);--radioDefaultBgDisabled:hsl(none 0% 0% / 0.1);--radioDefaultBrDefault:rgba(0, 0, 0, 0);--radioDefaultBrHover:rgba(0, 0, 0, 0);--radioDefaultBrActive:rgba(0, 0, 0, 0);--radioDefaultBrFocus:rgba(0, 0, 0, 0);--radioDefaultBrDisabled:rgba(0, 0, 0, 0);--radioCheckedBgDefault:#4474CA;--radioCheckedBgHover:hsl(218.51 55.833% 58.588%);--radioCheckedBgActive:hsl(218.51 55.833% 42.353%);--radioCheckedBgFocus:#4474CA;--radioCheckedBgDisabled:hsl(218.51 55.833% 52.941% / 0.25);--radioCheckedIndicatorDefault:#FFFFFF;--radioCheckedIndicatorHover:#FFFFFF;--radioCheckedIndicatorActive:#FFFFFF;--radioCheckedIndicatorFocus:#FFFFFF;--radioCheckedIndicatorDisabled:#FFFFFF;--radioLabelDefault:hsl(217.5 88.889% 10.588% / 0.9);--radioLabelHover:hsl(217.5 88.889% 10.588% / 0.9);--radioLabelActive:hsl(217.5 88.889% 10.588% / 0.9);--radioLabelFocus:hsl(217.5 88.889% 10.588% / 0.9);--radioLabelDisabled:hsl(217.5 88.889% 10.588% / 0.3);--radioDescriptionDefault:hsl(217.5 88.889% 10.588% / 0.7);--radioDescriptionDisabled:hsl(217.5 88.889% 10.588% / 0.3);--radioGap:12px;--radioBorderWidth:1px;--radioBorderWidthOutline:4px;--radioCardMinHeight:48px;--radioCardImageSize:40px;--radioCardIconSize:20px;--radioCardPaddingH:12px;--radioCardPaddingV:8px;--radioCardBgDefault:hsl(none 0% 100%);--radioCardBgHover:hsl(none 0% 100%);--radioCardBgActive:hsl(none 0% 100%);--radioCardBgFocus:hsl(none 0% 100%);--radioCardBgDisabled:hsl(none 0% 100%);--radioCardBrDefault:hsl(229.09 30.196% 50% / 0.16);--radioCardBrHover:hsl(229.09 30.196% 50% / 0.24);--radioCardBrActive:hsl(229.09 30.196% 50% / 0.24);--radioCardBrFocus:hsl(229.09 30.196% 50% / 0.16);--radioCardBrDisabled:hsl(229.09 30.196% 50% / 0.16);--radioCardIconDefault:hsl(217.5 88.889% 10.588% / 0.9);--radioCardIconHover:hsl(217.5 88.889% 10.588% / 0.9);--radioCardIconActive:hsl(217.5 88.889% 10.588% / 0.9);--radioCardIconFocus:hsl(217.5 88.889% 10.588% / 0.9);--radioCardIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--radioCardCheckedBrDefault:#4474CA;--radioCardCheckedBrHover:hsl(218.51 55.833% 58.588%);--radioCardCheckedBrActive:hsl(218.51 55.833% 42.353%);--radioCardCheckedBrFocus:#4474CA;--radioCardCheckedBrDisabled:hsl(218.51 55.833% 52.941% / 0.25);--radioCardCheckedIconDefault:#4474CA;--radioCardCheckedIconHover:#4474CA;--radioCardCheckedIconActive:#4474CA;--radioCardCheckedIconFocus:#4474CA;--radioCardCheckedIconDisabled:hsl(218.51 55.833% 52.941% / 0.25);--radioCardCheckedLabelDefault:#4474CA;--radioCardCheckedLabelHover:#4474CA;--radioCardCheckedLabelActive:#4474CA;--radioCardCheckedLabelFocus:#4474CA;--radioCardCheckedLabelDisabled:hsl(218.51 55.833% 52.941% / 0.25);--radioCardBorderRadius:8px;--radioCardBorderRadiusOutline:9px;--radioGroupGap:8px;--scrollbarSizeDefault:6px;--scrollbarSizeHover:8px;--scrollbarBorderRadiusDefault:3px;--scrollbarBorderRadiusHover:4px;--scrollbarTrackDefault:rgba(0, 0, 0, 0);--scrollbarTrackHover:hsl(229.09 30.196% 50% / 0.2);--scrollbarThumbDefault:hsl(229.09 30.196% 50% / 0.64);--scrollbarThumbHover:#5967a6;--splitBtnRightPaddingHMd:8px;--splitBtnRightPaddingHLg:12px;--splitBtnRightPaddingHXl:16px;--splitBtnLeftPaddingHMd:24px;--splitBtnLeftPaddingHLg:32px;--splitBtnLeftPaddingHXl:40px;--accordionColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--accordionColorHover:hsl(217.5 88.889% 10.588% / 0.9);--accordionColorActive:hsl(217.5 88.889% 10.588% / 0.9);--accordionColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--accordionColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--accordionUnderlineDefault:hsl(217.5 88.889% 10.588% / 0.7);--accordionUnderlineHover:hsl(217.5 88.889% 10.588% / 0.7);--accordionUnderlineActive:hsl(217.5 88.889% 10.588% / 0.7);--accordionUnderlineFocus:hsl(217.5 88.889% 10.588% / 0.7);--accordionUnderlineDisabled:hsl(217.5 88.889% 10.588% / 0.3);--accordionGapV:24px;--accordionGapH:12px;--accordionBlockBg:hsl(229.09 30.196% 50% / 0.1);--accordionBlockBorderRadius:8px;--accordionBlockPaddingHXl:24px;--accordionBlockPaddingHLg:24px;--accordionBlockPaddingHMd:20px;--accordionBlockPaddingHSm:16px;--accordionBlockPaddingVXl:24px;--accordionBlockPaddingVLg:24px;--accordionBlockPaddingVMd:16px;--accordionBlockPaddingVSm:16px;--accordionBlockOutlineBorderRadius:9px;--accordionOutlineColor:hsl(15.215 87.448% 46.863% / 0.25);--accordionOutlineBorderWidth:4px;--accordionOutlineBorderRadius:8px;--accordionImageMaxWidth:328px;--accordionImageBorderRadius:8px;--actionBarGap:12px;--actionBarBtnMaxWidth:240px;--awardColor:hsl(229.09 30.196% 50% / 0.64);--awardSizeMd:32px;--awardSizeSm:24px;--bannerContentBg:hsl(none 0% 100% / 0.72);--bannerTitle:#FFFFFF;--bannerCaption:hsl(218.51 55.833% 85.882%);--bannerCardHeightMd:208px;--bannerCardWidthMd:306px;--bannerCardPaddingHMd:16px;--bannerCardPaddingVMd:16px;--bannerCardGapMd:4px;--bannerCardCornerDefault:rgba(0, 0, 0, 0);--bannerCardShift:100px;--bannerCardMaxWidthMd:600px;--bannerHeightXl:384px;--bannerHeightLg:334px;--bannerHeightMd:276px;--bannerHeightSm:276px;--bannerHeightXs:284px;--bannerHeightXxs:128px;--bannerWidthXl:1110px;--bannerWidthLg:950px;--bannerWidthMd:678px;--bannerWidthSm:678px;--bannerWidthXs:324px;--bannerWidthXxs:324px;--bannerPaddingXs:12px;--bannerPaddingXxs:16px;--bannerGapXxs:12px;--bannerBackHeightXl:344px;--bannerBackHeightLg:298px;--bannerBackHeightMd:252px;--bannerBackHeightSm:252px;--bannerBackHeightXs:262px;--bannerFrontHeightXs:180px;--bannerContentWidthXl:400px;--bannerContentWidthLg:380px;--bannerContentWidthMd:272px;--bannerContentWidthSm:272px;--bannerContentHeightXl:240px;--bannerContentHeightLg:220px;--bannerContentHeightMd:180px;--bannerContentHeightSm:180px;--bannerContentHeightXs:120px;--bannerContentPaddingXl:24px;--bannerContentPaddingLg:24px;--bannerContentPaddingMd:24px;--bannerContentPaddingSm:16px;--bannerContentPaddingXs:16px;--bannerContentGapXl:24px;--bannerContentGapLg:24px;--bannerContentGapMd:16px;--bannerContentGapSm:16px;--bannerContentGapXs:16px;--bannerBorderRadius:8px;--bannerAuthFrontHeight:108px;--bannerAuthPaddingV:12px;--bannerAuthPaddingL:12px;--bannerAuthPaddingR:124px;--bannerAuthGap:4px;--bannerAuthOverline:hsl(217.5 88.889% 10.588% / 0.9);--bannerAuthTitle:hsl(217.5 88.889% 10.588% / 0.9);--bannerAuthDescription:hsl(217.5 88.889% 10.588% / 0.7);--bannerAuthBorderRadius:16px;--bannerImage:128px;--bannerBorderWidth:0px;--bannerBrDefault:rgba(0, 0, 0, 0);--bannerAppIconSize:24px;--bannerAppPadding:8px;--bannerAppGap:8px;--bannerAppBg:hsl(none 0% 100%);--bannerAppColor:hsl(217.5 88.889% 10.588% / 0.9);--bannerAppContentGap:16px;--bannerAppContentMaxWidth:1224px;--bannerAppImageHeight:36px;--bannerAppImageBorderRadius:4px;--bannerShowcaseHeightXs:288px;--bannerShowcaseHeightMd:288px;--bannerShowcaseFrontHeightXs:192px;--bannerShowcaseFrontHeightMd:315px;--bannerShowcaseBackHeightXs:264px;--bannerShowcaseBackHeightMd:264px;--bannerShowcaseContentWidthMd:388px;--bannerShowcaseContentHeightXs:120px;--bannerShowcaseContentHeightMd:288px;--bannerShowcaseContentGapXs:16px;--bannerShowcaseContentGapMd:24px;--bannerShowcaseTitle:hsl(217.5 88.889% 10.588% / 0.9);--bannerShowcasePaddingHXs:16px;--bannerShowcasePaddingHMd:48px;--bannerShowcaseBorderRadiusTopLeftXs:8px;--bannerShowcaseBorderRadiusTopLeftMd:8px;--bannerShowcaseBorderRadiusTopRightXs:8px;--bannerShowcaseBorderRadiusTopRightMd:8px;--bannerShowcaseBorderRadiusBottomRightXs:0px;--bannerShowcaseBorderRadiusBottomRightMd:8px;--bannerShowcaseBorderRadiusBottomLeftXs:0px;--bannerShowcaseBorderRadiusBottomLeftMd:8px;--breadcrumbsGap:4px;--breadcrumbsPaddingH:4px;--breadcrumbsItemGap:4px;--breadcrumbsArrowColor:hsl(217.5 88.889% 10.588% / 0.3);--breadcrumbsSeparatorColor:hsl(217.5 88.889% 10.588% / 0.3);--breadcrumbsBgHover:hsl(229.09 30.196% 50% / 0.1);--breadcrumbsColorDefault:hsl(217.5 88.889% 10.588% / 0.5);--breadcrumbsColorHover:hsl(217.5 88.889% 10.588% / 0.5);--breadcrumbsColorSelected:hsl(217.5 88.889% 10.588% / 0.9);--breadcrumbsSize:24px;--breadcrumbsIconSize:16px;--breadcrumbsArrowSize:16px;--breadcrumbsBorderRadius:4.8px;--breadcrumbsRounded:4.8px;--breadcrumbsCircle:12px;--calendarItemOutline:hsl(15.215 87.448% 46.863% / 0.25);--calendarItemCheckedBg:#4474CA;--calendarItemCheckedColor:#FFFFFF;--calendarItemDefaultBgDefalut:hsl(229.09 30.196% 50% / 0.24);--calendarItemDefaultBgHover:hsl(229.09 30.196% 50% / 0.16);--calendarItemDefaultBgActive:hsl(229.09 30.196% 50% / 0.2);--calendarItemDefaultColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemDefaultColorHover:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemDefaultColorActive:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemDefaultColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemDefaultColorIndicator:#4474CA;--calendarItemSizeLg:64px;--calendarItemSizeMd:40px;--calendarItemSizeIndicatorSize:4px;--calendarItemBorderRadius:8px;--calendarItemOutlineBorderRadius:9px;--calendarItemBorderWidth:1px;--calendarItemOutlineBorderWidth:4px;--calendarItemTodayBgDefault:#4474CA;--calendarItemTodayBgHover:hsl(218.51 55.833% 52.941% / 0.12);--calendarItemTodayBgActive:hsl(218.51 55.833% 52.941% / 0.16);--calendarItemTodayBrHover:#4474CA;--calendarItemTodayBrActive:#4474CA;--calendarItemTodayBrFocus:#4474CA;--calendarItemTodayColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemTodayColorHover:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemTodayColorActive:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemTodayColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--calendarItemTodayColorIndicator:#4474CA;--calendarItemExternalBgHover:hsl(229.09 30.196% 50% / 0.16);--calendarItemExternalBgActive:hsl(229.09 30.196% 50% / 0.2);--calendarItemExternalColorDefault:hsl(217.5 88.889% 10.588% / 0.3);--calendarItemExternalColorHover:hsl(217.5 88.889% 10.588% / 0.3);--calendarItemExternalColorActive:hsl(217.5 88.889% 10.588% / 0.3);--calendarItemExternalColorFocus:hsl(217.5 88.889% 10.588% / 0.3);--calendarItemExternalColorIndicator:hsl(217.5 88.889% 10.588% / 0.3);--calendarItemBadgeBrDefault:hsl(229.09 30.196% 50% / 0.24);--calendarItemBadgeBgDefault:#FFFFFF;--calendarItemBadgeBgIcon:hsl(217.5 88.889% 10.588% / 0.5);--calendarItemBadgeIconSizeLg:14px;--calendarItemBadgeIconSizeMd:12px;--calendarGap:8px;--calendarMonthGapLg:4px;--calendarMonthGapMd:2px;--calendarMonthColor:hsl(217.5 88.889% 10.588% / 0.9);--calendarMonthIcon:hsl(217.5 88.889% 10.588% / 0.5);--calendarMonthIconSize:20px;--calendarBadgeBorderRadiusLg:11px;--calendarBadgeBorderRadiusMd:9px;--calendarBadgeBorderWidth:1px;--calendarBadgePaddingLg:4px;--calendarBadgePaddingMd:3px;--calendarDayColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--calendarDayLg:64px;--calendarDayMd:40px;--carouselGap:8px;--carouselCenteredGapXl:24px;--carouselCenteredGapLg:24px;--carouselCenteredGapMd:16px;--carouselCenteredGapSm:16px;--carouselCenteredGapXs:8px;--chipSizeMd:32px;--chipSizeSm:24px;--chipIconSizeMd:16px;--chipIconSizeSm:12px;--chipGap:4px;--chipPaddingH:12px;--chipBgDefault:hsl(229.09 30.196% 50% / 0.1);--chipBgHover:hsl(229.09 30.196% 50% / 0.16);--chipBgActive:hsl(229.09 30.196% 50% / 0.2);--chipBgFocus:hsl(229.09 30.196% 50% / 0.1);--chipBgDisabled:hsl(none 0% 0% / 0.1);--chipColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--chipColorHover:hsl(217.5 88.889% 10.588% / 0.9);--chipColorActive:hsl(217.5 88.889% 10.588% / 0.9);--chipColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--chipColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--chipBrDefault:hsl(229.09 30.196% 50% / 0.24);--chipBrHover:hsl(229.09 30.196% 50% / 0.24);--chipBrActive:hsl(229.09 30.196% 50% / 0.24);--chipBrFocus:hsl(229.09 30.196% 50% / 0.24);--chipBrDisabled:hsl(none 0% 0% / 0.12);--chipCloseDefault:hsl(217.5 88.889% 10.588% / 0.5);--chipCloseHover:hsl(217.5 88.889% 10.588% / 0.9);--chipCloseActive:hsl(217.5 88.889% 10.588% / 0.9);--chipCloseFocus:hsl(217.5 88.889% 10.588% / 0.5);--chipOutlineColor:hsl(15.215 87.448% 46.863% / 0.25);--chipRoundedBorderRadiusMd:6px;--chipRoundedBorderRadiusSm:5px;--chipRoundedOutlineBorderRadiusMd:7px;--chipRoundedOutlineBorderRadiusSm:6px;--chipCircleBorderRadiusMd:16px;--chipCircleBorderRadiusSm:12px;--chipCircleOutlineBorderRadiusMd:17px;--chipCircleOutlineBorderRadiusSm:13px;--chipBorderWidth:1px;--chipOutlineBorderWidthMd:3px;--chipOutlineBorderWidthSm:2px;--chipCheckedBgDefault:hsl(218.51 55.833% 52.941% / 0.08);--chipCheckedBgHover:hsl(218.51 55.833% 52.941% / 0.12);--chipCheckedBgActive:hsl(218.51 55.833% 52.941% / 0.16);--chipCheckedBgFocus:hsl(218.51 55.833% 52.941% / 0.08);--chipCheckedColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--chipCheckedColorHover:hsl(217.5 88.889% 10.588% / 0.9);--chipCheckedColorActive:hsl(217.5 88.889% 10.588% / 0.9);--chipCheckedColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--chipCheckedCloseDefault:#4474CA;--chipCheckedCloseHover:#4474CA;--chipCheckedCloseActive:#4474CA;--chipCheckedCloseFocus:#4474CA;--chipCheckedBrDefault:#4474CA;--chipCheckedBrHover:#4474CA;--chipCheckedBrActive:#4474CA;--chipCheckedBrFocus:#4474CA;--dividerBorderWidth:1px;--dividerColor:hsl(217.5 88.889% 10.588% / 0.5);--dividerBr:hsl(229.09 30.196% 50% / 0.24);--dividerMinSize:1px;--dividerGapH:12px;--dividerGapV:8px;--drawerBg:hsl(none 0% 100%);--drawerMask:hsl(none 0% 0% / 0.28);--drawerMaxSizeMd:640px;--drawerMaxSizeSm:400px;--drawerPadding:24px;--drawerGap:24px;--drawerOffset:48px;--drawerTitle:hsl(217.5 88.889% 10.588% / 0.9);--drawerTiitleShift:32px;--drawerDescription:hsl(217.5 88.889% 10.588% / 0.7);--drawerHeaderGap:8px;--drawerBorderRadius:16px;--drawerSwapIndicatorSize:40px;--drawerSwapIndicatorLength:64px;--drawerSwapIndicatorThickness:6px;--drawerSwapIndicatorBorderRadius:3px;--drawerSwapIndicatorPadding:12px;--drawerSwapIndicatorColor:hsl(229.09 30.196% 50% / 0.24);--drawerClosePadding:4px;--drawerCloseBorderRadius:24px;--drawerIconSize:24px;--drawerIconColor:#4474CA;--drawerImageHeight:160px;--drawerImageBorderRadius:8px;--emptyIconSize:56px;--emptyGap:16px;--emptyTitle:hsl(217.5 88.889% 10.588% / 0.9);--emptyDescription:hsl(217.5 88.889% 10.588% / 0.5);--emptyIcon:hsl(217.5 88.889% 10.588% / 0.3);--emptyMaxWidth:600px;--emptyTextGap:8px;--emptyImageBorderRadius:8px;--footerBg:hsl(none 0% 100%);--footerPaddingHXs:16px;--footerPaddingHSm:40px;--footerPaddingHMd:40px;--footerPaddingHLg:36px;--footerPaddingHXl:36px;--footerPaddingVXs:48px;--footerPaddingVSm:48px;--footerPaddingVMd:48px;--footerPaddingVLg:48px;--footerPaddingVXl:48px;--footerContainerWidthLg:1200px;--footerContainerWidthXl:1296px;--headerBg:hsl(none 0% 100%);--headerSizeXs:56px;--headerSizeSm:56px;--headerSizeMd:56px;--headerSizeLg:64px;--headerSizeXl:64px;--headerPaddingHXs:12px;--headerPaddingHSm:12px;--headerPaddingHMd:20px;--headerPaddingHLg:20px;--headerPaddingHXl:20px;--headerBalanceBorderRadius:20px;--headerBalanceBg:hsl(none 0% 65%);--headerBalanceArrowSize:20px;--headerBalanceCurrencySize:12px;--headerBalanceColor:hsl(217.5 88.889% 10.588% / 0.9);--headerBalancePaddingL:12px;--headerBalancePaddingR:8px;--headerBalanceGap:4px;--headerLanguageSelectSize:40px;--headerLanguageSelectBorderRadius:20px;--headerLanguageSelectColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--headerLanguageSelectColorHover:hsl(217.5 88.889% 10.588% / 0.9);--headerLanguageSelectColorActive:hsl(217.5 88.889% 10.588% / 0.9);--headerLanguageSelectColorPressed:hsl(217.5 88.889% 10.588% / 0.9);--headerLanguageSelectBgDefault:rgba(0, 0, 0, 0);--headerLanguageSelectBgHover:hsl(229.09 30.196% 50% / 0.16);--headerLanguageSelectBgActive:hsl(229.09 30.196% 50% / 0.2);--headerLanguageSelectBgFocus:rgba(0, 0, 0, 0);--headerLanguageSelectOutlineBorderWidth:4px;--headerLanguageSelectOutlineBorderColor:hsl(15.215 87.448% 46.863% / 0.25);--headerLanguageSelectOutlineBorderRadius:21px;--headerGapBetweenBtnLogoXs:4px;--headerGapBetweenBtnLogoSm:16px;--headerGapBetweenBtnLogoMd:16px;--headerGapBetweenBtnLogoLg:24px;--headerGapBetweenBtnLogoXl:24px;--headerGapRightBlockMd:16px;--headerGapRightBlockLg:16px;--headerGapRightBlockXl:16px;--headerBalanceDetailsGap:12px;--headerBalanceDetailsPadding:12px;--headerBalanceDetailsGapList:8px;--layoutMinWidthXs:360px;--layoutMinWidthSm:768px;--layoutMinWidthMd:1024px;--layoutMinWidthLg:1280px;--layoutMinWidthXl:1440px;--layoutMaxWidthXs:767px;--layoutMaxWidthSm:1023px;--layoutMaxWidthMd:1279px;--layoutMaxWidthLg:1439px;--layoutContentWidthLg:1128px;--layoutContentWidthXl:1224px;--layoutContainerWidthLg:1200px;--layoutContainerWidthXl:1296px;--layoutBg:hsl(229.09 30.196% 97%);--layoutMainPaddingTXs:12px;--layoutMainPaddingTSm:12px;--layoutMainPaddingTMd:16px;--layoutMainPaddingTLg:16px;--layoutMainPaddingTXl:16px;--layoutMainPaddingBXs:24px;--layoutMainPaddingBSm:24px;--layoutMainPaddingBMd:32px;--layoutMainPaddingBLg:48px;--layoutMainPaddingBXl:48px;--layoutPaddingHXs:16px;--layoutPaddingHSm:40px;--layoutPaddingHMd:40px;--layoutPaddingHLg:36px;--layoutPaddingHXl:36px;--layoutPaddingVXs:24px;--layoutPaddingVSm:24px;--layoutPaddingVMd:32px;--layoutPaddingVLg:48px;--layoutPaddingVXl:48px;--layoutGapPrimaryXs:20px;--layoutGapPrimarySm:32px;--layoutGapPrimaryMd:48px;--layoutGapPrimaryLg:48px;--layoutGapPrimaryXl:48px;--layoutGapSecondaryXs:12px;--layoutGapSecondarySm:16px;--layoutGapSecondaryMd:24px;--layoutGapSecondaryLg:24px;--layoutGapSecondaryXl:24px;--menuGap:8px;--menuItemSize:40px;--menuItemOutlineSize:42px;--menuItemGap:4px;--menuItemPaddingH:12px;--menuItemOutline:hsl(15.215 87.448% 46.863% / 0.25);--menuItemBgDefault:hsl(203.94 100% 59.216% / 0.32);--menuItemBgHover:hsl(203.94 100% 59.216% / 0.28);--menuItemBgActive:hsl(203.94 100% 59.216% / 0.32);--menuItemBgFocus:hsl(203.94 100% 59.216% / 0.28);--menuItemColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--menuItemColorHover:hsl(217.5 88.889% 10.588% / 0.9);--menuItemColorActive:hsl(217.5 88.889% 10.588% / 0.9);--menuItemColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--menuItemColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--menuItemIconDefault:#4474CA;--menuItemIconHover:#4474CA;--menuItemIconActive:#4474CA;--menuItemIconFocus:#4474CA;--menuItemIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--menuItemBrDefault:rgba(0, 0, 0, 0);--menuItemBrHover:rgba(0, 0, 0, 0);--menuItemBrActive:rgba(0, 0, 0, 0);--menuItemBrFocus:rgba(0, 0, 0, 0);--menuItemBrDisabled:rgba(0, 0, 0, 0);--menuItemCheckedBgDefault:hsl(218.51 55.833% 52.941% / 0.9);--menuItemCheckedBgHover:hsl(218.51 55.833% 52.941% / 0.65);--menuItemCheckedBgActive:hsl(218.51 55.833% 42.353%);--menuItemCheckedBgFocus:hsl(218.51 55.833% 52.941% / 0.9);--menuItemCheckedColorDefault:#FFFFFF;--menuItemCheckedColorHover:#FFFFFF;--menuItemCheckedColorActive:#FFFFFF;--menuItemCheckedColorFocus:#FFFFFF;--menuItemCheckedBrDefault:rgba(0, 0, 0, 0);--menuItemCheckedBrHover:rgba(0, 0, 0, 0);--menuItemCheckedBrActive:rgba(0, 0, 0, 0);--menuItemCheckedBrFocus:rgba(0, 0, 0, 0);--menuItemBorderRadius:20px;--menuItemOutlineBorderRadius:21px;--menuItemIconSize:20px;--menuItemOutlineBorderWidth:4px;--menuItemFillGap:20px;--menuBoxShadowGlowYMd:0px;--menuBoxShadowGlowBlurMd:16px;--menuBorderWidth:1px;--modalBorderRadius:16px;--modalImageBorderRadius:8px;--modalImageHeight:160px;--modalBg:hsl(none 0% 100%);--modalMask:hsl(none 0% 0% / 0.28);--modalCloseDefault:hsl(217.5 88.889% 10.588% / 0.5);--modalCloseHover:hsl(217.5 88.889% 10.588% / 0.7);--modalClosePadding:4px;--modalCloseBorderRadius:20px;--modalSizeLg:880px;--modalSizeMd:640px;--modalSizeSm:400px;--modalGap:24px;--modalPaddingH:24px;--modalPaddingV:24px;--modalMarginH:16px;--modalMarginV:48px;--modalHeaderGap:8px;--modalTitleShift:24px;--modalIconSize:24px;--modalIconColor:#4474CA;--navigatorGap:16px;--navigatorDotPrimarySizeMd:8px;--navigatorDotPrimarySizeSm:4px;--navigatorDotSecondarySizeMd:6px;--navigatorDotSecondarySizeSm:4px;--navigatorDotTertiarySizeMd:4px;--navigatorDotTertiarySizeSm:3px;--navigatorDotGapMd:10px;--navigatorDotGapSm:4px;--navigatorDotPadding:5px;--navigatorDotWidthMd:126px;--navigatorDotWidthSm:34px;--navigatorDashHeight:4px;--navigatorDashPrimaryWidthMd:48px;--navigatorDashPrimaryWidthSm:16px;--navigatorDashSecondaryWidthMd:16px;--navigatorDashSecondaryWidthSm:8px;--navigatorDashTertiaryWidthMd:8px;--navigatorDashTertiaryWidthSm:4px;--navigatorDashGapMd:8px;--navigatorDashGapSm:4px;--navigatorDashPadding:4px;--navigatorDashWidthMd:184px;--navigatorDashWidthSm:56px;--navigatorDefault:hsl(203.94 100% 59.216% / 0.25);--navigatorActive:#4474CA;--paginatorColor:hsl(217.5 88.889% 10.588% / 0.9);--paginatorItemOutline:hsl(15.215 87.448% 46.863% / 0.25);--paginatorItemDefaultColorDefault:hsl(217.5 88.889% 10.588% / 0.7);--paginatorItemDefaultColorHover:hsl(217.5 88.889% 10.588% / 0.9);--paginatorItemDefaultColorActive:hsl(217.5 88.889% 10.588% / 0.9);--paginatorItemDefaultColorFocus:hsl(217.5 88.889% 10.588% / 0.7);--paginatorItemDefaultColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--paginatorItemDefaultBgHover:hsl(229.09 30.196% 50% / 0.1);--paginatorItemDefaultBgActive:hsl(229.09 30.196% 50% / 0.2);--paginatorItemSize:40px;--paginatorItemOutlineSize:42px;--paginatorItemBorderRadius:20px;--paginatorItemBorderRadiusOutline:21px;--paginatorItemOutlineBorderWidth:4px;--paginatorItemCheckedColorDefault:#FFFFFF;--paginatorItemCheckedColorHover:#FFFFFF;--paginatorItemCheckedColorActive:#FFFFFF;--paginatorItemCheckedColorFocus:#FFFFFF;--paginatorItemCheckedColorDisabled:#FFFFFF;--paginatorItemCheckedBgDefault:#4474CA;--paginatorItemCheckedBgHover:hsl(218.51 55.833% 58.588%);--paginatorItemCheckedBgActive:hsl(218.51 55.833% 42.353%);--paginatorItemCheckedBgFocus:#4474CA;--paginatorItemCheckedBgDisabled:hsl(218.51 55.833% 52.941% / 0.25);--paginatorGap:8px;--paginatorGapItemColor:hsl(217.5 88.889% 10.588% / 0.3);--propserGap:8px;--propserSplitter:hsl(217.5 88.889% 10.588% / 0.3);--propserItemIconSizeMd:20px;--propserItemIconSizeSm:16px;--propserItemGap:4px;--propserItemColor:hsl(217.5 88.889% 10.588% / 0.9);--propserItemIconDefault:hsl(217.5 88.889% 10.588% / 0.7);--propserItemIconAccent1:#4474CA;--propserItemIconAccent2:#E0440F;--segmentedSizeMd:40px;--segmentedSizeSm:32px;--segmentedPadding:3px;--segmentedBorderRadiusMd:20px;--segmentedBorderRadiusSm:16px;--segmentedBg:hsl(203.94 100% 59.216% / 0.32);--segmentedItemBg:rgba(0, 0, 0, 0);--segmentedItemLabelDefault:hsl(217.5 88.889% 10.588% / 0.7);--segmentedItemLabelHover:hsl(217.5 88.889% 10.588% / 0.9);--segmentedItemLabelActive:hsl(217.5 88.889% 10.588% / 0.9);--segmentedItemLabelFocus:hsl(217.5 88.889% 10.588% / 0.7);--segmentedItemLabelDisabled:hsl(217.5 88.889% 10.588% / 0.3);--segmentedItemCheckedBg:hsl(none 0% 100%);--segmentedItemCheckedLabel:hsl(217.5 88.889% 10.588% / 0.9);--segmentedItemSizeMd:34px;--segmentedItemSizeSm:26px;--segmentedItemIconSizeMd:20px;--segmentedItemIconSizeSm:14px;--segmentedItemPaddingHMd:16px;--segmentedItemPaddingHSm:12px;--segmentedItemGapMd:6px;--segmentedItemGapSm:4px;--segmentedItemBorderRadiusMd:17px;--segmentedItemBorderRadiusSm:13px;--segmentedOutlineColor:hsl(15.215 87.448% 46.863% / 0.25);--segmentedOutlineBorderWidth:4px;--segmentedOutlineBorderRadiusMd:21px;--segmentedOutlineBorderRadiusSm:17px;--sidebarBg:hsl(none 0% 90%);--sidebarMask:hsl(none 0% 0% / 0.28);--sidebarColor:hsl(217.5 88.889% 10.588% / 0.9);--sidebarExpandPaddingH:12px;--sidebarExpandPaddingV:24px;--sidebarExpandWidth:336px;--sidebarExpandGap:16px;--sidebarCollapseWidth:80px;--sidebarCollapsePaddingH:12px;--sidebarCollapsePaddingV:24px;--sidebarCollapseGap:16px;--sidebarMenuOutline:hsl(15.215 87.448% 46.863% / 0.25);--sidebarMenuBg:hsl(229.09 30.196% 93%);--sidebarMenuFlyout:hsl(229.09 30.196% 93%);--sidebarMenuGap:2px;--sidebarMenuPaddingV:4px;--sidebarMenuTitleGap:16px;--sidebarMenuTitlePaddingL:16px;--sidebarMenuTitlePaddingR:8px;--sidebarMenuTitleBgDefault:rgba(0, 0, 0, 0);--sidebarMenuTitleBgHover:hsl(none 0% 95%);--sidebarMenuTitleBgActive:hsl(none 0% 85%);--sidebarMenuTitleBgFocus:rgba(0, 0, 0, 0);--sidebarMenuTitleBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuTitleColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleColorHover:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleColorActive:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuTitleIconDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleIconHover:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleIconActive:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleIconFocus:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuTitleCheckedBgDefault:hsl(none 0% 80%);--sidebarMenuTitleCheckedBgHover:hsl(none 0% 75%);--sidebarMenuTitleCheckedBgActive:hsl(none 0% 90%);--sidebarMenuTitleCheckedBgFocus:hsl(none 0% 80%);--sidebarMenuTitleCheckedBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuTitleCheckedColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedColorHover:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedColorActive:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuTitleCheckedIconDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedIconHover:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedIconActive:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedIconFocus:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuTitleCheckedIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuItemGap:16px;--sidebarMenuItemPadding:24px;--sidebarMenuItemColorDefault:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemColorHover:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemColorActive:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemColorFocus:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuItemIconDefault:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemIconHover:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemIconActive:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemIconFocus:hsl(217.5 88.889% 10.588% / 0.7);--sidebarMenuItemIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuItemBgDefault:rgba(0, 0, 0, 0);--sidebarMenuItemBgHover:hsl(none 0% 90%);--sidebarMenuItemBgActive:hsl(none 0% 70%);--sidebarMenuItemBgFocus:rgba(0, 0, 0, 0);--sidebarMenuItemBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuItemCheckedBgDefault:hsl(none 0% 85%);--sidebarMenuItemCheckedBgHover:hsl(none 0% 70%);--sidebarMenuItemCheckedBgActive:hsl(none 0% 85%);--sidebarMenuItemCheckedBgFocus:hsl(none 0% 85%);--sidebarMenuItemCheckedBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuItemCheckedColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedColorHover:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedColorActive:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuItemCheckedIconDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedIconHover:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedIconActive:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedIconFocus:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuItemCheckedIconDisabled:hsl(217.5 88.889% 10.588% / 0.3);--sidebarMenuSize:40px;--sidebarMenuIconSize:20px;--sidebarMenuOutlineSize:42px;--sidebarMenuHeaderBgDefault:hsl(229.09 30.196% 87.3%);--sidebarMenuHeaderColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--sidebarMenuHeaderPaddingL:16px;--sidebarMenuHeaderPaddingR:8px;--sidebarPotionHeight:40px;--sidebarPotionWidth:40px;--sidebarPotionGap:12px;--sidebarPotionGapTitle:4px;--sidebarPotionPadding:12px;--sidebarEventHeight:40px;--sidebarEventWidth:40px;--sidebarEventGap:12px;--sidebarEventGapTitle:4px;--sidebarEventPadding:12px;--sidebarQuicklinksExpandHeight:48px;--sidebarQuicklinksCollapseHeight:48px;--sidebarQuicklinksCollapseWidth:40px;--sidebarQuicklinksGap:4px;--sidebarQuicklinksPaddingL:2px;--sidebarQuicklinksPaddingR:8px;--sidebarQuicklinksBg:hsl(229.09 30.196% 93%);--sidebarQuicklinksAnimationColor:hsl(218.51 55.833% 52.941% / 0.5);--sidebarQuicklinksAnimationTransparency:hsl(218.51 55.833% 52.941% / 0);--sidebarOutlineBorderWidth:4px;--sidebarProfileBlockShifted:44px;--statsHeight:68px;--statsWidth:204px;--statsRaitingIconSize:24px;--statsBg:hsl(229.09 30.196% 50% / 0.1);--statsTitle:hsl(217.5 88.889% 10.588% / 0.9);--statsDescription:hsl(217.5 88.889% 10.588% / 0.7);--statsRating:hsl(217.5 88.889% 10.588% / 0.7);--statsGap:4px;--statsPaddingH:8px;--statsBorderRadius:8px;--stepperGap:16px;--stepperIndicatorBgDefault:hsl(229.09 30.196% 50% / 0.1);--stepperIndicatorBgActive:#4474CA;--stepperIndicatorBgDone:hsl(150.8 84.27% 34.902% / 0.12);--stepperIndicatorBgError:#D83232;--stepperIndicatorColorDefault:hsl(217.5 88.889% 10.588% / 0.5);--stepperIndicatorColorActive:#FFFFFF;--stepperIndicatorColorDone:#0EA45B;--stepperIndicatorColorError:#FFFFFF;--stepperIndicatorBorderRadius:16px;--stepperIndicatorSize:32px;--stepperTitleDefault:hsl(217.5 88.889% 10.588% / 0.5);--stepperTitleActive:hsl(217.5 88.889% 10.588% / 0.9);--stepperTitleDone:hsl(217.5 88.889% 10.588% / 0.9);--stepperTitleError:#D83232;--stepperSubtitleDefault:hsl(217.5 88.889% 10.588% / 0.5);--stepperSubtitleActive:hsl(217.5 88.889% 10.588% / 0.5);--stepperSubtitleDone:hsl(217.5 88.889% 10.588% / 0.5);--stepperSubtitleError:hsl(217.5 88.889% 10.588% / 0.5);--stepperDescriptionDefault:hsl(217.5 88.889% 10.588% / 0.5);--stepperDescriptionActive:hsl(217.5 88.889% 10.588% / 0.9);--stepperDescriptionDone:hsl(217.5 88.889% 10.588% / 0.5);--stepperDescriptionError:#D83232;--stepperLineDefault:hsl(229.09 30.196% 50% / 0.24);--stepperLineActive:hsl(229.09 30.196% 50% / 0.24);--stepperLineDone:#0EA45B;--stepperLineError:hsl(229.09 30.196% 50% / 0.24);--stepperLineBorderWidth:1px;--stepperItemGap:8px;--stepperItemDescriptionShift:40px;--switcherSize:22px;--switcherOutlineSize:24px;--switcherOutline:hsl(15.215 87.448% 46.863% / 0.25);--switcherBgDefault:hsl(203.94 100% 59.216% / 0.32);--switcherBgHover:hsl(203.94 100% 59.216% / 0.28);--switcherBgActive:hsl(203.94 100% 59.216% / 0.36);--switcherBgFocus:hsl(203.94 100% 59.216% / 0.32);--switcherBgDisabled:hsl(none 0% 0% / 0.1);--switcherLabelDefault:hsl(217.5 88.889% 10.588% / 0.9);--switcherLabelHover:hsl(217.5 88.889% 10.588% / 0.9);--switcherLabelActive:hsl(217.5 88.889% 10.588% / 0.9);--switcherLabelFocus:hsl(217.5 88.889% 10.588% / 0.9);--switcherLabelDisabled:hsl(217.5 88.889% 10.588% / 0.3);--switcherDescriptionDefault:hsl(217.5 88.889% 10.588% / 0.9);--switcherDescriptionHover:hsl(217.5 88.889% 10.588% / 0.9);--switcherDescriptionActive:hsl(217.5 88.889% 10.588% / 0.9);--switcherDescriptionFocus:hsl(217.5 88.889% 10.588% / 0.9);--switcherDescriptionDisabled:hsl(217.5 88.889% 10.588% / 0.3);--switcherIndicatorSizeDefault:18px;--switcherIndicatorSizeActive:24px;--switcherIndicatorIconSize:12px;--switcherIndicatorBgDefault:#FFFFFF;--switcherIndicatorBgDisabled:#FFFFFF;--switcherIndicatorColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--switcherIndicatorColorHover:hsl(217.5 88.889% 10.588% / 0.9);--switcherIndicatorColorActive:hsl(217.5 88.889% 10.588% / 0.9);--switcherIndicatorColorFocus:hsl(217.5 88.889% 10.588% / 0.9);--switcherIndicatorColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--switcherInnerMinWidth:12px;--switcherInnerIconSize:14px;--switcherInnerColorDefault:hsl(217.5 88.889% 10.588% / 0.7);--switcherInnerColorHover:hsl(217.5 88.889% 10.588% / 0.7);--switcherInnerColorActive:hsl(217.5 88.889% 10.588% / 0.7);--switcherInnerColorFocus:hsl(217.5 88.889% 10.588% / 0.7);--switcherInnerColorDisabled:hsl(217.5 88.889% 10.588% / 0.3);--switcherBrDefault:rgba(0, 0, 0, 0);--switcherBrHover:rgba(0, 0, 0, 0);--switcherBrActive:rgba(0, 0, 0, 0);--switcherBrFocus:rgba(0, 0, 0, 0);--switcherCheckedBgDefault:#4474CA;--switcherCheckedBgHover:hsl(218.51 55.833% 58.588%);--switcherCheckedBgActive:hsl(218.51 55.833% 58.588%);--switcherCheckedBgFocus:#4474CA;--switcherCheckedBgDisabled:hsl(218.51 55.833% 52.941% / 0.25);--switcherCheckedIndicatorColorDefault:#4474CA;--switcherCheckedIndicatorColorHover:#4474CA;--switcherCheckedIndicatorColorActive:#4474CA;--switcherCheckedIndicatorColorFocus:#4474CA;--switcherCheckedIndicatorColorDisabled:hsl(218.51 55.833% 31.765%);--switcherCheckedInnerColorDefault:#FFFFFF;--switcherCheckedInnerColorHover:#FFFFFF;--switcherCheckedInnerColorActive:#FFFFFF;--switcherCheckedInnerColorFocus:#FFFFFF;--switcherCheckedInnerColorDisabled:#FFFFFF;--switcherCheckedBrDefault:rgba(0, 0, 0, 0);--switcherCheckedBrHover:rgba(0, 0, 0, 0);--switcherCheckedBrActive:rgba(0, 0, 0, 0);--switcherCheckedBrFocus:rgba(0, 0, 0, 0);--switcherPadding:2px;--switcherShiftDefault:8px;--switcherShiftActive:4px;--switcherGapDefault:4px;--switcherGapActive:2px;--switcherBorderRadius:11px;--switcherBorderRadiusIndicator:9px;--switcherBorderRadiusOutline:12px;--switcherOutlineBorderWidth:4px;--switcherBorderWidth:1px;--tableHeaderBg:hsl(229.09 30.196% 50% / 0.16);--tableHeaderColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--tableHeaderColorArrow:hsl(217.5 88.889% 10.588% / 0.5);--tableHeaderActionSize:20px;--tableHeaderActionColorDefault:hsl(217.5 88.889% 10.588% / 0.3);--tableHeaderActionColorHover:hsl(217.5 88.889% 10.588% / 0.9);--tableHeaderActionColorActive:hsl(217.5 88.889% 10.588% / 0.9);--tableHeaderActionColorFocus:hsl(217.5 88.889% 10.588% / 0.3);--tableHeaderActionColorChecked:#4474CA;--tableHeaderSplitterHeight:20px;--tableHeaderSplitterWidth:1px;--tableCellSize:64px;--tableCellIconSize:20px;--tableCellScoreWidth:24px;--tableCellPaddingH:16px;--tableCellPaddingV:12px;--tableCellBr:hsl(229.09 30.196% 50% / 0.24);--tableCellBgStriped:hsl(229.09 30.196% 50% / 0.03);--tableCellBgExpanded:hsl(229.09 30.196% 50% / 0.1);--tableCellBgHover:hsl(229.09 30.196% 50% / 0.1);--tableCellCheckedBgDefault:hsl(218.51 55.833% 52.941% / 0.08);--tableCellCheckedBgHover:hsl(218.51 55.833% 52.941% / 0.16);--tableCellHighlightedBgDefault:hsl(218.51 55.833% 52.941% / 0.16);--tableCellScoreBgDefault:hsl(229.09 30.196% 50% / 0.1);--tableCellScoreBgWinner:hsl(218.51 55.833% 52.941% / 0.12);--tableCellColorDefault:hsl(217.5 88.889% 10.588% / 0.9);--tableCellColorPositive:#4474CA;--tableCellColorNegative:#D83232;--tableCellColorReceived:#0EA45B;--tableCellColorWinner:#4474CA;--tableCellColorUnderline:hsl(217.5 88.889% 10.588% / 0.7);--tableCellColorDescription:hsl(217.5 88.889% 10.588% / 0.7);--tableCellColorArrow:hsl(217.5 88.889% 10.588% / 0.5);--tableCellColorIndicator:hsl(217.5 88.889% 10.588% / 0.5);--tableCellScoreBorderRadius:4px;--tableCellBorderWidth:1px;--tagDefaultBg:hsl(229.09 30.196% 50% / 0.1);--tagDefaultColor:hsl(217.5 88.889% 10.588% / 0.9);--tagDefaultBr:hsl(229.09 30.196% 50% / 0.24);--tagAccent1Bg:#FC0000;--tagAccent1Color:#FFFFFF;--tagAccent2Bg:#406DC2;--tagAccent2Color:#FFFFFF;--tagSuccessBg:#1B9252;--tagSuccessColor:#FFFFFF;--tagWarningBg:#E69100;--tagWarningColor:#FFFFFF;--tagDangerBg:#BC0000;--tagDangerColor:#FFFFFF;--tagAlt1Bg:hsl(282.15 50.628% 47.824%);--tagAlt1Color:#FFFFFF;--tagAlt2Bg:hsl(186.79 100% 35.333%);--tagAlt2Color:#FFFFFF;--tagAlt3Bg:hsl(34.773 40% 48.333%);--tagAlt3Color:#FFFFFF;--tagSizeLg:40px;--tagSizeMd:32px;--tagSizeSm:24px;--tagSizeXs:20px;--tagGapLg:8px;--tagGapMd:4px;--tagGapSm:4px;--tagGapXs:4px;--tagPaddingHLg:16px;--tagPaddingHMd:12px;--tagPaddingHSm:12px;--tagPaddingHXs:8px;--tagRoundedBorderRadiusLg:8px;--tagRoundedBorderRadiusMd:8px;--tagRoundedBorderRadiusSm:6px;--tagRoundedBorderRadiusXs:5px;--tagCircleBorderRadiusLg:20px;--tagCircleBorderRadiusMd:16px;--tagCircleBorderRadiusSm:12px;--tagCircleBorderRadiusXs:10px;--tagBorderWidth:1px;--tagIconSizeLg:20px;--tagIconSizeMd:20px;--tagIconSizeSm:16px;--tagIconSizeXs:12px;--headingIconXs:20px;--headingIconSm:20px;--headingIconMd:20px;--headingIconLg:24px;--headingIconXl:24px;--headingIconColor:#4474CA;--headingGapBetweenIconXs:8px;--headingGapBetweenIconSm:8px;--headingGapBetweenIconMd:8px;--headingGapBetweenIconLg:8px;--headingGapBetweenIconXl:8px;--headingColor:hsl(217.5 88.889% 10.588% / 0.9);--headingHeightXs:32px;--headingHeightSm:32px;--headingHeightMd:32px;--headingHeightLg:40px;--headingHeightXl:40px;--countdownLabel:hsl(217.5 88.889% 10.588% / 0.9);--countdownDigit:hsl(217.5 88.889% 10.588% / 0.9);--countdownDimension:hsl(217.5 88.889% 10.588% / 0.5);--countdownBg:hsl(203.94 100% 59.216% / 0.32);--countdownHeightLg:64px;--countdownHeightMd:48px;--countdownHeightSm:32px;--countdownHeightXs:24px;--countdownWidthLg:64px;--countdownWidthMd:48px;--countdownWidthSm:32px;--countdownWidthXs:32px;--countdownBorderRadius:8px;--countdownTextualSizeMd:24px;--countdownTextualSizeSm:24px;--countdownTextualSizeXs:16px;--countdownGapLg:8px;--countdownGapMd:8px;--countdownGapSm:4px;--countdownGapXs:4px;--scratchWidthMd:492px;--scratchWidthSm:260px;--scratchHeightMd:230px;--scratchHeightSm:120px;--scratchColor:hsl(217.5 88.889% 10.588% / 0.9);--scratchBgFill:#4474CA;--scratchBgClear:#FFFFFF;--scratchBorderRadius:8px;--spinnerTrack:hsl(none 0% 0% / 0.14);--spinnerThumbDefault:hsl(217.5 88.889% 10.588% / 0.9);--spinnerThumbAccent1:#4474CA;--spinnerBorderWidthXs:1.5px;--spinnerBorderWidthSm:2px;--spinnerBorderWidthMd:2px;--spinnerBorderWidthLg:2.5px;--spinnerSizeXs:12px;--spinnerSizeSm:16px;--spinnerSizeMd:20px;--spinnerSizeLg:24px;--skeletonStart:hsl(229.09 30.196% 50% / 0.1);--skeletonEnd:hsl(229.09 30.196% 50% / 0.2);--skeletonBorderRadius:8px;--appsBadgeSize:40px;--appsBadgePaddingL:12px;--appsBadgeGap:8px;--appsBadgeBorderRadius:8px;--appsBadgeBg:#FFFFFF;--appsBadgeBr:#000000;--appsBadgeColor:#000000;--appsBadgeBorderWidth:1px;--vipInitialStart:#32A071;--vipInitialEnd:hsl(154.36 52.381% 41.176% / 0);--vipFirstStart:#664B2C;--vipFirstEnd:hsl(32.069 39.726% 28.627% / 0);--vipSecondStart:#0080FF;--vipSecondEnd:hsl(209.88 100% 50% / 0);--vipThirdStart:#7D1515;--vipThirdEnd:hsl(0 71.233% 28.627% / 0);--gameModeTournament:hsl(150.8 84.27% 80.471%);--gameModeDuel:hsl(15.215 87.448% 84.059%);--achievementChainPaddingT:8px;--achievementChainPaddingB:8px;--achievementChainPaddingH:8px;--achievementChainGap:8px;--widgetMessagePaddingV:4px;--widgetMessageGap:4px;--widgetMessageBorderRadius:16px;--widgetMessageText:hsl(217.5 88.889% 10.588% / 0.9);--widgetMessageDescription:hsl(217.5 88.889% 10.588% / 0.7);--widgetMessageBgRecipient:hsl(229.09 30.196% 50% / 0.1);--widgetMessageBgSender:hsl(218.51 55.833% 26.471%);--widgetMessageBubblePadding:16px;--widgetMessageBubbleGap:12px;--widgetMessageBubbleActionsGap:8px;--widgetMessageBubbleMaxWidth:224px;--widgetMessageBubbleReactionsGap:8px;--widgetMessageAddonSize:48px;--widgetMessageAddonUploadingBorderRadius:24px;--widgetMessageAddonUploadingFileSizeBorderRadius:12px;--widgetMessageAddonBgFeaturedIcon:hsl(229.09 30.196% 50% / 0.1);--widgetMessageAddonBgUploading:hsl(218.51 55.833% 26.471%);--widgetMessageDocumentAddonCoverBorderRadius:8px;--widgetMessageDocumentAddonFeaturedIconBorderRadius:24px;--widgetMessageDocumentAddonFeaturedIconIconSize:24px;--widgetMessageMediaAddonUploadingFileSizePaddingH:8px;--widgetMessageMediaAddonUploadingFileSizeHeight:24px;--widgetReplyMinWidthMd:96px;--widgetReplyMinWidthSm:80px;--widgetReplyPaddingV:2px;--widgetReplyPaddingL:8px;--widgetReplyGap:8px;--widgetReplyBorderWidth:2px;--widgetReplyBr:#4474CA;--widgetReplyDescription:hsl(217.5 88.889% 10.588% / 0.9);--widgetReplyTitleDefault:hsl(217.5 88.889% 10.588% / 0.9);--widgetReplyTitleAccent1:#4474CA;--widgetReplyCoverHeightMd:40px;--widgetReplyCoverHeightSm:32px;--widgetReplyCoverBorderRadiusMd:8px;--widgetReplyCoverBorderRadiusSm:4px;--bettingPrimaryColor1:#1C2C47;--bettingPrimaryColor2:#F5F6FA;--bettingSecondaryColor1:#fff;--bettingSecondaryColor2:#E8EAF3;--bettingSecondaryColor3:#818A99;--bettingPrimaryAccent1:#E0440F;--bettingPrimaryAccent2:#D83232;--bettingPrimaryAccent3:#F26636;--bettingTextButtonText:#fff;--bettingTextPrimaryText:#1C2C47;--bettingTextSecondaryText:#4F5B70;--bettingNotificationBlocked:#999;--bettingNotificationError:#D83232;--bettingNotificationInfo:#4474CA;--bettingNotificationSuccess:#1A7944;--bettingNotificationWarning:#FFC700;
}
.dark-theme {
  --fontFamilyMain:'Open Sans';--fontFamilyTitle:'Open Sans';--fontWeightDefault:400;--fontWeightStrong:600;--baseBorderRadius:8px;--baseBorderWidth:1px;--black:#000000;--white:#FFFFFF;--product1:#0A84FF;--product2:#FF4800;--success:#2BDA8D;--warning:#FAC02C;--danger:#D83232;--info:#0A84FF;--alt1:#a04bc4;--alt2:#00BCD4;--alt3:#BD9865;--toneText:#FFFFFF;--toneBgNeutral:#5967a6;--toneBgVibrant:#2FACFF;--baseControlSize:40px;--fontWeightTitle:700;--controlSizeXl:56px;--controlSizeLg:48px;--controlSizeMd:40px;--controlSizeSm:32px;--controlSizeXs:24px;--fontWeightCursiveWeight:400;--fontWeightCursiveStyle:italic;--lineHeightD1:88px;--lineHeightD2:68px;--lineHeightD3:38px;--lineHeightT1:40px;--lineHeightT2:36px;--lineHeightT3:32px;--lineHeightT4:26px;--lineHeightT5:20px;--lineHeightSubtitle1:28px;--lineHeightSubtitle2:24px;--lineHeightSubtitle3:20px;--lineHeightOverline:16px;--lineHeightBody1:24px;--lineHeightBody2:20px;--lineHeightCaption1:16px;--lineHeightCaption2:12px;--fontSizeD1:84px;--fontSizeD2:64px;--fontSizeD3:34px;--fontSizeT1:32px;--fontSizeT2:28px;--fontSizeT3:24px;--fontSizeT4:20px;--fontSizeT5:16px;--fontSizeSubtitle1:22px;--fontSizeSubtitle2:18px;--fontSizeSubtitle3:14px;--fontSizeOverline:12px;--fontSizeBody1:16px;--fontSizeBody2:14px;--fontSizeCaption1:12px;--fontSizeCaption2:10px;--letterSpacingOverline:0.04empx;--borderWidthNone:0px;--boxShadowNone:0 0 0 0 #00000000;--product1Step500:#0A84FF;--product1Step700:hsl(210.12 100% 36.373%);--product1Step900:hsl(210.12 100% 15.588%);--product2Step500:#FF4800;--product2Step700:hsl(16.941 100% 35%);--product2Step900:hsl(16.941 100% 20%);--dangerStep500:#D83232;--dangerStep700:hsl(0 68.033% 36.51%);--dangerStep900:hsl(0 68.033% 20.863%);--letterSpacingTitle:0.02empx;--mask:hsl(none 0% 0% / 0.28);--ttPrimary:hsl(none 0% 100% / 0.9);--ttSecondary:hsl(none 0% 100% / 0.6);--ttTertiary:hsl(none 0% 100% / 0.36);--ttQuaternary:hsl(none 0% 100% / 0.24);--ttWhite:#FFFFFF;--ttBlack:#000000;--ttAccent1:#0A84FF;--ttAccent2:#FF4800;--ttSuccess:#2BDA8D;--ttWarning:#FAC02C;--ttDanger:#D83232;--ttInfo:#0A84FF;--bgPopupDefault:hsl(229.09 30.196% 26%);--bgPopupStrong:hsl(229.09 30.196% 32%);--bgNeutralPrimary:hsl(229.09 30.196% 18%);--bgNeutralSecondary:hsl(229.09 30.196% 14%);--bgNeutralTertiary:hsl(229.09 30.196% 12%);--bgNeutralQuaternary:hsl(229.09 30.196% 10%);--bgGlassLight:hsl(none 0% 100% / 0.15);--bgGlassDark:hsl(none 0% 0% / 0.15);--fillDefault:hsl(229.09 30.196% 50% / 0.16);--fillLighter:hsl(229.09 30.196% 50% / 0.22);--fillDarker:hsl(229.09 30.196% 50% / 0.26);--fillDisabledDefault:hsl(none 0% 0% / 0.25);--fillDisabledLighter:hsl(none 0% 0% / 0.02);--fillAccent1Default:hsl(210.12 100% 51.961% / 0.05);--fillAccent2Default:hsl(16.941 100% 50% / 0.12);--fillSuccessDefault:hsl(153.6 70.281% 51.176% / 0.12);--fillSuccessLighter:hsl(153.6 70.281% 51.176% / 0.06);--fillDangerDarker:hsl(0 68.033% 52.157% / 0.16);--fillDangerDefault:hsl(0 68.033% 52.157% / 0.1);--fillVibrantDefault:hsl(203.94 100% 59.216% / 0.32);--fillVibrantLighter:hsl(203.94 100% 59.216% / 0.28);--fillVibrantDarker:hsl(203.94 100% 59.216% / 0.36);--brPrimary:hsl(229.09 30.196% 50% / 0.44);--brSecondary:hsl(229.09 30.196% 50% / 0.36);--brWhite:#FFFFFF;--brAccent1:#0A84FF;--brAccent2:#FF4800;--brSuccess:#2BDA8D;--brWarning:#FAC02C;--brDanger:#D83232;--brVibrantPrimary:hsl(203.94 100% 59.216% / 0.36);--brVibrantSecondary:hsl(203.94 100% 59.216% / 0.24);--brDisabledPrimary:hsl(none 0% 100% / 0.18);--brDisabledSecondary:hsl(none 0% 100% / 0.14);--outlineDefault:hsl(16.941 100% 50% / 0.25);--outlineError:hsl(0 68.033% 52.157% / 0.25);--borderRadiusLg:16px;--borderRadiusMd:8px;--borderRadiusSm:4px;--borderWidthDefault:1px;--borderWidthStrong:2px;--borderWidthOutlineMd:4px;--borderWidthOutlineSm:3px;--borderWidthOutlineXs:2px;--shadowYSm:2px;--shadowYMd:4px;--shadowYLg:8px;--shadowBlurSm:3px;--shadowBlurMd:6px;--shadowBlurLg:12px;--shadowDefault:hsl(none 0% 0% / 0.25);--glowBlur:10px;--glowAccent1Color:hsl(210.12 100% 51.961% / 0.48);--bevelPropsLightEdgeYMd:2px;--bevelPropsLightEdgeBlurMd:3px;--bevelPropsLightEdgeColorMd:hsl(none 0% 100% / 0);--bevelPropsDarkEdgeYMd:-2px;--bevelPropsDarkEdgeBlurMd:3px;--bevelPropsDarkEdgeColorMd:hsl(none 0% 0% / 0);--bevelPropsShadowYMd:1px;--bevelPropsShadowBlurMd:2px;--bevelPropsShadowColorMd:hsl(none 0% 0% / 0);--embossPropsLightEdgeY:-1.5px;--embossPropsLightEdgeBlur:4px;--embossPropsLightEdgeColor:hsl(none 0% 0% / 0);--embossPropsDarkEdgeY:2px;--embossPropsDarkEdgeBlur:4px;--embossPropsDarkEdgeColor:hsl(none 0% 0% / 0);--glassBlurMd:48px;--glassBlurSm:12px;--theme:Dark;--contentMaxWidth:600px;--rhythmPrimary:48px;--rhythmSecondary:24px;--iconXl:32px;--iconLg:24px;--iconMd:20px;--iconSm:16px;--iconXs:14px;--iconXxs:12px;--gradientPropsPrimaryStart:#4E2457;--gradientPropsPrimaryEnd:#1B2543;--gradientPropsSecondaryStart:#114994;--gradientPropsSecondaryEnd:#280567;--randomizerFrameBlur:8px;--randomizerFrameColor:#0A84FF;--randomizerFrameBr:#0A84FF;--randomizerFrameBorderRadius:12px;--randomizerFrameBorderWidth:4px;--randomizerFrameSizeSm:102px;--randomizerFrameSizeMd:138px;--randomizerGradientBg:linear-gradient(90deg, hsl(229.09 30.196% 14%) 0%,  hsl(229.09 30.196% 14% / 0) 50%, hsl(229.09 30.196% 14%) 100%);--randomizerGradientStart:hsl(229.09 30.196% 14%);--randomizerGradientCenter:hsl(229.09 30.196% 14% / 0);--randomizerGradientEnd:hsl(229.09 30.196% 14%);--randomizerFrameGlow:0 0 8px 0 hsl(210.12 100% 51.961% / 0.48);--randomizerSelectorColor:hsl(229.09 30.196% 14%);--randomizerSelectorBorderRadius:16px;--randomizerSelectorPaddingV:16px;--randomizerSelectorGap:8px;--randomizerPaddingV:40px;--randomizerPaddingH:16px;--randomizerGap:16px;--product:MB;--gradientPrimary:linear-gradient(135deg, #4E2457 0%, #1B2543 100%);--gradientSecondary:linear-gradient(135deg, #114994 0%, #280567 100%);--gradientAccent1:linear-gradient(90deg, rgba(10, 132, 255, 0) 16%, rgba(10, 132, 255, 0.25) 100%);--gradientAccent2:linear-gradient(90deg, rgba(255, 72, 0, 0) 16%, rgba(255, 72, 0, 0.25) 100%);--gradientSuccess:linear-gradient(90deg, rgba(43, 218, 141, 0) 16%, rgba(43, 218, 141, 0.25) 100%);--gradientWarning:linear-gradient(90deg, rgba(250, 192, 44, 0) 16%, rgba(250, 192, 44, 0.25) 100%);--gradientDanger:linear-gradient(90deg, rgba(216, 50, 50, 0) 16%, rgba(216, 50, 50, 0.25) 100%);--gradientAlt1:linear-gradient(90deg, rgba(160, 75, 196, 0) 16%, rgba(160, 75, 196, 0.25) 100%);--gradientAlt2:linear-gradient(90deg, rgba(0, 188, 212, 0) 16%, rgba(0, 188, 212, 0.25) 100%);--gradientAlt3:linear-gradient(90deg, rgba(189, 152, 101, 0) 16%, rgba(189, 152, 101, 0.25) 100%);--btnPrimaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(210.12 100% 36.373%), 0 4px 16px 0 hsl(210.12 100% 51.961% / 0);--btnPrimaryTextShadow:0 2px 0px hsl(210.12 100% 36.373% / 0.5);--btnPrimaryBgDefault:linear-gradient(180deg, hsl(210.12 100% 61.569%) 0%, hsl(210.12 100% 46.765%) 100%);--btnPrimaryBgHover:linear-gradient(180deg, hsl(210.12 100% 75.98%) 0%, hsl(210.12 100% 61.569%) 100%);--btnPrimaryBgActive:linear-gradient(180deg, #0A84FF 0%, hsl(210.12 100% 36.373%) 100%);--btnPrimaryBgFocus:linear-gradient(180deg, hsl(210.12 100% 61.569%) 0%, hsl(210.12 100% 46.765%) 100%);--btnPrimaryBgDisabled:linear-gradient(180deg, hsl(210.12 100% 61.569% / 0.4) 0%, hsl(210.12 100% 46.765% / 0.4) 100%);--btnPrimaryBgLoading:linear-gradient(180deg, hsl(210.12 100% 61.569%) 0%, hsl(210.12 100% 46.765%) 100%);--btnPrimaryBgStartDefault:hsl(210.12 100% 61.569%);--btnPrimaryBgStartHover:hsl(210.12 100% 75.98%);--btnPrimaryBgStartActive:#0A84FF;--btnPrimaryBgStartFocus:hsl(210.12 100% 61.569%);--btnPrimaryBgStartDisabled:hsl(210.12 100% 61.569% / 0.4);--btnPrimaryBgStartLoading:hsl(210.12 100% 61.569%);--btnPrimaryBgEndDefault:hsl(210.12 100% 46.765%);--btnPrimaryBgEndHover:hsl(210.12 100% 61.569%);--btnPrimaryBgEndActive:hsl(210.12 100% 36.373%);--btnPrimaryBgEndFocus:hsl(210.12 100% 46.765%);--btnPrimaryBgEndDisabled:hsl(210.12 100% 46.765% / 0.4);--btnPrimaryBgEndLoading:hsl(210.12 100% 46.765%);--btnPrimaryColorDefault:#FFFFFF;--btnPrimaryColorHover:#FFFFFF;--btnPrimaryColorActive:#FFFFFF;--btnPrimaryColorFocus:#FFFFFF;--btnPrimaryColorDisabled:hsl(none 0% 100% / 0.5);--btnPrimaryBrDefault:rgba(0, 0, 0, 0);--btnPrimaryBrHover:rgba(0, 0, 0, 0);--btnPrimaryBrActive:rgba(0, 0, 0, 0);--btnPrimaryBrFocus:rgba(0, 0, 0, 0);--btnPrimaryBrDisabled:rgba(0, 0, 0, 0);--btnPrimaryBrLoading:rgba(0, 0, 0, 0);--btnSecondaryBgDefault:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--btnSecondaryBgHover:linear-gradient(180deg, hsl(203.94 100% 83.686% / 0.16) 0%, hsl(203.94 100% 83.686% / 0.16) 100%);--btnSecondaryBgActive:linear-gradient(180deg, hsl(203.94 100% 29.608% / 0.16) 0%, hsl(203.94 100% 29.608% / 0.16) 100%);--btnSecondaryBgFocus:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--btnSecondaryBgLoading:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--btnSecondaryBgDisabled:hsl(none 0% 0% / 0.25);--btnSecondaryBgStartDefault:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgStartHover:hsl(203.94 100% 83.686% / 0.16);--btnSecondaryBgStartActive:hsl(203.94 100% 29.608% / 0.16);--btnSecondaryBgStartFocus:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgStartLoading:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgEndDefault:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgEndHover:hsl(203.94 100% 83.686% / 0.16);--btnSecondaryBgEndActive:hsl(203.94 100% 29.608% / 0.16);--btnSecondaryBgEndFocus:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBgEndLoading:hsl(203.94 100% 59.216% / 0.16);--btnSecondaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(229.09 30.196% 50% / 0), 0 2px 0px 0 hsl(203.94 100% 29.608% / 0.36), 0 4px 16px 0 hsl(229.09 30.196% 50% / 0);--btnSecondaryTextShadow:0 2px 0px hsl(none 0% 0% / 0);--btnSecondaryColorDefault:hsl(none 0% 100% / 0.9);--btnSecondaryColorHover:hsl(none 0% 100% / 0.9);--btnSecondaryColorActive:hsl(none 0% 100% / 0.9);--btnSecondaryColorFocus:hsl(none 0% 100% / 0.9);--btnSecondaryColorDisabled:hsl(none 0% 100% / 0.24);--btnSecondaryBrDefault:rgba(0, 0, 0, 0);--btnSecondaryBrHover:rgba(0, 0, 0, 0);--btnSecondaryBrActive:rgba(0, 0, 0, 0);--btnSecondaryBrFocus:rgba(0, 0, 0, 0);--btnSecondaryBrDisabled:rgba(0, 0, 0, 0);--btnSecondaryBrLoading:rgba(0, 0, 0, 0);--btnAccentBgDefault:linear-gradient(180deg, hsl(16.941 100% 60%) 0%, hsl(16.941 100% 45%) 100%);--btnAccentBgHover:linear-gradient(180deg, hsl(16.941 100% 70%) 0%, hsl(16.941 100% 55%) 100%);--btnAccentBgActive:linear-gradient(180deg, #FF4800 0%, hsl(16.941 100% 35%) 100%);--btnAccentBgFocus:linear-gradient(180deg, hsl(16.941 100% 60%) 0%, hsl(16.941 100% 45%) 100%);--btnAccentBgDisabled:linear-gradient(180deg, hsl(16.941 100% 60% / 0.4) 0%, hsl(16.941 100% 45% / 0.4) 100%);--btnAccentBgLoading:linear-gradient(180deg, hsl(16.941 100% 60%) 0%, hsl(16.941 100% 45%) 100%);--btnAccentBgStartDefault:hsl(16.941 100% 60%);--btnAccentBgStartHover:hsl(16.941 100% 70%);--btnAccentBgStartActive:#FF4800;--btnAccentBgStartFocus:hsl(16.941 100% 60%);--btnAccentBgStartDisabled:hsl(16.941 100% 60% / 0.4);--btnAccentBgStartLoading:hsl(16.941 100% 60%);--btnAccentBgEndDefault:hsl(16.941 100% 45%);--btnAccentBgEndHover:hsl(16.941 100% 55%);--btnAccentBgEndActive:hsl(16.941 100% 35%);--btnAccentBgEndFocus:hsl(16.941 100% 45%);--btnAccentBgEndDisabled:hsl(16.941 100% 45% / 0.4);--btnAccentBgEndLoading:hsl(16.941 100% 45%);--btnAccentBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(16.941 100% 35%), 0 4px 16px 0 hsl(16.941 100% 50% / 0);--btnAccentTextShadow:0 2px 0px hsl(16.941 100% 35% / 0.5);--btnAccentColorDefault:#FFFFFF;--btnAccentColorHover:#FFFFFF;--btnAccentColorActive:#FFFFFF;--btnAccentColorFocus:#FFFFFF;--btnAccentColorDisabled:hsl(none 0% 100% / 0.5);--btnAccentBrDefault:rgba(0, 0, 0, 0);--btnAccentBrHover:rgba(0, 0, 0, 0);--btnAccentBrActive:rgba(0, 0, 0, 0);--btnAccentBrFocus:rgba(0, 0, 0, 0);--btnAccentBrDisabled:rgba(0, 0, 0, 0);--btnAccentBrLoading:rgba(0, 0, 0, 0);--btnDangerBgDefault:linear-gradient(180deg, hsl(0 68.033% 59.333%) 0%, hsl(0 68.033% 46.941%) 100%);--btnDangerBgHover:linear-gradient(180deg, hsl(0 68.033% 65.075%) 0%, hsl(0 68.033% 50.592%) 100%);--btnDangerBgActive:linear-gradient(180deg, hsl(0 68.033% 49.549%) 0%, hsl(0 68.033% 36.51%) 100%);--btnDangerBgFocus:linear-gradient(180deg, hsl(0 68.033% 59.333%) 0%, hsl(0 68.033% 46.941%) 100%);--btnDangerBgLoading:linear-gradient(180deg, hsl(0 68.033% 59.333%) 0%, hsl(0 68.033% 46.941%) 100%);--btnDangerBgDisabled:hsl(none 0% 0% / 0.25);--btnDangerBgStartDefault:hsl(0 68.033% 59.333%);--btnDangerBgStartHover:hsl(0 68.033% 65.075%);--btnDangerBgStartActive:hsl(0 68.033% 49.549%);--btnDangerBgStartFocus:hsl(0 68.033% 59.333%);--btnDangerBgStartLoading:hsl(0 68.033% 59.333%);--btnDangerBgEndDefault:hsl(0 68.033% 46.941%);--btnDangerBgEndHover:hsl(0 68.033% 50.592%);--btnDangerBgEndActive:hsl(0 68.033% 36.51%);--btnDangerBgEndFocus:hsl(0 68.033% 46.941%);--btnDangerBgEndLoading:hsl(0 68.033% 46.941%);--btnDangerBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(0 68.033% 36.51%), 0 4px 16px 0 hsl(0 68.033% 52.157% / 0);--btnDangerTextShadow:0 2px 0px hsl(0 68.033% 36.51% / 0.5);--btnDangerColorDefault:#FFFFFF;--btnDangerColorHover:#FFFFFF;--btnDangerColorActive:#FFFFFF;--btnDangerColorFocus:#FFFFFF;--btnDangerColorDisabled:hsl(none 0% 100% / 0.5);--btnDangerBrDefault:rgba(0, 0, 0, 0);--btnDangerBrHover:rgba(0, 0, 0, 0);--btnDangerBrActive:rgba(0, 0, 0, 0);--btnDangerBrFocus:rgba(0, 0, 0, 0);--btnDangerBrDisabled:rgba(0, 0, 0, 0);--btnDangerBrLoading:rgba(0, 0, 0, 0);--btnSizeXl:56px;--btnSizeLg:48px;--btnSizeMd:40px;--btnSizeSm:32px;--btnSizeXs:24px;--btnIconSizeXl:32px;--btnIconSizeLg:24px;--btnIconSizeMd:20px;--btnIconSizeSm:16px;--btnIconSizeXs:12px;--btnOutlineSizeXl:58px;--btnOutlineSizeLg:50px;--btnOutlineSizeMd:42px;--btnOutlineSizeSm:34px;--btnOutlineSizeXs:26px;--btnPaddingHXl:40px;--btnPaddingHLg:32px;--btnPaddingHMd:24px;--btnPaddingHSm:12px;--btnPaddingHXs:12px;--btnGapXl:12px;--btnGapLg:10px;--btnGapMd:8px;--btnGapSm:6px;--btnGapXs:4px;--btnTextBgDefault:rgba(0, 0, 0, 0);--btnTextBgHover:hsl(229.09 30.196% 50% / 0.22);--btnTextBgActive:hsl(229.09 30.196% 50% / 0.26);--btnTextBgFocus:rgba(0, 0, 0, 0);--btnTextBgDisabled:rgba(0, 0, 0, 0);--btnTextBgLoading:rgba(0, 0, 0, 0);--btnTextColorDefault:hsl(none 0% 100% / 0.9);--btnTextColorHover:hsl(none 0% 100% / 0.9);--btnTextColorActive:hsl(none 0% 100% / 0.9);--btnTextColorFocus:hsl(none 0% 100% / 0.9);--btnTextColorDisabled:hsl(none 0% 100% / 0.24);--btnTextBrDefault:rgba(0, 0, 0, 0);--btnTextBrHover:rgba(0, 0, 0, 0);--btnTextBrActive:rgba(0, 0, 0, 0);--btnTextBrFocus:rgba(0, 0, 0, 0);--btnTextBrDisabled:rgba(0, 0, 0, 0);--btnTextBrLoading:rgba(0, 0, 0, 0);--btnLinkColorDefault:#0A84FF;--btnLinkColorHover:hsl(210.12 100% 57.725%);--btnLinkColorActive:hsl(210.12 100% 41.569%);--btnLinkColorFocus:#0A84FF;--btnLinkColorDisabled:hsl(none 0% 100% / 0.24);--btnNeutralBgDefault:hsl(229.09 30.196% 18%);--btnNeutralBgHover:hsl(229.09 30.196% 18%);--btnNeutralBgActive:hsl(229.09 30.196% 18%);--btnNeutralBgFocus:hsl(229.09 30.196% 18%);--btnNeutralBgDisabled:hsl(229.09 30.196% 18%);--btnNeutralBgLoading:hsl(229.09 30.196% 18%);--btnNeutralColorDefault:hsl(none 0% 100% / 0.9);--btnNeutralColorHover:hsl(none 0% 100% / 0.9);--btnNeutralColorActive:hsl(none 0% 100% / 0.9);--btnNeutralColorFocus:hsl(none 0% 100% / 0.9);--btnNeutralColorDisabled:hsl(none 0% 100% / 0.24);--btnNeutralBrDefault:rgba(0, 0, 0, 0);--btnNeutralBrHover:rgba(0, 0, 0, 0);--btnNeutralBrActive:rgba(0, 0, 0, 0);--btnNeutralBrFocus:rgba(0, 0, 0, 0);--btnNeutralBrDisabled:rgba(0, 0, 0, 0);--btnNeutralBrLoading:rgba(0, 0, 0, 0);--btnBoxShadowLightEdgeColorPrimary:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeColorSecondary:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeColorAccent:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeColorDanger:hsl(none 0% 100% / 0);--btnBoxShadowLightEdgeYMd:3px;--btnBoxShadowLightEdgeBlurMd:0px;--btnBoxShadowDarkEdgeColorPrimary:hsl(none 0% 100% / 0);--btnBoxShadowDarkEdgeColorSecondary:hsl(229.09 30.196% 50% / 0);--btnBoxShadowDarkEdgeColorAccent:hsl(none 0% 100% / 0);--btnBoxShadowDarkEdgeColorDanger:hsl(none 0% 100% / 0);--btnBoxShadowDarkEdgeYMd:-3px;--btnBoxShadowDarkEdgeBlurMd:0px;--btnBoxShadowBaseColorPrimary:hsl(210.12 100% 36.373%);--btnBoxShadowBaseColorSecondary:hsl(203.94 100% 29.608% / 0.36);--btnBoxShadowBaseColorAccent:hsl(16.941 100% 35%);--btnBoxShadowBaseColorDanger:hsl(0 68.033% 36.51%);--btnBoxShadowBaseYMd:2px;--btnBoxShadowBaseBlurMd:0px;--btnBoxShadowGlowColorPrimary:hsl(210.12 100% 51.961% / 0);--btnBoxShadowGlowColorSecondary:hsl(229.09 30.196% 50% / 0);--btnBoxShadowGlowColorAccent:hsl(16.941 100% 50% / 0);--btnBoxShadowGlowColorDanger:hsl(0 68.033% 52.157% / 0);--btnBoxShadowGlowYMd:4px;--btnBoxShadowGlowBlurMd:16px;--btnTextShadowColorPrimary:hsl(210.12 100% 36.373% / 0.5);--btnTextShadowColorSecondary:hsl(none 0% 0% / 0);--btnTextShadowColorAccent:hsl(16.941 100% 35% / 0.5);--btnTextShadowColorDanger:hsl(0 68.033% 36.51% / 0.5);--btnTextShadowYMd:2px;--btnTextShadowBlurMd:0px;--btnBorderRadiusXl:28px;--btnBorderRadiusLg:24px;--btnBorderRadiusMd:20px;--btnBorderRadiusSm:16px;--btnBorderRadiusXs:12px;--btnOutlineColor:hsl(16.941 100% 50% / 0.25);--btnOutlineBorderRadiusXl:29px;--btnOutlineBorderRadiusLg:25px;--btnOutlineBorderRadiusMd:21px;--btnOutlineBorderRadiusSm:17px;--btnOutlineBorderRadiusXs:13px;--btnRoundedBorderRadiusXl:28px;--btnRoundedBorderRadiusLg:24px;--btnRoundedBorderRadiusMd:8px;--btnRoundedBorderRadiusSm:16px;--btnRoundedBorderRadiusXs:12px;--btnCircleBorderRadiusXl:28px;--btnCircleBorderRadiusLg:24px;--btnCircleBorderRadiusMd:20px;--btnCircleBorderRadiusSm:16px;--btnCircleBorderRadiusXs:12px;--btnBorderWidthPrimary:0px;--btnBorderWidthSecondary:0px;--btnBorderWidthText:2px;--btnBorderWidthAccent:0px;--btnBorderWidthNeutral:0px;--btnBorderWidthDanger:0px;--btnBorderWidthOutline:4px;--btnFontWeight:600;--btnLetterSpacing:0empx;--btnTextCase:none;--tabbarAccentBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(16.941 100% 35%), 0 4px 16px 0 hsl(16.941 100% 50% / 0);--tabbarAccentBgDefault:linear-gradient(180deg, hsl(16.941 100% 60%) 0%, hsl(16.941 100% 45%) 100%);--tabbarPaddingH:8px;--tabbarPaddingT:8px;--tabbarPaddingB:20px;--tabbarItemPaddingH:4px;--tabbarItemDefault:hsl(none 0% 100% / 0.6);--tabbarItemActive:hsl(none 0% 100% / 0.9);--tabbarItemDisabled:hsl(none 0% 100% / 0.24);--tabbarItemCheckedDefault:#0A84FF;--tabbarItemCheckedActive:hsl(210.12 100% 41.569%);--tabbarItemCheckedBg:hsl(229.09 30.196% 18% / 0.8);--tabbarItemCheckedAccentDefault:#FF4800;--tabbarItemCheckedAccentActive:hsl(16.941 100% 40%);--tabbarItemGap:4px;--tabbarItemIconSize:24px;--tabbarItemPaddingT:6px;--tabbarItemPaddingB:22px;--tabbarItemAccentIcon:#FFFFFF;--tabbarItemAccentBgStart:hsl(16.941 100% 60%);--tabbarItemAccentBgEnd:hsl(16.941 100% 45%);--tabbarItemAccentBorderRadius:20px;--tabbarBg:hsl(229.09 30.196% 26% / 0.8);--tabbarBorderRadius:0px;--tabbarSize:68px;--promoWidgetBoxShadowPrimary:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(210.12 100% 36.373%), 0 4px 16px 0 hsl(210.12 100% 51.961% / 0);--promoWidgetBoxShadowAccent:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(16.941 100% 35%), 0 4px 16px 0 hsl(16.941 100% 50% / 0);--promoWidgetPrimaryBgDefault:linear-gradient(180deg, hsl(210.12 100% 61.569%) 0%, hsl(210.12 100% 46.765%) 100%);--promoWidgetPrimaryBgHover:linear-gradient(180deg, hsl(210.12 100% 75.98%) 0%, hsl(210.12 100% 61.569%) 100%);--promoWidgetPrimaryBgActive:linear-gradient(180deg, #0A84FF 0%, hsl(210.12 100% 36.373%) 100%);--promoWidgetPrimaryBgStartDefault:hsl(210.12 100% 61.569%);--promoWidgetPrimaryBgStartHover:hsl(210.12 100% 75.98%);--promoWidgetPrimaryBgStartActive:#0A84FF;--promoWidgetPrimaryBgEndDefault:hsl(210.12 100% 46.765%);--promoWidgetPrimaryBgEndHover:hsl(210.12 100% 61.569%);--promoWidgetPrimaryBgEndActive:hsl(210.12 100% 36.373%);--promoWidgetPrimaryIconDefault:#FFFFFF;--promoWidgetPrimaryIconHover:#FFFFFF;--promoWidgetPrimaryIconActive:#FFFFFF;--promoWidgetPrimaryAnimationBg:#0A84FF;--promoWidgetAccentBgDefault:linear-gradient(180deg, hsl(16.941 100% 60%) 0%, hsl(16.941 100% 45%) 100%);--promoWidgetAccentBgHover:linear-gradient(180deg, hsl(16.941 100% 75%) 0%, hsl(16.941 100% 60%) 100%);--promoWidgetAccentBgActive:linear-gradient(180deg, #FF4800 0%, hsl(16.941 100% 35%) 100%);--promoWidgetAccentBgStartDefault:hsl(16.941 100% 60%);--promoWidgetAccentBgStartHover:hsl(16.941 100% 75%);--promoWidgetAccentBgStartActive:#FF4800;--promoWidgetAccentBgEndDefault:hsl(16.941 100% 45%);--promoWidgetAccentBgEndHover:hsl(16.941 100% 60%);--promoWidgetAccentBgEndActive:hsl(16.941 100% 35%);--promoWidgetAccentIconDefault:#FFFFFF;--promoWidgetAccentIconHover:#FFFFFF;--promoWidgetAccentIconActive:#FFFFFF;--promoWidgetAccentAnimationBg:#FF4800;--promoWidgetSize:48px;--promoWidgetIconSize:24px;--promoWidgetImageSize:24px;--promoWidgetBorderRadius:24px;--promoWidgetCountdownBorderRadius:2px;--promoWidgetCountdownBg:#FFFFFF;--tabRight:inset -24px 0 16px -24px hsl(none 0% 0% / 0.25);--tabLeft:inset 24px 0 16px -24px hsl(none 0% 0% / 0.25);--tabBottom:inset 0 -24px 16px -24px hsl(none 0% 0% / 0.25);--tabTop:inset 0 24px 16px -24px hsl(none 0% 0% / 0.25);--tabGapH:24px;--tabGapV:8px;--tabBr:hsl(229.09 30.196% 50% / 0.44);--tabBorderWidth:1px;--tabItemSizeMd:40px;--tabItemSizeSm:32px;--tabItemGapMd:8px;--tabItemGapSm:6px;--tabItemColorDefault:hsl(none 0% 100% / 0.36);--tabItemColorHover:hsl(none 0% 100% / 0.6);--tabItemColorDisabled:hsl(none 0% 100% / 0.24);--tabItemCheckedColorDefault:#0A84FF;--tabItemCheckedColorHover:hsl(210.12 100% 57.725%);--tabItemCheckedIndicatorDefault:#0A84FF;--tabItemCheckedIndicatorHover:hsl(210.12 100% 57.725%);--tabItemIconSizeMd:20px;--tabItemIconSizeSm:16px;--tabItemLeftPaddingH:24px;--tabItemRightPaddingH:24px;--tabItemIndicatorBorderWidth:2px;--tabItemAccentColorDefault:#FF4800;--tabItemAccentColorHover:hsl(16.941 100% 56%);--tabItemAccentIndicatorDefault:#0A84FF;--tabItemAccentIndicatorHover:hsl(210.12 100% 57.725%);--tabMoreSizeMd:40px;--tabMoreSizeSm:32px;--tabMoreIconSizeMd:20px;--tabMoreIconSizeSm:16px;--tabMoreColor:hsl(none 0% 100% / 0.36);--tabShadowColor:hsl(none 0% 0% / 0.25);--tabShadowXRight:-24px;--tabShadowXLeft:24px;--tabShadowYBottom:-24px;--tabShadowYTop:24px;--tabShadowBlur:16px;--tabShadowSpread:-24px;--tabActionsPaddingH:24px;--tabActionsPaddingV:16px;--cardShadow:0 2px 3px 0 hsl(none 0% 0% / 0.25);--cardOverlay:linear-gradient(0deg, hsl(229.09 30.196% 18%) 0%, hsl(229.09 30.196% 18% / 0.8) 53%, hsl(229.09 30.196% 18% / 0) 100%);--cardBonusBg:linear-gradient(180deg, #3366CC 0%, #142952 100%);--cardBonusOverlayBottom:linear-gradient(0deg, hsl(229.09 30.196% 18%) 0%, hsl(229.09 30.196% 18% / 0.8) 40%, hsl(229.09 30.196% 18% / 0.2) 100%);--cardBonusOverlayLeft:linear-gradient(90deg, hsl(229.09 30.196% 18%) 20%, hsl(229.09 30.196% 18% / 0.8) 60%, hsl(229.09 30.196% 18% / 0.2) 100%);--cardBonusBgPropsStart:#3366CC;--cardBonusBgPropsEnd:#142952;--cardBonusOverlayColorStart:hsl(229.09 30.196% 18%);--cardBonusOverlayColorCenter:hsl(229.09 30.196% 18% / 0.8);--cardBonusOverlayColorEnd:hsl(229.09 30.196% 18% / 0.2);--cardBonusBasicMinWidth:312px;--cardBonusBasicMinHeightLg:320px;--cardBonusBasicMinHeightMd:194px;--cardBonusBasicGap:8px;--cardBonusBasicPaddingH:16px;--cardBonusBasicPaddingT:24px;--cardBonusBasicPaddingB:16px;--cardBonusBasicFrontSizeMd:100px;--cardBonusBasicFrontSizeSm:100px;--cardBonusFrontOpacityDefault:1;--cardBonusFrontOpacityLow:0.15;--cardBonusCashierHeight:160px;--cardBonusCashierDetailsHeight:452px;--cardBonusCashierDetailsGap:16px;--cardBonusCashierPadding:16px;--cardBonusCashierMinWidth:312px;--cardBonusCashierFrontSize:100px;--cardBonusWelcomeEllipseBordeRadius:40px;--cardBonusWelcomeBg:#4E2457;--cardBonusWelcomeMinWidth:208px;--cardBonusWelcomeMinHeight:156px;--cardBonusWelcomeFocusMinWidth:256px;--cardBonusWelcomePadding:16px;--cardBonusWelcomeGap:4px;--cardBonusWelcomeDividerPaddingBXs:102px;--cardBonusWelcomeDividerPaddingBMd:86px;--cardFreeSpinsOverlay:linear-gradient(90deg, hsl(229.09 30.196% 18%) 20%, hsl(229.09 30.196% 18% / 0.8) 60%, hsl(229.09 30.196% 18% / 0.2) 100%);--cardFreeSpinsOverlayColorStart:hsl(229.09 30.196% 18%);--cardFreeSpinsOverlayColorCenter:hsl(229.09 30.196% 18% / 0.8);--cardFreeSpinsOverlayColorEnd:hsl(229.09 30.196% 18% / 0.2);--cardFreeSpinsMinHeight:194px;--cardFreeSpinsPadding:16px;--cardGapLg:24px;--cardGapMd:24px;--cardGapSm:24px;--cardGapXs:8px;--cardPaddingHLg:32px;--cardPaddingHMd:24px;--cardPaddingHSm:16px;--cardPaddingHXs:12px;--cardPaddingVLg:32px;--cardPaddingVMd:24px;--cardPaddingVSm:16px;--cardPaddingVXs:12px;--cardBg:hsl(229.09 30.196% 18%);--cardBrDefault:rgba(0, 0, 0, 0);--cardBorderRadius:16px;--cardBorderWidth:0px;--cardShadowPropsY:2px;--cardShadowPropsBlur:3px;--cardShadowPropsColor:hsl(none 0% 0% / 0.25);--cardOverlayColorStart:hsl(229.09 30.196% 18%);--cardOverlayColorCenter:hsl(229.09 30.196% 18% / 0.8);--cardOverlayColorEnd:hsl(229.09 30.196% 18% / 0);--cardTournamentPadding:16px;--cardTournamentGap:12px;--cardTournamentGameGap:8px;--cardLotteryPadding:16px;--cardLotteryGap:24px;--cardLotteryContentGap:12px;--cardLoyaltyImageSize:92px;--cardLoyaltyGiftBlockMinHeight:40px;--cardLoyaltyGiftBlockGap:12px;--cardFabPadding:4px;--cardFabBorderRadius:20px;--cardFaderHeightLg:32px;--cardFaderHeightMd:24px;--cardFaderHeightSm:16px;--cardFaderHeightXs:12px;--cardTimeRangeBorderRadius:22px;--cardTimeRangePaddingH:16px;--cardTimeRangePaddingV:6px;--sectionGradientSegmentPrimaryDefault:linear-gradient(-3deg, hsl(210.12 100% 51.961% / 0) 0%, hsl(210.12 100% 51.961% / 0) 30%, hsl(210.12 100% 51.961% / 0) 70%, hsl(210.12 100% 51.961% / 0) 100%);--sectionGradientSegmentPrimaryStart:hsl(210.12 100% 51.961% / 0);--sectionGradientSegmentPrimaryCenter:hsl(210.12 100% 51.961% / 0);--sectionGradientSegmentSecondaryDefault:linear-gradient(-3deg, hsl(16.941 100% 50% / 0) 0%, hsl(16.941 100% 50% / 0) 30%, hsl(16.941 100% 50% / 0) 70%, hsl(16.941 100% 50% / 0) 100%);--sectionGradientSegmentSecondaryStart:hsl(16.941 100% 50% / 0);--sectionGradientSegmentSecondaryCenter:hsl(16.941 100% 50% / 0);--sectionGradientFillPrimaryDefault:linear-gradient(135deg, #4E2457 0%, #1B2543 100%);--sectionGradientFillPrimaryStart:#4E2457;--sectionGradientFillPrimaryEnd:#1B2543;--sectionGradientFillSecondaryDefault:linear-gradient(135deg, #114994 0%, #280567 100%);--sectionGradientFillSecondaryStart:#114994;--sectionGradientFillSecondaryEnd:#280567;--sectionIconSize:24px;--sectionImageLg:266px;--sectionImageMd:224px;--sectionImageSm:142px;--sectionBorderRadiusTopLeft:0px;--sectionBorderRadiusBottomRight:0px;--sectionBorderRadiusBottomLeft:0px;--sectionBorderRadiusTopRight:0px;--sectionPaddingTXs:24px;--sectionPaddingTSm:24px;--sectionPaddingTMd:24px;--sectionPaddingTLg:24px;--sectionPaddingTXl:24px;--sectionBrPrimary:hsl(210.12 100% 51.961% / 0);--sectionBrSecondary:hsl(16.941 100% 50% / 0);--sectionBorderWidthTop:0px;--sectionBorderWidthRight:0px;--sectionBorderWidthBottom:0px;--sectionBorderWidthLeft:0px;--sectionPaddingBXs:32px;--sectionPaddingBSm:32px;--sectionPaddingBMd:32px;--sectionPaddingBLg:32px;--sectionPaddingBXl:32px;--sectionPaddingHXs:16px;--sectionPaddingHSm:40px;--sectionPaddingHMd:40px;--sectionPaddingHLg:36px;--sectionPaddingHXl:36px;--shadowLg:0 8px 12px 0 hsl(none 0% 0% / 0.25);--shadowMd:0 4px 6px 0 hsl(none 0% 0% / 0.25);--shadowSm:0 2px 3px 0 hsl(none 0% 0% / 0.25);--bevel:inset 0 2px 3px 0 hsl(none 0% 100% / 0), inset 0 -2px 3px 0 hsl(none 0% 0% / 0), 0 1px 2px 0 hsl(none 0% 0% / 0);--emboss:inset 0 -1.5px 4px 0 hsl(none 0% 0% / 0), inset 0 2px 4px 0 hsl(none 0% 0% / 0);--glowAccent1:inset 0 0 10px 0 hsl(210.12 100% 51.961% / 0.48);--overlayLeft:linear-gradient(90deg, hsl(210.12 100% 15.588% / 0.85) 0%, hsl(210.12 100% 15.588% / 0) 100%);--overlayRight:linear-gradient(270deg, hsl(210.12 100% 15.588% / 0.85) 0%, hsl(210.12 100% 15.588% / 0) 100%);--overlayTop:linear-gradient(180deg, hsl(210.12 100% 15.588% / 0.85) 0%, hsl(210.12 100% 15.588% / 0) 100%);--overlayBottom:linear-gradient(0deg, hsl(210.12 100% 15.588% / 0.85) 0%, hsl(210.12 100% 15.588% / 0) 100%);--overlayStart:hsl(210.12 100% 15.588% / 0.85);--overlayEnd:hsl(210.12 100% 15.588% / 0);--progressLinearIndicatorDefault:linear-gradient(90deg, #2BDA8D 0%, #2BDA8D 100%);--progressLinearIndicatorSuccess:linear-gradient(90deg, #2BDA8D 0%, #2BDA8D 100%);--progressLinearIndicatorError:linear-gradient(90deg, #D83232 0%, #D83232 100%);--progressLinearLineSizeLg:12px;--progressLinearLineSizeMd:8px;--progressLinearLineSizeSm:4px;--progressLinearLineSizeXs:3px;--progressLinearBorderRadiusLg:6px;--progressLinearBorderRadiusMd:4px;--progressLinearBorderRadiusSm:2px;--progressIndicatorBoxShadowDefault:inset 0 1px 0px 0 hsl(none 0% 100% / 0.5), inset 0 -1px 0px 0 hsl(none 0% 0% / 0.05), 0 0px 6px 0 hsl(153.6 70.281% 51.176% / 0);--progressIndicatorBoxShadowSucces:inset 0 1px 0px 0 hsl(none 0% 100% / 0.5), inset 0 -1px 0px 0 hsl(none 0% 0% / 0.05), 0 0px 6px 0 hsl(153.6 70.281% 51.176% / 0);--progressIndicatorBoxShadowError:inset 0 1px 0px 0 hsl(none 0% 100% / 0.5), inset 0 -1px 0px 0 hsl(none 0% 0% / 0.05), 0 0px 6px 0 hsl(0 68.033% 52.157% / 0);--progressIndicatorStartDefault:#2BDA8D;--progressIndicatorStartSuccess:#2BDA8D;--progressIndicatorStartError:#D83232;--progressIndicatorEndDefault:#2BDA8D;--progressIndicatorEndSuccess:#2BDA8D;--progressIndicatorEndError:#D83232;--progressTrackBoxShadow:inset 0 2px 0px 0 hsl(none 0% 0% / 0.05);--progressTrackColor:hsl(229.09 30.196% 50% / 0.26);--progressExtremesColor:hsl(none 0% 100% / 0.36);--progressInfoColor:hsl(none 0% 100% / 0.24);--progressCircleIndicatorDefault:#2BDA8D;--progressCircleIndicatorSuccess:#2BDA8D;--progressCircleIndicatorError:#D83232;--progressCircleSizeXl:108px;--progressCircleSizeLg:72px;--progressCircleSizeMd:48px;--progressCircleSizeSm:40px;--progressCircleSizeXs:16px;--progressCircleBorderWidthXl:8px;--progressCircleBorderWidthLg:6px;--progressCircleBorderWidthMd:3px;--progressCircleBorderWidthSm:3px;--progressCircleBorderWidthXs:3px;--progressColorDefault:hsl(none 0% 100% / 0.9);--progressColorSuccess:#2BDA8D;--progressColorError:#D83232;--progressStepsWidthLg:16px;--progressStepsWidthMd:16px;--progressStepsWidthSm:16px;--progressStepsWidthXs:2px;--progressStepsHeightLg:24px;--progressStepsHeightMd:16px;--progressStepsHeightSm:8px;--progressStepsHeightXs:8px;--progressStepsBorderRadiusLg:4px;--progressStepsBorderRadiusMd:4px;--progressStepsBorderRadiusSm:4px;--progressStepsBorderRadiusXs:2px;--progressStepsGapH:4px;--progressBoxShadowIndicatorLightEdgeColorDefault:hsl(none 0% 100% / 0.5);--progressBoxShadowIndicatorLightEdgeColorSussess:hsl(none 0% 100% / 0.5);--progressBoxShadowIndicatorLightEdgeColorError:hsl(none 0% 100% / 0.5);--progressBoxShadowIndicatorLightEdgeYMd:1px;--progressBoxShadowIndicatorLightEdgeBlurMd:0px;--progressBoxShadowIndicatorDarkEdgeColorDefault:hsl(none 0% 0% / 0.05);--progressBoxShadowIndicatorDarkEdgeColorSuccess:hsl(none 0% 0% / 0.05);--progressBoxShadowIndicatorDarkEdgeColorError:hsl(none 0% 0% / 0.05);--progressBoxShadowIndicatorDarkEdgeYMd:-1px;--progressBoxShadowIndicatorDarkEdgeBlurMd:0px;--progressBoxShadowIndicatorGlowYMd:0px;--progressBoxShadowIndicatorGlowBlurMd:6px;--progressBoxShadowIndicatorGlowColorDefault:hsl(153.6 70.281% 51.176% / 0);--progressBoxShadowIndicatorGlowColorSuccess:hsl(153.6 70.281% 51.176% / 0);--progressBoxShadowIndicatorGlowColorError:hsl(0 68.033% 52.157% / 0);--progressBoxShadowTrackColor:hsl(none 0% 0% / 0.05);--progressBoxShadowTrackYMd:2px;--progressBoxShadowTrackBlurMd:0px;--statusBtnBoxShadow:inset 0 3px 0px 0 rgba(255, 255, 255, 0.15), inset 0 -3px 0px 0 hsl(none 0% 0% / 0), 0 2px 0px 0 hsl(none 0% 0% / 0);--statusBtnSizeXl:56px;--statusBtnSizeLg:48px;--statusBtnSizeMd:40px;--statusBtnSizeSm:32px;--statusBtnSizeXs:24px;--statusBtnPaddingHXl:40px;--statusBtnPaddingHLg:32px;--statusBtnPaddingHMd:24px;--statusBtnPaddingHSm:12px;--statusBtnPaddingHXs:12px;--statusBtnGapXl:12px;--statusBtnGapLg:10px;--statusBtnGapMd:8px;--statusBtnGapSm:6px;--statusBtnGapXs:4px;--statusBtnBorderRadiusXl:28px;--statusBtnBorderRadiusLg:24px;--statusBtnBorderRadiusMd:20px;--statusBtnBorderRadiusSm:16px;--statusBtnBorderRadiusXs:12px;--statusBtnIconSizeXl:32px;--statusBtnIconSizeLg:24px;--statusBtnIconSizeMd:20px;--statusBtnIconSizeSm:16px;--statusBtnIconSizeXs:12px;--statusIndicatorSize:8px;--statusIndicatorBorderRadius:4px;--statusLabel:hsl(none 0% 100% / 0.9);--statusIndicatorDefault:hsl(none 0% 100% / 0.24);--statusIndicatorAccent1:#FF4800;--statusIndicatorAccent2:#0A84FF;--statusIndicatorSuccess:#2BDA8D;--statusIndicatorWarning:#FAC02C;--statusIndicatorDanger:#D83232;--statusIconSizeSm:16px;--statusIconSizeXs:12px;--statusTagSizeSm:24px;--statusTagSizeXs:20px;--statusTagPaddingHSm:12px;--statusTagPaddingHXs:10px;--statusTagRoundedBorderRadiusSm:6px;--statusTagRoundedBorderRadiusXs:5px;--statusTagCircleBorderRadiusSm:12px;--statusTagCircleBorderRadiusXs:10px;--statusTagBorderWidth:1px;--statusTagGapSm:8px;--statusTagGapXs:6px;--statusBgDefault:hsl(229.09 30.196% 50% / 0.16);--statusBgAccent1:hsl(16.941 100% 50% / 0.08);--statusBgAccent2:hsl(210.12 100% 51.961% / 0.08);--statusBgSuccess:hsl(153.6 70.281% 51.176% / 0.12);--statusBgWarning:hsl(43.107 95.37% 57.647% / 0.12);--statusBgDanger:hsl(0 68.033% 52.157% / 0.08);--statusBrDefault:hsl(229.09 30.196% 50% / 0.44);--statusBrAccent1:hsl(16.941 100% 50% / 0.16);--statusBrAccent2:hsl(210.12 100% 51.961% / 0.16);--statusBrSuccess:hsl(153.6 70.281% 51.176% / 0.2);--statusBrWarning:hsl(43.107 95.37% 57.647% / 0.28);--statusBrDanger:hsl(0 68.033% 52.157% / 0.16);--statusBoxShadowBaseColor:hsl(none 0% 0% / 0);--statusBoxShadowBaseYMd:2px;--statusBoxShadowBaseBlurMd:0px;--statusBoxShadowLightEdgeMd:rgba(255, 255, 255, 0.15);--statusBoxShadowLightEdgeYMd:3px;--statusBoxShadowLightEdgeBlurMd:0px;--statusBoxShadowDarkEdgeMd:hsl(none 0% 0% / 0);--statusBoxShadowDarkEdgeYMd:-3px;--statusBoxShadowDarkEdgeBlurMd:0px;--imageMask:linear-gradient(180deg, hsl(none 0% 0% / 0) 0%, hsl(none 0% 0% / 0.72) 100%);--imageBlurSm:4px;--imageBlurMd:16px;--imageBorderRadius:8px;--imageMaskStart:hsl(none 0% 0% / 0);--imageMaskEnd:hsl(none 0% 0% / 0.72);--faderBottomPrimary:linear-gradient(0deg, hsl(229.09 30.196% 18%) 0%, hsl(229.09 30.196% 18% / 0) 100%);--faderBottomSecondary:linear-gradient(0deg, hsl(229.09 30.196% 14%) 0%, hsl(229.09 30.196% 14% / 0) 100%);--faderBottomTertiary:linear-gradient(0deg, hsl(229.09 30.196% 12%) 0%, hsl(229.09 30.196% 12% / 0) 100%);--faderBottomQuaternary:linear-gradient(0deg, hsl(229.09 30.196% 10%) 0%, hsl(229.09 30.196% 10% / 0) 100%);--faderTopPrimary:linear-gradient(180deg, hsl(229.09 30.196% 18%) 0%, hsl(229.09 30.196% 18% / 0) 100%);--faderTopSecondary:linear-gradient(180deg, hsl(229.09 30.196% 14%) 0%, hsl(229.09 30.196% 14% / 0) 100%);--faderTopTertiary:linear-gradient(180deg, hsl(229.09 30.196% 12%) 0%, hsl(229.09 30.196% 12% / 0) 100%);--faderTopQuaternary:linear-gradient(180deg, hsl(229.09 30.196% 10%) 0%, hsl(229.09 30.196% 10% / 0) 100%);--faderLeftPrimary:linear-gradient(90deg, hsl(229.09 30.196% 18%) 0%, hsl(229.09 30.196% 18% / 0) 100%);--faderLeftSecondary:linear-gradient(90deg, hsl(229.09 30.196% 14%) 0%, hsl(229.09 30.196% 14% / 0) 100%);--faderLeftTertiary:linear-gradient(90deg, hsl(229.09 30.196% 12%) 0%, hsl(229.09 30.196% 12% / 0) 100%);--faderLeftQuaternary:linear-gradient(90deg, hsl(229.09 30.196% 10%) 0%, hsl(229.09 30.196% 10% / 0) 100%);--faderRightPrimary:linear-gradient(270deg, hsl(229.09 30.196% 18%) 0%, hsl(229.09 30.196% 18% / 0) 100%);--faderRightSecondary:linear-gradient(270deg, hsl(229.09 30.196% 14%) 0%, hsl(229.09 30.196% 14% / 0) 100%);--faderRightTertiary:linear-gradient(270deg, hsl(229.09 30.196% 12%) 0%, hsl(229.09 30.196% 12% / 0) 100%);--faderRightQuaternary:linear-gradient(270deg, hsl(229.09 30.196% 10%) 0%, hsl(229.09 30.196% 10% / 0) 100%);--faderStartPrimary:hsl(229.09 30.196% 18%);--faderStartSecondary:hsl(229.09 30.196% 14%);--faderStartTertiary:hsl(229.09 30.196% 12%);--faderStartQuaternary:hsl(229.09 30.196% 10%);--faderEndPrimary:hsl(229.09 30.196% 18% / 0);--faderEndSecondary:hsl(229.09 30.196% 14% / 0);--faderEndTertiary:hsl(229.09 30.196% 12% / 0);--faderEndQuaternary:hsl(229.09 30.196% 10% / 0);--thumbBtnBgDefault:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.32) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--thumbBtnBgHover:linear-gradient(180deg, hsl(203.94 100% 79.608% / 0.32) 0%, hsl(203.94 100% 91.843% / 0.16) 100%);--thumbBtnBgActive:linear-gradient(180deg, hsl(203.94 100% 29.608% / 0.32) 0%, hsl(203.94 100% 14.804% / 0.16) 100%);--thumbBtnBgFocus:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--thumbBtnBgDisabled:hsl(none 0% 0% / 0.25);--thumbBtnBgStartDefault:hsl(203.94 100% 59.216% / 0.32);--thumbBtnBgStartHover:hsl(203.94 100% 79.608% / 0.32);--thumbBtnBgStartActive:hsl(203.94 100% 29.608% / 0.32);--thumbBtnBgStartFocus:hsl(203.94 100% 59.216% / 0.16);--thumbBtnBgEndDefault:hsl(203.94 100% 59.216% / 0.16);--thumbBtnBgEndHover:hsl(203.94 100% 91.843% / 0.16);--thumbBtnBgEndActive:hsl(203.94 100% 14.804% / 0.16);--thumbBtnBgEndFocus:hsl(203.94 100% 59.216% / 0.16);--thumbBtnTextShadow:0 2px 0px 0% 0% / 0);--thumbBtnColorDefault:hsl(none 0% 100% / 0.9);--thumbBtnColorHover:hsl(none 0% 100% / 0.9);--thumbBtnColorActive:hsl(none 0% 100% / 0.9);--thumbBtnColorFocus:hsl(none 0% 100% / 0.9);--thumbBtnColorDisabled:hsl(none 0% 100% / 0.5);--thumbBtnBrDefault:#0A84FF;--thumbBtnBrHover:#0A84FF;--thumbBtnBrActive:#0A84FF;--thumbBtnBrFocus:#0A84FF;--thumbBtnBrDisabled:rgba(0, 0, 0, 0);--thumbSizeSm:94px;--thumbSizeMd:130px;--thumbSizeLg:190px;--thumbTitle:hsl(none 0% 100% / 0.9);--thumbDescription:#0A84FF;--thumbOuterTitle:#FFFFFF;--thumbOuterDescription:#FFFFFF;--thumbBorderRadius:8px;--thumbGap:4px;--thumbBorderWidth:0px;--thumbBrDefault:rgba(0, 0, 0, 0);--thumbOutlineColor:hsl(16.941 100% 50% / 0.25);--thumbOutlineBorderWidth:4px;--thumbOutlineBorderRadius:9px;--qdwBgDefault:linear-gradient(135deg, #310C52 0%, #F6A5FF 100%);--qdwBgStart:#310C52;--qdwBgEnd:#F6A5FF;--qdwHeightMd:208px;--qdwWidthMd:306px;--qdwMaxWidthMd:600px;--qdwImageSize:110px;--qdwPaddingHMd:16px;--qdwPaddingVMd:16px;--qdwGapMd:4px;--qdwTitle:hsl(none 0% 100% / 0.9);--qdwCaption:hsl(none 0% 100% / 0.9);--qdwBr:rgba(0, 0, 0, 0);--qdwGapBtnMd:8px;--qdwBorderRadius:8px;--qdwBorderWidth:0px;--heroBgDefault:linear-gradient(180deg, hsl(210.12 100% 51.961% / 0.3) 0%, hsl(210.12 100% 51.961% / 0) 100%);--heroBgStart:hsl(210.12 100% 51.961% / 0.3);--heroBgEnd:hsl(210.12 100% 51.961% / 0);--heroPaddingTXl:24px;--heroPaddingTLg:24px;--heroPaddingTMd:16px;--heroPaddingTSm:16px;--heroPaddingTXs:16px;--heroPaddingBXl:0px;--heroPaddingBLg:0px;--heroPaddingBMd:0px;--heroPaddingBSm:0px;--heroPaddingBXs:0px;--heroGapXl:16px;--heroGapLg:16px;--heroGapMd:12px;--heroGapSm:12px;--heroGapXs:12px;--heroTrastPaddingBXl:24px;--heroTrastPaddingBLg:24px;--heroTrastPaddingBMd:24px;--heroTrastPaddingBSm:16px;--heroTrastPaddingBXs:12px;--tooltipBoxShadow:0 4px 16px 0 hsl(none 0% 0% / 0.25);--tooltipMaxWidth:320px;--tooltipGap:4px;--tooltipPaddingH:16px;--tooltipPaddingV:8px;--tooltipBg:hsl(229.09 30.196% 26%);--tooltipColor:hsl(none 0% 100% / 0.9);--tooltipArrowShift:10px;--tooltipBorderRadius:8px;--tooltipBoxShadowColor:hsl(none 0% 0% / 0.25);--notificationShadow:0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 8px 48px 16px rgba(0, 0, 0, 0.12);--notificationEdgeShadow:0 3px 8px 0 rgba(0, 0, 0, 0.12);--notificationEdgeBg:hsl(229.09 30.196% 50% / 0.32);--notificationEdgeBackgroundBlur:20px;--notificationGap:16px;--notificationMarginH:8px;--notificationMarginB:28px;--notificationMarginT:64px;--notificationTitle:hsl(none 0% 100% / 0.9);--notificationMessage:hsl(none 0% 100% / 0.6);--notificationLocalPadding:24px;--notificationLocalGap:24px;--notificationLocalBorderRadius:16px;--notificationLocalBg:hsl(none 0% 100% / 0.15);--notificationLocalTitleShift:48px;--notificationLocalCountdown:hsl(none 0% 100% / 0.36);--notificationGlobalMinWidth:280px;--notificationGlobalMaxWidth:400px;--notificationGlobalIconSize:32px;--notificationGlobalBg:hsl(229.09 30.196% 32%);--notificationGlobalBorderRadius:16px;--notificationGlobalImageBorderRadius:8px;--notificationGlobalImageSize:40px;--notificationItemGap:12px;--notificationItemPaddingL:16px;--notificationItemPaddingR:44px;--notificationItemPaddingV:16px;--notificationProgressBorderWidth:4px;--notificationIndicatorSuccessBg:#2BDA8D;--notificationIndicatorSuccessColor:#FFFFFF;--notificationIndicatorSuccessBr:hsl(153.6 70.281% 51.176% / 0.3);--notificationIndicatorWarningBg:#FAC02C;--notificationIndicatorWarningColor:hsl(none 0% 100% / 0.9);--notificationIndicatorWarningBr:hsl(43.107 95.37% 57.647% / 0.35);--notificationIndicatorDangerBg:#D83232;--notificationIndicatorDangerColor:#FFFFFF;--notificationIndicatorDangerBr:hsl(0 68.033% 52.157% / 0.3);--notificationIndicatorInfoBg:#0A84FF;--notificationIndicatorInfoColor:#FFFFFF;--notificationIndicatorInfoBr:hsl(210.12 100% 51.961% / 0.3);--notificationIndicatorSize:32px;--notificationIndicatorIconSize:24px;--d1:700 84px/88px 'Open Sans';--d2:700 64px/68px 'Open Sans';--d3:700 34px/38px 'Open Sans';--t1:700 32px/40px 'Open Sans';--t2:700 28px/36px 'Open Sans';--t3:700 24px/32px 'Open Sans';--t4:700 20px/26px 'Open Sans';--t5:700 16px/20px 'Open Sans';--subtitle1:italic 400 22px/28px 'Open Sans';--subtitle2:italic 400 18px/24px 'Open Sans';--subtitle3:italic 400 14px/20px 'Open Sans';--overline:600 12px/16px 'Open Sans';--overlineTextCase:uppercase;--body1:400 16px/24px 'Open Sans';--body2:400 14px/20px 'Open Sans';--body1Strong:600 16px/24px 'Open Sans';--body2Strong:600 14px/20px 'Open Sans';--caption1:400 12px/16px 'Open Sans';--caption1Strong:600 12px/16px 'Open Sans';--caption2:400 10px/12px 'Open Sans';--caption2Strong:600 10px/12px 'Open Sans';--componentBtnXl:600 22px/28px 'Open Sans';--componentBtnXlTextCase:none;--componentBtnLg:600 18px/24px 'Open Sans';--componentBtnLgTextCase:none;--componentBtnMd:600 14px/20px 'Open Sans';--componentBtnMdTextCase:none;--componentBtnSm:600 12px/16px 'Open Sans';--componentBtnSmTextCase:none;--componentBtnXs:600 10px/12px 'Open Sans';--componentBtnXsTextCase:none;--componentInputLg:400 18px/24px 'Open Sans';--componentInputMd:400 16px/24px 'Open Sans';--componentInputSm:400 14px/20px 'Open Sans';--toggleBtnPrimaryBgDefault:linear-gradient(180deg, hsl(210.12 100% 61.569%) 0%, hsl(210.12 100% 46.765%) 100%);--toggleBtnPrimaryBgHover:linear-gradient(180deg, hsl(210.12 100% 75.98%) 0%, hsl(210.12 100% 61.569%) 100%);--toggleBtnPrimaryBgActive:linear-gradient(180deg, #0A84FF 0%, hsl(210.12 100% 36.373%) 100%);--toggleBtnPrimaryBgFocus:linear-gradient(180deg, hsl(210.12 100% 61.569%) 0%, hsl(210.12 100% 46.765%) 100%);--toggleBtnPrimaryBgDisabled:linear-gradient(180deg, hsl(210.12 100% 61.569% / 0.4) 0%, hsl(210.12 100% 46.765% / 0.4) 100%);--toggleBtnPrimaryBgStartDefault:hsl(210.12 100% 61.569%);--toggleBtnPrimaryBgStartHover:hsl(210.12 100% 75.98%);--toggleBtnPrimaryBgStartActive:#0A84FF;--toggleBtnPrimaryBgStartFocus:hsl(210.12 100% 61.569%);--toggleBtnPrimaryBgStartDisabled:hsl(210.12 100% 61.569% / 0.4);--toggleBtnPrimaryBgEndDefault:hsl(210.12 100% 46.765%);--toggleBtnPrimaryBgEndHover:hsl(210.12 100% 61.569%);--toggleBtnPrimaryBgEndActive:hsl(210.12 100% 36.373%);--toggleBtnPrimaryBgEndFocus:hsl(210.12 100% 46.765%);--toggleBtnPrimaryBgEndDisabled:hsl(210.12 100% 46.765% / 0.4);--toggleBtnPrimaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(none 0% 100% / 0), 0 2px 0px 0 hsl(210.12 100% 36.373%), 0 4px 16px 0 hsl(210.12 100% 51.961% / 0);--toggleBtnPrimaryColorDefault:#FFFFFF;--toggleBtnPrimaryColorHover:#FFFFFF;--toggleBtnPrimaryColorActive:#FFFFFF;--toggleBtnPrimaryColorFocus:#FFFFFF;--toggleBtnPrimaryColorDisabled:#FFFFFF;--toggleBtnPrimaryBrDefault:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrHover:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrActive:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrFocus:rgba(0, 0, 0, 0);--toggleBtnPrimaryBrDisabled:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedColorDefault:#FFFFFF;--toggleBtnPrimaryCheckedColorHover:#FFFFFF;--toggleBtnPrimaryCheckedColorActive:#FFFFFF;--toggleBtnPrimaryCheckedColorFocus:#FFFFFF;--toggleBtnPrimaryCheckedColorDisabled:#FFFFFF;--toggleBtnPrimaryCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnPrimaryCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnSecondaryBgDefault:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--toggleBtnSecondaryBgHover:linear-gradient(180deg, hsl(203.94 100% 83.686% / 0.16) 0%, hsl(203.94 100% 83.686% / 0.16) 100%);--toggleBtnSecondaryBgActive:linear-gradient(180deg, hsl(203.94 100% 29.608% / 0.16) 0%, hsl(203.94 100% 29.608% / 0.16) 100%);--toggleBtnSecondaryBgFocus:linear-gradient(180deg, hsl(203.94 100% 59.216% / 0.16) 0%, hsl(203.94 100% 59.216% / 0.16) 100%);--toggleBtnSecondaryBgDisabled:hsl(none 0% 0% / 0.25);--toggleBtnSecondaryBgStartDefault:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBgStartHover:hsl(203.94 100% 83.686% / 0.16);--toggleBtnSecondaryBgStartActive:hsl(203.94 100% 29.608% / 0.16);--toggleBtnSecondaryBgStartFocus:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBgEndDefault:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBgEndHover:hsl(203.94 100% 83.686% / 0.16);--toggleBtnSecondaryBgEndActive:hsl(203.94 100% 29.608% / 0.16);--toggleBtnSecondaryBgEndFocus:hsl(203.94 100% 59.216% / 0.16);--toggleBtnSecondaryBoxShadow:inset 0 3px 0px 0 hsl(none 0% 100% / 0), inset 0 -3px 0px 0 hsl(229.09 30.196% 50% / 0), 0 2px 0px 0 hsl(203.94 100% 29.608% / 0.36), 0 4px 16px 0 hsl(229.09 30.196% 50% / 0);--toggleBtnSecondaryColorDefault:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryColorHover:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryColorActive:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryColorFocus:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryColorDisabled:hsl(none 0% 100% / 0.24);--toggleBtnSecondaryBrDefault:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrHover:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrActive:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrFocus:rgba(0, 0, 0, 0);--toggleBtnSecondaryBrDisabled:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedColorDefault:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryCheckedColorHover:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryCheckedColorActive:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryCheckedColorFocus:hsl(none 0% 100% / 0.9);--toggleBtnSecondaryCheckedColorDisabled:hsl(none 0% 100% / 0.24);--toggleBtnSecondaryCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnSecondaryCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnTextBgDefault:rgba(0, 0, 0, 0);--toggleBtnTextBgHover:hsl(229.09 30.196% 50% / 0.22);--toggleBtnTextBgActive:hsl(229.09 30.196% 50% / 0.26);--toggleBtnTextBgFocus:rgba(0, 0, 0, 0);--toggleBtnTextBgDisabled:rgba(0, 0, 0, 0);--toggleBtnTextColorDefault:hsl(none 0% 100% / 0.9);--toggleBtnTextColorHover:hsl(none 0% 100% / 0.9);--toggleBtnTextColorActive:hsl(none 0% 100% / 0.9);--toggleBtnTextColorFocus:hsl(none 0% 100% / 0.9);--toggleBtnTextColorDisabled:hsl(none 0% 100% / 0.24);--toggleBtnTextBrDefault:rgba(0, 0, 0, 0);--toggleBtnTextBrHover:rgba(0, 0, 0, 0);--toggleBtnTextBrActive:rgba(0, 0, 0, 0);--toggleBtnTextBrFocus:rgba(0, 0, 0, 0);--toggleBtnTextBrDisabled:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBgDefault:hsl(229.09 30.196% 50% / 0.26);--toggleBtnTextCheckedBgHover:hsl(229.09 30.196% 35% / 0.22);--toggleBtnTextCheckedBgActive:hsl(229.09 30.196% 25% / 0.26);--toggleBtnTextCheckedBgFocus:hsl(229.09 30.196% 50% / 0.26);--toggleBtnTextCheckedBgDisabled:rgba(0, 0, 0, 0);--toggleBtnTextCheckedColorDefault:hsl(none 0% 100% / 0.9);--toggleBtnTextCheckedColorHover:hsl(none 0% 100% / 0.9);--toggleBtnTextCheckedColorActive:hsl(none 0% 100% / 0.9);--toggleBtnTextCheckedColorFocus:hsl(none 0% 100% / 0.9);--toggleBtnTextCheckedColorDisabled:hsl(none 0% 100% / 0.24);--toggleBtnTextCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnTextCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnNeutralBgDefault:hsl(229.09 30.196% 18%);--toggleBtnNeutralBgHover:hsl(229.09 30.196% 18%);--toggleBtnNeutralBgActive:hsl(229.09 30.196% 18%);--toggleBtnNeutralBgFocus:hsl(229.09 30.196% 18%);--toggleBtnNeutralBgDisabled:hsl(229.09 30.196% 18%);--toggleBtnNeutralColorDefault:hsl(none 0% 100% / 0.36);--toggleBtnNeutralColorHover:hsl(none 0% 100% / 0.36);--toggleBtnNeutralColorActive:hsl(none 0% 100% / 0.36);--toggleBtnNeutralColorFocus:hsl(none 0% 100% / 0.36);--toggleBtnNeutralColorDisabled:hsl(none 0% 100% / 0.24);--toggleBtnNeutralBrDefault:rgba(0, 0, 0, 0);--toggleBtnNeutralBrHover:rgba(0, 0, 0, 0);--toggleBtnNeutralBrActive:rgba(0, 0, 0, 0);--toggleBtnNeutralBrFocus:rgba(0, 0, 0, 0);--toggleBtnNeutralBrDisabled:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBgDefault:hsl(229.09 30.196% 18%);--toggleBtnNeutralCheckedBgHover:hsl(229.09 30.196% 18%);--toggleBtnNeutralCheckedBgActive:hsl(229.09 30.196% 18%);--toggleBtnNeutralCheckedBgFocus:hsl(229.09 30.196% 18%);--toggleBtnNeutralCheckedBgDisabled:hsl(229.09 30.196% 18%);--toggleBtnNeutralCheckedColorDefault:hsl(none 0% 100% / 0.9);--toggleBtnNeutralCheckedColorHover:hsl(none 0% 100% / 0.9);--toggleBtnNeutralCheckedColorActive:hsl(none 0% 100% / 0.9);--toggleBtnNeutralCheckedColorFocus:hsl(none 0% 100% / 0.9);--toggleBtnNeutralCheckedColorDisabled:hsl(none 0% 100% / 0.24);--toggleBtnNeutralCheckedBrDefault:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrHover:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrActive:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrFocus:rgba(0, 0, 0, 0);--toggleBtnNeutralCheckedBrDisabled:rgba(0, 0, 0, 0);--toggleBtnBorderWidthText:2px;--toggleBtnBorderWidthNeutral:0px;--toggleBtnBorderWidthOutline:4px;--toggleBtnSizeXl:56px;--toggleBtnSizeLg:48px;--toggleBtnSizeMd:40px;--toggleBtnSizeSm:32px;--toggleBtnSizeXs:24px;--toggleBtnIconSizeXl:32px;--toggleBtnIconSizeLg:24px;--toggleBtnIconSizeMd:20px;--toggleBtnIconSizeSm:16px;--toggleBtnIconSizeXs:12px;--toggleBtnOutlineSizeXl:58px;--toggleBtnOutlineSizeLg:50px;--toggleBtnOutlineSizeMd:42px;--toggleBtnOutlineSizeSm:34px;--toggleBtnOutlineSizeXs:26px;--toggleBtnBorderRadiusXl:28px;--toggleBtnBorderRadiusLg:24px;--toggleBtnBorderRadiusMd:20px;--toggleBtnBorderRadiusSm:16px;--toggleBtnBorderRadiusXs:12px;--toggleBtnOutlineBorderRadiusXl:29px;--toggleBtnOutlineBorderRadiusLg:25px;--toggleBtnOutlineBorderRadiusMd:21px;--toggleBtnOutlineBorderRadiusSm:17px;--toggleBtnOutlineBorderRadiusXs:13px;--womSectorShapeBg:linear-gradient(135deg, #FFD9B1 0%, #FFF9D8 100%);--womSectorShapeStart:#FFD9B1;--womSectorShapeEnd:#FFF9D8;--womSectorShapeBr:hsl(229.09 30.196% 50% / 0.44);--womSectorBorder1:#FAC02C;--womSectorBorder2:#0A84FF;--womSectorBorder3:#a04bc4;--womSectorBorder4:#00BCD4;--womSectorBorder5:#FF4800;--womSectorBorder6:#2BDA8D;--womSectorBorderGradient:linear-gradient(90deg, rgba(10, 132, 255, 0) 16%, rgba(10, 132, 255, 0.25) 100%);--womSectorColorText:#FFFFFF;--womSectorColorTitle:hsl(none 0% 100% / 0.6);--womPointerCircle:linear-gradient(0deg, #F7A704 0%, #FAC02C 100%);--womPointerBtnBgPrimary:linear-gradient(0deg, #B55046 0%, #0A84FF 100%);--womPointerBtnBgSecondary:linear-gradient(0deg, #41668C 0%, #FF4800 100%);--womPointerBtnColor:#FFFFFF;--womPointerArrowGradient:linear-gradient(90deg, #FAC02C 16%, #F7A604 100%);--womPointerArrowStart:#FAC02C;--womPointerArrowEnd:#F7A604;--womPointerBg:#FAC02C;--womBorderWidth:1px;--womThumbWidthMd:100px;--womThumbWidthSm:50px;--womThumbHeightMd:75px;--womThumbHeightSm:37.5px;--wofSectorPrimaryBg:linear-gradient(90deg, #5BB3FF 0%, #000486 100%);--wofSectorPrimaryStart:#5BB3FF;--wofSectorPrimaryEnd:#000486;--wofSectorPrimaryColor:#ffffff;--wofSectorSecondaryBg:linear-gradient(90deg, #DB5AFF 0%, #5C1AB3 100%);--wofSectorSecondaryStart:#DB5AFF;--wofSectorSecondaryEnd:#5C1AB3;--wofSectorSecondaryColor:#ffffff;--wofSectorTertiaryBg:linear-gradient(90deg, #FFCF4C 0%, #E17400 100%);--wofSectorTertiaryStart:#FFCF4C;--wofSectorTertiaryEnd:#E17400;--wofSectorTertiaryColor:#ffffff;--wofSectorBrColor:#5EA7FF;--wofBtnDefaultBg:linear-gradient(-45deg, #FEC1FF 0%, #8F02AA 50%, #FEC1FF 100%);--wofBtnDefaultStart:#FEC1FF;--wofBtnDefaultCenter:#8F02AA;--wofBtnHoverBg:linear-gradient(-45deg, #FDA2FE 0%, #d039d2 50%, #FDA2FE 100%);--wofBtnHoverStart:#FDA2FE;--wofBtnHoverCenter:#d039d2;--wofBtnBoxShadow:0 2px 0px 0 rgba(114, 0, 136, 0.80), inset 0 0px 10px 0 rgba(255, 255, 255, 0.50);--wofBtnDropShadowY:2px;--wofBtnDropShadowBlur:0px;--wofBtnDropShadowColor:rgba(114, 0, 136, 0.80);--wofBtnInnerShadowColor:rgba(255, 255, 255, 0.50);--wofBtnInnerShadowY:0px;--wofBtnInnerShadowBlur:10px;--wofBrWidth:1px;--alertColor:hsl(none 0% 100% / 0.9);--alertIconSuccess:#2BDA8D;--alertIconWarning:#FAC02C;--alertIconError:#D83232;--alertIconInfo:#0A84FF;--alertIconTip:hsl(none 0% 100% / 0.36);--alertBrSuccess:#2BDA8D;--alertBrWarning:#FAC02C;--alertBrError:#D83232;--alertBrInfo:#0A84FF;--alertBrTip:hsl(229.09 30.196% 50% / 0.44);--alertBgSuccess:hsl(153.6 70.281% 51.176% / 0.1);--alertBgWarning:hsl(43.107 95.37% 57.647% / 0.1);--alertBgError:hsl(0 68.033% 52.157% / 0.1);--alertBgInfo:hsl(210.12 100% 51.961% / 0.1);--alertBgTip:hsl(229.09 30.196% 50% / 0.16);--alertIconSize:20px;--alertPadding:8px;--alertGap:8px;--alertBorderRadius:8px;--alertBorderWidth:1px;--alertShift:40px;--alertCollapsePadding:8px;--avatarBg:hsl(229.09 30.196% 50% / 0.16);--avatarColor:hsl(none 0% 100% / 0.36);--avatarBr:hsl(229.09 30.196% 50% / 0.36);--avatarBorderWidth:1px;--avatarSizeXl:72px;--avatarSizeLg:48px;--avatarSizeMd:40px;--avatarSizeSm:24px;--avatarSizeAddSize:28px;--avatarBorderRadiusXl:36px;--avatarBorderRadiusLg:24px;--avatarBorderRadiusMd:20px;--avatarBorderRadiusSm:12px;--avatarIconSizeXl:32px;--avatarIconSizeLg:24px;--avatarIconSizeMd:24px;--avatarIconSizeSm:16px;--avatarAddBg:hsl(229.09 30.196% 18%);--badgeCounterSizeMd:20px;--badgeCounterSizeSm:16px;--badgeCounterBorderRadiusMd:10px;--badgeCounterBorderRadiusSm:8px;--badgeCounterPaddingHMd:6.5px;--badgeCounterPaddingHSm:5px;--badgeCounterColorDefault:hsl(none 0% 100% / 0.6);--badgeCounterColorAccent1:#FFFFFF;--badgeCounterColorAccent2:#FFFFFF;--badgeCounterColorImportant:#FFFFFF;--badgeCounterColorSuccess:#FFFFFF;--badgeNotifierSize:6px;--badgeNotifierBorderRadius:3px;--badgeBgDefault:hsl(229.09 30.196% 50% / 0.16);--badgeBgAccent1:#FF4800;--badgeBgAccent2:#0A84FF;--badgeBgImportant:#D83232;--badgeBgSuccess:#2BDA8D;--badgeRoundedBorderRadiusMd:4px;--badgeRoundedBorderRadiusSm:3.2px;--badgeCircleBorderRadiusMd:10px;--badgeCircleBorderRadiusSm:8px;--badgeBookmarkBg:hsl(229.09 30.196% 10%);--badgeBookmarkColor:hsl(none 0% 100% / 0.9);--badgeBookmarkHeight:32px;--badgeBookmarkIconSize:16px;--badgeBookmarkBorderRadius:4px;--badgeBookmarkPaddingH:8px;--badgeBookmarkGap:8px;--badgeRippleOpacityStart:0.64;--badgeRippleOpacityEnd:0;--checkboxSize:20px;--checkboxIconSize:16px;--checkboxIndicatorSize:12px;--checkboxBorderRadius:4px;--checkboxIndicatorBorderRadius:2.4px;--checkboxOutlineBorderRadius:5px;--checkboxOutlineDefault:hsl(16.941 100% 50% / 0.25);--checkboxOutlineError:hsl(0 68.033% 52.157% / 0.25);--checkboxDefaultBgDefault:hsl(203.94 100% 59.216% / 0.32);--checkboxDefaultBgHover:hsl(203.94 100% 59.216% / 0.28);--checkboxDefaultBgActive:hsl(203.94 100% 59.216% / 0.36);--checkboxDefaultBgFocus:hsl(203.94 100% 59.216% / 0.32);--checkboxDefaultBgDisabled:hsl(none 0% 0% / 0.25);--checkboxIndeterminateBgDefault:hsl(203.94 100% 59.216% / 0.32);--checkboxIndeterminateBgHover:hsl(203.94 100% 59.216% / 0.28);--checkboxIndeterminateBgActive:hsl(203.94 100% 59.216% / 0.36);--checkboxIndeterminateBgFocus:hsl(203.94 100% 59.216% / 0.32);--checkboxIndeterminateBgDisabled:hsl(none 0% 0% / 0.25);--checkboxIndeterminateIndicatorDefault:#0A84FF;--checkboxIndeterminateIndicatorHover:hsl(210.12 100% 57.725%);--checkboxIndeterminateIndicatorActive:hsl(210.12 100% 41.569%);--checkboxIndeterminateIndicatorFocus:#0A84FF;--checkboxIndeterminateIndicatorDisabled:hsl(210.12 100% 51.961% / 0.25);--checkboxCheckedBgDefault:#0A84FF;--checkboxCheckedBgHover:hsl(210.12 100% 57.725%);--checkboxCheckedBgActive:hsl(210.12 100% 41.569%);--checkboxCheckedBgFocus:#0A84FF;--checkboxCheckedBgDisabled:hsl(210.12 100% 51.961% / 0.25);--checkboxCheckedIndicatorDefault:#FFFFFF;--checkboxCheckedIndicatorHover:#FFFFFF;--checkboxCheckedIndicatorActive:#FFFFFF;--checkboxCheckedIndicatorFocus:#FFFFFF;--checkboxCheckedIndicatorDisabled:#FFFFFF;--checkboxErrorBgDefault:hsl(0 68.033% 52.157% / 0.1);--checkboxErrorBgHover:hsl(0 68.033% 52.157% / 0.16);--checkboxErrorBgActive:hsl(0 68.033% 52.157% / 0.16);--checkboxErrorBgFocus:hsl(0 68.033% 52.157% / 0.1);--checkboxBrDefault:hsl(203.94 100% 59.216% / 0.36);--checkboxBrHover:hsl(203.94 100% 59.216% / 0.36);--checkboxBrActive:hsl(203.94 100% 59.216% / 0.36);--checkboxBrFocus:hsl(203.94 100% 59.216% / 0.36);--checkboxBrDisabled:hsl(none 0% 100% / 0.18);--checkboxBrErrorDefault:#D83232;--checkboxBrErrorHover:#D83232;--checkboxBrErrorActive:#D83232;--checkboxBrErrorFocus:#D83232;--checkboxLabelDefault:hsl(none 0% 100% / 0.9);--checkboxLabelHover:hsl(none 0% 100% / 0.9);--checkboxLabelActive:hsl(none 0% 100% / 0.9);--checkboxLabelFocus:hsl(none 0% 100% / 0.9);--checkboxLabelDisabled:hsl(none 0% 100% / 0.24);--checkboxDescriptionDefault:hsl(none 0% 100% / 0.6);--checkboxDescriptionDisabled:hsl(none 0% 100% / 0.24);--checkboxGap:12px;--checkboxBorderWidthDefault:0px;--checkboxBorderWidthValidation:1px;--checkboxBorderWidthOutline:4px;--checkboxHelperError:#D83232;--dropdownGap:4px;--dropdownPaddingV:8px;--dropdownArrowShift:10px;--dropdownBg:hsl(229.09 30.196% 26%);--dropdownBorderRadius:8px;--dropdownItemSize:40px;--dropdownItemBgHover:hsl(229.09 30.196% 50% / 0.16);--dropdownItemBgActive:hsl(229.09 30.196% 50% / 0.26);--dropdownItemGap:16px;--dropdownItemCaptionGap:8px;--dropdownItemPaddingV:8px;--dropdownItemIndicatorPadding:16px;--dropdownItemPaddingH:20px;--dropdownItemRoundedPaddingH:12px;--dropdownItemColorDefault:hsl(none 0% 100% / 0.6);--dropdownItemColorHover:hsl(none 0% 100% / 0.9);--dropdownItemColorCaption:hsl(none 0% 100% / 0.36);--dropdownItemArrowDefault:hsl(none 0% 100% / 0.24);--dropdownItemArrowHover:hsl(none 0% 100% / 0.36);--dropdownItemIconSize:20px;--dropdownItemArrowSize:16px;--dropdownItemCheckedBgDefault:hsl(210.12 100% 51.961% / 0.08);--dropdownItemCheckedBgHover:hsl(210.12 100% 51.961% / 0.16);--dropdownItemCheckedColorDefault:#0A84FF;--dropdownItemCheckedColorHover:#0A84FF;--dropdownItemDangerBgHover:hsl(0 68.033% 52.157% / 0.08);--dropdownItemDangerColorDefault:#D83232;--dropdownItemDangerColorHover:#D83232;--dropdownItemDisabledColorDefault:hsl(none 0% 100% / 0.24);--dropdownItemDisabledColorCaption:hsl(none 0% 100% / 0.24);--dropdownItemIndicatorSize:20px;--dropdownItemFlagWidth:24px;--dropdownItemFlagHeight:16px;--dropdownGroupHeaderSize:40px;--dropdownGroupHeaderColor:hsl(none 0% 100% / 0.36);--dropdownGroupHeaderPaddingH:20px;--dropdownDividerPaddingV:4px;--inputSizeLg:48px;--inputSizeMd:40px;--inputSizeSm:32px;--inputIconSizeLg:20px;--inputIconSizeMd:16px;--inputIconSizeSm:14px;--inputAsterix:#D83232;--inputIconInfo:hsl(none 0% 100% / 0.24);--inputLabelOptional:hsl(none 0% 100% / 0.36);--inputResizer:hsl(none 0% 100% / 0.36);--inputLabelDefault:hsl(none 0% 100% / 0.6);--inputLabelError:hsl(none 0% 100% / 0.6);--inputBgDefault:hsl(203.94 100% 59.216% / 0.32);--inputBgHover:hsl(203.94 100% 59.216% / 0.28);--inputBgActive:hsl(203.94 100% 59.216% / 0.36);--inputBgFocus:hsl(203.94 100% 59.216% / 0.32);--inputBgDisabled:hsl(none 0% 0% / 0.25);--inputBgErrorDefault:hsl(0 68.033% 52.157% / 0.1);--inputBgErrorHover:hsl(0 68.033% 52.157% / 0.16);--inputBgErrorActive:hsl(0 68.033% 52.157% / 0.16);--inputBgErrorFocus:hsl(0 68.033% 52.157% / 0.1);--inputColorDefault:hsl(none 0% 100% / 0.36);--inputColorHover:hsl(none 0% 100% / 0.36);--inputColorActive:hsl(none 0% 100% / 0.36);--inputColorFocus:hsl(none 0% 100% / 0.9);--inputColorDisabled:hsl(none 0% 100% / 0.24);--inputColorFilledDefault:hsl(none 0% 100% / 0.9);--inputColorFilledHover:hsl(none 0% 100% / 0.9);--inputColorFilledActive:hsl(none 0% 100% / 0.9);--inputColorFilledFocus:hsl(none 0% 100% / 0.9);--inputColorFilledDisabled:hsl(none 0% 100% / 0.36);--inputBrDefault:rgba(0, 0, 0, 0);--inputBrHover:rgba(0, 0, 0, 0);--inputBrActive:rgba(0, 0, 0, 0);--inputBrFocus:rgba(0, 0, 0, 0);--inputBrDisabled:rgba(0, 0, 0, 0);--inputBrSuccessDefault:#2BDA8D;--inputBrWarningDefault:#FAC02C;--inputBrErrorDefault:#D83232;--inputOutlineDefault:hsl(16.941 100% 50% / 0.25);--inputOutlineError:hsl(0 68.033% 52.157% / 0.25);--inputPrefixLabelDefault:hsl(none 0% 100% / 0.9);--inputPrefixLabelDisabled:hsl(none 0% 100% / 0.24);--inputPrefixIconDefault:hsl(none 0% 100% / 0.9);--inputPrefixIconDisabled:hsl(none 0% 100% / 0.24);--inputClearDefault:hsl(none 0% 100% / 0.36);--inputClearHover:hsl(none 0% 100% / 0.9);--inputClearActive:hsl(none 0% 100% / 0.9);--inputClearFocus:hsl(none 0% 100% / 0.36);--inputSuffixLabelDefault:hsl(none 0% 100% / 0.9);--inputSuffixLabelDisabled:hsl(none 0% 100% / 0.24);--inputSuffixIconDefault:hsl(none 0% 100% / 0.9);--inputSuffixIconDisabled:hsl(none 0% 100% / 0.24);--inputSuffixSplitterHeightLg:24px;--inputSuffixSplitterHeightMd:20px;--inputSuffixSplitterHeightSm:16px;--inputBorderRadiusLg:8px;--inputBorderRadiusMd:8px;--inputBorderRadiusSm:8px;--inputRoundedBorderRadiusLg:9.6px;--inputRoundedBorderRadiusMd:8px;--inputRoundedBorderRadiusSm:6.4px;--inputCircleBorderRadiusLg:24px;--inputCircleBorderRadiusMd:20px;--inputCircleBorderRadiusSm:16px;--inputBorderWidthDefault:1px;--inputBorderWidthHover:1px;--inputBorderWidthActive:1px;--inputBorderWidthFocus:1px;--inputBorderWidthDisabled:1px;--inputBorderWidthSplitter:1px;--inputBorderWidthOutline:3px;--inputBorderWidthSuccessDefault:1px;--inputBorderWidthSuccessHover:1px;--inputBorderWidthSuccessActive:1px;--inputBorderWidthSuccessFocus:1px;--inputBorderWidthWarningDefault:1px;--inputBorderWidthWarningHover:1px;--inputBorderWidthWarningActive:1px;--inputBorderWidthWarningFocus:1px;--inputBorderWidthErrorDefault:1px;--inputBorderWidthErrorHover:1px;--inputBorderWidthErrorActive:1px;--inputBorderWidthErrorFocus:1px;--inputAddonBgDefault:hsl(229.09 30.196% 50% / 0.12);--inputAddonBgDisabled:hsl(none 0% 0% / 0.02);--inputAddonColorDefault:hsl(none 0% 100% / 0.9);--inputAddonColorDisabled:hsl(none 0% 100% / 0.24);--inputAddonBrDefault:hsl(203.94 100% 59.216% / 0.24);--inputAddonBrDisabled:hsl(none 0% 100% / 0.14);--inputAddonSplitterHeightLg:28px;--inputAddonSplitterHeightMd:20px;--inputAddonSplitterHeightSm:16px;--inputAddonSplitterWidth:1px;--inputHelperLabelDefault:hsl(none 0% 100% / 0.6);--inputHelperLabelSuccess:#2BDA8D;--inputHelperLabelWarning:hsl(none 0% 100% / 0.6);--inputHelperLabelError:#D83232;--inputHelperIconDefault:hsl(none 0% 100% / 0.6);--inputHelperIconSuccess:#2BDA8D;--inputHelperIconWarning:#FAC02C;--inputHelperIconError:#D83232;--inputCounterDefault:hsl(none 0% 100% / 0.36);--inputCounterSuccess:#2BDA8D;--inputCounterError:#D83232;--inputHeaderGap:4px;--inputGapLg:12px;--inputGapMd:8px;--inputGapSm:8px;--inputPaddingHLg:12px;--inputPaddingHMd:12px;--inputPaddingHSm:12px;--inputPaddingVLg:12px;--inputPaddingVMd:8px;--inputPaddingVSm:6px;--inputSuffixGapLg:10px;--inputSuffixGapMd:8px;--inputSuffixGapSm:8px;--inputRequirementLabelDefault:hsl(none 0% 100% / 0.6);--inputRequirementLabelSuccess:#2BDA8D;--inputRequirementLabelError:#D83232;--inputArrowDefault:hsl(none 0% 100% / 0.36);--inputArrowHover:hsl(none 0% 100% / 0.9);--inputArrowActive:hsl(none 0% 100% / 0.9);--inputArrowFocus:hsl(none 0% 100% / 0.36);--inputArrowDisabled:hsl(none 0% 100% / 0.24);--inputPrefixGapLg:10px;--inputPrefixGapMd:8px;--inputPrefixGapSm:8px;--inputFlagHeightLg:20px;--inputFlagHeightMd:16px;--inputFlagHeightSm:14px;--inputFlagWidthLg:30px;--inputFlagWidthMd:24px;--inputFlagWidthSm:22px;--linkOutline:hsl(16.941 100% 50% / 0.25);--linkAccentColorDefault:#0A84FF;--linkAccentColorHover:hsl(210.12 100% 57.725%);--linkAccentColorActive:hsl(210.12 100% 41.569%);--linkAccentColorFocus:#0A84FF;--linkIconSizeMd:16px;--linkIconSizeSm:14px;--linkIconSizeXs:12px;--linkGapBetweenIconLeft:4px;--linkGapBetweenIconRight:2px;--linkSecondaryColorDefault:hsl(none 0% 100% / 0.6);--linkSecondaryColorHover:hsl(none 0% 100% / 0.9);--linkSecondaryColorActive:hsl(none 0% 100% / 0.9);--linkSecondaryColorFocus:hsl(none 0% 100% / 0.6);--linkOutlineBorderWidth:2px;--linkOutlineSizeMd:24px;--linkOutlineSizeSm:20px;--linkOutlineSizeXs:16px;--linkBorderRadiusMd:4.8px;--linkBorderRadiusSm:4px;--linkBorderRadiusXs:3.2px;--listItemHeight:56px;--listItemGapH:8px;--listItemGapV:16px;--listItemPaddingV:8px;--listItemPaddingH:8px;--listItemStatusGap:4px;--listItemTrackGap:8px;--listItemTrackColor:hsl(none 0% 100% / 0.36);--listItemColorDefault:hsl(none 0% 100% / 0.9);--listItemColorDisabled:hsl(none 0% 100% / 0.36);--listItemColorAccent1:#0A84FF;--listItemColorIconDefault:hsl(none 0% 100% / 0.6);--listItemColorIconDisabled:hsl(none 0% 100% / 0.24);--listItemColorSubtitleDefault:hsl(none 0% 100% / 0.6);--listItemColorSubtitleDisabled:hsl(none 0% 100% / 0.36);--listItemColorOverlineDefault:hsl(none 0% 100% / 0.6);--listItemColorOverlineDisabled:hsl(none 0% 100% / 0.36);--listItemBgHover:hsl(229.09 30.196% 50% / 0.16);--listItemBgActive:hsl(229.09 30.196% 50% / 0.26);--listItemHighlightedBgDefault:hsl(16.941 100% 50% / 0.12);--listItemHighlightedBgHover:hsl(16.941 100% 50% / 0.16);--listItemHighlightedBgActive:hsl(16.941 100% 50% / 0.2);--listItemHighlightedBgFocus:hsl(16.941 100% 50% / 0.12);--listItemShiftedBgHover:linear-gradient(90deg, rgba(hsl(229.09 30.196% 50% / 0.16), 0) 0%, hsl(229.09 30.196% 50% / 0.16) 100%);--listItemShiftedBgActive:linear-gradient(90deg, rgba(hsl(229.09 30.196% 50% / 0.26), 0) 0%, hsl(229.09 30.196% 50% / 0.26) 100%);--listItemShiftedHighlightedBgDefault:linear-gradient(90deg, rgba(hsl(16.941 100% 50% / 0.12), 0) 0%, hsl(16.941 100% 50% / 0.12) 100%);--listItemShiftedHighlightedBgHover:linear-gradient(90deg, rgba(hsl(16.941 100% 50% / 0.16), 0) 0%, hsl(16.941 100% 50% / 0.16) 100%);--listItemShiftedHighlightedBgActive:linear-gradient(90deg, rgba(hsl(16.941 100% 50% / 0.2), 0) 0%, hsl(16.941 100% 50% / 0.2) 100%);--listItemShiftedHighlightedBgFocus:linear-gradient(90deg, rgba(hsl(16.941 100% 50% / 0.12), 0) 0%, hsl(16.941 100% 50% / 0.12) 100%);--listItemOutlineColor:hsl(16.941 100% 50% / 0.25);--listItemIconSize:24px;--listItemArrowSize:20px;--listItemInlineIconSize:20px;--listItemArrow:hsl(none 0% 100% / 0.24);--listItemAddonLabelWidth:40px;--listOutlineBorderWidth:4px;--listFadeableFaderWidthLg:36px;--radioSize:20px;--radioIndicatorSize:8px;--radioBorderRadius:10px;--radioBorderRadiusOutline:11px;--radioOutline:hsl(16.941 100% 50% / 0.25);--radioDefaultBgDefault:hsl(203.94 100% 59.216% / 0.32);--radioDefaultBgHover:hsl(203.94 100% 59.216% / 0.28);--radioDefaultBgActive:hsl(203.94 100% 59.216% / 0.36);--radioDefaultBgFocus:hsl(203.94 100% 59.216% / 0.32);--radioDefaultBgDisabled:hsl(none 0% 0% / 0.25);--radioDefaultBrDefault:rgba(0, 0, 0, 0);--radioDefaultBrHover:rgba(0, 0, 0, 0);--radioDefaultBrActive:rgba(0, 0, 0, 0);--radioDefaultBrFocus:rgba(0, 0, 0, 0);--radioDefaultBrDisabled:rgba(0, 0, 0, 0);--radioCheckedBgDefault:#0A84FF;--radioCheckedBgHover:hsl(210.12 100% 57.725%);--radioCheckedBgActive:hsl(210.12 100% 41.569%);--radioCheckedBgFocus:#0A84FF;--radioCheckedBgDisabled:hsl(210.12 100% 51.961% / 0.25);--radioCheckedIndicatorDefault:#FFFFFF;--radioCheckedIndicatorHover:#FFFFFF;--radioCheckedIndicatorActive:#FFFFFF;--radioCheckedIndicatorFocus:#FFFFFF;--radioCheckedIndicatorDisabled:#FFFFFF;--radioLabelDefault:hsl(none 0% 100% / 0.9);--radioLabelHover:hsl(none 0% 100% / 0.9);--radioLabelActive:hsl(none 0% 100% / 0.9);--radioLabelFocus:hsl(none 0% 100% / 0.9);--radioLabelDisabled:hsl(none 0% 100% / 0.24);--radioDescriptionDefault:hsl(none 0% 100% / 0.6);--radioDescriptionDisabled:hsl(none 0% 100% / 0.24);--radioGap:12px;--radioBorderWidth:1px;--radioBorderWidthOutline:4px;--radioCardMinHeight:48px;--radioCardImageSize:40px;--radioCardIconSize:20px;--radioCardPaddingH:12px;--radioCardPaddingV:8px;--radioCardBgDefault:hsl(229.09 30.196% 18%);--radioCardBgHover:hsl(229.09 30.196% 18%);--radioCardBgActive:hsl(229.09 30.196% 18%);--radioCardBgFocus:hsl(229.09 30.196% 18%);--radioCardBgDisabled:hsl(229.09 30.196% 18%);--radioCardBrDefault:hsl(229.09 30.196% 50% / 0.36);--radioCardBrHover:hsl(229.09 30.196% 50% / 0.44);--radioCardBrActive:hsl(229.09 30.196% 50% / 0.44);--radioCardBrFocus:hsl(229.09 30.196% 50% / 0.36);--radioCardBrDisabled:hsl(229.09 30.196% 50% / 0.36);--radioCardIconDefault:hsl(none 0% 100% / 0.9);--radioCardIconHover:hsl(none 0% 100% / 0.9);--radioCardIconActive:hsl(none 0% 100% / 0.9);--radioCardIconFocus:hsl(none 0% 100% / 0.9);--radioCardIconDisabled:hsl(none 0% 100% / 0.24);--radioCardCheckedBrDefault:#0A84FF;--radioCardCheckedBrHover:hsl(210.12 100% 57.725%);--radioCardCheckedBrActive:hsl(210.12 100% 41.569%);--radioCardCheckedBrFocus:#0A84FF;--radioCardCheckedBrDisabled:hsl(210.12 100% 51.961% / 0.25);--radioCardCheckedIconDefault:#0A84FF;--radioCardCheckedIconHover:#0A84FF;--radioCardCheckedIconActive:#0A84FF;--radioCardCheckedIconFocus:#0A84FF;--radioCardCheckedIconDisabled:hsl(210.12 100% 51.961% / 0.25);--radioCardCheckedLabelDefault:#0A84FF;--radioCardCheckedLabelHover:#0A84FF;--radioCardCheckedLabelActive:#0A84FF;--radioCardCheckedLabelFocus:#0A84FF;--radioCardCheckedLabelDisabled:hsl(210.12 100% 51.961% / 0.25);--radioCardBorderRadius:8px;--radioCardBorderRadiusOutline:9px;--radioGroupGap:8px;--scrollbarSizeDefault:6px;--scrollbarSizeHover:8px;--scrollbarBorderRadiusDefault:3px;--scrollbarBorderRadiusHover:4px;--scrollbarTrackDefault:rgba(0, 0, 0, 0);--scrollbarTrackHover:hsl(229.09 30.196% 50% / 0.26);--scrollbarThumbDefault:hsl(229.09 30.196% 50% / 0.64);--scrollbarThumbHover:#5967a6;--splitBtnRightPaddingHMd:8px;--splitBtnRightPaddingHLg:12px;--splitBtnRightPaddingHXl:16px;--splitBtnLeftPaddingHMd:24px;--splitBtnLeftPaddingHLg:32px;--splitBtnLeftPaddingHXl:40px;--accordionColorDefault:hsl(none 0% 100% / 0.9);--accordionColorHover:hsl(none 0% 100% / 0.9);--accordionColorActive:hsl(none 0% 100% / 0.9);--accordionColorFocus:hsl(none 0% 100% / 0.9);--accordionColorDisabled:hsl(none 0% 100% / 0.24);--accordionUnderlineDefault:hsl(none 0% 100% / 0.6);--accordionUnderlineHover:hsl(none 0% 100% / 0.6);--accordionUnderlineActive:hsl(none 0% 100% / 0.6);--accordionUnderlineFocus:hsl(none 0% 100% / 0.6);--accordionUnderlineDisabled:hsl(none 0% 100% / 0.24);--accordionGapV:24px;--accordionGapH:12px;--accordionBlockBg:hsl(229.09 30.196% 50% / 0.16);--accordionBlockBorderRadius:8px;--accordionBlockPaddingHXl:24px;--accordionBlockPaddingHLg:24px;--accordionBlockPaddingHMd:20px;--accordionBlockPaddingHSm:16px;--accordionBlockPaddingVXl:24px;--accordionBlockPaddingVLg:24px;--accordionBlockPaddingVMd:16px;--accordionBlockPaddingVSm:16px;--accordionBlockOutlineBorderRadius:9px;--accordionOutlineColor:hsl(16.941 100% 50% / 0.25);--accordionOutlineBorderWidth:4px;--accordionOutlineBorderRadius:8px;--accordionImageMaxWidth:328px;--accordionImageBorderRadius:8px;--actionBarGap:12px;--actionBarBtnMaxWidth:240px;--awardColor:hsl(229.09 30.196% 50% / 0.64);--awardSizeMd:32px;--awardSizeSm:24px;--bannerContentBg:hsl(229.09 30.196% 18% / 0.6);--bannerTitle:#FFFFFF;--bannerCaption:hsl(210.12 100% 85.588%);--bannerCardHeightMd:208px;--bannerCardWidthMd:306px;--bannerCardPaddingHMd:16px;--bannerCardPaddingVMd:16px;--bannerCardGapMd:4px;--bannerCardCornerDefault:rgba(0, 0, 0, 0);--bannerCardShift:100px;--bannerCardMaxWidthMd:600px;--bannerHeightXl:384px;--bannerHeightLg:334px;--bannerHeightMd:276px;--bannerHeightSm:276px;--bannerHeightXs:284px;--bannerHeightXxs:128px;--bannerWidthXl:1110px;--bannerWidthLg:950px;--bannerWidthMd:678px;--bannerWidthSm:678px;--bannerWidthXs:324px;--bannerWidthXxs:324px;--bannerPaddingXs:12px;--bannerPaddingXxs:16px;--bannerGapXxs:12px;--bannerBackHeightXl:344px;--bannerBackHeightLg:298px;--bannerBackHeightMd:252px;--bannerBackHeightSm:252px;--bannerBackHeightXs:262px;--bannerFrontHeightXs:180px;--bannerContentWidthXl:400px;--bannerContentWidthLg:380px;--bannerContentWidthMd:272px;--bannerContentWidthSm:272px;--bannerContentHeightXl:240px;--bannerContentHeightLg:220px;--bannerContentHeightMd:180px;--bannerContentHeightSm:180px;--bannerContentHeightXs:120px;--bannerContentPaddingXl:24px;--bannerContentPaddingLg:24px;--bannerContentPaddingMd:24px;--bannerContentPaddingSm:16px;--bannerContentPaddingXs:16px;--bannerContentGapXl:24px;--bannerContentGapLg:24px;--bannerContentGapMd:16px;--bannerContentGapSm:16px;--bannerContentGapXs:16px;--bannerBorderRadius:8px;--bannerAuthFrontHeight:108px;--bannerAuthPaddingV:12px;--bannerAuthPaddingL:12px;--bannerAuthPaddingR:124px;--bannerAuthGap:4px;--bannerAuthOverline:hsl(none 0% 100% / 0.9);--bannerAuthTitle:hsl(none 0% 100% / 0.9);--bannerAuthDescription:hsl(none 0% 100% / 0.6);--bannerAuthBorderRadius:16px;--bannerImage:128px;--bannerBorderWidth:0px;--bannerBrDefault:rgba(0, 0, 0, 0);--bannerAppIconSize:24px;--bannerAppPadding:8px;--bannerAppGap:8px;--bannerAppBg:hsl(229.09 30.196% 26%);--bannerAppColor:hsl(none 0% 100% / 0.9);--bannerAppContentGap:16px;--bannerAppContentMaxWidth:1224px;--bannerAppImageHeight:36px;--bannerAppImageBorderRadius:4px;--bannerShowcaseHeightXs:288px;--bannerShowcaseHeightMd:288px;--bannerShowcaseFrontHeightXs:192px;--bannerShowcaseFrontHeightMd:315px;--bannerShowcaseBackHeightXs:264px;--bannerShowcaseBackHeightMd:264px;--bannerShowcaseContentWidthMd:388px;--bannerShowcaseContentHeightXs:120px;--bannerShowcaseContentHeightMd:288px;--bannerShowcaseContentGapXs:16px;--bannerShowcaseContentGapMd:24px;--bannerShowcaseTitle:hsl(none 0% 100% / 0.9);--bannerShowcasePaddingHXs:16px;--bannerShowcasePaddingHMd:48px;--bannerShowcaseBorderRadiusTopLeftXs:8px;--bannerShowcaseBorderRadiusTopLeftMd:8px;--bannerShowcaseBorderRadiusTopRightXs:8px;--bannerShowcaseBorderRadiusTopRightMd:8px;--bannerShowcaseBorderRadiusBottomRightXs:0px;--bannerShowcaseBorderRadiusBottomRightMd:8px;--bannerShowcaseBorderRadiusBottomLeftXs:0px;--bannerShowcaseBorderRadiusBottomLeftMd:8px;--breadcrumbsGap:4px;--breadcrumbsPaddingH:4px;--breadcrumbsItemGap:4px;--breadcrumbsArrowColor:hsl(none 0% 100% / 0.24);--breadcrumbsSeparatorColor:hsl(none 0% 100% / 0.24);--breadcrumbsBgHover:hsl(229.09 30.196% 50% / 0.16);--breadcrumbsColorDefault:hsl(none 0% 100% / 0.36);--breadcrumbsColorHover:hsl(none 0% 100% / 0.36);--breadcrumbsColorSelected:hsl(none 0% 100% / 0.9);--breadcrumbsSize:24px;--breadcrumbsIconSize:16px;--breadcrumbsArrowSize:16px;--breadcrumbsBorderRadius:4.8px;--breadcrumbsRounded:4.8px;--breadcrumbsCircle:12px;--calendarItemOutline:hsl(16.941 100% 50% / 0.25);--calendarItemCheckedBg:#0A84FF;--calendarItemCheckedColor:#FFFFFF;--calendarItemDefaultBgDefalut:hsl(229.09 30.196% 50% / 0.44);--calendarItemDefaultBgHover:hsl(229.09 30.196% 50% / 0.22);--calendarItemDefaultBgActive:hsl(229.09 30.196% 50% / 0.26);--calendarItemDefaultColorDefault:hsl(none 0% 100% / 0.9);--calendarItemDefaultColorHover:hsl(none 0% 100% / 0.9);--calendarItemDefaultColorActive:hsl(none 0% 100% / 0.9);--calendarItemDefaultColorFocus:hsl(none 0% 100% / 0.9);--calendarItemDefaultColorIndicator:#0A84FF;--calendarItemSizeLg:64px;--calendarItemSizeMd:40px;--calendarItemSizeIndicatorSize:4px;--calendarItemBorderRadius:8px;--calendarItemOutlineBorderRadius:9px;--calendarItemBorderWidth:1px;--calendarItemOutlineBorderWidth:4px;--calendarItemTodayBgDefault:#0A84FF;--calendarItemTodayBgHover:hsl(210.12 100% 51.961% / 0.12);--calendarItemTodayBgActive:hsl(210.12 100% 51.961% / 0.16);--calendarItemTodayBrHover:#0A84FF;--calendarItemTodayBrActive:#0A84FF;--calendarItemTodayBrFocus:#0A84FF;--calendarItemTodayColorDefault:hsl(none 0% 100% / 0.9);--calendarItemTodayColorHover:hsl(none 0% 100% / 0.9);--calendarItemTodayColorActive:hsl(none 0% 100% / 0.9);--calendarItemTodayColorFocus:hsl(none 0% 100% / 0.9);--calendarItemTodayColorIndicator:#0A84FF;--calendarItemExternalBgHover:hsl(229.09 30.196% 50% / 0.22);--calendarItemExternalBgActive:hsl(229.09 30.196% 50% / 0.26);--calendarItemExternalColorDefault:hsl(none 0% 100% / 0.24);--calendarItemExternalColorHover:hsl(none 0% 100% / 0.24);--calendarItemExternalColorActive:hsl(none 0% 100% / 0.24);--calendarItemExternalColorFocus:hsl(none 0% 100% / 0.24);--calendarItemExternalColorIndicator:hsl(none 0% 100% / 0.24);--calendarItemBadgeBrDefault:hsl(229.09 30.196% 50% / 0.44);--calendarItemBadgeBgDefault:#FFFFFF;--calendarItemBadgeBgIcon:hsl(none 0% 100% / 0.36);--calendarItemBadgeIconSizeLg:14px;--calendarItemBadgeIconSizeMd:12px;--calendarGap:8px;--calendarMonthGapLg:4px;--calendarMonthGapMd:2px;--calendarMonthColor:hsl(none 0% 100% / 0.9);--calendarMonthIcon:hsl(none 0% 100% / 0.36);--calendarMonthIconSize:20px;--calendarBadgeBorderRadiusLg:11px;--calendarBadgeBorderRadiusMd:9px;--calendarBadgeBorderWidth:1px;--calendarBadgePaddingLg:4px;--calendarBadgePaddingMd:3px;--calendarDayColorDefault:hsl(none 0% 100% / 0.9);--calendarDayLg:64px;--calendarDayMd:40px;--carouselGap:8px;--carouselCenteredGapXl:24px;--carouselCenteredGapLg:24px;--carouselCenteredGapMd:16px;--carouselCenteredGapSm:16px;--carouselCenteredGapXs:8px;--chipSizeMd:32px;--chipSizeSm:24px;--chipIconSizeMd:16px;--chipIconSizeSm:12px;--chipGap:4px;--chipPaddingH:12px;--chipBgDefault:hsl(229.09 30.196% 50% / 0.16);--chipBgHover:hsl(229.09 30.196% 50% / 0.22);--chipBgActive:hsl(229.09 30.196% 50% / 0.26);--chipBgFocus:hsl(229.09 30.196% 50% / 0.16);--chipBgDisabled:hsl(none 0% 0% / 0.25);--chipColorDefault:hsl(none 0% 100% / 0.9);--chipColorHover:hsl(none 0% 100% / 0.9);--chipColorActive:hsl(none 0% 100% / 0.9);--chipColorFocus:hsl(none 0% 100% / 0.9);--chipColorDisabled:hsl(none 0% 100% / 0.24);--chipBrDefault:hsl(229.09 30.196% 50% / 0.44);--chipBrHover:hsl(229.09 30.196% 50% / 0.44);--chipBrActive:hsl(229.09 30.196% 50% / 0.44);--chipBrFocus:hsl(229.09 30.196% 50% / 0.44);--chipBrDisabled:hsl(none 0% 100% / 0.18);--chipCloseDefault:hsl(none 0% 100% / 0.36);--chipCloseHover:hsl(none 0% 100% / 0.9);--chipCloseActive:hsl(none 0% 100% / 0.9);--chipCloseFocus:hsl(none 0% 100% / 0.36);--chipOutlineColor:hsl(16.941 100% 50% / 0.25);--chipRoundedBorderRadiusMd:6px;--chipRoundedBorderRadiusSm:5px;--chipRoundedOutlineBorderRadiusMd:7px;--chipRoundedOutlineBorderRadiusSm:6px;--chipCircleBorderRadiusMd:16px;--chipCircleBorderRadiusSm:12px;--chipCircleOutlineBorderRadiusMd:17px;--chipCircleOutlineBorderRadiusSm:13px;--chipBorderWidth:1px;--chipOutlineBorderWidthMd:3px;--chipOutlineBorderWidthSm:2px;--chipCheckedBgDefault:hsl(210.12 100% 51.961% / 0.08);--chipCheckedBgHover:hsl(210.12 100% 51.961% / 0.12);--chipCheckedBgActive:hsl(210.12 100% 51.961% / 0.16);--chipCheckedBgFocus:hsl(210.12 100% 51.961% / 0.08);--chipCheckedColorDefault:hsl(none 0% 100% / 0.9);--chipCheckedColorHover:hsl(none 0% 100% / 0.9);--chipCheckedColorActive:hsl(none 0% 100% / 0.9);--chipCheckedColorFocus:hsl(none 0% 100% / 0.9);--chipCheckedCloseDefault:#0A84FF;--chipCheckedCloseHover:#0A84FF;--chipCheckedCloseActive:#0A84FF;--chipCheckedCloseFocus:#0A84FF;--chipCheckedBrDefault:#0A84FF;--chipCheckedBrHover:#0A84FF;--chipCheckedBrActive:#0A84FF;--chipCheckedBrFocus:#0A84FF;--dividerBorderWidth:1px;--dividerColor:hsl(none 0% 100% / 0.36);--dividerBr:hsl(229.09 30.196% 50% / 0.44);--dividerMinSize:1px;--dividerGapH:12px;--dividerGapV:8px;--drawerBg:hsl(229.09 30.196% 26%);--drawerMask:hsl(none 0% 0% / 0.28);--drawerMaxSizeMd:640px;--drawerMaxSizeSm:400px;--drawerPadding:24px;--drawerGap:24px;--drawerOffset:48px;--drawerTitle:hsl(none 0% 100% / 0.9);--drawerTiitleShift:32px;--drawerDescription:hsl(none 0% 100% / 0.6);--drawerHeaderGap:8px;--drawerBorderRadius:16px;--drawerSwapIndicatorSize:40px;--drawerSwapIndicatorLength:64px;--drawerSwapIndicatorThickness:6px;--drawerSwapIndicatorBorderRadius:3px;--drawerSwapIndicatorPadding:12px;--drawerSwapIndicatorColor:hsl(229.09 30.196% 50% / 0.24);--drawerClosePadding:4px;--drawerCloseBorderRadius:24px;--drawerIconSize:24px;--drawerIconColor:#0A84FF;--drawerImageHeight:160px;--drawerImageBorderRadius:8px;--emptyIconSize:56px;--emptyGap:16px;--emptyTitle:hsl(none 0% 100% / 0.9);--emptyDescription:hsl(none 0% 100% / 0.36);--emptyIcon:hsl(none 0% 100% / 0.24);--emptyMaxWidth:600px;--emptyTextGap:8px;--emptyImageBorderRadius:8px;--footerBg:hsl(229.09 30.196% 18%);--footerPaddingHXs:16px;--footerPaddingHSm:40px;--footerPaddingHMd:40px;--footerPaddingHLg:36px;--footerPaddingHXl:36px;--footerPaddingVXs:48px;--footerPaddingVSm:48px;--footerPaddingVMd:48px;--footerPaddingVLg:48px;--footerPaddingVXl:48px;--footerContainerWidthLg:1200px;--footerContainerWidthXl:1296px;--headerBg:hsl(229.09 30.196% 18%);--headerSizeXs:56px;--headerSizeSm:56px;--headerSizeMd:56px;--headerSizeLg:64px;--headerSizeXl:64px;--headerPaddingHXs:12px;--headerPaddingHSm:12px;--headerPaddingHMd:20px;--headerPaddingHLg:20px;--headerPaddingHXl:20px;--headerBalanceBorderRadius:20px;--headerBalanceBg:hsl(229.09 30.196% 11.7%);--headerBalanceArrowSize:20px;--headerBalanceCurrencySize:12px;--headerBalanceColor:hsl(none 0% 100% / 0.9);--headerBalancePaddingL:12px;--headerBalancePaddingR:8px;--headerBalanceGap:4px;--headerLanguageSelectSize:40px;--headerLanguageSelectBorderRadius:20px;--headerLanguageSelectColorDefault:hsl(none 0% 100% / 0.9);--headerLanguageSelectColorHover:hsl(none 0% 100% / 0.9);--headerLanguageSelectColorActive:hsl(none 0% 100% / 0.9);--headerLanguageSelectColorPressed:hsl(none 0% 100% / 0.9);--headerLanguageSelectBgDefault:rgba(0, 0, 0, 0);--headerLanguageSelectBgHover:hsl(229.09 30.196% 50% / 0.22);--headerLanguageSelectBgActive:hsl(229.09 30.196% 50% / 0.26);--headerLanguageSelectBgFocus:rgba(0, 0, 0, 0);--headerLanguageSelectOutlineBorderWidth:4px;--headerLanguageSelectOutlineBorderColor:hsl(16.941 100% 50% / 0.25);--headerLanguageSelectOutlineBorderRadius:21px;--headerGapBetweenBtnLogoXs:4px;--headerGapBetweenBtnLogoSm:16px;--headerGapBetweenBtnLogoMd:16px;--headerGapBetweenBtnLogoLg:24px;--headerGapBetweenBtnLogoXl:24px;--headerGapRightBlockMd:16px;--headerGapRightBlockLg:16px;--headerGapRightBlockXl:16px;--headerBalanceDetailsGap:12px;--headerBalanceDetailsPadding:12px;--headerBalanceDetailsGapList:8px;--layoutMinWidthXs:360px;--layoutMinWidthSm:768px;--layoutMinWidthMd:1024px;--layoutMinWidthLg:1280px;--layoutMinWidthXl:1440px;--layoutMaxWidthXs:767px;--layoutMaxWidthSm:1023px;--layoutMaxWidthMd:1279px;--layoutMaxWidthLg:1439px;--layoutContentWidthLg:1128px;--layoutContentWidthXl:1224px;--layoutContainerWidthLg:1200px;--layoutContainerWidthXl:1296px;--layoutBg:hsl(229.09 30.196% 14%);--layoutMainPaddingTXs:12px;--layoutMainPaddingTSm:12px;--layoutMainPaddingTMd:16px;--layoutMainPaddingTLg:16px;--layoutMainPaddingTXl:16px;--layoutMainPaddingBXs:24px;--layoutMainPaddingBSm:24px;--layoutMainPaddingBMd:32px;--layoutMainPaddingBLg:48px;--layoutMainPaddingBXl:48px;--layoutPaddingHXs:16px;--layoutPaddingHSm:40px;--layoutPaddingHMd:40px;--layoutPaddingHLg:36px;--layoutPaddingHXl:36px;--layoutPaddingVXs:24px;--layoutPaddingVSm:24px;--layoutPaddingVMd:32px;--layoutPaddingVLg:48px;--layoutPaddingVXl:48px;--layoutGapPrimaryXs:20px;--layoutGapPrimarySm:32px;--layoutGapPrimaryMd:48px;--layoutGapPrimaryLg:48px;--layoutGapPrimaryXl:48px;--layoutGapSecondaryXs:12px;--layoutGapSecondarySm:16px;--layoutGapSecondaryMd:24px;--layoutGapSecondaryLg:24px;--layoutGapSecondaryXl:24px;--menuGap:8px;--menuItemSize:40px;--menuItemOutlineSize:42px;--menuItemGap:4px;--menuItemPaddingH:12px;--menuItemOutline:hsl(16.941 100% 50% / 0.25);--menuItemBgDefault:hsl(203.94 100% 59.216% / 0.32);--menuItemBgHover:hsl(203.94 100% 59.216% / 0.28);--menuItemBgActive:hsl(203.94 100% 59.216% / 0.32);--menuItemBgFocus:hsl(203.94 100% 59.216% / 0.28);--menuItemColorDefault:hsl(none 0% 100% / 0.9);--menuItemColorHover:hsl(none 0% 100% / 0.9);--menuItemColorActive:hsl(none 0% 100% / 0.9);--menuItemColorFocus:hsl(none 0% 100% / 0.9);--menuItemColorDisabled:hsl(none 0% 100% / 0.24);--menuItemIconDefault:#0A84FF;--menuItemIconHover:#0A84FF;--menuItemIconActive:#0A84FF;--menuItemIconFocus:#0A84FF;--menuItemIconDisabled:hsl(none 0% 100% / 0.24);--menuItemBrDefault:rgba(0, 0, 0, 0);--menuItemBrHover:rgba(0, 0, 0, 0);--menuItemBrActive:rgba(0, 0, 0, 0);--menuItemBrFocus:rgba(0, 0, 0, 0);--menuItemBrDisabled:rgba(0, 0, 0, 0);--menuItemCheckedBgDefault:hsl(210.12 100% 51.961% / 0.9);--menuItemCheckedBgHover:hsl(210.12 100% 51.961% / 0.65);--menuItemCheckedBgActive:hsl(210.12 100% 41.569%);--menuItemCheckedBgFocus:hsl(210.12 100% 51.961% / 0.9);--menuItemCheckedColorDefault:#FFFFFF;--menuItemCheckedColorHover:#FFFFFF;--menuItemCheckedColorActive:#FFFFFF;--menuItemCheckedColorFocus:#FFFFFF;--menuItemCheckedBrDefault:rgba(0, 0, 0, 0);--menuItemCheckedBrHover:rgba(0, 0, 0, 0);--menuItemCheckedBrActive:rgba(0, 0, 0, 0);--menuItemCheckedBrFocus:rgba(0, 0, 0, 0);--menuItemBorderRadius:20px;--menuItemOutlineBorderRadius:21px;--menuItemIconSize:20px;--menuItemOutlineBorderWidth:4px;--menuItemFillGap:20px;--menuBoxShadowGlowYMd:0px;--menuBoxShadowGlowBlurMd:16px;--menuBorderWidth:1px;--modalBorderRadius:16px;--modalImageBorderRadius:8px;--modalImageHeight:160px;--modalBg:hsl(229.09 30.196% 26%);--modalMask:hsl(none 0% 0% / 0.28);--modalCloseDefault:hsl(none 0% 100% / 0.36);--modalCloseHover:hsl(none 0% 100% / 0.6);--modalClosePadding:4px;--modalCloseBorderRadius:20px;--modalSizeLg:880px;--modalSizeMd:640px;--modalSizeSm:400px;--modalGap:24px;--modalPaddingH:24px;--modalPaddingV:24px;--modalMarginH:16px;--modalMarginV:48px;--modalHeaderGap:8px;--modalTitleShift:24px;--modalIconSize:24px;--modalIconColor:#0A84FF;--navigatorGap:16px;--navigatorDotPrimarySizeMd:8px;--navigatorDotPrimarySizeSm:4px;--navigatorDotSecondarySizeMd:6px;--navigatorDotSecondarySizeSm:4px;--navigatorDotTertiarySizeMd:4px;--navigatorDotTertiarySizeSm:3px;--navigatorDotGapMd:10px;--navigatorDotGapSm:4px;--navigatorDotPadding:5px;--navigatorDotWidthMd:126px;--navigatorDotWidthSm:34px;--navigatorDashHeight:4px;--navigatorDashPrimaryWidthMd:48px;--navigatorDashPrimaryWidthSm:16px;--navigatorDashSecondaryWidthMd:16px;--navigatorDashSecondaryWidthSm:8px;--navigatorDashTertiaryWidthMd:8px;--navigatorDashTertiaryWidthSm:4px;--navigatorDashGapMd:8px;--navigatorDashGapSm:4px;--navigatorDashPadding:4px;--navigatorDashWidthMd:184px;--navigatorDashWidthSm:56px;--navigatorDefault:hsl(203.94 100% 59.216% / 0.25);--navigatorActive:#0A84FF;--paginatorColor:hsl(none 0% 100% / 0.9);--paginatorItemOutline:hsl(16.941 100% 50% / 0.25);--paginatorItemDefaultColorDefault:hsl(none 0% 100% / 0.6);--paginatorItemDefaultColorHover:hsl(none 0% 100% / 0.9);--paginatorItemDefaultColorActive:hsl(none 0% 100% / 0.9);--paginatorItemDefaultColorFocus:hsl(none 0% 100% / 0.6);--paginatorItemDefaultColorDisabled:hsl(none 0% 100% / 0.24);--paginatorItemDefaultBgHover:hsl(229.09 30.196% 50% / 0.16);--paginatorItemDefaultBgActive:hsl(229.09 30.196% 50% / 0.26);--paginatorItemSize:40px;--paginatorItemOutlineSize:42px;--paginatorItemBorderRadius:20px;--paginatorItemBorderRadiusOutline:21px;--paginatorItemOutlineBorderWidth:4px;--paginatorItemCheckedColorDefault:#FFFFFF;--paginatorItemCheckedColorHover:#FFFFFF;--paginatorItemCheckedColorActive:#FFFFFF;--paginatorItemCheckedColorFocus:#FFFFFF;--paginatorItemCheckedColorDisabled:#FFFFFF;--paginatorItemCheckedBgDefault:#0A84FF;--paginatorItemCheckedBgHover:hsl(210.12 100% 57.725%);--paginatorItemCheckedBgActive:hsl(210.12 100% 41.569%);--paginatorItemCheckedBgFocus:#0A84FF;--paginatorItemCheckedBgDisabled:hsl(210.12 100% 51.961% / 0.25);--paginatorGap:8px;--paginatorGapItemColor:hsl(none 0% 100% / 0.24);--propserGap:8px;--propserSplitter:hsl(none 0% 100% / 0.24);--propserItemIconSizeMd:20px;--propserItemIconSizeSm:16px;--propserItemGap:4px;--propserItemColor:hsl(none 0% 100% / 0.9);--propserItemIconDefault:hsl(none 0% 100% / 0.6);--propserItemIconAccent1:#0A84FF;--propserItemIconAccent2:#FF4800;--segmentedSizeMd:40px;--segmentedSizeSm:32px;--segmentedPadding:3px;--segmentedBorderRadiusMd:20px;--segmentedBorderRadiusSm:16px;--segmentedBg:hsl(203.94 100% 59.216% / 0.32);--segmentedItemBg:rgba(0, 0, 0, 0);--segmentedItemLabelDefault:hsl(none 0% 100% / 0.6);--segmentedItemLabelHover:hsl(none 0% 100% / 0.9);--segmentedItemLabelActive:hsl(none 0% 100% / 0.9);--segmentedItemLabelFocus:hsl(none 0% 100% / 0.6);--segmentedItemLabelDisabled:hsl(none 0% 100% / 0.24);--segmentedItemCheckedBg:hsl(210.12 100% 51.961% / 0.9);--segmentedItemCheckedLabel:hsl(none 0% 100% / 0.9);--segmentedItemSizeMd:34px;--segmentedItemSizeSm:26px;--segmentedItemIconSizeMd:20px;--segmentedItemIconSizeSm:14px;--segmentedItemPaddingHMd:16px;--segmentedItemPaddingHSm:12px;--segmentedItemGapMd:6px;--segmentedItemGapSm:4px;--segmentedItemBorderRadiusMd:17px;--segmentedItemBorderRadiusSm:13px;--segmentedOutlineColor:hsl(16.941 100% 50% / 0.25);--segmentedOutlineBorderWidth:4px;--segmentedOutlineBorderRadiusMd:21px;--segmentedOutlineBorderRadiusSm:17px;--sidebarBg:hsl(229.09 30.196% 16.2%);--sidebarMask:hsl(none 0% 0% / 0.28);--sidebarColor:hsl(none 0% 100% / 0.9);--sidebarExpandPaddingH:12px;--sidebarExpandPaddingV:24px;--sidebarExpandWidth:336px;--sidebarExpandGap:16px;--sidebarCollapseWidth:80px;--sidebarCollapsePaddingH:12px;--sidebarCollapsePaddingV:24px;--sidebarCollapseGap:16px;--sidebarMenuOutline:hsl(16.941 100% 50% / 0.25);--sidebarMenuBg:hsl(229.09 30.196% 12%);--sidebarMenuFlyout:hsl(229.09 30.196% 12%);--sidebarMenuGap:2px;--sidebarMenuPaddingV:4px;--sidebarMenuTitleGap:16px;--sidebarMenuTitlePaddingL:16px;--sidebarMenuTitlePaddingR:8px;--sidebarMenuTitleBgDefault:rgba(0, 0, 0, 0);--sidebarMenuTitleBgHover:hsl(229.09 30.196% 17.1%);--sidebarMenuTitleBgActive:hsl(229.09 30.196% 15.3%);--sidebarMenuTitleBgFocus:rgba(0, 0, 0, 0);--sidebarMenuTitleBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuTitleColorDefault:hsl(none 0% 100% / 0.9);--sidebarMenuTitleColorHover:hsl(none 0% 100% / 0.9);--sidebarMenuTitleColorActive:hsl(none 0% 100% / 0.9);--sidebarMenuTitleColorFocus:hsl(none 0% 100% / 0.9);--sidebarMenuTitleColorDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuTitleIconDefault:hsl(none 0% 100% / 0.9);--sidebarMenuTitleIconHover:hsl(none 0% 100% / 0.9);--sidebarMenuTitleIconActive:hsl(none 0% 100% / 0.9);--sidebarMenuTitleIconFocus:hsl(none 0% 100% / 0.9);--sidebarMenuTitleIconDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuTitleCheckedBgDefault:hsl(229.09 30.196% 14.4%);--sidebarMenuTitleCheckedBgHover:hsl(229.09 30.196% 13.5%);--sidebarMenuTitleCheckedBgActive:hsl(229.09 30.196% 16.2%);--sidebarMenuTitleCheckedBgFocus:hsl(229.09 30.196% 14.4%);--sidebarMenuTitleCheckedBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuTitleCheckedColorDefault:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedColorHover:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedColorActive:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedColorFocus:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedColorDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuTitleCheckedIconDefault:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedIconHover:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedIconActive:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedIconFocus:hsl(none 0% 100% / 0.9);--sidebarMenuTitleCheckedIconDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuItemGap:16px;--sidebarMenuItemPadding:24px;--sidebarMenuItemColorDefault:hsl(none 0% 100% / 0.6);--sidebarMenuItemColorHover:hsl(none 0% 100% / 0.6);--sidebarMenuItemColorActive:hsl(none 0% 100% / 0.6);--sidebarMenuItemColorFocus:hsl(none 0% 100% / 0.6);--sidebarMenuItemColorDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuItemIconDefault:hsl(none 0% 100% / 0.6);--sidebarMenuItemIconHover:hsl(none 0% 100% / 0.6);--sidebarMenuItemIconActive:hsl(none 0% 100% / 0.6);--sidebarMenuItemIconFocus:hsl(none 0% 100% / 0.6);--sidebarMenuItemIconDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuItemBgDefault:rgba(0, 0, 0, 0);--sidebarMenuItemBgHover:hsl(229.09 30.196% 16.2%);--sidebarMenuItemBgActive:hsl(229.09 30.196% 12.6%);--sidebarMenuItemBgFocus:rgba(0, 0, 0, 0);--sidebarMenuItemBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuItemCheckedBgDefault:hsl(229.09 30.196% 15.3%);--sidebarMenuItemCheckedBgHover:hsl(229.09 30.196% 12.6%);--sidebarMenuItemCheckedBgActive:hsl(229.09 30.196% 15.3%);--sidebarMenuItemCheckedBgFocus:hsl(229.09 30.196% 15.3%);--sidebarMenuItemCheckedBgDisabled:rgba(0, 0, 0, 0);--sidebarMenuItemCheckedColorDefault:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedColorHover:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedColorActive:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedColorFocus:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedColorDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuItemCheckedIconDefault:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedIconHover:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedIconActive:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedIconFocus:hsl(none 0% 100% / 0.9);--sidebarMenuItemCheckedIconDisabled:hsl(none 0% 100% / 0.24);--sidebarMenuSize:40px;--sidebarMenuIconSize:20px;--sidebarMenuOutlineSize:42px;--sidebarMenuHeaderBgDefault:hsl(229.09 30.196% 12.6%);--sidebarMenuHeaderColorDefault:hsl(none 0% 100% / 0.9);--sidebarMenuHeaderPaddingL:16px;--sidebarMenuHeaderPaddingR:8px;--sidebarPotionHeight:40px;--sidebarPotionWidth:40px;--sidebarPotionGap:12px;--sidebarPotionGapTitle:4px;--sidebarPotionPadding:12px;--sidebarEventHeight:40px;--sidebarEventWidth:40px;--sidebarEventGap:12px;--sidebarEventGapTitle:4px;--sidebarEventPadding:12px;--sidebarQuicklinksExpandHeight:48px;--sidebarQuicklinksCollapseHeight:48px;--sidebarQuicklinksCollapseWidth:40px;--sidebarQuicklinksGap:4px;--sidebarQuicklinksPaddingL:2px;--sidebarQuicklinksPaddingR:8px;--sidebarQuicklinksBg:hsl(229.09 30.196% 12%);--sidebarQuicklinksAnimationColor:hsl(210.12 100% 51.961% / 0.5);--sidebarQuicklinksAnimationTransparency:hsl(210.12 100% 51.961% / 0);--sidebarOutlineBorderWidth:4px;--sidebarProfileBlockShifted:44px;--statsHeight:68px;--statsWidth:204px;--statsRaitingIconSize:24px;--statsBg:hsl(229.09 30.196% 50% / 0.16);--statsTitle:hsl(none 0% 100% / 0.9);--statsDescription:hsl(none 0% 100% / 0.6);--statsRating:hsl(none 0% 100% / 0.6);--statsGap:4px;--statsPaddingH:8px;--statsBorderRadius:8px;--stepperGap:16px;--stepperIndicatorBgDefault:hsl(229.09 30.196% 50% / 0.16);--stepperIndicatorBgActive:#0A84FF;--stepperIndicatorBgDone:hsl(153.6 70.281% 51.176% / 0.12);--stepperIndicatorBgError:#D83232;--stepperIndicatorColorDefault:hsl(none 0% 100% / 0.36);--stepperIndicatorColorActive:#FFFFFF;--stepperIndicatorColorDone:#2BDA8D;--stepperIndicatorColorError:#FFFFFF;--stepperIndicatorBorderRadius:16px;--stepperIndicatorSize:32px;--stepperTitleDefault:hsl(none 0% 100% / 0.36);--stepperTitleActive:hsl(none 0% 100% / 0.9);--stepperTitleDone:hsl(none 0% 100% / 0.9);--stepperTitleError:#D83232;--stepperSubtitleDefault:hsl(none 0% 100% / 0.36);--stepperSubtitleActive:hsl(none 0% 100% / 0.36);--stepperSubtitleDone:hsl(none 0% 100% / 0.36);--stepperSubtitleError:hsl(none 0% 100% / 0.36);--stepperDescriptionDefault:hsl(none 0% 100% / 0.36);--stepperDescriptionActive:hsl(none 0% 100% / 0.9);--stepperDescriptionDone:hsl(none 0% 100% / 0.36);--stepperDescriptionError:#D83232;--stepperLineDefault:hsl(229.09 30.196% 50% / 0.44);--stepperLineActive:hsl(229.09 30.196% 50% / 0.44);--stepperLineDone:#2BDA8D;--stepperLineError:hsl(229.09 30.196% 50% / 0.44);--stepperLineBorderWidth:1px;--stepperItemGap:8px;--stepperItemDescriptionShift:40px;--switcherSize:22px;--switcherOutlineSize:24px;--switcherOutline:hsl(16.941 100% 50% / 0.25);--switcherBgDefault:hsl(203.94 100% 59.216% / 0.32);--switcherBgHover:hsl(203.94 100% 59.216% / 0.28);--switcherBgActive:hsl(203.94 100% 59.216% / 0.36);--switcherBgFocus:hsl(203.94 100% 59.216% / 0.32);--switcherBgDisabled:hsl(none 0% 0% / 0.25);--switcherLabelDefault:hsl(none 0% 100% / 0.9);--switcherLabelHover:hsl(none 0% 100% / 0.9);--switcherLabelActive:hsl(none 0% 100% / 0.9);--switcherLabelFocus:hsl(none 0% 100% / 0.9);--switcherLabelDisabled:hsl(none 0% 100% / 0.24);--switcherDescriptionDefault:hsl(none 0% 100% / 0.9);--switcherDescriptionHover:hsl(none 0% 100% / 0.9);--switcherDescriptionActive:hsl(none 0% 100% / 0.9);--switcherDescriptionFocus:hsl(none 0% 100% / 0.9);--switcherDescriptionDisabled:hsl(none 0% 100% / 0.24);--switcherIndicatorSizeDefault:18px;--switcherIndicatorSizeActive:24px;--switcherIndicatorIconSize:12px;--switcherIndicatorBgDefault:#FFFFFF;--switcherIndicatorBgDisabled:#FFFFFF;--switcherIndicatorColorDefault:hsl(none 0% 100% / 0.9);--switcherIndicatorColorHover:hsl(none 0% 100% / 0.9);--switcherIndicatorColorActive:hsl(none 0% 100% / 0.9);--switcherIndicatorColorFocus:hsl(none 0% 100% / 0.9);--switcherIndicatorColorDisabled:hsl(none 0% 100% / 0.24);--switcherInnerMinWidth:12px;--switcherInnerIconSize:14px;--switcherInnerColorDefault:hsl(none 0% 100% / 0.6);--switcherInnerColorHover:hsl(none 0% 100% / 0.6);--switcherInnerColorActive:hsl(none 0% 100% / 0.6);--switcherInnerColorFocus:hsl(none 0% 100% / 0.6);--switcherInnerColorDisabled:hsl(none 0% 100% / 0.24);--switcherBrDefault:rgba(0, 0, 0, 0);--switcherBrHover:rgba(0, 0, 0, 0);--switcherBrActive:rgba(0, 0, 0, 0);--switcherBrFocus:rgba(0, 0, 0, 0);--switcherCheckedBgDefault:#0A84FF;--switcherCheckedBgHover:hsl(210.12 100% 57.725%);--switcherCheckedBgActive:hsl(210.12 100% 57.725%);--switcherCheckedBgFocus:#0A84FF;--switcherCheckedBgDisabled:hsl(210.12 100% 51.961% / 0.25);--switcherCheckedIndicatorColorDefault:#0A84FF;--switcherCheckedIndicatorColorHover:#0A84FF;--switcherCheckedIndicatorColorActive:#0A84FF;--switcherCheckedIndicatorColorFocus:#0A84FF;--switcherCheckedIndicatorColorDisabled:hsl(210.12 100% 31.176%);--switcherCheckedInnerColorDefault:#FFFFFF;--switcherCheckedInnerColorHover:#FFFFFF;--switcherCheckedInnerColorActive:#FFFFFF;--switcherCheckedInnerColorFocus:#FFFFFF;--switcherCheckedInnerColorDisabled:#FFFFFF;--switcherCheckedBrDefault:rgba(0, 0, 0, 0);--switcherCheckedBrHover:rgba(0, 0, 0, 0);--switcherCheckedBrActive:rgba(0, 0, 0, 0);--switcherCheckedBrFocus:rgba(0, 0, 0, 0);--switcherPadding:2px;--switcherShiftDefault:8px;--switcherShiftActive:4px;--switcherGapDefault:4px;--switcherGapActive:2px;--switcherBorderRadius:11px;--switcherBorderRadiusIndicator:9px;--switcherBorderRadiusOutline:12px;--switcherOutlineBorderWidth:4px;--switcherBorderWidth:1px;--tableHeaderBg:hsl(229.09 30.196% 50% / 0.22);--tableHeaderColorDefault:hsl(none 0% 100% / 0.9);--tableHeaderColorArrow:hsl(none 0% 100% / 0.36);--tableHeaderActionSize:20px;--tableHeaderActionColorDefault:hsl(none 0% 100% / 0.24);--tableHeaderActionColorHover:hsl(none 0% 100% / 0.9);--tableHeaderActionColorActive:hsl(none 0% 100% / 0.9);--tableHeaderActionColorFocus:hsl(none 0% 100% / 0.24);--tableHeaderActionColorChecked:#0A84FF;--tableHeaderSplitterHeight:20px;--tableHeaderSplitterWidth:1px;--tableCellSize:64px;--tableCellIconSize:20px;--tableCellScoreWidth:24px;--tableCellPaddingH:16px;--tableCellPaddingV:12px;--tableCellBr:hsl(229.09 30.196% 50% / 0.44);--tableCellBgStriped:hsl(229.09 30.196% 50% / 0.03);--tableCellBgExpanded:hsl(229.09 30.196% 50% / 0.16);--tableCellBgHover:hsl(229.09 30.196% 50% / 0.16);--tableCellCheckedBgDefault:hsl(210.12 100% 51.961% / 0.08);--tableCellCheckedBgHover:hsl(210.12 100% 51.961% / 0.16);--tableCellHighlightedBgDefault:hsl(210.12 100% 51.961% / 0.16);--tableCellScoreBgDefault:hsl(229.09 30.196% 50% / 0.16);--tableCellScoreBgWinner:hsl(210.12 100% 51.961% / 0.12);--tableCellColorDefault:hsl(none 0% 100% / 0.9);--tableCellColorPositive:#0A84FF;--tableCellColorNegative:#D83232;--tableCellColorReceived:#2BDA8D;--tableCellColorWinner:#0A84FF;--tableCellColorUnderline:hsl(none 0% 100% / 0.6);--tableCellColorDescription:hsl(none 0% 100% / 0.6);--tableCellColorArrow:hsl(none 0% 100% / 0.36);--tableCellColorIndicator:hsl(none 0% 100% / 0.36);--tableCellScoreBorderRadius:4px;--tableCellBorderWidth:1px;--tagDefaultBg:hsl(229.09 30.196% 50% / 0.16);--tagDefaultColor:hsl(none 0% 100% / 0.9);--tagDefaultBr:hsl(229.09 30.196% 50% / 0.44);--tagAccent1Bg:#FC0000;--tagAccent1Color:#FFFFFF;--tagAccent2Bg:#406DC2;--tagAccent2Color:#FFFFFF;--tagSuccessBg:#1B9252;--tagSuccessColor:#FFFFFF;--tagWarningBg:#E69100;--tagWarningColor:#FFFFFF;--tagDangerBg:#BC0000;--tagDangerColor:#FFFFFF;--tagAlt1Bg:hsl(282.15 50.628% 47.824%);--tagAlt1Color:#FFFFFF;--tagAlt2Bg:hsl(186.79 100% 35.333%);--tagAlt2Color:#FFFFFF;--tagAlt3Bg:hsl(34.773 40% 48.333%);--tagAlt3Color:#FFFFFF;--tagSizeLg:40px;--tagSizeMd:32px;--tagSizeSm:24px;--tagSizeXs:20px;--tagGapLg:8px;--tagGapMd:4px;--tagGapSm:4px;--tagGapXs:4px;--tagPaddingHLg:16px;--tagPaddingHMd:12px;--tagPaddingHSm:12px;--tagPaddingHXs:8px;--tagRoundedBorderRadiusLg:8px;--tagRoundedBorderRadiusMd:8px;--tagRoundedBorderRadiusSm:6px;--tagRoundedBorderRadiusXs:5px;--tagCircleBorderRadiusLg:20px;--tagCircleBorderRadiusMd:16px;--tagCircleBorderRadiusSm:12px;--tagCircleBorderRadiusXs:10px;--tagBorderWidth:1px;--tagIconSizeLg:20px;--tagIconSizeMd:20px;--tagIconSizeSm:16px;--tagIconSizeXs:12px;--headingIconXs:20px;--headingIconSm:20px;--headingIconMd:20px;--headingIconLg:24px;--headingIconXl:24px;--headingIconColor:#0A84FF;--headingGapBetweenIconXs:8px;--headingGapBetweenIconSm:8px;--headingGapBetweenIconMd:8px;--headingGapBetweenIconLg:8px;--headingGapBetweenIconXl:8px;--headingColor:hsl(none 0% 100% / 0.9);--headingHeightXs:32px;--headingHeightSm:32px;--headingHeightMd:32px;--headingHeightLg:40px;--headingHeightXl:40px;--countdownLabel:hsl(none 0% 100% / 0.9);--countdownDigit:hsl(none 0% 100% / 0.9);--countdownDimension:hsl(none 0% 100% / 0.36);--countdownBg:hsl(203.94 100% 59.216% / 0.32);--countdownHeightLg:64px;--countdownHeightMd:48px;--countdownHeightSm:32px;--countdownHeightXs:24px;--countdownWidthLg:64px;--countdownWidthMd:48px;--countdownWidthSm:32px;--countdownWidthXs:32px;--countdownBorderRadius:8px;--countdownTextualSizeMd:24px;--countdownTextualSizeSm:24px;--countdownTextualSizeXs:16px;--countdownGapLg:8px;--countdownGapMd:8px;--countdownGapSm:4px;--countdownGapXs:4px;--scratchWidthMd:492px;--scratchWidthSm:260px;--scratchHeightMd:230px;--scratchHeightSm:120px;--scratchColor:hsl(none 0% 100% / 0.9);--scratchBgFill:#0A84FF;--scratchBgClear:#FFFFFF;--scratchBorderRadius:8px;--spinnerTrack:hsl(none 0% 100% / 0.18);--spinnerThumbDefault:hsl(none 0% 100% / 0.9);--spinnerThumbAccent1:#0A84FF;--spinnerBorderWidthXs:1.5px;--spinnerBorderWidthSm:2px;--spinnerBorderWidthMd:2px;--spinnerBorderWidthLg:2.5px;--spinnerSizeXs:12px;--spinnerSizeSm:16px;--spinnerSizeMd:20px;--spinnerSizeLg:24px;--skeletonStart:hsl(229.09 30.196% 50% / 0.16);--skeletonEnd:hsl(229.09 30.196% 50% / 0.26);--skeletonBorderRadius:8px;--appsBadgeSize:40px;--appsBadgePaddingL:12px;--appsBadgeGap:8px;--appsBadgeBorderRadius:8px;--appsBadgeBg:#000000;--appsBadgeBr:hsl(none 0% 100% / 0.5);--appsBadgeColor:#FFFFFF;--appsBadgeBorderWidth:1px;--vipInitialStart:#32A071;--vipInitialEnd:hsl(154.36 52.381% 41.176% / 0);--vipFirstStart:#664B2C;--vipFirstEnd:hsl(32.069 39.726% 28.627% / 0);--vipSecondStart:#0080FF;--vipSecondEnd:hsl(209.88 100% 50% / 0);--vipThirdStart:#7D1515;--vipThirdEnd:hsl(0 71.233% 28.627% / 0);--gameModeTournament:hsl(153.6 70.281% 85.353%);--gameModeDuel:hsl(16.941 100% 85%);--achievementChainPaddingT:8px;--achievementChainPaddingB:8px;--achievementChainPaddingH:8px;--achievementChainGap:8px;--widgetMessagePaddingV:4px;--widgetMessageGap:4px;--widgetMessageBorderRadius:16px;--widgetMessageText:hsl(none 0% 100% / 0.9);--widgetMessageDescription:hsl(none 0% 100% / 0.6);--widgetMessageBgRecipient:hsl(229.09 30.196% 50% / 0.16);--widgetMessageBgSender:hsl(210.12 100% 25.98%);--widgetMessageBubblePadding:16px;--widgetMessageBubbleGap:12px;--widgetMessageBubbleActionsGap:8px;--widgetMessageBubbleMaxWidth:224px;--widgetMessageBubbleReactionsGap:8px;--widgetMessageAddonSize:48px;--widgetMessageAddonUploadingBorderRadius:24px;--widgetMessageAddonUploadingFileSizeBorderRadius:12px;--widgetMessageAddonBgFeaturedIcon:hsl(229.09 30.196% 50% / 0.16);--widgetMessageAddonBgUploading:hsl(210.12 100% 25.98%);--widgetMessageDocumentAddonCoverBorderRadius:8px;--widgetMessageDocumentAddonFeaturedIconBorderRadius:24px;--widgetMessageDocumentAddonFeaturedIconIconSize:24px;--widgetMessageMediaAddonUploadingFileSizePaddingH:8px;--widgetMessageMediaAddonUploadingFileSizeHeight:24px;--widgetReplyMinWidthMd:96px;--widgetReplyMinWidthSm:80px;--widgetReplyPaddingV:2px;--widgetReplyPaddingL:8px;--widgetReplyGap:8px;--widgetReplyBorderWidth:2px;--widgetReplyBr:#0A84FF;--widgetReplyDescription:hsl(none 0% 100% / 0.9);--widgetReplyTitleDefault:hsl(none 0% 100% / 0.9);--widgetReplyTitleAccent1:#0A84FF;--widgetReplyCoverHeightMd:40px;--widgetReplyCoverHeightSm:32px;--widgetReplyCoverBorderRadiusMd:8px;--widgetReplyCoverBorderRadiusSm:4px;--bettingPrimaryColor1:#fff;--bettingPrimaryColor2:#061631;--bettingSecondaryColor1:#20253C;--bettingSecondaryColor2:#292F4D;--bettingSecondaryColor3:#6D79B1;--bettingPrimaryAccent1:#E64100;--bettingPrimaryAccent2:#D83232;--bettingPrimaryAccent3:#FF6C33;--bettingTextButtonText:#fff;--bettingTextPrimaryText:#E5E5E5;--bettingTextSecondaryText:#999;--bettingNotificationBlocked:#999;--bettingNotificationError:#D83232;--bettingNotificationInfo:#4474CA;--bettingNotificationSuccess:#2BDA8D;--bettingNotificationWarning:#FAC02C;
}

        *,
        :after,
        :before {
            box-sizing: border-box;
        }
        :after,
        :before {
            text-decoration: inherit;
            vertical-align: inherit;
        }
        html {
            -webkit-tap-highlight-color: transparent;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            cursor: default;
            line-height: 1.5;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            word-break: break-word;
        }
        body {
            margin: 0;
        }
        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }
        dl dl,
        dl ol,
        dl ul,
        ol dl,
        ol ol,
        ol ul,
        ul dl,
        ul ol,
        ul ul {
            margin: 0;
        }
        hr {
            height: 0;
            overflow: visible;
        }
        main {
            display: block;
        }
        nav ol,
        nav ul {
            list-style: none;
            padding: 0;
        }
        pre {
            font-family: monospace;
            font-size: 1em;
        }
        a {
            background-color: transparent;
        }
        abbr[title] {
            text-decoration: underline;
            -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%;
        }
        audio,
        canvas,
        iframe,
        img,
        svg,
        video {
            vertical-align: middle;
        }
        audio,
        video {
            display: inline-block;
        }
        audio:not([controls]) {
            display: none;
            height: 0;
        }
        iframe,
        img {
            border-style: none;
        }
        svg:not(:root) {
            overflow: hidden;
        }
        table {
            border-collapse: collapse;
        }
        button,
        input,
        select {
            margin: 0;
        }
        button {
            overflow: visible;
            text-transform: none;
        }
        [type="button"],
        [type="reset"],
        [type="submit"],
        button {
            -webkit-appearance: button;
        }
        fieldset {
            border: 1px solid #a0a0a0;
            padding: 0.35em 0.75em 0.625em;
        }
        input {
            overflow: visible;
        }
        legend {
            color: inherit;
            display: table;
            max-width: 100%;
            white-space: normal;
        }
        progress {
            display: inline-block;
            vertical-align: baseline;
        }
        select {
            text-transform: none;
        }
        textarea {
            margin: 0;
            overflow: auto;
            resize: vertical;
        }
        [type="checkbox"],
        [type="radio"] {
            padding: 0;
        }
        [type="search"] {
            -webkit-appearance: textfield;
            outline-offset: -2px;
        }
        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto;
        }
        ::-webkit-input-placeholder {
            color: inherit;
            opacity: 0.54;
        }
        ::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit;
        }
        ::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }
        :-moz-focusring {
            outline: 1px dotted ButtonText;
        }
        :-moz-ui-invalid {
            box-shadow: none;
        }
        details,
        dialog {
            display: block;
        }
        dialog {
            background-color: #fff;
            border: solid;
            color: #000;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
            left: 0;
            margin: auto;
            padding: 1em;
            position: absolute;
            right: 0;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
        dialog:not([open]) {
            display: none;
        }
        summary {
            display: list-item;
        }
        canvas {
            display: inline-block;
        }
        template {
            display: none;
        }
        [tabindex],
        a,
        area,
        button,
        input,
        label,
        select,
        summary,
        textarea {
            touch-action: manipulation;
        }
        [hidden] {
            display: none;
        }
        [aria-busy="true"] {
            cursor: progress;
        }
        [aria-controls] {
            cursor: pointer;
        }
        [aria-disabled="true"],
        [disabled] {
            cursor: not-allowed;
        }
        [aria-hidden="false"][hidden] {
            display: initial;
        }
        [aria-hidden="false"][hidden]:not(:focus) {
            clip: rect(0, 0, 0, 0);
            position: absolute;
        }
        @font-face {
            font-display: swap;
            font-family: Open Sans;
            font-style: normal;
            font-weight: 400;
            src:
                local("Open Sans Regular"),
                local("OpenSans-Regular"),
                url(https://cdnify.party/static/img-v2378/alpha/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2");
        }
        @font-face {
            font-display: swap;
            font-family: Open Sans;
            font-style: normal;
            font-weight: 700;
            src:
                local("Open Sans Bold"),
                local("OpenSans-Bold"),
                url(https://cdnify.party/static/img-v2378/alpha/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2");
        }
        ._overline {
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
        }
        .t1,
        .t2,
        .t3,
        .t4,
        .t5,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            text-wrap: balance;
            letter-spacing: var(--letterSpacingTitle);
        }
        .t1 > .ui-icon,
        .t2 > .ui-icon,
        .t3 > .ui-icon,
        .t4 > .ui-icon,
        .t5 > .ui-icon,
        h1 > .ui-icon,
        h2 > .ui-icon,
        h3 > .ui-icon,
        h4 > .ui-icon,
        h5 > .ui-icon,
        h6 > .ui-icon {
            fill: var(--headingIconColor) !important;
            height: var(--headingIconXs);
            width: var(--headingIconXs);
        }
        @media screen and (min-width: 768px) {
            .t1 > .ui-icon,
            .t2 > .ui-icon,
            .t3 > .ui-icon,
            .t4 > .ui-icon,
            .t5 > .ui-icon,
            h1 > .ui-icon,
            h2 > .ui-icon,
            h3 > .ui-icon,
            h4 > .ui-icon,
            h5 > .ui-icon,
            h6 > .ui-icon {
                height: var(--headingIconSm);
                width: var(--headingIconSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .t1 > .ui-icon,
            .t2 > .ui-icon,
            .t3 > .ui-icon,
            .t4 > .ui-icon,
            .t5 > .ui-icon,
            h1 > .ui-icon,
            h2 > .ui-icon,
            h3 > .ui-icon,
            h4 > .ui-icon,
            h5 > .ui-icon,
            h6 > .ui-icon {
                height: var(--headingIconMd);
                width: var(--headingIconMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .t1 > .ui-icon,
            .t2 > .ui-icon,
            .t3 > .ui-icon,
            .t4 > .ui-icon,
            .t5 > .ui-icon,
            h1 > .ui-icon,
            h2 > .ui-icon,
            h3 > .ui-icon,
            h4 > .ui-icon,
            h5 > .ui-icon,
            h6 > .ui-icon {
                height: var(--headingIconLg);
                width: var(--headingIconLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .t1 > .ui-icon,
            .t2 > .ui-icon,
            .t3 > .ui-icon,
            .t4 > .ui-icon,
            .t5 > .ui-icon,
            h1 > .ui-icon,
            h2 > .ui-icon,
            h3 > .ui-icon,
            h4 > .ui-icon,
            h5 > .ui-icon,
            h6 > .ui-icon {
                height: var(--headingIconXl);
                width: var(--headingIconXl);
            }
        }
        .t1,
        h1 {
            font: var(--t3);
        }
        @media screen and (min-width: 768px) {
            .t1,
            h1 {
                font: var(--t2);
            }
        }
        @media screen and (min-width: 1280px) {
            .t1,
            h1 {
                font: var(--t1);
            }
        }
        .t2,
        h2 {
            font: var(--t4);
        }
        @media screen and (min-width: 768px) {
            .t2,
            h2 {
                font: var(--t3);
            }
        }
        @media screen and (min-width: 1280px) {
            .t2,
            h2 {
                font: var(--t2);
            }
        }
        .t3,
        h3 {
            font: var(--t5);
        }
        @media screen and (min-width: 768px) {
            .t3,
            h3 {
                font: var(--t4);
            }
        }
        @media screen and (min-width: 1280px) {
            .t3,
            h3 {
                font: var(--t3);
            }
        }
        .t4,
        h4 {
            font: var(--t5);
        }
        @media screen and (min-width: 1280px) {
            .t4,
            h4 {
                font: var(--t4);
            }
        }
        .t5,
        h5 {
            font: var(--t5);
        }
        .page-title {
            margin: var(--layoutGapPrimary) 0 var(--layoutGapSecondary);
        }
        .s1 {
            font: var(--subtitle1);
        }
        .s2 {
            font: var(--subtitle2);
        }
        .s3 {
            font: var(--subtitle3);
        }
        .overline {
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
        }
        .link1 {
            font: var(--body1);
            text-decoration: underline;
        }
        .caption1 {
            font: var(--caption1);
        }
        .caption2 {
            font: var(--caption2);
        }
        .link,
        a {
            color: var(--linkAccentColorDefault);
            font: var(--body1);
            text-decoration: underline;
        }
        .link:focus-visible,
        a:focus-visible {
            color: var(--linkAccentColorFocus);
            outline: var(--borderWidthStrong) solid var(--linkOutline);
            text-decoration: none;
        }
        .link:not(.ui-button, .header-menu__link, .ui-menu__link):focus-visible,
        a:not(.ui-button, .header-menu__link, .ui-menu__link):focus-visible {
            border-radius: 3px;
        }
        .link:hover,
        a:hover {
            color: var(--linkAccentColorHover);
            text-decoration: none;
        }
        .link:active,
        a:active {
            color: var(--linkAccentColorActive);
            text-decoration: none;
        }
        .link--sm {
            font: var(--caption1);
        }
        .link--sm:focus-visible {
            border-radius: var(--linkBorderRadiusXs);
        }
        .link--md {
            font: var(--body2);
        }
        .link--md:focus-visible {
            border-radius: var(--linkBorderRadiusMd);
        }
        .link--lg {
            font: var(--body1);
        }
        .link--lg:focus-visible {
            border-radius: var(--linkBorderRadiusLg);
        }
        .link--secondary {
            color: var(--linkSecondaryColorDefault);
        }
        .link--secondary:focus-visible {
            color: var(--linkSecondaryColorFocus);
        }
        .link--secondary:hover {
            color: var(--linkSeconaryColorHover);
        }
        .link--secondary:active,
        .link--secondary:visited {
            color: var(--linkSecondaryColorActive);
        }
        .lang-flag {
            display: inline-flex;
            height: 24px;
            width: 24px;
        }
        :root {
            --layoutGapPrimary: var(--layoutGapPrimaryXs);
            --layoutGapSecondary: var(--layoutGapSecondaryXs);
        }
        @media screen and (min-width: 768px) {
            :root {
                --layoutGapPrimary: var(--layoutGapPrimarySm);
                --layoutGapSecondary: var(--layoutGapSecondarySm);
            }
        }
        @media screen and (min-width: 1024px) {
            :root {
                --layoutGapPrimary: var(--layoutGapPrimaryMd);
                --layoutGapSecondary: var(--layoutGapSecondaryMd);
            }
        }
        @media screen and (min-width: 1280px) {
            :root {
                --layoutGapPrimary: var(--layoutGapPrimaryLg);
                --layoutGapSecondary: var(--layoutGapSecondaryLg);
            }
        }
        @media screen and (min-width: 1440px) {
            :root {
                --layoutGapPrimary: var(--layoutGapPrimaryXl);
                --layoutGapSecondary: var(--layoutGapSecondaryXl);
            }
        }
        * {
            border: 0;
        }
        @media (pointer: coarse) {
            :root {
                --is-touch-device: 1;
            }
        }
        @media (pointer: fine) {
            :root {
                --is-touch-device: 0;
            }
        }
        img {
            color: transparent;
            display: block;
            max-width: 100%;
        }
        body,
        html {
            background: var(--layoutBg);
            color: var(--ttPrimary);
            font: var(--body1);
            height: 100%;
            min-width: 320px;
            width: 100%;
        }
        body .tabbar,
        html .tabbar {
            display: none;
        }
        @media screen and (max-width: 1279px) {
            body.menu-opened,
            body.modal-open,
            body.modal-opened,
            html.menu-opened,
            html.modal-open,
            html.modal-opened {
                overflow: hidden;
            }
        }
        html {
            -ms-overflow-style: none;
            scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
            scrollbar-width: thin;
        }
        html::-webkit-scrollbar {
            background-color: transparent;
            width: 2px;
        }
        html::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }
        html::-webkit-scrollbar-button {
            display: none;
            width: 0;
        }
        button {
            padding: 0;
        }
        .main {
            background: var(--layoutBg);
            display: grid;
            grid-template-columns: 100%;
            grid-template-rows: auto 1fr auto;
            min-height: 100%;
        }
        .page-container {
            min-height: calc(100vh - var(--headerHeight));
            transition: padding-left 0.3s;
            will-change: padding;
        }
        @media screen and (min-width: 1024px) {
            .page-container {
                padding-left: var(--sidebarCollapseWidth);
            }
        }
        @media screen and (min-width: 1280px) {
            .menu-opened .page-container {
                padding-left: var(--sidebarExpandWidth);
            }
            .menu-opened .page-container .game-view {
                min-width: var(--layoutContainerWidthXl);
            }
        }
        @media screen and (min-width: 1440px) {
            .menu-opened .page-container .game-view {
                min-width: var(--layoutContainerWidthXl);
            }
        }
        .page-container > .container {
            overflow: hidden;
        }
        .container {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            min-height: 100%;
        }
        .main-content {
            min-height: calc(100vh - var(--headerHeight));
        }
        .verify-page .page-container {
            padding: 0 !important;
        }
        .content-wrapper {
            padding: 0 var(--layoutPaddingHXs);
        }
        @media screen and (min-width: 768px) {
            .content-wrapper {
                padding: 0 var(--layoutPaddingHSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .content-wrapper {
                padding: 0 var(--layoutPaddingHMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .content-wrapper {
                margin: 0 auto;
                padding: 0 var(--layoutPaddingHLg);
                width: var(--layoutContainerWidthLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .content-wrapper {
                padding: 0 var(--layoutPaddingHXl);
                width: var(--layoutContainerWidthXl);
            }
        }
        .inner-page .main-content {
            padding: var(--layoutPaddingVXs) 0;
        }
        @media screen and (min-width: 768px) {
            .inner-page .main-content {
                padding: var(--layoutPaddingVSm) 0;
            }
        }
        @media screen and (min-width: 1024px) {
            .inner-page .main-content {
                padding: var(--layoutPaddingVMd) 0;
            }
        }
        @media screen and (min-width: 1280px) {
            .inner-page .main-content {
                padding: var(--layoutPaddingVLg) 0;
            }
        }
        @media screen and (min-width: 1440px) {
            .inner-page .main-content {
                padding: var(--layoutPaddingVXl) 0;
            }
        }
        .page .page-title {
            margin: 0;
        }
        .page .page-description {
            margin: 24px 0 0;
        }
        .page .games-route {
            padding-top: var(--layoutGapPrimary);
        }
        .page--games {
            padding-bottom: var(--layoutMainPaddingBXs);
        }
        @media screen and (min-width: 768px) {
            .page--games {
                padding-bottom: var(--layoutMainPaddingBSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .page--games {
                padding-bottom: var(--layoutMainPaddingBMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .page--games {
                padding-bottom: var(--layoutMainPaddingBLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .page--games {
                padding-bottom: var(--layoutMainPaddingBXl);
            }
        }
        .page--games .page-title {
            margin: 48px 0 0;
        }
        .page--games .games-search-bar {
            padding: var(--layoutMainPaddingTXs) 0 24px;
        }
        .page--games .games-search-bar__search {
            margin: 0;
        }
        @media screen and (min-width: 768px) {
            .page--games .games-search-bar {
                padding: var(--layoutMainPaddingTSm) 0 24px;
            }
        }
        @media screen and (min-width: 1024px) {
            .page--games .games-search-bar {
                padding: var(--layoutMainPaddingTMd) 0 24px;
            }
        }
        @media screen and (min-width: 1280px) {
            .page--games .games-search-bar {
                padding: var(--layoutMainPaddingTLg) 0 24px;
            }
        }
        @media screen and (min-width: 1440px) {
            .page--games .games-search-bar {
                padding: var(--layoutMainPaddingTXl) 0 24px;
            }
        }
        .page--bonuses .page-title {
            color: var(--ttPrimary);
            margin: 0 0 var(--layoutGapSecondary);
        }
        .visually-hidden {
            clip: rect(0 0 0 0);
            border: 0;
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            white-space: nowrap;
            width: 1px;
        }
        .horizontal-scroll {
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
            overflow: scroll hidden;
            scrollbar-width: none;
            white-space: nowrap;
        }
        .horizontal-scroll::-webkit-scrollbar {
            width: 0;
        }
        @media screen and (max-width: 768px) {
            .hide-sm {
                display: none !important;
            }
        }
        @media screen and (max-width: 1023px) {
            .page-wheel-of-fortune .page-container > .container {
                height: 100%;
            }
            .page-wheel-of-fortune.tabbar-visible .page-container {
                height: 100%;
                padding-bottom: var(--tabbarSize);
            }
        }
        @media screen and (orientation: portrait) {
            .mob.page-wheel-of-fortune.tabbar-visible .wof-wrapper {
                inset: var(--headerHeight) 0 0 0;
                position: fixed;
            }
        }
        .ui-divider {
            background: var(--dividerBr);
        }
        .ui-divider,
        .ui-divider--horizontal {
            height: var(--dividerMinSize);
            margin: var(--dividerGapH) 0;
            width: 100%;
        }
        .ui-divider--vertical {
            height: 100%;
            margin: 0 calc(var(--dividerGapV) * 2);
            width: var(--dividerMinSize);
        }
        .ui-center {
            text-align: center;
        }
        .ui-form-row {
            margin-bottom: 24px;
        }
        .ui-form-row--return {
            margin-bottom: 16px;
        }
        .ui-form-row.ui-form-row:not(:has(+ .ui-form-row)) {
            margin-bottom: 0;
        }
        .ui-form-button,
        .ui-form-row + .ui-action-bar {
            margin-top: 24px;
        }
        .ui-buttons-row {
            align-items: center;
            display: flex;
        }
        .ui-buttons-row .ui-button + .ui-button {
            margin-left: 24px;
        }
        .mt-0 {
            margin-top: 0;
        }
        .mt-xs {
            margin-top: 4px;
        }
        .mt-sm {
            margin-top: 8px;
        }
        .mt-md {
            margin-top: 16px;
        }
        .mt-lg {
            margin-top: 24px;
        }
        .mt-xl {
            margin-top: 32px;
        }
        .mobile-applications__item {
            align-items: center;
            background: var(--appsBadgeBg);
            border: var(--appsBadgeBorderWidth) solid var(--appsBadgeBr);
            border-radius: var(--appsBadgeBorderRadius);
            display: inline-flex;
            font-size: 0;
            height: var(--appsBadgeSize);
            padding: 0 var(--appsBadgePaddingL);
        }
        .mobile-applications__title {
            margin-left: var(--appsBadgeGap);
        }
        .ui-icon {
            fill: currentColor;
            display: inline-flex;
            flex-shrink: 0;
            pointer-events: none;
        }
        .ui-icon--xxs {
            height: var(--iconXxs);
            width: var(--iconXxs);
        }
        .ui-icon--xs {
            height: var(--iconXs);
            width: var(--iconXs);
        }
        .ui-icon--sm {
            height: var(--iconSm);
            width: var(--iconSm);
        }
        .ui-icon--md {
            height: var(--iconMd);
            width: var(--iconMd);
        }
        .ui-icon--lg {
            height: var(--iconLg);
            width: var(--iconLg);
        }
        .ui-icon--xl {
            height: var(--iconXl);
            width: var(--iconXl);
        }
        .ui-icon--png {
            background-position: 50% 50%;
            background-size: contain;
        }
        .ui-avatar {
            align-items: center;
            background: var(--avatarBg);
            border: var(--avatarBorderWidth) solid var(--avatarBr);
            color: var(--avatarColor);
            display: flex;
            justify-content: center;
            overflow: hidden;
            text-transform: uppercase;
        }
        .ui-avatar img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }
        .ui-avatar--sm {
            border-radius: var(--avatarBorderRadiusSm);
            font: var(--caption2Strong);
            height: var(--avatarSizeSm);
            width: var(--avatarSizeSm);
        }
        .ui-avatar--sm .ui-icon {
            height: var(--avatarIconSizeSm);
            width: var(--avatarIconSizeSm);
        }
        .ui-avatar--md {
            border-radius: var(--avatarBorderRadiusMd);
            font: var(--overline);
            height: var(--avatarSizeMd);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
            width: var(--avatarSizeMd);
        }
        .ui-avatar--md .ui-icon {
            height: var(--avatarIconSizeMd);
            width: var(--avatarIconSizeMd);
        }
        .ui-avatar--lg {
            border-radius: var(--avatarBorderRadiusLg);
            font: var(--body1Strong);
            height: var(--avatarSizeLg);
            width: var(--avatarSizeLg);
        }
        .ui-avatar--lg .ui-icon {
            height: var(--avatarIconSizeLg);
            width: var(--avatarIconSizeLg);
        }
        .ui-avatar--xl {
            border-radius: var(--avatarBorderRadiusXl);
            font: var(--body1Strong);
            height: var(--avatarSizeXl);
            width: var(--avatarSizeXl);
        }
        .ui-avatar--xl .ui-icon {
            height: var(--avatarIconSizeXl);
            width: var(--avatarIconSizeXl);
        }
        .ui-badge {
            align-items: center;
            box-shadow: var(--bevel);
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }
        .ui-badge--notifier {
            border-radius: 50%;
            font-size: 0;
            height: var(--badgeNotifierSize);
            min-width: 0;
            padding: 0;
            width: var(--badgeNotifierSize);
        }
        .ui-badge--notifier.ui-badge--accent1 {
            background: var(--badgeBgAccent1);
        }
        .ui-badge--notifier.ui-badge--accent2 {
            background: var(--badgeBgAccent2);
        }
        .ui-badge--notifier.ui-badge--important {
            background: var(--badgeBgImportant);
        }
        .ui-badge--notifier.ui-badge--success {
            background: var(--badgeBgSuccess);
        }
        .ui-badge--bookmark {
            align-items: center;
            background: var(--badgeBookmarkBg);
            border-radius: 0 0 var(--badgeBookmarkBorderRadius) var(--badgeBookmarkBorderRadius);
            color: var(--badgeBookmarkColor);
            display: inline-flex;
            font-size: 0;
            height: var(--badgeBookmarkHeight);
            justify-content: center;
            padding: 0 var(--badgeBookmarkPaddingH);
        }
        .ui-badge--bookmark .ui-icon {
            height: var(--badgeBookmarkIconSize);
            width: var(--badgeBookmarkIconSize);
        }
        .ui-badge--default {
            background: var(--badgeBgDefault);
            color: var(--badgeCounterColorDefault);
        }
        .ui-badge--default.ui-badge--bookmark {
            background: var(--badgeBookmarkBg);
            color: var(--badgeBookmarkColor);
        }
        .ui-badge--counter.ui-badge--accent1 {
            background: var(--badgeBgAccent1);
        }
        .ui-badge--counter.ui-badge--accent2 {
            background: var(--badgeBgAccent2);
            color: var(--badgeCounterColorAccent2);
        }
        .ui-badge--counter.ui-badge--important {
            background: var(--badgeBgImportant);
            color: var(--badgeCounterColorImportant);
        }
        .ui-badge--counter.ui-badge--success {
            background: var(--badgeBgSuccess);
            color: var(--badgeCounterColorSuccess);
        }
        .ui-badge--counter.ui-badge--sm {
            border-radius: var(--badgeCounterBorderRadiusSm);
            font: var(--caption2Strong);
            height: var(--badgeCounterSizeSm);
            min-width: var(--badgeCounterSizeSm);
            padding: 0 var(--badgeCounterPaddingHSm);
        }
        .ui-badge--counter.ui-badge--md {
            border-radius: var(--badgeCounterBorderRadiusMd);
            font: var(--caption1Strong);
            height: var(--badgeCounterSizeMd);
            min-width: var(--badgeCounterSizeMd);
            padding: 0 var(--badgeCounterPaddingHMd);
        }
        .ui-button {
            align-items: center;
            background: transparent;
            border: 0;
            color: inherit;
            cursor: pointer;
            display: inline-flex;
            flex-shrink: 0;
            justify-content: center;
            outline: 0;
            position: relative;
            text-decoration: none;
            transition: all 0.2s;
            white-space: nowrap;
        }
        .ui-button .ui-badge {
            position: absolute;
            right: -4px;
            top: -4px;
        }
        .ui-button.is-disabled,
        .ui-button:disabled {
            pointer-events: none;
        }
        .ui-button--xs {
            border-radius: var(--btnBorderRadiusXs);
            font: var(--componentBtnXs);
            height: var(--btnSizeXs);
            padding: 0 var(--btnPaddingHXs);
            text-transform: var(--componentBtnXsTextCase);
        }
        .ui-button--xs .ui-icon {
            height: var(--btnIconSizeXs);
            margin-right: var(--btnGapXs);
            width: var(--btnIconSizeXs);
        }
        .ui-button--xs .ui-button__label + .ui-icon {
            margin-left: var(--btnGapXs);
            margin-right: 0;
        }
        .ui-button--xs.ui-button--icon-only {
            width: var(--btnSizeXs);
        }
        .ui-button--sm {
            border-radius: var(--btnBorderRadiusSm);
            font: var(--componentBtnSm);
            height: var(--btnSizeSm);
            padding: 0 var(--btnPaddingHSm);
            text-transform: var(--componentBtnSmTextCase);
        }
        .ui-button--sm .ui-icon {
            height: var(--btnIconSizeSm);
            margin-right: var(--btnGapSm);
            width: var(--btnIconSizeSm);
        }
        .ui-button--sm .ui-button__label + .ui-icon {
            margin-left: var(--btnGapSm);
            margin-right: 0;
        }
        .ui-button--sm.ui-button--icon-only {
            width: var(--btnSizeSm);
        }
        .ui-button--md {
            border-radius: var(--btnBorderRadiusMd);
            font: var(--componentBtnMd);
            height: var(--btnSizeMd);
            padding: 0 var(--btnPaddingHMd);
            text-transform: var(--componentBtnMdTextCase);
        }
        .ui-button--md .ui-icon {
            height: var(--btnIconSizeMd);
            margin-right: var(--btnGapMd);
            width: var(--btnIconSizeMd);
        }
        .ui-button--md .ui-button__label + .ui-icon {
            margin-left: var(--btnGapMd);
            margin-right: 0;
        }
        .ui-button--md.ui-button--icon-only {
            width: var(--btnSizeMd);
        }
        .ui-button--md img,
        .ui-button--md object {
            margin-right: var(--btnGapMd);
            max-height: var(--btnIconSizeMd);
            min-width: var(--btnIconSizeMd);
        }
        .ui-button--md object {
            width: var(--btnIconSizeMd);
        }
        .ui-button--lg {
            border-radius: var(--btnBorderRadiusLg);
            font: var(--componentBtnLg);
            height: var(--btnSizeLg);
            padding: 0 var(--btnPaddingHLg);
            text-transform: var(--componentBtnLgTextCase);
        }
        .ui-button--lg .ui-icon {
            height: var(--btnIconSizeLg);
            margin-right: var(--btnGapLg);
            width: var(--btnIconSizeLg);
        }
        .ui-button--lg .ui-button__label + .ui-icon {
            margin-left: var(--btnGapLg);
            margin-right: 0;
        }
        .ui-button--lg.ui-button--icon-only {
            width: var(--btnSizeLg);
        }
        .ui-button--lg img,
        .ui-button--lg object {
            margin-right: var(--btnGapLg);
            max-height: var(--btnIconSizeLg);
            min-width: var(--btnIconSizeLg);
        }
        .ui-button--xl {
            border-radius: var(--btnBorderRadiusXl);
            font: var(--componentBtnXl);
            height: var(--btnSizeXl);
            padding: 0 var(--btnPaddingHXl);
            text-transform: var(--componentBtnXlTextCase);
        }
        .ui-button--xl .ui-icon {
            height: var(--btnIconSizeXl);
            margin-right: var(--btnGapXl);
            width: var(--btnIconSizeXl);
        }
        .ui-button--xl .ui-button__label + .ui-icon {
            margin-left: var(--btnGapXl);
            margin-right: 0;
        }
        .ui-button--xl.ui-button--icon-only {
            width: var(--btnSizeXl);
        }
        .ui-button--xl img,
        .ui-button--xl object {
            margin-right: var(--btnGapXl);
            max-height: var(--btnIconSizeXl);
            min-width: var(--btnIconSizeXl);
        }
        .ui-button--icon-only {
            padding: 0;
        }
        .ui-button--icon-only .ui-icon,
        .ui-button--icon-only img,
        .ui-button--icon-only object {
            margin: 0 !important;
        }
        .ui-button--block {
            width: 100%;
        }
        .ui-button--primary {
            background: var(--btnPrimaryBgDefault);
            border: var(--btnBorderWidthPrimary) solid var(--btnPrimaryBrDefault);
            box-shadow: var(--btnPrimaryBoxShadow);
            text-shadow: var(--btnPrimaryTextShadow);
        }
        .ui-button--primary,
        .ui-button--primary:visited {
            color: var(--btnPrimaryColorDefault);
        }
        .ui-button--primary:focus-visible {
            background: var(--btnPrimaryBgFocus);
            border-color: var(--btnPrimaryBrFocus);
            color: var(--btnPrimaryColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--primary:hover {
            background: var(--btnPrimaryBgHover);
            border-color: var(--btnPrimaryBrHover);
            color: var(--btnPrimaryColorHover);
        }
        .ui-button--primary.is-active,
        .ui-button--primary:active {
            background: var(--btnPrimaryBgActive);
            border-color: var(--btnPrimaryBrActive);
            color: var(--btnPrimaryColorActive);
        }
        .ui-button--primary.is-disabled {
            background: var(--btnPrimaryBgDisabled);
            background-origin: border-box;
            border-color: var(--btnPrimaryBrDisabled);
            box-shadow: none;
            color: var(--btnPrimaryColorDisabled);
            text-shadow: none;
        }
        .ui-button--secondary {
            background: var(--btnSecondaryBgDefault);
            border: var(--btnBorderWidthSecondary) solid var(--btnSecondaryBrDefault);
            box-shadow: var(--btnSecondaryBoxShadow);
            text-shadow: var(--btnSecondaryTextShadow);
        }
        .ui-button--secondary,
        .ui-button--secondary:visited {
            color: var(--btnSecondaryColorDefault);
        }
        .ui-button--secondary:focus-visible {
            background: var(--btnSecondaryBgFocus);
            border-color: var(--btnSecondaryBrFocus);
            color: var(--btnSecondaryColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--secondary:hover {
            background: var(--btnSecondaryBgHover);
            border-color: var(--btnSecondaryBrHover);
            color: var(--btnSecondaryColorHover);
        }
        .ui-button--secondary.is-active,
        .ui-button--secondary:active {
            background: var(--btnSecondaryBgActive);
            border-color: var(--btnSecondaryBrActive);
            color: var(--btnSecondaryColorActive);
        }
        .ui-button--secondary.is-disabled {
            background: var(--btnSecondaryBgDisabled);
            border-color: var(--btnSecondaryBrDisabled);
            box-shadow: none;
            color: var(--btnSecondaryColorDisabled);
            text-shadow: none;
        }
        .ui-button--text {
            background: var(--btnTextBgDefault);
            border: var(--btnBorderWidthText) solid var(--btnTextBrDefault);
        }
        .ui-button--text,
        .ui-button--text:visited {
            color: var(--btnTextColorDefault);
        }
        .ui-button--text:focus-visible {
            background: var(--btnTextBgFocus);
            border-color: var(--btnTextBrFocus);
            color: var(--btnTextColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--text:hover {
            background: var(--btnTextBgHover);
            border-color: var(--btnTextBrHover);
            color: var(--btnTextColorHover);
        }
        .ui-button--text.is-active,
        .ui-button--text:active {
            background: var(--btnTextBgActive);
            border-color: var(--btnTextBrActive);
            color: var(--btnTextColorActive);
        }
        .ui-button--text.is-disabled {
            background: var(--btnTextBgDisabled);
            border-color: var(--btnTextBrDisabled);
            color: var(--btnTextColorDisabled);
        }
        .ui-button--link,
        .ui-button--link:visited {
            color: var(--btnLinkColorDefault);
        }
        .ui-button--link:focus-visible {
            color: var(--btnLinkColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--link:hover {
            color: var(--btnLinkColorHover);
        }
        .ui-button--link.is-active,
        .ui-button--link:active {
            color: var(--btnLinkColorActive);
        }
        .ui-button--link.is-disabled {
            color: var(--btnLinkColorDisabled);
        }
        .ui-button--accent {
            background: var(--btnAccentBgDefault);
            background-origin: border-box;
            border: var(--btnBorderWidthAccent) solid var(--btnAccentBrDefault);
            box-shadow: var(--btnAccentBoxShadow);
            text-shadow: var(--btnAccentTextShadow);
        }
        .ui-button--accent,
        .ui-button--accent:visited {
            color: var(--btnAccentColorDefault);
        }
        .ui-button--accent:focus-visible {
            background: var(--btnAccentBgFocus);
            background-origin: border-box;
            border-color: var(--btnAccentBrFocus);
            color: var(--btnAccentColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--accent:hover {
            background: var(--btnAccentBgHover);
            background-origin: border-box;
            border-color: var(--btnAccentBrHover);
            color: var(--btnAccentColorHover);
        }
        .ui-button--accent.is-active,
        .ui-button--accent:active {
            background: var(--btnAccentBgActive);
            background-origin: border-box;
            border-color: var(--btnAccentBrActive);
            color: var(--btnAccentColorActive);
        }
        .ui-button--accent.is-disabled {
            background: var(--btnAccentBgDisabled);
            background-origin: border-box;
            border-color: var(--btnAccentBrDisabled);
            box-shadow: none;
            color: var(--btnAccentColorDisabled);
            text-shadow: none;
        }
        .ui-button--neutral {
            background: var(--btnNeutralBgDefault);
            border: var(--btnBorderWidthNeutral) solid var(--btnNeutralBrDefault);
        }
        .ui-button--neutral,
        .ui-button--neutral:visited {
            color: var(--btnNeutralColorDefault);
        }
        .ui-button--neutral:focus-visible {
            background: var(--btnNeutralBgFocus);
            border-color: var(--btnNeutralBrFocus);
            color: var(--btnNeutralColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--neutral:hover {
            background: var(--btnNeutralBgHover);
            border-color: var(--btnNeutralBrHover);
            color: var(--btnNeutralColorHover);
        }
        .ui-button--neutral.is-active,
        .ui-button--neutral:active {
            background: var(--btnNeutralBgActive);
            border-color: var(--btnNeutralBrActive);
            color: var(--btnNeutralColorActive);
        }
        .ui-button--neutral.is-disabled {
            background: var(--btnNeutralBgDisabled);
            border-color: var(--btnNeutralBrDisabled);
            color: var(--btnNeutralColorDisabled);
        }
        .ui-button--danger {
            background: var(--btnDangerBgDefault);
            border: var(--btnBorderWidthDanger) solid var(--btnDangerBrDefault);
            box-shadow: var(--btnDangerBoxShadow);
            text-shadow: var(--btnDangerTextShadow);
        }
        .ui-button--danger,
        .ui-button--danger:visited {
            color: var(--btnDangerColorDefault);
        }
        .ui-button--danger:focus-visible {
            background: var(--btnDangerBgFocus);
            border: var(--btnBorderWidthDanger) solid var(--btnDangerBrFocus);
            color: var(--btnDangerColorFocus);
            outline: var(--btnBorderWidthOutline) solid var(--btnOutlineColor);
        }
        .ui-button--danger:hover {
            background: var(--btnDangerBgHover);
            border: var(--btnBorderWidthDanger) solid var(--btnDangerBrHover);
            color: var(--btnDangerColorHover);
        }
        .ui-button--danger.is-active,
        .ui-button--danger:active {
            background: var(--btnDangerBgActive);
            border: var(--btnBorderWidthDanger) solid var(--btnDangerBrActive);
        }
        .ui-button--danger.is-disabled {
            background: var(--btnDangerBgDisabled);
            border: var(--btnBorderWidthDanger) solid var(--btnDangerBrDisabled);
            box-shadow: none;
            color: var(--btnDangerColorDisabled);
            text-shadow: none;
        }
        .ui-button--status-success {
            background-color: var(--statusBgSuccess);
            pointer-events: none;
        }
        .ui-button--status-success .ui-icon {
            fill: var(--statusIndicatorSuccess);
        }
        .ui-button--status-default {
            background-color: var(--statusBgDefault);
            pointer-events: none;
        }
        .ui-button--status-default .ui-icon {
            fill: var(--statusIndicatorDefault);
        }
        .ui-button--status-accent1 {
            background-color: var(--statusBgAccent1);
            pointer-events: none;
        }
        .ui-button--status-accent1 .ui-icon {
            fill: var(--statusIndicatorAccent1);
        }
        .ui-button--status-accent2 {
            background-color: var(--statusBgAccent2);
            pointer-events: none;
        }
        .ui-button--status-accent2 .ui-icon {
            fill: var(--statusIndicatorAccent2);
        }
        .ui-button--status-warning {
            background-color: var(--statusBgWarning);
            pointer-events: none;
        }
        .ui-button--status-warning .ui-icon {
            fill: var(--statusIndicatorWarning);
        }
        .ui-button--status-danger {
            background-color: var(--statusBgDanger);
            box-shadow: var(--btnDangerEffect);
            pointer-events: none;
        }
        .ui-button--status-danger .ui-icon {
            fill: var(--statusIndicatorDanger);
        }
        .ui-button--promo {
            background-repeat: repeat-x;
            background-size: contain;
        }
        .ui-button--overflow .ui-button__label {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .ui-button.is-processing {
            pointer-events: none;
        }
        .ui-button.is-processing > * {
            opacity: 0;
        }
        .ui-button.is-processing .ui-spinner {
            inset: 0;
            opacity: 1;
            position: absolute;
        }
        .ui-button img,
        .ui-button object {
            pointer-events: none;
        }
        .ui-image {
            font-size: 0;
            height: inherit;
            overflow: hidden;
            position: relative;
        }
        .ui-image__main {
            -o-object-fit: cover;
            object-fit: cover;
        }
        .ui-image__decoration,
        .ui-image__hero {
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            position: absolute;
            top: 0;
        }
        .ui-image img,
        .ui-image object,
        .ui-image svg,
        .ui-image video {
            height: 100%;
            width: 100%;
        }
        .ui-card {
            background: var(--cardBg);
            border-radius: var(--cardBorderRadius);
            box-shadow: var(--cardShadow);
            position: relative;
        }
        .ui-card__title {
            align-self: stretch;
            color: var(--ttPrimary);
            height: 64px;
        }
        .ui-card__title span {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            overflow: hidden;
        }
        .ui-card__subtitle {
            color: var(--ttSecondary);
            padding-top: 4px;
        }
        .ui-card__content {
            align-items: flex-start;
            display: flex;
            flex: 1 0 0;
            flex-direction: column;
            justify-content: space-between;
        }
        .ui-card__content-slot {
            flex-grow: 1;
            width: 100%;
        }
        .ui-card__image {
            border-radius: var(--cardBorderRadius) var(--cardBorderRadius) 0 0;
            overflow: hidden;
            position: relative;
            z-index: 0;
        }
        .ui-card__image .ui-image {
            height: 100%;
            width: 100%;
        }
        .ui-card--blur .ui-card__image:before {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            background-color: rgba(0, 0, 0, 0.002);
            content: "";
            inset: 0;
            position: absolute;
        }
        .ui-card__main {
            opacity: 1;
            position: relative;
            transition: opacity 0.3s ease-in-out;
        }
        .ui-card:has(.ui-card__secondary.is-active) .ui-card__main {
            opacity: 0;
        }
        .ui-card__secondary {
            background: var(--cardBg);
            border-radius: var(--cardBorderRadius);
            display: flex;
            height: 100%;
            left: 0;
            opacity: 0;
            padding: var(--cardPaddingVMd) var(--cardPaddingHMd);
            pointer-events: none;
            position: absolute;
            top: 0;
            transform: translateX(-10%);
            transition: 0.3s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 100%;
            z-index: 3;
        }
        .ui-card__secondary.is-active {
            -ms-overflow-style: none;
            opacity: 1;
            overflow: auto;
            pointer-events: auto;
            scrollbar-color: var(--scrollbarThumbDefault) var(--scrollbarTrackDefault);
            scrollbar-width: thin;
            transform: translateX(0);
            -webkit-user-select: auto;
            -moz-user-select: auto;
            user-select: auto;
        }
        .ui-card__secondary.is-active::-webkit-scrollbar {
            width: var(--scrollbarSizeDefault);
        }
        .ui-card__secondary.is-active::-webkit-scrollbar:hover {
            width: var(--scrollbarSizeHover);
        }
        .ui-card__secondary.is-active::-webkit-scrollbar-track {
            background: var(--scrollbarTrackDefault);
        }
        .ui-card__secondary.is-active::-webkit-scrollbar-track:hover {
            background: var(--scrollbarTrackHover);
        }
        .ui-card__secondary.is-active::-webkit-scrollbar-thumb {
            background: var(--scrollbarThumbDefault);
            border-radius: var(--scrollbarBorderRadiusDefault);
        }
        .ui-card__secondary.is-active::-webkit-scrollbar-thumb:hover {
            background: var(--scrollbarThumbHover);
            border-radius: var(--scrollbarBorderRadiusHover);
        }
        .ui-card__notification-holder {
            border-radius: 0 0 var(--cardBorderRadius) var(--cardBorderRadius);
            inset: 0;
            pointer-events: none;
            position: absolute;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 100%;
            z-index: 4;
        }
        @supports not (hanging-punctuation: first) {
            .ui-card__notification-holder.is-mob,
            .ui-card__notification-holder.is-web {
                overflow: hidden;
            }
        }
        @supports (-moz-appearance: none) {
            .ui-card__notification-holder.is-mob,
            .ui-card__notification-holder.is-web {
                overflow: initial;
            }
        }
        @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
            .ui-card__notification-holder {
                overflow: hidden;
            }
        }
        @supports not (hanging-punctuation: first) {
            .ui-card__notification-holder.is-mob .ui-card__notification {
                transition: none;
            }
        }
        .ui-card__notification {
            bottom: 0;
            left: 0;
            position: absolute;
            transform: translateY(80px);
            transition: 0.3s ease-in-out;
            width: 100%;
        }
        @supports (-moz-appearance: none) {
            .ui-card__notification {
                transition: none;
            }
        }
        .ui-card__notification.is-active {
            pointer-events: auto;
            transform: translateY(0);
            -webkit-user-select: auto;
            -moz-user-select: auto;
            user-select: auto;
        }
        .ui-card__button-info {
            position: absolute;
            right: 8px;
            top: 8px;
        }
        .ui-card--lg .ui-card__main {
            display: flex;
            min-height: 292px;
        }
        .ui-card--lg .ui-card__title {
            font: var(--t3);
        }
        .ui-card--lg .ui-card__image {
            flex-shrink: 0;
            width: 50%;
        }
        .ui-card--lg .ui-card__content {
            padding: var(--cardPaddingVLg) var(--cardPaddingHLg);
            width: 50%;
        }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
            .ui-card--lg .ui-card__main {
                min-height: 248px;
            }
            .ui-card--lg .ui-card__title {
                font: var(--t4);
            }
            .ui-card--lg .ui-card__content {
                padding: var(--cardPaddingVMd) var(--cardPaddingHMd);
            }
        }
        @media screen and (max-width: 767px) {
            .ui-card--lg .ui-card__main {
                flex-direction: column;
                min-height: auto;
            }
            .ui-card--lg .ui-card__image {
                width: 100%;
            }
            .ui-card--lg .ui-card__title {
                font: var(--t4);
            }
            .ui-card--lg .ui-card__content,
            .ui-card--lg .ui-card__secondary {
                padding: var(--cardPaddingVSm) var(--cardPaddingHSm);
            }
        }
        .ui-card--lg.ui-card--image-left .ui-card__button-info {
            left: 8px;
        }
        @media screen and (max-width: 767px) {
            .ui-card--lg.ui-card--image-left .ui-card__button-info {
                left: auto;
                right: 8px;
            }
        }
        .ui-card--lg.ui-card--image-right .ui-card__image {
            order: 1;
        }
        @media screen and (max-width: 767px) {
            .ui-card--lg.ui-card--image-right .ui-card__image {
                order: 0;
            }
        }
        .ui-card--md .ui-card__title {
            font: var(--t4);
        }
        .ui-card--md .ui-card__content {
            padding: var(--cardPaddingVMd) var(--cardPaddingHMd);
        }
        @media screen and (max-width: 767px) {
            .ui-card--md.ui-card--adaptive {
                --cardGapMd: var(--cardGapSm);
            }
            .ui-card--md.ui-card--adaptive .ui-card__title {
                font: var(--t4);
            }
            .ui-card--md.ui-card--adaptive .ui-card__content,
            .ui-card--md.ui-card--adaptive .ui-card__secondary {
                padding: var(--cardPaddingVSm) var(--cardPaddingHSm);
            }
        }
        .ui-card--sm .ui-card__title {
            font: var(--t5);
        }
        .ui-card--sm .ui-card__content,
        .ui-card--sm .ui-card__secondary {
            padding: var(--cardPaddingVSm) var(--cardPaddingHSm);
        }
        .ui-card--xs .ui-card__title {
            font: var(--t4);
        }
        .ui-card--xs .ui-card__content,
        .ui-card--xs .ui-card__secondary {
            padding: var(--cardPaddingVXs) var(--cardPaddingHXs);
        }
        .ui-card--border {
            border: var(--cardBorderWidth) solid var(--cardBrDefault);
        }
        .ui-card--block {
            width: 100%;
        }
        .ui-checkbox {
            display: inline-flex;
        }
        .ui-checkbox__input {
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1;
        }
        .ui-checkbox__icon {
            align-items: center;
            background: var(--checkboxDefaultBgDefault);
            border: var(--checkboxBorderWidthDefault) solid var(--checkboxBrDefault);
            border-radius: var(--checkboxBorderRadius);
            color: var(--checkboxCheckedIndicatorDefault);
            display: inline-flex;
            flex-shrink: 0;
            height: var(--checkboxSize);
            justify-content: center;
            margin-top: 2px;
            position: relative;
            transition: all 0.2s;
            width: var(--checkboxSize);
        }
        .ui-checkbox__icon:before {
            background: var(--checkboxIndeterminateIndicatorDefault);
            border-radius: var(--checkboxIndicatorBorderRadius);
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.2s;
            width: 0;
        }
        .ui-checkbox__icon svg {
            fill: currentColor;
        }
        .ui-checkbox__text {
            color: var(--checkboxLabelDefault);
            font: var(--body1);
            margin-left: var(--checkboxGap);
        }
        .ui-checkbox__text .ui-hint {
            margin-left: 4px;
        }
        .ui-checkbox__label {
            align-items: flex-start;
            cursor: pointer;
            display: inline-flex;
            position: relative;
        }
        .ui-checkbox__label:focus-visible .ui-checkbox__icon {
            height: var(--checkboxOutlineSize);
            outline: var(--checkboxBorderWidthOutline) solid var(--checkboxOutline);
            width: var(--checkboxOutlineSize);
        }
        .ui-checkbox__label:hover .ui-checkbox__icon {
            background: var(--checkboxDefaultBgHover);
            border-color: var(--checkboxBrHover);
        }
        .ui-checkbox__label:active .ui-checkbox__icon {
            background: var(--checkboxDefaultBgActive);
            border-color: var(--checkboxBrActive);
        }
        .is-disabled > .ui-checkbox__label {
            pointer-events: none;
        }
        .is-disabled > .ui-checkbox__label .ui-checkbox__text {
            color: var(--checkboxLabelDisabled);
        }
        .is-disabled > .ui-checkbox__label .ui-checkbox__icon {
            background: var(--checkboxDefaultBgDisabled);
            border-color: var(--checkboxBrDisabled);
        }
        .ui-checkbox--block {
            display: flex;
            width: 100%;
        }
        .ui-checkbox--right .ui-checkbox__icon {
            order: 1;
        }
        .ui-checkbox--right .ui-checkbox__text {
            margin-left: 0;
            margin-right: var(--checkboxGap);
        }
        .ui-checkbox--default .ui-checkbox__icon svg {
            opacity: 0;
            transition: opacity 0.2s;
        }
        .ui-checkbox--default .ui-checkbox__input:checked ~ .ui-checkbox__icon {
            background: var(--checkboxCheckedBgDefault);
        }
        .ui-checkbox--default .ui-checkbox__input:checked ~ .ui-checkbox__icon svg {
            opacity: 1;
        }
        .ui-checkbox--default .ui-checkbox__label:hover .ui-checkbox__input:checked ~ .ui-checkbox__icon {
            background: var(--checkboxCheckedBgHover);
        }
        .ui-checkbox--default .ui-checkbox__label:active .ui-checkbox__input:checked ~ .ui-checkbox__icon {
            background: var(--checkboxCheckedBgActive);
        }
        .ui-checkbox--default.is-disabled .ui-checkbox__input:checked ~ .ui-checkbox__icon {
            background: var(--checkboxCheckedBgDisabled);
        }
        .ui-checkbox--indeterminate .ui-checkbox__input:checked ~ .ui-checkbox__icon:before {
            height: var(--checkboxIndicatorSize);
            width: var(--checkboxIndicatorSize);
        }
        .ui-checkbox--indeterminate .ui-checkbox__label:hover .ui-checkbox__input:checked ~ .ui-checkbox__icon:before {
            background: var(--checkboxCheckedBgHover);
        }
        .ui-checkbox--indeterminate .ui-checkbox__label:active .ui-checkbox__input:checked ~ .ui-checkbox__icon:before {
            background: var(--checkboxCheckedBgActive);
        }
        .ui-checkbox--indeterminate.is-disabled .ui-checkbox__input:checked ~ .ui-checkbox__icon:before {
            background: var(--checkboxCheckedBgDisabled);
        }
        .ui-switcher {
            align-items: center;
            cursor: pointer;
            display: inline-flex;
        }
        .ui-switcher__track {
            background: var(--switcherBgDefault);
            border: var(--switcherBorderWidth) solid var(--switcherBrDefault);
            border-radius: var(--switcherBorderRadius);
            height: var(--switcherSize);
            padding: var(--switcherPadding) var(--switcherShiftDefault) var(--switcherPadding)
                calc(var(--switcherPadding) + var(--switcherIndicatorSizeDefault));
            position: relative;
        }
        .ui-switcher__inner-label {
            color: var(--switcherInnerColorDefault);
            display: inline-flex;
            font: var(--caption1);
            min-width: var(--switcherInnerMinWidth);
        }
        .ui-switcher__indicator {
            align-items: center;
            background: var(--switcherIndicatorBgDefault);
            border-radius: var(--switcherBorderRadiusIndicator);
            box-shadow: 0 var(--shadowYSm) var(--shadowBlurSm) 0 var(--shadowDefault);
            color: var(--switcherIndicatorColorDefault);
            display: inline-flex;
            height: var(--switcherIndicatorSizeDefault);
            justify-content: center;
            left: var(--switcherPadding);
            position: absolute;
            top: calc(var(--switcherPadding) - var(--switcherBorderWidth));
            transition: all 0.2s;
            width: var(--switcherIndicatorSizeDefault);
        }
        .ui-switcher__indicator .ui-icon {
            height: var(--switcherIndicatorIconSize);
            width: var(--switcherIndicatorIconSize);
        }
        .ui-switcher__label {
            color: var(--switcherLabelDefault);
            font: var(--body1);
            margin-left: 12px;
        }
        .ui-switcher--bold .ui-switcher__label {
            font: var(--body1Strong);
        }
        .ui-switcher__input {
            height: 0;
            opacity: 0;
            overflow: hidden;
            visibility: hidden;
            width: 0;
        }
        .ui-switcher__input:checked ~ .ui-switcher__track {
            background: var(--switcherCheckedBgDefault);
            padding: var(--switcherPadding) calc(var(--switcherPadding) + var(--switcherIndicatorSizeDefault))
                var(--switcherPadding) var(--switcherShiftDefault);
        }
        .ui-switcher__input:checked ~ .ui-switcher__track .ui-switcher__indicator {
            color: var(--switcherCheckedIndicatorColorDefault);
            left: calc(100% - var(--switcherPadding) - var(--switcherIndicatorSizeDefault));
        }
        .ui-switcher:focus .ui-switcher__track {
            background: var(--switcherBgFocus);
            border: var(--switcherBorderWidth) solid var(--switcherBrFocus);
            outline: 4px solid var(--switcherOutline);
        }
        .ui-switcher:focus .ui-switcher__indicator {
            color: var(--switcherIndicatorColorFocus);
        }
        .ui-switcher:focus .ui-switcher__input:checked ~ .ui-switcher__track {
            background: var(--switcherCheckedBgFocus);
        }
        .ui-switcher:focus .ui-switcher__input:checked ~ .ui-switcher__track .ui-switcher__indicator {
            color: var(--switcherCheckedIndicatorColorFocus);
        }
        .ui-switcher:focus .ui-switcher__label {
            color: var(--switcherLabelFocus);
        }
        .ui-switcher:hover .ui-switcher__track {
            background: var(--switcherBgHover);
            border: var(--switcherBorderWidth) solid var(--switcherBrHover);
        }
        .ui-switcher:hover .ui-switcher__indicator {
            color: var(--switcherIndicatorColorHover);
        }
        .ui-switcher:hover .ui-switcher__input:checked ~ .ui-switcher__track {
            background: var(--switcherCheckedBgHover);
        }
        .ui-switcher:hover .ui-switcher__input:checked ~ .ui-switcher__track .ui-switcher__indicator {
            color: var(--switcherCheckedIndicatorColorHover);
        }
        .ui-switcher:hover .ui-switcher__label {
            color: var(--switcherLabelHover);
        }
        .ui-switcher:active .ui-switcher__track {
            background: var(--switcherBgActive);
            border: var(--switcherBorderWidth) solid var(--switcherBrActive);
        }
        .ui-switcher:active .ui-switcher__indicator {
            color: var(--switcherIndicatorColorActive);
        }
        .ui-switcher:active .ui-switcher__input:checked ~ .ui-switcher__track {
            background: var(--switcherCheckedBgActive);
        }
        .ui-switcher:active .ui-switcher__input:checked ~ .ui-switcher__track .ui-switcher__indicator {
            color: var(--switcherCheckedIndicatorColorActive);
        }
        .ui-switcher:active .ui-switcher__label {
            color: var(--switcherLabelActive);
        }
        .ui-switcher.is-disabled {
            pointer-events: none;
        }
        .ui-switcher.is-disabled .ui-switcher__track {
            background: var(--switcherBgDisabled);
            border: var(--switcherBorderWidth) solid var(--switcherBrDisabled);
        }
        .ui-switcher.is-disabled .ui-switcher__indicator {
            color: var(--switcherIndicatorColorDisabled);
        }
        .ui-switcher.is-disabled .ui-switcher__input:checked ~ .ui-switcher__track {
            background: var(--switcherCheckedBgDisabled);
        }
        .ui-switcher.is-disabled .ui-switcher__input:checked ~ .ui-switcher__track .ui-switcher__indicator {
            color: var(--switcherCheckedIndicatorColorDisabled);
        }
        .ui-switcher.is-disabled .ui-switcher__label {
            color: var(--switcherLabelDisabled);
        }
        .ui-switcher--block {
            display: flex;
            width: 100%;
        }
        .ui-switcher--right .ui-switcher__track {
            order: 1;
        }
        .ui-switcher--right .ui-switcher__label {
            margin-left: auto;
            margin-right: 12px;
            order: 0;
        }
        .ui-radio-group {
            display: inline-flex;
            flex-direction: column;
            gap: var(--radioGroupGap);
        }
        .ui-radio-group--card {
            display: flex;
            width: 100%;
        }
        .ui-radio-group--card .ui-radio {
            align-items: center;
            background: var(--radioCardBgDefault);
            border: var(--radioBorderWidth) solid var(--radioCardBrDefault);
            border-radius: var(--radioCardBorderRadius);
            flex-direction: row-reverse;
            min-height: var(--radioCardMinHeight);
            padding: var(--radioCardPaddingV) var(--radioCardPaddingH);
            width: 100%;
        }
        .ui-radio-group--card .ui-radio:hover {
            background: var(--radioCardBgHover);
            border-color: var(--radioCardBrHover);
        }
        .ui-radio-group--card .ui-radio:hover:has(.ui-radio__input:checked) {
            border-color: var(--radioCardCheckedBrHover);
        }
        .ui-radio-group--card .ui-radio:active {
            background: var(--radioCardBgActive);
            border-color: var(--radioCardBrActive);
        }
        .ui-radio-group--card .ui-radio:active:has(.ui-radio__input:checked) {
            border-color: var(--radioCardCheckedBrActive);
        }
        .ui-radio-group--card .ui-radio:focus-visible {
            background: var(--radioCardBgFocus);
            border-color: var(--radioCardBrFocus);
            outline: var(--radioBorderWidthOutline) solid var(--radioOutline);
        }
        .ui-radio-group--card .ui-radio:focus-visible:has(.ui-radio__input:checked) {
            border-color: var(--radioCardCheckedBrFocus);
        }
        .ui-radio-group--card .ui-radio:has(.ui-radio__input:checked) {
            border-color: var(--radioCardCheckedBrDefault);
        }
        .ui-radio-group--card .ui-radio__content,
        .ui-radio-group--card .ui-radio__content-wrap {
            width: 100%;
        }
        .ui-radio-group--card .ui-radio__content {
            align-items: center;
            gap: var(--radioGap);
        }
        .ui-radio-group--card .ui-radio__image {
            flex: 0 0 auto;
            height: var(--radioCardImageSize);
            width: var(--radioCardImageSize);
        }
        .ui-radio-group--card .ui-radio__image .ui-rive {
            height: inherit;
            width: inherit;
        }
        .ui-radio {
            cursor: pointer;
            display: inline-flex;
            gap: var(--radioGap);
            position: relative;
        }
        .ui-radio__content {
            display: flex;
        }
        .ui-radio__input {
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1;
        }
        .ui-radio__input:checked + .ui-radio__icon {
            background: var(--radioCheckedBgDefault);
        }
        .ui-radio__input:checked + .ui-radio__icon:before {
            height: var(--radioIndicatorSize);
            width: var(--radioIndicatorSize);
        }
        .ui-radio__icon {
            align-items: center;
            background: var(--radioDefaultBgDefault);
            border: var(--radioBorderWidthDefault) solid var(--radioDefaultBrDefault);
            border-radius: var(--radioBorderRadius);
            display: inline-flex;
            flex-shrink: 0;
            height: var(--radioSize);
            justify-content: center;
            margin-top: 2px;
            position: relative;
            transition: all 0.2s;
            width: var(--radioSize);
        }
        .ui-radio__icon:before {
            background: var(--radioCheckedIndicatorDefault);
            border-radius: var(--radioBorderRadius);
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.2s;
            width: 0;
        }
        .ui-radio__legend {
            color: var(--radioLabelDefault);
            font: var(--body1);
        }
        .ui-radio__description,
        .ui-radio__legend {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            overflow: hidden;
        }
        .ui-radio__description {
            color: var(--radioDescriptionDefault);
            font: var(--body2);
        }
        .ui-radio--right {
            flex-direction: row-reverse;
        }
        .ui-radio:focus-visible .ui-radio__icon {
            background: var(--radioDefaultBgFocus);
            border-color: var(--radioDefaultBrFocus);
            outline: var(--radioBorderWidthOutline) solid var(--radioOutline);
        }
        .ui-radio:focus-visible .ui-radio__icon:before {
            background: var(--radioCheckedIndicatorFocus);
        }
        .ui-radio:focus-visible .ui-radio__legend {
            color: var(--radioLabelFocus);
        }
        .ui-radio:focus-visible .ui-radio__input:checked + .ui-radio__icon {
            background: var(--radioCheckedBgFocus);
        }
        .ui-radio:focus-visible .ui-radio__description {
            color: var(--radioDescriptionFocus);
        }
        .ui-radio:hover .ui-radio__icon {
            background: var(--radioDefaultBgHover);
            border-color: var(--radioDefaultBrHover);
        }
        .ui-radio:hover .ui-radio__icon:before {
            background: var(--radioCheckedIndicatorHover);
        }
        .ui-radio:hover .ui-radio__legend {
            color: var(--radioLabelHover);
        }
        .ui-radio:hover .ui-radio__input:checked + .ui-radio__icon {
            background: var(--radioCheckedBgHover);
        }
        .ui-radio:hover .ui-radio__description {
            color: var(--radioDescriptionHover);
        }
        .ui-radio:active .ui-radio__icon {
            background: var(--radioDefaultBgActive);
            border-color: var(--radioDefaultBrActive);
        }
        .ui-radio:active .ui-radio__icon:before {
            background: var(--radioCheckedIndicatorActive);
        }
        .ui-radio:active .ui-radio__legend {
            color: var(--radioLabelActive);
        }
        .ui-radio:active .ui-radio__input:checked + .ui-radio__icon {
            background: var(--radioCheckedBgActive);
        }
        .ui-radio:active .ui-radio__description {
            color: var(--radioDescriptionActive);
        }
        .ui-radio.is-disabled {
            pointer-events: none;
        }
        .ui-radio.is-disabled .ui-radio__icon {
            background: var(--radioDefaultBgDisabled);
            border-color: var(--radioDefaultBrDisabled);
        }
        .ui-radio.is-disabled .ui-radio__icon:before {
            background: var(--radioCheckedIndicatorDisabled);
        }
        .ui-radio.is-disabled .ui-radio__legend {
            color: var(--radioLabelDisabled);
        }
        .ui-radio.is-disabled .ui-radio__input:checked + .ui-radio__icon {
            background: var(--radioCheckedBgDisabled);
        }
        .ui-radio.is-disabled .ui-radio__description {
            color: var(--radioDescriptionDisabled);
        }
        .ui-accordion__header {
            align-items: center;
            color: var(--accordionColorDefault);
            cursor: pointer;
            display: flex;
            min-height: var(--btnSizeMd);
            text-decoration: none;
        }
        .ui-accordion__header:focus-visible {
            border-radius: var(--accordionOutlineBorderRadius);
            color: var(--accordionColorFocus);
            outline: var(--accordionOutlineBorderWidth) solid var(--accordionOutlineColor);
        }
        .ui-accordion__header:focus-visible .ui-accordion__overline,
        .ui-accordion__header:focus-visible .ui-accordion__underline {
            color: var(--accordionUnderlineFocus);
        }
        .ui-accordion__header:hover {
            color: var(--accordionColorHover);
        }
        .ui-accordion__header:hover .ui-accordion__overline,
        .ui-accordion__header:hover .ui-accordion__underline {
            color: var(--accordionUnderlineHover);
        }
        .ui-accordion__header:active {
            color: var(--accordionColorActive);
        }
        .ui-accordion__header:active .ui-accordion__overline,
        .ui-accordion__header:active .ui-accordion__underline {
            color: var(--accordionUnderlineActive);
        }
        .ui-accordion__label {
            align-items: center;
            display: flex;
        }
        .ui-accordion__label .ui-status__indicator {
            margin-right: 12px;
        }
        .ui-accordion__label .ui-status {
            flex-shrink: 0;
        }
        .ui-accordion__control {
            flex-shrink: 0;
            margin-right: var(--accordionGapH);
            pointer-events: none;
        }
        .ui-accordion__control .ui-icon {
            transition: transform 0.2s;
        }
        .ui-accordion__action {
            flex-shrink: 0;
            margin-left: var(--accordionGapH);
            position: relative;
        }
        .ui-accordion__overline,
        .ui-accordion__underline {
            color: var(--accordionUnderlineDefault);
            font: var(--caption1);
        }
        .ui-accordion__overline {
            margin-bottom: 4px;
        }
        .ui-accordion__underline {
            margin-top: 4px;
        }
        .ui-accordion__content {
            color: var(--accordionColorDefault);
            font: var(--body2);
            padding-top: var(--accordionGapV);
        }
        .ui-accordion__content a {
            font: var(--body2);
        }
        .ui-accordion__content img {
            border-radius: var(--accordionImageBorderRadius);
            max-width: var(--accordionImageMaxWidth);
        }
        .ui-accordion__title {
            flex-grow: 1;
            flex-shrink: 1 !important;
        }
        .ui-accordion--header-overflow .ui-accordion__title {
            overflow: hidden;
        }
        .ui-accordion--header-overflow .ui-accordion__label,
        .ui-accordion--header-overflow .ui-accordion__label > div {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .ui-accordion--multiline .ui-accordion__header > * {
            align-self: flex-start;
        }
        .ui-accordion--control-left .ui-accordion__content {
            padding-left: calc(var(--accordionGapH) + var(--btnSizeMd));
        }
        .ui-accordion--control-right .ui-accordion__control {
            margin-left: var(--accordionGapH);
            margin-right: 0;
            order: 3;
        }
        .ui-accordion--control-right .ui-accordion__action {
            margin-left: 0;
            margin-right: var(--accordionGapH);
            order: 1;
        }
        .ui-accordion--sm .ui-accordion__title {
            font: var(--body1);
        }
        .ui-accordion--sm .ui-accordion__overline,
        .ui-accordion--sm .ui-accordion__underline {
            font: var(--caption1);
        }
        .ui-accordion--sm.ui-accordion--title .ui-accordion__title {
            font: var(--t5);
        }
        .ui-accordion--sm.ui-accordion--block .ui-accordion__header {
            padding: var(--accordionBlockPaddingVSm) var(--accordionBlockPaddingHSm);
        }
        .ui-accordion--sm.ui-accordion--block .ui-accordion__content {
            padding: 0 var(--accordionBlockPaddingHSm) var(--accordionBlockPaddingVSm);
        }
        .ui-accordion--md .ui-accordion__title {
            font: var(--t4);
        }
        .ui-accordion--md .ui-accordion__overline,
        .ui-accordion--md .ui-accordion__underline {
            font: var(--body2);
        }
        .ui-accordion--md.ui-accordion--block .ui-accordion__header {
            padding: var(--accordionBlockPaddingVMd) var(--accordionBlockPaddingHMd);
        }
        .ui-accordion--md.ui-accordion--block .ui-accordion__content {
            padding: 0 var(--accordionBlockPaddingHMd) var(--accordionBlockPaddingVMd);
        }
        .ui-accordion--lg .ui-accordion__title {
            font: var(--t3);
        }
        .ui-accordion--lg .ui-accordion__overline,
        .ui-accordion--lg .ui-accordion__underline {
            font: var(--body2);
        }
        .ui-accordion--lg.ui-accordion--block .ui-accordion__header {
            padding: var(--accordionBlockPaddingVLg) var(--accordionBlockPaddingHLg);
        }
        .ui-accordion--lg.ui-accordion--block .ui-accordion__content {
            padding: 0 var(--accordionBlockPaddingHLg) var(--accordionBlockPaddingVLg);
        }
        .ui-accordion--xl .ui-accordion__title {
            font: var(--t2);
        }
        .ui-accordion--xl .ui-accordion__overline,
        .ui-accordion--xl .ui-accordion__underline {
            font: var(--body1);
        }
        .ui-accordion--xl.ui-accordion--block .ui-accordion__header {
            padding: var(--accordionBlockPaddingVXl) var(--accordionBlockPaddingHXl);
        }
        .ui-accordion--xl.ui-accordion--block .ui-accordion__content {
            padding: 0 var(--accordionBlockPaddingHXl) var(--accordionBlockPaddingVXl);
        }
        .ui-accordion--block {
            background: var(--accordionBlockBg);
            border-radius: var(--accordionBlockBorderRadius);
            width: 100%;
        }
        .ui-accordion:hover .ui-accordion__content {
            color: var(--accordionColorHover);
        }
        .ui-accordion.is-opened .ui-accordion__control .ui-icon {
            transform: rotate(180deg);
        }
        .ui-accordion.is-disabled {
            pointer-events: none;
        }
        .ui-accordion.is-disabled .ui-accordion__header {
            color: var(--accordionColorDisabled);
        }
        .ui-accordion.is-disabled .ui-accordion__overline,
        .ui-accordion.is-disabled .ui-accordion__underline {
            color: var(--accordionUnderlineDisabled);
        }
        .ui-accordion.is-disabled .ui-accordion__content {
            color: var(--accordionColorDisabled);
        }
        .ui-input__header {
            align-items: center;
            display: flex;
            margin-bottom: 8px;
        }
        .ui-input__header > * + * {
            margin-left: var(--inputHeaderGap);
        }
        .ui-input__helper {
            align-items: center;
            color: var(--inputHelperLabelDefault);
            display: inline-flex;
            margin-top: 8px;
        }
        .ui-input__helper .ui-icon {
            fill: var(--inputHelperIconDefault);
            margin-right: 8px;
        }
        .ui-input__wrapper {
            display: flex;
        }
        .ui-input__wrapper > * + * {
            margin-left: 8px;
        }
        .ui-input__label {
            color: var(--inputLabelDefault);
        }
        .ui-input__required {
            color: var(--inputAsterix);
        }
        .ui-input__prefix {
            align-items: center;
            color: var(--inputPrefixLabelDefault);
            display: inline-flex;
            flex-shrink: 0;
            justify-content: center;
        }
        .ui-input__prefix .ui-icon {
            fill: var(--inputPrefixIconDefault);
        }
        .ui-input__suffix {
            align-items: center;
            background: transparent;
            color: var(--inputSuffixLabelDefault);
            display: inline-flex;
            flex-shrink: 0;
            justify-content: center;
            position: relative;
        }
        .ui-input__suffix .ui-icon {
            fill: var(--inputSuffixIconDefault);
        }
        .ui-input--date .ui-input__suffix {
            cursor: pointer;
            margin-left: auto;
            pointer-events: none;
        }
        .ui-input__suffix a,
        .ui-input__suffix button {
            align-items: center;
            background: transparent;
            cursor: pointer;
            display: inline-flex;
            height: 100%;
            justify-content: center;
            padding: 0;
            width: 100%;
        }
        .ui-input__container {
            align-items: stretch;
            display: flex;
            position: relative;
        }
        .ui-input__container:hover .ui-input__element {
            color: var(--inputColorFilledHover);
        }
        .ui-input__container:hover .ui-input__element:-webkit-autofill {
            color: var(--inputColorFilledHover);
        }
        .ui-input__container:hover .ui-input__element::-webkit-input-placeholder {
            color: var(--inputColorHover);
        }
        .ui-input__container:hover .ui-input__element::-moz-placeholder {
            color: var(--inputColorHover);
        }
        .ui-input__container:hover .ui-input__output {
            color: var(--inputColorHover);
        }
        .is-filled .ui-input__container:hover .ui-input__output {
            color: var(--inputColorFilledHover);
        }
        .ui-input__container:active .ui-input__element {
            color: var(--inputColorFilledActive);
        }
        .ui-input__container:active .ui-input__element:-webkit-autofill {
            color: var(--inputColorFilledActive);
        }
        .ui-input__container:active .ui-input__element::-webkit-input-placeholder {
            color: var(--inputColorActive);
        }
        .ui-input__container:active .ui-input__element::-moz-placeholder {
            color: var(--inputColorActive);
        }
        .ui-input__container:active .ui-input__output {
            color: var(--inputColorActive);
        }
        .is-filled .ui-input__container:active .ui-input__output {
            color: var(--inputColorFilledActive);
        }
        .ui-input__container:focus .ui-input__element {
            color: var(--inputColorFilledFocus);
        }
        .ui-input__container:focus .ui-input__element:-webkit-autofill {
            color: var(--inputColorFilledFocus);
        }
        .ui-input__container:focus .ui-input__element::-webkit-input-placeholder {
            color: var(--inputColorFocus);
        }
        .ui-input__container:focus .ui-input__element::-moz-placeholder {
            color: var(--inputColorFocus);
        }
        .ui-input__container:focus .ui-input__output {
            color: var(--inputColorFocus);
        }
        .is-filled .ui-input__container:focus .ui-input__output {
            color: var(--inputColorFilledFocus);
        }
        .ui-input__field {
            display: flex;
            flex-grow: 1;
            height: 100%;
            position: relative;
        }
        .ui-input--date .ui-input__field {
            cursor: pointer;
            justify-content: space-between;
        }
        .ui-input__element {
            background: transparent;
            color: var(--inputColorFilledDefault);
            height: 100%;
            width: 100%;
        }
        .ui-input--date .ui-input__element {
            padding: 0 var(--inputPaddingHMd);
        }
        .ui-input__element::-webkit-inner-spin-button,
        .ui-input__element::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        .ui-input__element:-webkit-autofill {
            color: var(--inputColorFilledDefault);
            -webkit-transition:
                background-color 5000s ease-in-out 0s,
                color 5000s ease-in-out 0s;
            transition:
                background-color 5000s ease-in-out 0s,
                color 5000s ease-in-out 0s;
        }
        .ui-input__element[type="number"] {
            -moz-appearance: textfield;
        }
        .ui-input__element[type="date"]::-webkit-calendar-picker-indicator {
            position: absolute;
        }
        .ui-input__element::-webkit-input-placeholder {
            color: var(--inputColorDefault);
            opacity: 1;
        }
        .ui-input__element::-moz-placeholder {
            color: var(--inputColorDefault);
            opacity: 1;
        }
        .ui-input__element:focus {
            outline: none;
        }
        .ui-input--textarea .ui-input__element {
            resize: none;
        }
        .ui-input--date-picker .ui-input__element {
            cursor: pointer;
            font-size: 0;
            opacity: 0;
        }
        .ui-input--date .ui-input__element {
            inset: 0;
            position: absolute;
        }
        .ui-input__element[disabled]::-webkit-datetime-edit-day-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-hour-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-meridiem-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-millisecond-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-minute-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-month-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-second-field,
        .ui-input__element[disabled]::-webkit-datetime-edit-text,
        .ui-input__element[disabled]::-webkit-datetime-edit-year-field {
            color: var(--inputColorFilledDisabled);
        }
        .ui-input__output {
            color: var(--inputColorDefault);
            cursor: pointer;
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
        .is-filled .ui-input__output {
            color: var(--inputColorFilledDefault);
        }
        .ui-input__addon {
            align-items: center;
            background: var(--inputAddonBgDefault);
            color: var(--inputAddonColorDefault);
            display: inline-flex;
            justify-content: center;
            position: relative;
        }
        .ui-input__addon:before {
            background: var(--inputAddonBrDefault);
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: var(--inputBorderWidthSplitter);
        }
        .ui-input__addon--left:before {
            right: 0;
        }
        .ui-input__addon--right:before {
            left: 0;
        }
        .ui-input__info .ui-icon {
            fill: var(--inputIconInfo);
        }
        .ui-input__divider {
            align-self: center;
            background: var(--dividerBr);
            height: var(--inputSuffixSplitterHeightMd);
            width: var(--dividerMinSize);
        }
        .ui-input__clear {
            background: transparent;
            color: var(--inputClearDefault);
            cursor: pointer;
            padding: 0 4px;
        }
        .ui-input__clear .ui-icon {
            fill: currentColor;
        }
        .ui-input__clear:hover {
            color: var(--inputClearHover);
        }
        .ui-input__clear:focus {
            color: var(--inputClearFocus);
        }
        .ui-input__clear:active {
            color: var(--inputClearActive);
        }
        .ui-input--has-suffix .ui-input__field {
            padding-right: 0 !important;
        }
        .ui-input--button {
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .ui-input--button .ui-input__container,
        .ui-input--button .ui-input__element {
            cursor: pointer;
        }
        .ui-input--button .ui-input__output {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .ui-input--sm .ui-input__container,
        .ui-input--sm .ui-input__element,
        .ui-input--sm .ui-input__header,
        .ui-input--sm .ui-input__output {
            font: var(--componentInputSm);
        }
        .ui-input--sm .ui-input__container {
            height: var(--inputSizeSm);
        }
        .ui-input--sm .ui-input__clear,
        .ui-input--sm .ui-input__suffix {
            height: var(--inputSizeSm);
            min-width: var(--inputSizeSm);
        }
        .ui-input--sm .ui-input__suffix .ui-chip {
            margin-right: var(--inputSuffixGapSm);
        }
        .ui-input--sm .ui-input__divider {
            height: var(--inputSuffixSplitterHeightSm);
        }
        .ui-input--sm .ui-input__helper {
            font: var(--caption1);
        }
        .ui-input--sm .ui-input__addon,
        .ui-input--sm .ui-input__field {
            padding: 0 8px;
        }
        .ui-input--sm .ui-input__prefix {
            margin-right: var(--inputGapSm);
        }
        .ui-input--sm .ui-input__addon:before {
            height: var(--inputAddonSplitterHeightSm);
        }
        .ui-input--sm .ui-input__addon--left {
            border-radius: var(--inputBorderRadiusSm) 0 0 var(--inputBorderRadiusSm);
        }
        .ui-input--sm .ui-input__addon--right {
            border-radius: 0 var(--inputBorderRadiusSm) var(--inputBorderRadiusSm) 0;
        }
        .ui-input--sm .ui-input__output {
            left: 8px;
        }
        .ui-input--sm .ui-input__prefix ~ .ui-input__output {
            left: calc(var(--inputGapSm) + var(--inputIconSizeSm) + 8px);
        }
        .ui-input--sm.ui-input--dynamic-suffix .ui-input__suffix {
            padding: 0 var(--inputPaddingHSm);
        }
        .ui-input--sm .ui-icon {
            height: var(--inputIconSizeSm);
            width: var(--inputIconSizeSm);
        }
        .ui-input--sm.ui-input--textarea .ui-input__container {
            height: 52px;
        }
        .ui-input--sm.ui-input--textarea .ui-input__element {
            padding: var(--inputPaddingVSm) 0;
        }
        .ui-input--sm.ui-input--default .ui-input__container {
            border-radius: var(--inputBorderRadiusSm);
        }
        .ui-input--sm.ui-input--has-suffix .ui-input__output {
            right: calc(var(--inputGapSm) + var(--inputIconSizeSm) + 8px);
        }
        .ui-input--md .ui-input__container,
        .ui-input--md .ui-input__element,
        .ui-input--md .ui-input__header,
        .ui-input--md .ui-input__output {
            font: var(--componentInputMd);
        }
        .ui-input--md .ui-input__container {
            height: var(--inputSizeMd);
        }
        .ui-input--md .ui-input__prefix {
            margin-right: var(--inputGapMd);
        }
        .ui-input--md .ui-input__clear,
        .ui-input--md .ui-input__suffix {
            height: var(--inputSizeMd);
            min-width: var(--inputSizeMd);
        }
        .ui-input--md .ui-input__suffix .ui-chip {
            margin-right: var(--inputSuffixGapMd);
        }
        .ui-input--md .ui-input__divider {
            height: var(--inputSuffixSplitterHeightMd);
        }
        .ui-input--md .ui-input__helper {
            font: var(--body2);
        }
        .ui-input--md .ui-input__addon,
        .ui-input--md .ui-input__field {
            padding: 0 12px;
        }
        .ui-input--md .ui-input__addon:before {
            height: var(--inputAddonSplitterHeightMd);
        }
        .ui-input--md .ui-input__addon--left {
            border-radius: var(--inputBorderRadiusMd) 0 0 var(--inputBorderRadiusMd);
        }
        .ui-input--md .ui-input__addon--right {
            border-radius: 0 var(--inputBorderRadiusMd) var(--inputBorderRadiusMd) 0;
        }
        .ui-input--md .ui-input__output {
            left: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .ui-input--md .ui-input__prefix ~ .ui-input__output {
            left: calc(var(--inputGapMd) + var(--inputIconSizeMd) + 12px);
        }
        .ui-input--md.ui-input--dynamic-suffix .ui-input__suffix {
            padding: 0 var(--inputPaddingHMd);
        }
        .ui-input--md .ui-icon {
            height: var(--inputIconSizeMd);
            width: var(--inputIconSizeMd);
        }
        .ui-input--md.ui-input--textarea .ui-input__container {
            height: 60px;
        }
        .ui-input--md.ui-input--textarea .ui-input__element {
            padding: var(--inputPaddingVMd) 0;
        }
        .ui-input--md.ui-input--default .ui-input__container {
            border-radius: var(--inputBorderRadiusMd);
        }
        .ui-input--md.ui-input--has-suffix .ui-input__output {
            right: calc(var(--inputGapMd) + var(--inputIconSizeMd) + 12px);
        }
        .ui-input--lg .ui-input__container,
        .ui-input--lg .ui-input__element,
        .ui-input--lg .ui-input__header,
        .ui-input--lg .ui-input__output {
            font: var(--componentInputLg);
        }
        .ui-input--lg .ui-input__container {
            height: var(--inputSizeLg);
        }
        .ui-input--lg .ui-input__clear,
        .ui-input--lg .ui-input__suffix {
            height: var(--inputSizeLg);
            min-width: var(--inputSizeLg);
        }
        .ui-input--lg .ui-input__suffix .ui-chip {
            margin-right: var(--inputSuffixGapLg);
        }
        .ui-input--lg .ui-input__divider {
            height: var(--inputSuffixSplitterHeightLg);
        }
        .ui-input--lg .ui-input__helper {
            font: var(--body1);
        }
        .ui-input--lg .ui-input__addon,
        .ui-input--lg .ui-input__field {
            padding: 0 12px;
        }
        .ui-input--lg .ui-input__prefix {
            margin-right: var(--inputGapLg);
        }
        .ui-input--lg .ui-input__addon:before {
            height: var(--inputAddonSplitterHeightLg);
        }
        .ui-input--lg .ui-input__addon--left {
            border-radius: var(--inputBorderRadiusLg) 0 0 var(--inputBorderRadiusLg);
        }
        .ui-input--lg .ui-input__addon--right {
            border-radius: 0 var(--inputBorderRadiusLg) var(--inputBorderRadiusLg) 0;
        }
        .ui-input--lg .ui-input__output {
            left: 12px;
        }
        .ui-input--lg .ui-input__prefix ~ .ui-input__output {
            left: calc(var(--inputGapLg) + var(--inputIconSizeLg) + 12px);
        }
        .ui-input--lg.ui-input--dynamic-suffix .ui-input__suffix {
            padding: 0 var(--inputPaddingHLg);
        }
        .ui-input--lg .ui-icon {
            height: var(--inputIconSizeLg);
            width: var(--inputIconSizeLg);
        }
        .ui-input--lg.ui-input--textarea .ui-input__container {
            height: 64px;
        }
        .ui-input--lg.ui-input--textarea .ui-input__element {
            padding: var(--inputPaddingVLg) 0;
        }
        .ui-input--lg.ui-input--default .ui-input__container {
            border-radius: var(--inputBorderRadiusLg);
        }
        .ui-input--lg.ui-input--has-suffix .ui-input__output {
            right: calc(var(--inputGapLg) + var(--inputIconSizeLg) + 12px);
        }
        .ui-input--default .ui-input__container {
            background: var(--inputBgDefault);
            border: var(--inputBorderWidthDefault) solid var(--inputBrDefault);
            box-shadow: var(--emboss);
        }
        .ui-input--default .ui-input__container:hover {
            background: var(--inputBgHover);
            border: var(--inputBorderWidthHover) solid var(--inputBrHover);
        }
        .ui-input--default .ui-input__container:active {
            background: var(--inputBgActive);
            border: var(--inputBorderWidthActive) solid var(--inputBrActive);
        }
        .ui-input--default.is-focused .ui-input__container {
            background: var(--inputBgFocus);
            border: var(--inputBorderWidthFocus) solid var(--inputBrFocus);
            outline: 3px solid var(--inputOutlineDefault);
        }
        .ui-input--default.is-disabled .ui-input__container {
            background: var(--inputBgDisabled);
            border: var(--inputBorderWidthDisabled) solid var(--inputBrDisabled);
        }
        .ui-input--default.is-valid .ui-input__container {
            border: var(--inputBorderWidthSuccessDefault) solid var(--inputBrSuccessDefault);
        }
        .ui-input--default.is-valid .ui-input__container:hover {
            border-width: var(--inputBorderWidthSuccessHover);
        }
        .ui-input--default.is-valid .ui-input__container:active {
            border-width: var(--inputBorderWidthSuccessActive);
        }
        .ui-input--default.is-warned .ui-input__container {
            border: var(--inputBorderWidthSuccessDefault) solid var(--inputBrWarningDefault);
        }
        .ui-input--default.is-warned .ui-input__container:hover {
            border-width: var(--inputBorderWidthSuccessHover);
        }
        .ui-input--default.is-warned .ui-input__container:active {
            border-width: var(--inputBorderWidthSuccessActive);
        }
        .ui-input--default.is-warned .ui-input__helper {
            color: var(--inputHelperLabelWarning);
        }
        .ui-input--default.is-warned .ui-input__helper .ui-icon {
            fill: var(--inputHelperIconWarning);
        }
        .ui-input--default.is-invalid .ui-input__container {
            background: var(--inputBgErrorDefault);
            border: var(--inputBorderWidthErrorDefault) solid var(--inputBrErrorDefault);
        }
        .ui-input--default.is-invalid .ui-input__container:hover {
            background: var(--inputBgErrorHover);
            border-width: var(--inputBorderWidthErrorHover);
        }
        .ui-input--default.is-invalid .ui-input__container:active {
            background: var(--inputBgErrorActive);
            border-width: var(--inputBorderWidthErrorActive);
        }
        .ui-input--default.is-invalid.is-focused .ui-input__container {
            background: var(--inputBgErrorFocus);
            border-width: var(--inputBorderWidthErrorFocus);
            outline: 3px solid var(--inputOutlineError);
        }
        .ui-input--default.is-invalid .ui-input__helper .ui-icon {
            fill: var(--inputHelperIconError);
        }
        .ui-input--button .ui-input__field {
            overflow: hidden;
        }
        .ui-input--button .ui-input__element {
            flex-grow: 1;
            flex-shrink: 1;
            min-width: 0;
            padding: 0;
            width: auto;
        }
        .ui-input--button .ui-input__output {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .ui-input.is-disabled,
        .ui-input.is-readonly {
            pointer-events: none;
        }
        .ui-input.is-disabled .ui-input__prefix {
            color: var(--inputPrefixLabelDisabled);
        }
        .ui-input.is-disabled .ui-input__prefix .ui-icon {
            fill: var(--inputPrefixIconDisabled);
        }
        .ui-input.is-disabled .ui-input__suffix {
            color: var(--inputSuffixLabelDisabled);
        }
        .ui-input.is-disabled .ui-input__suffix .ui-icon {
            fill: var(--inputSuffixIconDisabled);
        }
        .ui-input.is-disabled .ui-input__addon {
            background: var(--inputAddonBgDisabled);
            color: var(--inputAddonColorDisabled);
        }
        .ui-input.is-disabled .ui-input__addon:before {
            background: var(--inputAddonBrDisabled);
        }
        .ui-input.is-disabled .ui-input__element {
            color: var(--inputColorFilledDisabled);
        }
        .ui-input.is-disabled .ui-input__element:-webkit-autofill {
            color: var(--inputColorFilledDisabled);
        }
        .ui-input.is-disabled .ui-input__element::-webkit-input-placeholder {
            color: var(--inputColorDisabled);
        }
        .ui-input.is-disabled .ui-input__element::-moz-placeholder {
            color: var(--inputColorDisabled);
        }
        .ui-input.is-disabled .ui-input__output {
            color: var(--inputColorFilledDisabled);
        }
        .ui-error {
            align-items: flex-start;
            color: var(--inputHelperLabelError);
            display: inline-flex;
            font: var(--body2);
            justify-content: center;
        }
        .ui-error .ui-icon {
            fill: var(--inputHelperIconError);
            margin-right: 6px;
            margin-top: 2px;
        }
        [class$="--sm"] .ui-error--auto {
            font: var(--caption1);
        }
        [class$="--sm"] .ui-error--auto .ui-icon {
            height: var(--inputIconSizeSm);
            width: var(--inputIconSizeSm);
        }
        [class$="--md"] .ui-error--auto {
            font: var(--body2);
        }
        [class$="--md"] .ui-error--auto .ui-icon {
            height: var(--inputIconSizeMd);
            width: var(--inputIconSizeMd);
        }
        [class$="--lg"] .ui-error--auto {
            font: var(--body1);
        }
        [class$="--lg"] .ui-error--auto .ui-icon {
            height: var(--inputIconSizeLg);
            width: var(--inputIconSizeLg);
        }
        .ui-error--sm .ui-icon {
            height: var(--inputIconSizeSm);
            width: var(--inputIconSizeSm);
        }
        .ui-error--sm .ui-error__message {
            font: var(--caption1);
        }
        .ui-error--md .ui-icon {
            height: var(--inputIconSizeMd);
            width: var(--inputIconSizeMd);
        }
        .ui-error--md .ui-error__message {
            font: var(--body2);
        }
        .ui-error--lg .ui-icon {
            height: var(--inputIconSizeLg);
            width: var(--inputIconSizeLg);
        }
        .ui-error--lg .ui-error__message {
            font: var(--body1);
        }
        .ui-hint {
            cursor: pointer;
            display: inline-flex;
        }
        .ui-hint__root {
            align-self: center;
            display: flex;
        }
        .ui-hint-tooltip {
            opacity: 0;
            padding: 12px;
            pointer-events: none;
            position: absolute;
            transition: opacity 0.2s;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            z-index: -1;
        }
        .ui-hint-tooltip.is-active {
            opacity: 1;
            pointer-events: auto;
            z-index: 9;
        }
        .ui-hint-tooltip--top .ui-hint-arrow {
            border-bottom-color: transparent !important;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-width: 5px 5px 0;
            margin-bottom: 0;
            margin-top: 0;
        }
        .ui-hint-tooltip--bottom .ui-hint-arrow {
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            border-width: 0 5px 5px;
            bottom: calc(100% - 12px);
            margin-bottom: 0;
            margin-top: 0;
        }
        .ui-hint-tooltip--right .ui-hint-arrow {
            border-bottom-color: transparent !important;
            border-left-color: transparent !important;
            border-top-color: transparent !important;
            border-width: 5px 5px 5px 0;
            left: 7px;
            margin-left: 0;
            margin-right: 0;
            top: calc(50% - 5px);
        }
        .ui-hint-tooltip--left .ui-hint-arrow {
            border-bottom-color: transparent !important;
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            border-width: 5px 0 5px 5px;
            margin-left: 0;
            margin-right: 0;
            right: 7px;
            top: calc(50% - 5px);
        }
        .ui-hint-content {
            background: var(--tooltipBg);
            border-radius: var(--tooltipBorderRadius);
            box-shadow: 0 var(--shadowYLg) var(--shadowBlurLg) 0 var(--shadowDefault);
            color: var(--tooltipColor);
            font: var(--body2);
            max-width: var(--tooltipMaxWidth);
            padding: var(--tooltipPaddingV) var(--tooltipPaddingH);
        }
        .ui-hint-content .link,
        .ui-hint-content a {
            color: var(--ttAccent1);
            font: inherit;
            text-decoration: underline;
        }
        .ui-hint-arrow {
            border-color: var(--tooltipBg);
            border-style: solid;
            height: 0;
            position: absolute;
            width: 0;
            z-index: 1;
        }
        .has-active-dialog .ui-hint-tooltip.is-active,
        .has-active-modal .ui-hint-tooltip.is-active {
            z-index: 9999;
        }
        .ui-empty {
            margin-left: auto;
            margin-right: auto;
            max-width: var(--emptyMaxWidth);
            text-align: center;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
        .ui-empty__image {
            aspect-ratio: 1.77777778;
            border-radius: var(--emptyImageBorderRadius);
            color: var(--emptyIcon);
            margin-bottom: var(--emptyGap);
            overflow: hidden;
        }
        @supports not (aspect-ratio: 16/9) {
            .ui-empty__image {
                height: 0;
                overflow: hidden;
                padding: 28.127%;
                position: relative;
            }
            .ui-empty__image img {
                left: 0;
                position: absolute;
                top: 0;
            }
        }
        .ui-empty__image img {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            width: 100%;
        }
        .ui-empty__image .ui-icon {
            height: var(--emptyIconSize);
            width: var(--emptyIconSize);
        }
        .ui-empty__title {
            color: var(--emptyTitle);
        }
        .ui-empty__description {
            color: var(--emptyDescription);
            font: var(--body1);
            margin-top: var(--emptyTextGap);
        }
        .ui-empty__content {
            margin-top: 16px;
            text-align: center;
        }
        .ui-empty--sm .ui-empty__title {
            font: var(--body2Strong);
        }
        .ui-empty--sm .ui-empty__description {
            font: var(--body2);
        }
        .ui-empty--md .ui-empty__title {
            font: var(--t5);
        }
        .ui-empty--lg .ui-empty__title {
            font: var(--t4);
        }
        .ui-countdown {
            display: inline-flex;
        }
        .ui-countdown__title {
            align-items: center;
            color: var(--countdownLabel);
            display: inline-flex;
        }
        .ui-countdown__units {
            color: var(--countdownDimension);
        }
        .ui-countdown__digit {
            color: var(--countdownDigit);
        }
        .ui-countdown__items {
            display: flex;
        }
        .ui-countdown--cellular .ui-countdown__item {
            align-items: center;
            background: var(--countdownBg);
            border-radius: var(--countdownBorderRadius);
            display: inline-flex;
            justify-content: center;
        }
        .ui-countdown--cellular.ui-countdown--xs .ui-countdown__title {
            font: var(--body2);
            margin-right: var(--countdownGapXs);
        }
        .ui-countdown--cellular.ui-countdown--xs .ui-countdown__digit,
        .ui-countdown--cellular.ui-countdown--xs .ui-countdown__units {
            font: var(--caption1Strong);
        }
        .ui-countdown--cellular.ui-countdown--xs .ui-countdown__item {
            height: var(--countdownHeightXs);
            min-width: var(--countdownWidthXs);
            padding: 0 2px;
        }
        .ui-countdown--cellular.ui-countdown--xs .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapXs);
        }
        .ui-countdown--cellular.ui-countdown--xs.ui-countdown--bold-title .ui-countdown__title {
            font: var(--body2Strong);
        }
        .ui-countdown--cellular.ui-countdown--sm .ui-countdown__title {
            font: var(--body1);
            margin-right: var(--countdownGapSm);
        }
        .ui-countdown--cellular.ui-countdown--sm .ui-countdown__digit,
        .ui-countdown--cellular.ui-countdown--sm .ui-countdown__units {
            font: var(--caption1Strong);
        }
        .ui-countdown--cellular.ui-countdown--sm .ui-countdown__item {
            height: var(--countdownHeightSm);
            width: var(--countdownWidthSm);
        }
        .ui-countdown--cellular.ui-countdown--sm .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapSm);
        }
        .ui-countdown--cellular.ui-countdown--sm.ui-countdown--bold-title .ui-countdown__title {
            font: var(--body1Strong);
        }
        .ui-countdown--cellular.ui-countdown--md .ui-countdown__title {
            font: var(--t4);
            margin-right: var(--countdownGapMd);
        }
        .ui-countdown--cellular.ui-countdown--md .ui-countdown__digit,
        .ui-countdown--cellular.ui-countdown--md .ui-countdown__units {
            font: var(--body1Strong);
        }
        .ui-countdown--cellular.ui-countdown--md .ui-countdown__item {
            height: var(--countdownHeightMd);
            width: var(--countdownWidthMd);
        }
        .ui-countdown--cellular.ui-countdown--md .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapMd);
        }
        .ui-countdown--cellular.ui-countdown--lg .ui-countdown__title {
            font: var(--t3);
            margin-right: var(--countdownGapLg);
        }
        .ui-countdown--cellular.ui-countdown--lg .ui-countdown__digit,
        .ui-countdown--cellular.ui-countdown--lg .ui-countdown__units {
            font: var(--t3);
        }
        .ui-countdown--cellular.ui-countdown--lg .ui-countdown__item {
            height: var(--countdownHeightLg);
            width: var(--countdownWidthLg);
        }
        .ui-countdown--cellular.ui-countdown--lg .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapLg);
        }
        .ui-countdown--textual {
            flex-direction: column;
        }
        .ui-countdown--textual .ui-countdown__item {
            align-items: center;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }
        .ui-countdown--textual .ui-countdown__item + .ui-countdown__item:before {
            color: var(--countdownDigit);
            content: ":";
            position: absolute;
            top: 0;
        }
        .ui-countdown--textual.ui-countdown--xxs .ui-countdown__digit {
            font: var(--caption1Strong);
        }
        .ui-countdown--textual.ui-countdown--xxs .ui-countdown__title {
            margin-bottom: var(--countdownGapXxs);
        }
        .ui-countdown--textual.ui-countdown--xxs .ui-countdown__item {
            min-width: var(--countdownTextualSizeXxs);
        }
        .ui-countdown--textual.ui-countdown--xxs .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapXs);
        }
        .ui-countdown--textual.ui-countdown--xxs .ui-countdown__item + .ui-countdown__item:before {
            font: var(--caption1Strong);
            left: calc(var(--countdownGapXs) * -1);
        }
        .ui-countdown--textual.ui-countdown--xs .ui-countdown__title {
            font: var(--body2);
            margin-bottom: var(--countdownGapXs);
        }
        .ui-countdown--textual.ui-countdown--xs .ui-countdown__digit {
            font: var(--body2Strong);
        }
        .ui-countdown--textual.ui-countdown--xs .ui-countdown__units {
            font: var(--caption2Strong);
        }
        .ui-countdown--textual.ui-countdown--xs .ui-countdown__item {
            min-width: var(--countdownTextualSizeXs);
        }
        .ui-countdown--textual.ui-countdown--xs .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapXs);
        }
        .ui-countdown--textual.ui-countdown--xs .ui-countdown__item + .ui-countdown__item:before {
            font: var(--body2Strong);
            left: calc(var(--countdownGapXs) * -1);
        }
        .ui-countdown--textual.ui-countdown--xs.ui-countdown--bold-title .ui-countdown__title {
            font: var(--body2Strong);
        }
        .ui-countdown--textual.ui-countdown--sm .ui-countdown__title {
            font: var(--body1);
            margin-bottom: var(--countdownGapSm);
        }
        .ui-countdown--textual.ui-countdown--sm .ui-countdown__digit {
            font: var(--body1Strong);
        }
        .ui-countdown--textual.ui-countdown--sm .ui-countdown__units {
            font: var(--caption2Strong);
        }
        .ui-countdown--textual.ui-countdown--sm .ui-countdown__item {
            min-width: var(--countdownTextualSizeSm);
        }
        .ui-countdown--textual.ui-countdown--sm .ui-countdown__item + .ui-countdown__item {
            margin-left: var(--countdownGapSm);
        }
        .ui-countdown--textual.ui-countdown--sm .ui-countdown__item + .ui-countdown__item:before {
            font: var(--body1Strong);
            left: calc(var(--countdownGapSm) * -1);
        }
        .ui-countdown--textual.ui-countdown--sm.ui-countdown--bold-title .ui-countdown__title {
            font: var(--body1Strong);
        }
        .ui-countdown--vertical {
            flex-direction: column;
        }
        .ui-countdown--vertical.ui-countdown--xs .ui-countdown__title {
            margin-bottom: var(--countdownGapXs);
            margin-right: 0;
        }
        .ui-countdown--vertical.ui-countdown--sm .ui-countdown__title {
            margin-bottom: var(--countdownGapSm);
            margin-right: 0;
        }
        .ui-countdown--vertical.ui-countdown--md .ui-countdown__title {
            margin-bottom: var(--countdownGapMd);
            margin-right: 0;
        }
        .ui-countdown--vertical.ui-countdown--lg .ui-countdown__title {
            margin-bottom: var(--countdownGapLg);
            margin-right: 0;
        }
        .ui-notification {
            background: var(--notificationGlobalBg);
            border-radius: var(--notificationGlobalBorderRadius);
            box-shadow: 0 var(--shadowYLg) var(--shadowBlurLg) 0 var(--shadowDefault);
            display: flex;
            max-width: var(--notificationGlobalMaxWidth);
            min-height: 72px;
            min-width: var(--notificationGlobalMinWidth);
            padding: var(--notificationItemPaddingV) var(--notificationItemPaddingR) var(--notificationItemPaddingV)
                var(--notificationItemPaddingL);
            transition:
                transform 0.3s ease,
                opacity 0.3s ease;
        }
        .ui-notification__close {
            position: absolute;
            right: 8px;
            top: 8px;
            z-index: 1;
        }
        .ui-notification__content {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            width: 100%;
        }
        .ui-notification__message {
            align-items: center;
            color: var(--notificationColor);
            display: flex;
            font: var(--body2);
            margin-left: var(--notificationItemGap);
            min-height: var(--notificationIndicatorSize);
        }
        .ui-notification__status {
            align-self: flex-start;
            position: relative;
        }
        .ui-notification__status:before {
            border-radius: 50%;
            content: "";
            height: var(--notificationIndicatorSize);
            width: var(--notificationIndicatorSize);
        }
        .ui-notification__icon,
        .ui-notification__status:before {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .ui-notification__icon {
            height: var(--notificationIndicatorIconSize);
            width: var(--notificationIndicatorIconSize);
        }
        .ui-notification__image {
            flex: 0 0 auto;
            margin-right: var(--notificationItemGap);
        }
        .ui-notification__image .ui-icon {
            height: var(--notificationGlobalIconSize);
            width: var(--notificationGlobalIconSize);
        }
        .ui-notification__image img {
            border-radius: var(--notificationGlobalImageBorderRadius);
            height: var(--notificationGlobalImageSize);
            -o-object-fit: cover;
            object-fit: cover;
            width: var(--notificationGlobalImageSize);
        }
        .ui-notification__indicator {
            transform: rotate(-90deg);
        }
        .ui-notification__circle {
            fill: none;
            height: 100%;
            width: 100%;
        }
        .ui-notification__circle.is-animate {
            stroke-width: 4;
            stroke-linecap: round;
            stroke-dasharray: 113;
            stroke-dashoffset: -6;
            animation: changeIndicatorDashoffset var(--notificationIndicatorDuration) linear forwards;
            animation-delay: 0.15s;
        }
        .ui-notification__title {
            font: var(--body2Strong);
        }
        .ui-notification__description {
            font: var(--body2);
        }
        .ui-notification__description p {
            margin: 0;
        }
        .ui-notification__description a {
            font: var(--body2);
        }
        .ui-notification__actions {
            padding-top: var(--notificationItemGap);
        }
        .ui-notification--success .ui-notification__status:before {
            background: var(--notificationIndicatorSuccessBg);
        }
        .ui-notification--success .ui-notification__circle.is-animate {
            stroke: var(--notificationIndicatorSuccessBr);
        }
        .ui-notification--success .ui-notification__icon {
            fill: var(--notificationIndicatorSuccessColor);
        }
        .ui-notification--warning .ui-notification__status:before {
            background: var(--notificationIndicatorWarningBg);
        }
        .ui-notification--warning .ui-notification__circle.is-animate {
            stroke: var(--notificationIndicatorWarningBr);
        }
        .ui-notification--warning .ui-notification__icon {
            fill: var(--notificationIndicatorWarningColor);
        }
        .ui-notification--error .ui-notification__status:before {
            background: var(--notificationIndicatorDangerBg);
        }
        .ui-notification--error .ui-notification__circle.is-animate {
            stroke: var(--notificationIndicatorDangerBr);
        }
        .ui-notification--error .ui-notification__icon {
            fill: var(--notificationIndicatorDangerColor);
        }
        .ui-notification--info .ui-notification__status:before {
            background: var(--notificationIndicatorInfoBg);
        }
        .ui-notification--info .ui-notification__circle.is-animate {
            stroke: var(--notificationIndicatorInfoBr);
        }
        .ui-notification--info .ui-notification__icon {
            fill: var(--notificationIndicatorInfoColor);
        }
        .ui-notification--animate-in:not(.ui-notification--collapsed) {
            animation-duration: 0.3s;
            animation-name: uiNotificationPopIn;
            animation-timing-function: ease-in;
        }
        .ui-notification--animate-in.ui-notification--collapsed {
            animation-duration: 0.3s;
            animation-name: uiNotificationPopInCollapsed;
            animation-timing-function: ease-in;
        }
        .ui-notification--animate-out:not(.ui-notification--collapsed) {
            animation-duration: 0.3s;
            animation-name: uiNotificationPopOut;
            animation-timing-function: ease-out;
            z-index: -1;
        }
        .ui-notification--animate-out.ui-notification--collapsed {
            animation-duration: 0.3s;
            animation-name: uiNotificationPopOutCollapsed;
            animation-timing-function: ease-out;
            z-index: -1;
        }
        .ui-notification--collapsed {
            box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);
            opacity: 0;
            position: absolute !important;
            transform: scale(var(--notificationAnimationCollapsedScale));
        }
        .ui-notification--collapsed:first-child {
            opacity: 1;
            position: relative !important;
        }
        .ui-notification--collapsed:nth-child(2) {
            z-index: -1;
        }
        .ui-notification--collapsed:nth-child(2),
        .ui-notification--collapsed:nth-child(3) {
            margin-top: calc(((var(--notificationGap) / 2) + var(--notificationMinHeight)) * -1);
            opacity: 1;
            position: relative !important;
        }
        .ui-notification--collapsed:nth-child(3) {
            z-index: -2;
        }
        .ui-notification--collapsed .ui-notification__description,
        .ui-notification--collapsed .ui-notification__title {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            overflow: hidden;
        }
        .ui-notification .ui-tracking-link {
            display: block;
            inset: 0;
            position: absolute;
        }
        @media screen and (max-width: 767px) {
            .has-active-dialog .ui-notification--collapsed,
            .has-active-modal .ui-notification--collapsed {
                box-shadow: 0 var(--shadowYLg) var(--shadowBlurLg) 0 var(--shadowDefault);
            }
        }
        @keyframes changeIndicatorDashoffset {
            0% {
                stroke-dashoffset: -6;
            }
            to {
                stroke-dashoffset: -113;
            }
        }
        @keyframes uiNotificationPopIn {
            0% {
                margin-top: calc(var(--notificationAnimationHeight) * -1);
                opacity: 0;
            }
            to {
                margin-top: 0;
                opacity: 1;
            }
        }
        @keyframes uiNotificationPopOut {
            0% {
                margin-top: 0;
                opacity: 1;
            }
            to {
                margin-top: calc((var(--notificationAnimationHeight) + var(--notificationGap)) * -1);
                opacity: 0;
            }
        }
        @keyframes uiNotificationPopInCollapsed {
            0% {
                opacity: 0;
                transform: translateY(calc(var(--notificationAnimationHeight) * -1));
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        @keyframes uiNotificationPopOutCollapsed {
            0% {
                opacity: 1;
                transform: translateY(0);
            }
            to {
                opacity: 0;
                transform: translateY(calc((var(--notificationAnimationHeight) + var(--notificationGap)) * -1));
            }
        }
        .ui-menu {
            --outlineGap: 5px;
            text-align: center;
        }
        .ui-menu__list {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .ui-menu__label {
            flex-grow: 1;
            font: var(--body2Strong);
            white-space: nowrap;
        }
        .ui-menu__link {
            align-items: center;
            background: var(--menuItemBgDefault);
            border: var(--menuBorderWidth) solid var(--menuItemBrDefault);
            border-radius: var(--menuItemBorderRadius);
            color: var(--menuItemColorDefault);
            display: inline-flex;
            height: var(--menuItemSize);
            justify-content: center;
            padding: 0 var(--menuItemPaddingH);
            text-decoration: none;
        }
        .ui-menu__link .ui-icon {
            fill: var(--menuItemIconDefault);
            flex-shrink: 0;
            height: var(--menuItemIconSize);
            margin-right: var(--menuItemGap);
            -o-object-fit: contain;
            object-fit: contain;
            width: var(--menuItemIconSize);
        }
        .ui-menu__link:visited {
            color: var(--menuItemColorDefault);
        }
        .ui-menu__link:hover {
            background: var(--menuItemBgHover);
            border: var(--menuBorderWidth) solid var(--menuItemBrHover);
            color: var(--menuItemColorHover);
        }
        .ui-menu__link:hover .ui-icon {
            fill: var(--menuItemIconHover);
        }
        .ui-menu__link:active {
            background: var(--menuItemBgActive);
            border: var(--menuBorderWidth) solid var(--menuItemBrActive);
            color: var(--menuItemColorActive);
        }
        .ui-menu__link:active .ui-icon {
            fill: var(--menuItemIconActive);
        }
        .ui-menu__link:focus-visible {
            background: var(--menuItemBgFocus);
            border: var(--menuBorderWidth) solid var(--menuItemBrFocus);
            border-radius: var(--menuItemBorderRadius);
            color: var(--menuItemColorFocus);
            outline: 4px solid var(--menuItemOutline);
        }
        .ui-menu__link:focus-visible .ui-icon {
            fill: var(--menuItemIconFocus);
        }
        .ui-menu__link.is-active {
            background: var(--menuItemCheckedBgDefault);
            border: var(--menuBorderWidth) solid var(--menuItemCheckedBrDefault);
            color: var(--menuItemCheckedColorDefault);
        }
        .ui-menu__link.is-active .ui-icon {
            fill: var(--menuItemCheckedColorDefault);
        }
        .ui-menu__link.is-active:hover {
            background: var(--menuItemCheckedBgHover);
            color: var(--menuItemCheckedColorHover);
        }
        .ui-menu__link.is-active:hover .ui-icon {
            fill: var(--menuItemCheckedColorHover);
        }
        .ui-menu__link.is-active:active {
            background: var(--menuItemCheckedBgActive);
            color: var(--menuItemCheckedColorActive);
        }
        .ui-menu__link.is-active:active .ui-icon {
            fill: var(--menuItemCheckedColorActive);
        }
        .ui-menu__link.is-active:focus-visible {
            background: var(--menuItemCheckedBgFocus);
            border: var(--menuBorderWidth) solid var(--menuItemCheckedBrFocus);
            border-radius: var(--menuItemBorderRadius);
            color: var(--menuItemCheckedColorFocus);
            outline: 4px solid var(--menuItemOutline);
        }
        .ui-menu__link.is-active:focus-visible .ui-icon {
            fill: var(--menuItemCheckedColorFocus);
        }
        .ui-menu__link .ui-badge {
            margin-left: 8px;
        }
        .ui-menu--vertical .ui-menu__item__item + .ui-menu__item {
            margin-top: var(--menuGap);
        }
        .ui-menu--vertical .ui-menu__link {
            display: flex;
        }
        .ui-menu--vertical .ui-menu__label {
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .ui-menu--horizontal {
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
            margin-bottom: calc(var(--outlineGap) * -1);
            margin-top: calc(var(--outlineGap) * -1);
            overflow: scroll hidden;
            padding-bottom: var(--outlineGap);
            padding-top: var(--outlineGap);
            scrollbar-width: none;
            white-space: nowrap;
        }
        .ui-menu--horizontal::-webkit-scrollbar {
            width: 0;
        }
        .ui-menu--horizontal .ui-menu__list {
            grid-gap: var(--menuGap);
            display: grid;
            grid-auto-columns: -webkit-max-content;
            grid-auto-columns: max-content;
            grid-auto-flow: column;
        }
        .ui-menu--fullscreen {
            margin-left: calc(var(--layoutPaddingHXs) * -1);
            margin-right: calc(var(--layoutPaddingHXs) * -1);
            padding-left: var(--layoutPaddingHXs);
            padding-right: var(--layoutPaddingHXs);
        }
        @media screen and (min-width: 768px) {
            .ui-menu--fullscreen {
                margin-left: calc(var(--layoutPaddingHSm) * -1);
                margin-right: calc(var(--layoutPaddingHSm) * -1);
                padding-left: var(--layoutPaddingHSm);
                padding-right: var(--layoutPaddingHSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .ui-menu--fullscreen {
                margin-left: calc(var(--layoutPaddingHMd) * -1);
                margin-right: calc(var(--layoutPaddingHMd) * -1);
                padding-left: var(--layoutPaddingHMd);
                padding-right: var(--layoutPaddingHMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .ui-menu--fullscreen {
                margin-left: calc(var(--layoutPaddingHLg) * -1);
                margin-right: calc(var(--layoutPaddingHLg) * -1);
                padding-left: var(--layoutPaddingHLg);
                padding-right: var(--layoutPaddingHLg);
            }
        }
        .ui-navigator {
            align-items: center;
            display: flex;
            justify-content: center;
            list-style: none;
            margin: 0 auto;
            padding: var(--navigatorDashPadding);
        }
        .ui-navigator__item {
            background-color: var(--navigatorDefault);
            border-radius: 100px;
            cursor: pointer;
            display: flex;
            height: 0;
            transition: width 0.3s;
            width: 0;
            will-change: width;
        }
        .ui-navigator__item.active {
            background-color: var(--navigatorActive);
        }
        .ui-navigator__item.active,
        .ui-navigator__item.dot-sm,
        .ui-navigator__item.dot-xs {
            height: var(--navigatorDashHeight);
        }
        .ui-navigator--md {
            width: var(--navigatorDashWidthMd);
        }
        .ui-navigator--md .ui-navigator__item.active {
            margin: 0 calc(var(--navigatorDashGapMd) / 2);
            width: var(--navigatorDashPrimaryWidthMd);
        }
        .ui-navigator--md .ui-navigator__item.dot-xs {
            margin: 0 calc(var(--navigatorDashGapMd) / 2);
            width: var(--navigatorDashTertiaryWidthMd);
        }
        .ui-navigator--md .ui-navigator__item.dot-sm {
            margin: 0 calc(var(--navigatorDashGapMd) / 2);
            width: var(--navigatorDashSecondaryWidthMd);
        }
        .ui-navigator--sm {
            width: var(--navigatorDashWidthSm);
        }
        .ui-navigator--sm .ui-navigator__item.active {
            margin: 0 calc(var(--navigatorDashGapSm) / 2);
            width: var(--navigatorDashPrimaryWidthSm);
        }
        .ui-navigator--sm .ui-navigator__item.dot-xs {
            margin: 0 calc(var(--navigatorDashGapSm) / 2);
            width: var(--navigatorDashTertiaryWidthSm);
        }
        .ui-navigator--sm .ui-navigator__item.dot-sm {
            margin: 0 calc(var(--navigatorDashGapSm) / 2);
            width: var(--navigatorDashSecondaryWidthSm);
        }
        .ui-dropdown {
            background: var(--dropdownBg);
            border-radius: var(--dropdownBorderRadius);
            box-shadow: 0 var(--shadowYLg) var(--shadowBlurLg) 0 var(--shadowDefault);
            list-style-type: none;
            margin: 0;
            opacity: 0;
            padding: var(--dropdownPaddingV) 0;
            pointer-events: none;
            position: absolute;
            transition: opacity 0.2s;
            z-index: -1;
        }
        .ui-dropdown__group-header {
            align-items: center;
            color: var(--dropdownGroupHeaderColor);
            display: flex;
            font: var(--overline);
            height: var(--dropdownGroupHeaderSize);
            letter-spacing: var(--letterSpacingOverline);
            padding: 0 var(--dropdownGroupHeaderPaddingH);
            text-transform: var(--overlineTextCase);
        }
        .ui-dropdown__item {
            align-items: center;
            color: var(--dropdownItemColorDefault);
            display: flex;
            font: var(--body1);
            min-height: var(--dropdownItemSize);
            padding: 0 var(--dropdownItemPaddingH);
            text-decoration: none;
        }
        .ui-dropdown__item .ui-icon {
            fill: currentColor;
            height: var(--dropdownItemIconSize);
            width: var(--dropdownItemIconSize);
        }
        .ui-dropdown__item .ui-flag-icon,
        .ui-dropdown__item .ui-icon {
            margin-right: var(--dropdownItemGap);
        }
        .ui-dropdown__item .ui-badge {
            margin-top: -12px;
        }
        .ui-dropdown__item:hover {
            background: var(--dropdownItemBgHover);
            color: var(--dropdownItemColorHover);
        }
        .ui-dropdown__item.is-active {
            background: var(--dropdownItemCheckedBgDefault);
            color: var(--dropdownItemCheckedColorDefault);
        }
        .ui-dropdown__item.is-active:hover {
            background: var(--dropdownItemCheckedBgHover);
            color: var(--dropdownItemCheckedColorHover);
        }
        .ui-dropdown__item img,
        .ui-dropdown__item object {
            flex: 0 0 auto;
            margin-right: var(--dropdownItemGap);
            max-height: var(--dropdownItemIconSize);
            min-width: var(--dropdownItemIconSize);
            pointer-events: none;
        }
        .ui-dropdown__item object {
            max-width: 80px;
        }
        .ui-dropdown__item-caption {
            color: var(--dropdownItemColorCaption);
            margin-left: var(--dropdownItemGap);
        }
        .ui-dropdown__item-indicator {
            margin-left: auto;
            padding-left: var(--dropdownItemGap);
        }
        .ui-dropdown__item-indicator .ui-icon {
            height: var(--dropdownItemIndicatorSize);
            margin-right: 0;
            width: var(--dropdownItemIndicatorSize);
        }
        .ui-dropdown.is-active {
            opacity: 1;
            pointer-events: auto;
            z-index: 5;
        }
        .ui-dropdown .ui-divider-holder {
            margin: 0;
        }
        .ui-dropdown .ui-divider {
            margin: var(--dropdownDividerPaddingV) 0;
        }
        .ui-progress {
            color: var(--progressColorDefault);
        }
        .ui-progress__right-slot {
            margin-left: 8px;
        }
        .ui-progress--circle {
            fill: none;
        }
        .ui-progress--linear .ui-progress__legend {
            align-items: center;
            display: flex;
            justify-content: space-between;
        }
        .ui-progress--linear .ui-progress__title {
            margin-right: auto;
        }
        .ui-progress--linear .ui-progress__value {
            flex-shrink: 0;
            margin-left: 8px;
            white-space: nowrap;
        }
        .ui-progress--linear .ui-progress__right-slot {
            flex-shrink: 0;
        }
        .ui-progress--linear .ui-progress__bar {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: var(--progressTrackColor);
            border-radius: var(--progressLinearBorderRadiusMd);
            box-shadow: var(--progressTrackBoxShadow);
            display: block;
            height: var(--progressLinearLineSizeMd);
            width: 100%;
        }
        .ui-progress--linear .ui-progress__bar::-webkit-progress-bar {
            background: var(--progressTrackColor);
            border-radius: var(--progressLinearBorderRadiusMd);
            box-shadow: var(--progressTrackBoxShadow);
        }
        .ui-progress--linear .ui-progress__bar::-moz-progress-bar {
            background: var(--progressLinearIndicatorDefault);
            border-radius: var(--progressLinearBorderRadiusMd);
            box-shadow: var(--progressIndicatorBoxShadowDefault);
        }
        .ui-progress--linear .ui-progress__bar::-webkit-progress-value {
            background: var(--progressLinearIndicatorDefault);
            border-radius: var(--progressLinearBorderRadiusMd);
            box-shadow: var(--progressIndicatorBoxShadowDefault);
        }
        .ui-progress--linear.ui-progress--sm .ui-progress__legend {
            font: var(--body2);
            margin-bottom: 2px;
        }
        .ui-progress--linear.ui-progress--sm .ui-progress__bar {
            border-radius: var(--progressLinearBorderRadiusSm);
            height: var(--progressLinearLineSizeSm);
        }
        .ui-progress--linear.ui-progress--sm .ui-progress__bar::-webkit-progress-bar {
            border-radius: var(--progressLinearBorderRadiusSm);
        }
        .ui-progress--linear.ui-progress--sm .ui-progress__bar::-moz-progress-bar {
            border-radius: var(--progressLinearBorderRadiusSm);
        }
        .ui-progress--linear.ui-progress--sm .ui-progress__bar::-webkit-progress-value {
            border-radius: var(--progressLinearBorderRadiusSm);
        }
        .ui-progress--linear.ui-progress--md .ui-progress__legend {
            font: var(--body1);
            margin-bottom: 4px;
        }
        .ui-progress--linear.ui-progress--md .ui-progress__bar {
            border-radius: var(--progressLinearBorderRadiusMd);
            height: var(--progressLinearLineSizeMd);
        }
        .ui-progress--linear.ui-progress--md .ui-progress__bar::-webkit-progress-bar {
            border-radius: var(--progressLinearBorderRadiusMd);
        }
        .ui-progress--linear.ui-progress--md .ui-progress__bar::-moz-progress-bar {
            border-radius: var(--progressLinearBorderRadiusMd);
        }
        .ui-progress--linear.ui-progress--md .ui-progress__bar::-webkit-progress-value {
            border-radius: var(--progressLinearBorderRadiusMd);
        }
        .ui-progress--linear.ui-progress--lg .ui-progress__legend {
            font: var(--body1);
            margin-bottom: 4px;
        }
        .ui-progress--linear.ui-progress--lg .ui-progress__bar {
            border-radius: var(--progressLinearBorderRadiusLg);
            height: var(--progressLinearLineSizeLg);
        }
        .ui-progress--linear.ui-progress--lg .ui-progress__bar::-webkit-progress-bar {
            border-radius: var(--progressLinearBorderRadiusLg);
        }
        .ui-progress--linear.ui-progress--lg .ui-progress__bar::-moz-progress-bar {
            border-radius: var(--progressLinearBorderRadiusLg);
        }
        .ui-progress--linear.ui-progress--lg .ui-progress__bar::-webkit-progress-value {
            border-radius: var(--progressLinearBorderRadiusLg);
        }
        .ui-progress--linear.ui-progress--horizontal {
            align-items: center;
            display: flex;
        }
        .ui-progress--linear.ui-progress--horizontal .ui-progress__title {
            margin-right: 8px;
            white-space: nowrap;
        }
        .ui-progress--linear.ui-progress--horizontal .ui-progress__value {
            margin-left: 8px;
            white-space: nowrap;
        }
        .ui-progress--linear.ui-progress--horizontal .ui-progress__bar {
            flex-grow: 1;
        }
        .ui-progress--linear.ui-progress--done .ui-progress__bar::-moz-progress-bar {
            background: var(--progressLinearIndicatorSuccess);
        }
        .ui-progress--linear.ui-progress--done .ui-progress__bar::-webkit-progress-value {
            background: var(--progressLinearIndicatorSuccess);
        }
        .ui-input--select,
        .ui-input--select .ui-input__container {
            position: relative;
        }
        .ui-input--select .ui-input__field {
            cursor: pointer;
        }
        .ui-input--select .ui-input__dropdown {
            -ms-overflow-style: none;
            max-height: 200px;
            overflow: auto;
            scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
            scrollbar-width: thin;
            width: 100%;
        }
        .ui-input--select .ui-input__dropdown::-webkit-scrollbar {
            background-color: transparent;
            width: 2px;
        }
        .ui-input--select .ui-input__dropdown::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }
        .ui-input--select .ui-input__dropdown::-webkit-scrollbar-button {
            display: none;
            width: 0;
        }
        .ui-input--select .ui-dropdown__item {
            cursor: pointer;
        }
        .ui-input--select .ui-input__suffix {
            cursor: pointer;
            pointer-events: none;
            transition: transform 0.2s;
        }
        .ui-input--select .ui-input__suffix .ui-icon {
            fill: var(--inputArrowDefault);
        }
        .ui-input--select.is-active .ui-input__suffix {
            transform: rotate(180deg);
        }
        .ui-input--select:hover .ui-input__suffix .ui-icon {
            fill: var(--inputArrowHover);
        }
        .ui-input--select:active .ui-input__suffix .ui-icon {
            fill: var(--inputArrowActive);
        }
        .ui-input--select.is-disabled .ui-input__suffix .ui-icon {
            fill: var(--inputArrowDisabled);
        }
        .ui-alert {
            align-items: flex-start;
            border-radius: var(--alertBorderRadius);
            border-style: solid;
            border-width: 1px;
            display: inline-flex;
            padding: var(--alertPadding);
            position: relative;
        }
        .ui-alert__icon {
            flex-shrink: 0;
            height: var(--alertIconSize);
            margin-right: var(--alertGap);
            width: var(--alertIconSize);
        }
        .ui-alert__close {
            flex-shrink: 0;
            margin: calc(var(--alertPadding) * -1 / 2) calc(var(--alertPadding) * -1 / 2) 0 auto;
        }
        .ui-alert__content {
            display: grid;
            flex-grow: 1;
            gap: var(--alertGap);
        }
        .ui-alert__title {
            color: var(--alertColor);
            font: var(--t5);
        }
        .ui-alert__message {
            color: var(--alertColor);
            font: var(--body2);
        }
        .ui-alert__message:empty {
            display: none;
        }
        .ui-alert--closable .ui-alert__content {
            margin-right: 8px;
        }
        .ui-alert--success {
            background: var(--alertBgSuccess);
            border-color: var(--alertBrSuccess);
        }
        .ui-alert--success .ui-icon {
            fill: var(--alertIconSuccess);
        }
        .ui-alert--warning {
            background: var(--alertBgWarning);
            border-color: var(--alertBrWarning);
        }
        .ui-alert--warning .ui-icon {
            fill: var(--alertIconWarning);
        }
        .ui-alert--error {
            background: var(--alertBgError);
            border-color: var(--alertBrError);
        }
        .ui-alert--error .ui-icon {
            fill: var(--alertIconError);
        }
        .ui-alert--info {
            background: var(--alertBgInfo);
            border-color: var(--alertBrInfo);
        }
        .ui-alert--info .ui-icon {
            fill: var(--alertIconInfo);
        }
        .ui-alert--tip {
            background: var(--alertBgTip);
            border-color: var(--alertBrTip);
        }
        .ui-alert--tip .ui-icon {
            fill: var(--alertIconTip);
        }
        .ui-alert--outline {
            background: none !important;
        }
        .ui-alert--block {
            display: flex;
            width: 100%;
        }
        .ui-phone-picker .ui-input--select {
            width: 100px;
        }
        .ui-phone-picker .ui-input--phone {
            flex-grow: 1;
        }
        .ui-phone-picker .ui-input__helper:empty {
            display: none;
        }
        .ui-phone-picker .ui-input__wrapper {
            position: relative;
        }
        .ui-phone-picker .ui-dropdown {
            -ms-overflow-style: none;
            left: 0;
            max-height: 232px;
            overflow: auto;
            right: 0;
            scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
            scrollbar-width: thin;
            top: calc(100% + 10px);
        }
        .ui-phone-picker .ui-dropdown::-webkit-scrollbar {
            background-color: transparent;
            width: 2px;
        }
        .ui-phone-picker .ui-dropdown::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }
        .ui-phone-picker .ui-dropdown::-webkit-scrollbar-button {
            display: none;
            width: 0;
        }
        .ui-phone-picker .ui-dropdown__item-caption {
            flex: 0 0 auto;
        }
        .ui-phone-picker .ui-dropdown__item--sticky {
            background: var(--dropdownBg);
            padding: 8px var(--dropdownItemPaddingH);
            position: sticky;
            top: -10px;
        }
        .ui-phone-picker .ui-dropdown__item--sticky .ui-input {
            width: 100%;
        }
        .ui-phone-picker__action {
            align-items: center;
            background: transparent;
            cursor: pointer;
            display: flex;
            height: 100%;
            justify-content: center;
        }
        .ui-input--md .ui-phone-picker__action.ui-phone-picker__action {
            gap: var(--inputSuffixGapMd);
        }
        .ui-phone-picker__action:focus-visible {
            outline: none;
        }
        .ui-phone-picker.is-warned .ui-dropdown .ui-input__container {
            border: initial !important;
        }
        .ui-phone-picker.is-warned .ui-input__helper {
            font: var(--body2);
        }
        .ui-phone-picker.is-warned .ui-input__helper .ui-icon--sm {
            height: var(--inputIconSizeSm);
            width: var(--inputIconSizeSm);
        }
        .ui-phone-picker.is-warned .ui-input__helper .ui-icon--md {
            height: var(--inputIconSizeMd);
            width: var(--inputIconSizeMd);
        }
        .ui-phone-picker.is-warned .ui-input__helper .ui-icon--lg {
            height: var(--inputIconSizeLg);
            width: var(--inputIconSizeLg);
        }
        .ui-phone-picker .ui-error .ui-icon--sm {
            height: var(--inputIconSizeSm);
            width: var(--inputIconSizeSm);
        }
        .ui-phone-picker .ui-error .ui-icon--md {
            height: var(--inputIconSizeMd);
            width: var(--inputIconSizeMd);
        }
        .ui-phone-picker .ui-error .ui-icon--lg {
            height: var(--inputIconSizeLg);
            width: var(--inputIconSizeLg);
        }
        .ui-table-wrapper--scrollable {
            -ms-overflow-style: none;
            overflow: auto;
            scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
            scrollbar-width: thin;
        }
        .ui-table-wrapper--scrollable::-webkit-scrollbar {
            background-color: transparent;
            width: 2px;
        }
        .ui-table-wrapper--scrollable::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }
        .ui-table-wrapper--scrollable::-webkit-scrollbar-button {
            display: none;
            width: 0;
        }
        .ui-table-wrapper--scrollable .ui-table__cell--head {
            white-space: nowrap;
        }
        .ui-table {
            border-collapse: separate;
            border-spacing: 0;
            width: 100%;
        }
        .ui-table__cell {
            border-bottom: 1px solid var(--tableCellBr);
            color: var(--tableCellColorDefault);
            font: var(--body1);
            min-height: var(--tableCellSize);
            padding: var(--tableCellPaddingV) var(--tableCellPaddingH);
            position: relative;
            text-align: left;
        }
        .ui-table__cell--head {
            background: var(--tableHeaderBg);
            color: var(--tableHeaderColorDefault);
            font: var(--body1Strong);
            position: relative;
        }
        .ui-table__cell--head:not(:last-child):after {
            background: var(--tableCellBr);
            content: "";
            height: var(--tableHeaderSplitterHeight);
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: var(--tableHeaderSplitterWidth);
        }
        .ui-table__cell--empty {
            color: var(--ttTertiary);
            text-align: center;
        }
        .ui-table__cell .positive {
            color: var(--tableCellColorPositive);
        }
        .ui-table__cell .negative {
            color: var(--tableCellColorNegative);
        }
        .ui-table__cell .received {
            color: var(--tableCellColorReceived);
        }
        .ui-table__cell .time {
            color: var(--ttTertiary);
        }
        .ui-table__cell.highlighted {
            background-color: var(--tableCellHighlightedBgDefault);
            color: var(--accordionColorDefault);
            font: var(--body1Strong);
        }
        .ui-table__tr--toggled {
            display: none;
        }
        .ui-table__tr--pre-toggled {
            cursor: pointer;
        }
        .ui-table__tr--pre-toggled.is-active .ui-table__cell {
            border-bottom: none;
        }
        .ui-table__tr--pre-toggled.is-active + .ui-table__tr--toggled {
            display: table-row;
        }
        @media screen and (max-width: 1023px) {
            .ui-table__cell {
                font: var(--body2);
                padding: 8px;
            }
            .ui-table__cell--head {
                font: var(--body2Strong);
            }
            .ui-table__cell--empty {
                text-align: left;
            }
        }
        @media screen and (max-width: 767px) {
            .ui-table__cell {
                font: var(--caption1);
            }
            .ui-table__cell--head {
                font: var(--caption1Strong);
            }
            .ui-table__cell .ui-status {
                font: var(--caption1) !important;
            }
        }
        .ui-paginator {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin-top: var(--paginatorGap);
        }
        .ui-paginator__stats {
            color: var(--paginatorColor);
            font: var(--body2);
        }
        .ui-paginator__pages {
            display: flex;
            gap: var(--paginatorGap);
        }
        .ui-paginator__pages-item {
            align-items: center;
            background: transparent;
            border-radius: var(--paginatorItemBorderRadius);
            color: var(--paginatorItemDefaultColorDefault);
            cursor: pointer;
            display: flex;
            font: var(--body1);
            height: var(--paginatorItemSize);
            justify-content: center;
            min-width: var(--paginatorItemSize);
        }
        .ui-paginator__pages-item:hover {
            background-color: var(--paginatorItemDefaultBgHover);
            color: var(--paginatorItemDefaultColorHover);
        }
        .ui-paginator__pages-item:active {
            background-color: var(--paginatorItemDefaultBgActive);
            color: var(--paginatorItemDefaultColorActive);
        }
        .ui-paginator__pages-item:focus-visible {
            color: var(--paginatorItemDefaultColorFocus);
            outline: var(--paginatorItemOutline) solid var(--paginatorItemOutlineBorderWidth);
        }
        .ui-paginator__pages-item.is-current {
            background-color: var(--paginatorItemCheckedBgDefault);
            color: var(--paginatorItemCheckedColorDefault);
            pointer-events: none;
        }
        .ui-paginator__pages-item--gap {
            color: var(--paginatorGapItemColor);
            pointer-events: none;
        }
        .ui-paginator.is-processing {
            pointer-events: none;
        }
        .ui-paginator--center .ui-paginator__stats {
            margin: 0 auto;
        }
        .ui-paginator--left .ui-paginator__stats {
            margin: 0 0 0 auto;
            order: 1;
        }
        .ui-paginator--left .ui-button {
            margin-right: var(--paginatorGap);
        }
        .ui-paginator--right .ui-paginator__stats {
            margin: 0 auto 0 0;
            order: 1;
        }
        .ui-paginator--right .ui-button {
            margin-left: var(--paginatorGap);
            order: 2;
        }
        .ui-paginator--advanced .ui-paginator__stats {
            margin: 0 var(--paginatorGap) 0 0;
            order: -1;
        }
        .ui-paginator--advanced .ui-paginator__prev {
            margin: 0;
            order: 1;
        }
        .ui-paginator--advanced .ui-paginator__next {
            margin: 0;
            order: 3;
        }
        .ui-paginator--advanced .ui-paginator__pages {
            margin: 0 var(--paginatorGap);
            order: 2;
        }
        .ui-paginator--advanced.ui-paginator--center {
            justify-content: center;
        }
        .ui-paginator--advanced.ui-paginator--left {
            justify-content: flex-start;
        }
        .ui-paginator--advanced.ui-paginator--right {
            justify-content: flex-end;
        }
        .ui-status {
            align-items: center;
            color: var(--statusLabel);
            display: inline-flex;
            white-space: nowrap;
        }
        .ui-status__indicator {
            border-radius: var(--statusIndicatorBorderRadius);
            height: var(--statusIndicatorSize);
            width: var(--statusIndicatorSize);
        }
        .ui-status__icon {
            align-items: center;
            display: inline-flex;
        }
        .ui-status--default-type.ui-status--xs {
            font: var(--body2);
        }
        .ui-status--default-type.ui-status--xs .ui-status__icon,
        .ui-status--default-type.ui-status--xs .ui-status__indicator {
            margin-right: var(--statusTagGapXs);
        }
        .ui-status--default-type.ui-status--sm {
            font: var(--body1);
        }
        .ui-status--default-type.ui-status--sm .ui-status__icon,
        .ui-status--default-type.ui-status--sm .ui-status__indicator {
            margin-right: var(--statusTagGapSm);
        }
        .ui-status--default-type.ui-status--default-variant .ui-status__icon {
            color: var(--statusIndicatorDefault);
        }
        .ui-status--default-type.ui-status--accent1-variant .ui-status__icon {
            color: var(--statusIndicatorAccent1);
        }
        .ui-status--default-type.ui-status--accent2-variant .ui-status__icon {
            color: var(--statusIndicatorAccent2);
        }
        .ui-status--default-type.ui-status--success-variant .ui-status__icon {
            color: var(--statusIndicatorSuccess);
        }
        .ui-status--default-type.ui-status--warning-variant .ui-status__icon {
            color: var(--statusIndicatorWarning);
        }
        .ui-status--default-type.ui-status--error-variant .ui-status__icon {
            color: var(--statusIndicatorDanger);
        }
        .ui-status--tag-type {
            border-style: solid;
            border-width: var(--borderWidthDefault);
        }
        .ui-status--tag-type.ui-status--xs {
            border-radius: var(--statusTagRoundedBorderRadiusXs);
            font: var(--body2);
            min-height: var(--statusTagSizeXs);
            padding: 0 var(--statusTagPaddingHXs);
        }
        .ui-status--tag-type.ui-status--xs.ui-status--circled {
            border-radius: var(--statusTagCircleBorderRadiusXs);
        }
        .ui-status--tag-type.ui-status--xs .ui-status__icon,
        .ui-status--tag-type.ui-status--xs .ui-status__indicator {
            margin-right: var(--statusTagGapXs);
        }
        .ui-status--tag-type.ui-status--sm {
            border-radius: var(--statusTagRoundedBorderRadiusSm);
            font: var(--body1);
            min-height: var(--statusTagSizeSm);
            padding: 0 var(--statusTagPaddingHSm);
        }
        .ui-status--tag-type.ui-status--sm.ui-status--circled {
            border-radius: var(--statusTagCircleBorderRadiusSm);
        }
        .ui-status--tag-type.ui-status--sm .ui-status__icon,
        .ui-status--tag-type.ui-status--sm .ui-status__indicator {
            margin-right: var(--statusTagGapSm);
        }
        .ui-status--tag-type.ui-status--default-variant {
            background-color: var(--statusBgDefault);
            border-color: var(--statusBrDefault);
        }
        .ui-status--tag-type.ui-status--accent1-variant {
            background-color: var(--statusBgAccent1);
            border-color: var(--statusBrAccent1);
        }
        .ui-status--tag-type.ui-status--accent2-variant {
            background-color: var(--statusBgAccent2);
            border-color: var(--statusBrAccent2);
        }
        .ui-status--tag-type.ui-status--success-variant {
            background-color: var(--statusBgSuccess);
            border-color: var(--statusBrSuccess);
        }
        .ui-status--tag-type.ui-status--warning-variant {
            background-color: var(--statusBgWarning);
            border-color: var(--statusBrWarning);
        }
        .ui-status--tag-type.ui-status--error-variant {
            background-color: var(--statusBgDanger);
            border-color: var(--statusBrDanger);
        }
        .ui-status--button-type.ui-status--xs {
            border-radius: var(--statusBtnBorderRadiusXs);
            font: var(--componentBtnXs);
            min-height: var(--statusBtnSizeXs);
            padding: 0 var(--statusBtnPaddingHXs);
        }
        .ui-status--button-type.ui-status--xs .ui-status__icon,
        .ui-status--button-type.ui-status--xs .ui-status__indicator {
            margin-right: var(--statusBtnGapXs);
        }
        .ui-status--button-type.ui-status--sm {
            border-radius: var(--statusBtnBorderRadiusSm);
            font: var(--componentBtnSm);
            min-height: var(--statusBtnSizeSm);
            padding: 0 var(--statusBtnPaddingHSm);
        }
        .ui-status--button-type.ui-status--sm .ui-status__icon,
        .ui-status--button-type.ui-status--sm .ui-status__indicator {
            margin-right: var(--statusBtnGapSm);
        }
        .ui-status--button-type.ui-status--md {
            border-radius: var(--statusBtnBorderRadiusMd);
            font: var(--componentBtnMd);
            min-height: var(--statusBtnSizeMd);
            padding: 0 var(--statusBtnPaddingHMd);
        }
        .ui-status--button-type.ui-status--md .ui-status__icon,
        .ui-status--button-type.ui-status--md .ui-status__indicator {
            margin-right: var(--statusBtnGapMd);
        }
        .ui-status--button-type.ui-status--lg {
            border-radius: var(--statusBtnBorderRadiusLg);
            font: var(--componentBtnLg);
            min-height: var(--statusBtnSizeLg);
            padding: 0 var(--statusBtnPaddingHLg);
        }
        .ui-status--button-type.ui-status--lg .ui-status__icon,
        .ui-status--button-type.ui-status--lg .ui-status__indicator {
            margin-right: var(--statusBtnGapLg);
        }
        .ui-status--button-type.ui-status--xl {
            border-radius: var(--statusBtnBorderRadiusXl);
            font: var(--componentBtnXl);
            min-height: var(--statusBtnSizeXl);
            padding: 0 var(--statusBtnPaddingHXl);
        }
        .ui-status--button-type.ui-status--xl .ui-status__icon,
        .ui-status--button-type.ui-status--xl .ui-status__indicator {
            margin-right: var(--statusBtnGapXl);
        }
        .ui-status--button-type.ui-status--default-variant {
            background-color: var(--statusBgDefault);
        }
        .ui-status--button-type.ui-status--default-variant .ui-status__icon {
            color: var(--statusIndicatorDefault);
        }
        .ui-status--button-type.ui-status--accent1-variant {
            background-color: var(--statusBgAccent1);
        }
        .ui-status--button-type.ui-status--accent1-variant .ui-status__icon {
            color: var(--statusIndicatorAccent1);
        }
        .ui-status--button-type.ui-status--accent2-variant {
            background-color: var(--statusBgAccent2);
        }
        .ui-status--button-type.ui-status--accent2-variant .ui-status__icon {
            color: var(--statusIndicatorAccent2);
        }
        .ui-status--button-type.ui-status--success-variant {
            background-color: var(--statusBgSuccess);
        }
        .ui-status--button-type.ui-status--success-variant .ui-status__icon {
            color: var(--statusIndicatorSuccess);
        }
        .ui-status--button-type.ui-status--warning-variant {
            background-color: var(--statusBgWarning);
        }
        .ui-status--button-type.ui-status--warning-variant .ui-status__icon {
            color: var(--statusIndicatorWarning);
        }
        .ui-status--button-type.ui-status--error-variant {
            background-color: var(--statusBgDanger);
        }
        .ui-status--button-type.ui-status--error-variant .ui-status__icon {
            color: var(--statusIndicatorDanger);
        }
        .ui-status--block {
            justify-content: center;
            width: 100%;
        }
        .ui-status--default-variant .ui-status__indicator {
            background-color: var(--statusIndicatorDefault);
        }
        .ui-status--accent1-variant .ui-status__indicator {
            background-color: var(--statusIndicatorAccent1);
        }
        .ui-status--accent2-variant .ui-status__indicator {
            background-color: var(--statusIndicatorAccent2);
        }
        .ui-status--success-variant .ui-status__indicator {
            background-color: var(--statusIndicatorSuccess);
        }
        .ui-status--warning-variant .ui-status__indicator {
            background-color: var(--statusIndicatorWarning);
        }
        .ui-status--error-variant .ui-status__indicator {
            background-color: var(--statusIndicatorDanger);
        }
        .ui-segmented {
            background: var(--segmentedBg);
            padding: var(--segmentedPadding);
        }
        .ui-segmented,
        .ui-segmented__item {
            align-items: center;
            display: inline-flex;
            justify-content: center;
        }
        .ui-segmented__item {
            background: var(--segmentedItemBg);
            color: var(--segmentedItemLabelDefault);
            cursor: pointer;
            text-align: center;
        }
        .ui-segmented__item.is-active {
            background: var(--segmentedItemCheckedBg);
            box-shadow: 0 var(--shadowYSm) var(--shadowBlurSm) 0 var(--shadowDefault);
            color: var(--segmentedItemCheckedLabel);
            pointer-events: none;
        }
        .ui-segmented--sm {
            border-radius: var(--segmentedBorderRadiusSm);
        }
        .ui-segmented--sm .ui-segmented__item {
            border-radius: var(--segmentedItemBorderRadiusSm);
            font: var(--caption1);
            height: var(--segmentedItemSizeSm);
            padding: 0 var(--segmentedItemPaddingHSm);
        }
        .ui-segmented--sm .ui-segmented__item .ui-icon {
            height: var(--segmentedItemIconSizeSm);
            margin-right: var(--segmentedItemGapSm);
            width: var(--segmentedItemIconSizeSm);
        }
        .ui-segmented--sm.ui-segmented--bold .ui-segmented__item {
            font: var(--caption1Strong);
        }
        .ui-segmented--md {
            border-radius: var(--segmentedBorderRadiusMd);
        }
        .ui-segmented--md .ui-segmented__item {
            border-radius: var(--segmentedItemBorderRadiusMd);
            font: var(--body1);
            height: var(--segmentedItemSizeMd);
            padding: 0 var(--segmentedItemPaddingHMd);
        }
        .ui-segmented--md .ui-segmented__item .ui-icon {
            height: var(--segmentedItemIconSizeMd);
            margin-right: var(--segmentedItemGapMd);
            width: var(--segmentedItemIconSizeMd);
        }
        .ui-segmented--md.ui-segmented--bold,
        .ui-segmented--md.ui-segmented--bold .ui-segmented__item {
            font: var(--body1Strong);
        }
        .ui-segmented--block {
            display: flex;
            width: 100%;
        }
        .ui-segmented--block .ui-segmented__item {
            flex-grow: 1;
        }
        .ui-segmented--disabled {
            background: var(--inputBgDisabled);
            border: var(--inputBorderWidthDisabled) solid var(--inputBrDisabled);
            pointer-events: none;
        }
        .ui-tab {
            align-items: flex-end;
            display: flex;
            position: relative;
            z-index: 0;
        }
        .ui-tab .ui-badge {
            position: absolute;
            right: -3px;
            top: 6px;
        }
        .ui-tab__item {
            align-items: center;
            color: var(--tabItemColorDefault);
            cursor: pointer;
            display: inline-flex;
            overflow: hidden;
            padding: 0;
            position: relative;
            text-decoration: none;
        }
        .ui-tab__item:hover {
            color: var(--tabItemColorHover);
        }
        .ui-tab__item.is-active {
            color: var(--tabItemCheckedColorDefault);
        }
        .ui-tab__item.is-active:hover {
            color: var(--tabItemCheckedColorHover);
        }
        .ui-tab__item.is-disabled {
            color: var(--tabItemColorDisabled);
            pointer-events: none;
        }
        .ui-tab .ui-tab__item {
            background: transparent;
            border: 0;
        }
        .ui-tab .ui-tab__item + .ui-tab__item {
            margin-left: var(--tabGapH);
        }
        .ui-tab--sm .ui-tab__item {
            font: var(--body2);
            height: var(--tabItemSizeSm);
        }
        .ui-tab--sm .ui-tab__item .ui-tab__icon {
            height: var(--tabItemIconSizeSm);
            width: var(--tabItemIconSizeSm);
        }
        .ui-tab--sm .ui-tab__item .ui-tab__icon + .ui-tab__label {
            margin-left: var(--tabItemGapSm);
        }
        .ui-tab--sm .ui-tab__item[href] {
            padding: 6px 0;
        }
        .ui-tab--md .ui-tab__item {
            font: var(--body1);
            height: var(--tabItemSizeMd);
        }
        .ui-tab--md .ui-tab__item .ui-tab__icon {
            height: var(--tabItemIconSizeMd);
            width: var(--tabItemIconSizeMd);
        }
        .ui-tab--md .ui-tab__item .ui-tab__icon + .ui-tab__label {
            margin-left: var(--tabItemGapMd);
        }
        .ui-tab--md .ui-tab__item[href] {
            padding: 8px 0;
        }
        .ui-tab--divider .ui-tab__divider {
            position: absolute;
            z-index: -1;
        }
        .ui-tab--divider.ui-tab--bottom .ui-tab__divider {
            border-bottom: 1px solid var(--tabBr);
            bottom: 0;
            left: 0;
            right: 0;
        }
        .ui-tab--divider.ui-tab--top .ui-tab__divider {
            border-top: 1px solid var(--tabBr);
            left: 0;
            right: 0;
            top: 0;
        }
        .ui-tab--top .ui-tab__item.is-active:before {
            border-top: 2px solid var(--tabItemCheckedIndicatorDefault);
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }
        .ui-tab--bottom .ui-tab__item.is-active:before {
            border-bottom: 2px solid var(--tabItemCheckedIndicatorDefault);
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
        }
        .ui-tab--adaptive-height,
        .ui-tab--adaptive-height .ui-tab__item {
            height: 100%;
        }
        .ui-tab--scrollable {
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch;
            overflow: auto;
            scrollbar-width: none;
            white-space: nowrap;
        }
        .ui-tab--scrollable::-webkit-scrollbar {
            width: 0;
        }
        .ui-tab--scrollable .ui-tab__item {
            overflow: visible;
        }
        .ui-spinner {
            align-items: center;
            display: flex;
            height: 100px;
            justify-content: center;
            width: 100%;
        }
        .ui-spinner--neutral {
            --primaryColor: var(--spinnerThumbDefault);
            --secondaryColor: var(--spinnerTrack);
        }
        .ui-spinner--accent1 {
            --primaryColor: var(--spinnerThumbAccent1);
            --secondaryColor: var(--spinnerTrack);
        }
        .ui-spinner--xs {
            --size: var(--spinnerSizeXs);
            --thickness: var(--spinnerBorderWidthXs);
        }
        .ui-spinner--sm {
            --size: var(--spinnerSizeSm);
            --thickness: var(--spinnerBorderWidthSm);
        }
        .ui-spinner--md {
            --size: var(--spinnerSizeMd);
            --thickness: var(--spinnerBorderWidthMd);
        }
        .ui-spinner--lg {
            --size: var(--spinnerSizeLg);
            --thickness: var(--spinnerBorderWidthLg);
        }
        .ui-spinner--inline {
            height: auto;
        }
        .ui-spinner__element {
            fill: none;
            animation: rotation 1s linear infinite;
            height: var(--size);
            width: var(--size);
        }
        .ui-spinner__track {
            stroke: var(--secondaryColor);
            stroke-width: var(--thickness);
        }
        .ui-spinner__thumb {
            stroke: var(--primaryColor);
            stroke-width: var(--thickness);
        }
        @keyframes rotation {
            0% {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(1turn);
            }
        }
        .list-item-inline {
            align-items: center;
            display: flex;
        }
        .list-item-inline__icon {
            flex: 0 0 auto;
            margin-right: var(--listItemGapH);
        }
        .list-item-inline__icon > * {
            height: var(--listItemInlineIconSize);
            width: var(--listItemInlineIconSize);
        }
        .list-item-inline__label {
            color: var(--listItemColorDefault);
            font: var(--body1);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .list-item-inline__label + .list-item-inline__value {
            margin-left: var(--listItemTrackGap);
        }
        .list-item-inline__value {
            color: var(--listItemColorDefault);
            flex: 0 0 auto;
            font: var(--body1Strong);
            white-space: nowrap;
        }
        .list-item-inline--accent1 .list-item-inline__value {
            color: var(--listItemColorAccent1);
        }
        .list-item-inline__track {
            border-bottom: 2px dotted var(--listItemTrackColor);
            flex: 1;
            margin: auto var(--listItemTrackGap) 4px;
        }
        .list-item-inline__node {
            margin-left: var(--listItemGapH);
        }
        .list-item {
            display: flex;
            position: relative;
        }
        .list-item__block {
            align-items: center;
            display: flex;
            margin-right: var(--listItemGapH);
            padding: var(--listItemPaddingV) var(--listItemPaddingH);
        }
        .list-item__block-text {
            color: var(--listItemColorDefault);
            flex: 0 0 auto;
            font: var(--body1);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: var(--listItemAddonNumberWidth);
            word-break: break-all;
        }
        .list-item__block-node,
        .list-item__block-text {
            margin-left: var(--listItemGapV);
        }
        .list-item__icon > * {
            fill: var(--listItemColorIconDefault);
            height: var(--listItemIconSize);
            width: var(--listItemIconSize);
        }
        .list-item__wrap {
            display: flex;
            flex-direction: column;
            min-height: var(--listItemHeight);
            padding: var(--listItemPaddingV) var(--listItemPaddingH);
            width: 100%;
        }
        .list-item--shifted .list-item__wrap {
            position: relative;
        }
        .list-item__head {
            align-items: center;
            display: flex;
        }
        .list-item__head + .list-item__body {
            margin-top: var(--listItemGapV);
        }
        .list-item__head-label {
            align-items: center;
            display: flex;
        }
        .list-item__head-label,
        .list-item__head-label a {
            color: var(--listItemColorDefault);
            font: var(--body1);
        }
        .list-item__head-label a {
            cursor: text;
            text-decoration: none;
        }
        .list-item__head-status {
            display: flex;
            flex: 0 0 auto;
            margin-right: var(--listItemStatusGap);
        }
        .list-item__head-status:empty {
            display: none;
        }
        .list-item__head-overline {
            margin-bottom: 2px;
        }
        .list-item__head-overline,
        .list-item__head-underline {
            color: var(--listItemColorOverlineDefault);
            font: var(--body2);
        }
        .list-item__head-underline {
            margin-top: 2px;
        }
        .list-item__head-propser {
            color: var(--propserItemColor);
            font: var(--body2);
            margin-top: 2px;
        }
        .list-item__head-wrap {
            width: 100%;
        }
        .list-item__head-prefix + .list-item__head-wrap,
        .list-item__head-wrap + .list-item__head-suffix {
            margin-left: var(--listItemGapH);
        }
        .list-item__head-prefix,
        .list-item__head-suffix {
            color: var(--listItemColorDefault);
            flex: 0 0 auto;
            font: var(--body1);
        }
        .list-item__body {
            display: flex;
            flex: 1;
        }
        .list-item--centered .list-item__body {
            align-items: center;
        }
        .list-item__description {
            color: var(--listItemColorDefault);
            font: var(--body1);
        }
        .list-item__custom-layout {
            margin-top: var(--listItemGapV);
        }
        .list-item__custom-layout:empty {
            display: none;
        }
        .list-item__divider {
            bottom: 0;
            left: 0;
            margin: 0 !important;
            position: absolute;
            right: 0;
        }
        .list-item__divider .ui-divider {
            margin: 0;
        }
        .list-item__action {
            align-items: center;
            display: flex;
            flex: 0 0 auto;
            margin-left: auto;
            padding-left: var(--listItemGapH);
        }
        .list-item__action .list-item__icon {
            fill: var(--listItemArrow);
        }
        .list-item--clickable,
        .list-item--highlighted {
            background: var(--listItemHighlightedBgDefault);
        }
        .list-item--clickable {
            cursor: pointer;
        }
        .list-item--clickable:hover {
            background: var(--listItemHighlightedBgHover);
        }
        .list-item--clickable:active {
            background: var(--listItemHighlightedBgActive);
        }
        .list-item--clickable:focus-visible {
            background: var(--listItemHighlightedBgFocus);
            box-shadow:
                inset 0 var(--listOutlineBorderWidth) 0 0 var(--listItemOutlineColor),
                inset 0 calc(var(--listOutlineBorderWidth) * -1) 0 0 var(--listItemOutlineColor);
            outline: none;
        }
        ._matte-glass-sm {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
            backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
        }
        ._matte-glass-md {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
        }
        ._image-blur-sm {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
        }
        ._image-blur-md {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurMd) / 2));
            backdrop-filter: blur(calc(var(--imageBlurMd) / 2));
        }
        ._skeleton {
            animation: skeleton 2s linear infinite;
        }
        ._fire {
            animation: fire 0.7s infinite alternate;
        }
        @keyframes skeleton {
            0% {
                background: var(--skeletonStart);
            }
            50% {
                background: var(--skeletonEnd);
            }
            to {
                background: var(--skeletonStart);
            }
        }
        @keyframes fire {
            0% {
                transform: scale(1) rotate(0deg);
            }
            33% {
                transform: rotate(-3deg);
            }
            66% {
                transform: rotate(3deg);
            }
            to {
                transform: scale(0.95) rotate(0deg);
            }
        }
        :root {
            --headerHeight: var(--headerSizeXs);
            --headerPadding: 8px var(--headerPaddingHXs);
        }
        @media screen and (min-width: 768px) {
            :root {
                --headerHeight: var(--headerSizeSm);
                --headerPadding: 0 var(--headerPaddingHSm);
            }
        }
        @media screen and (min-width: 1024px) {
            :root {
                --headerHeight: var(--headerSizeMd);
                --headerPadding: 0 var(--headerPaddingHMd);
            }
        }
        @media screen and (min-width: 1280px) {
            :root {
                --headerHeight: var(--headerSizeLg);
                --headerPadding: 0 var(--headerPaddingHLg);
            }
        }
        @media screen and (min-width: 1440px) {
            :root {
                --headerHeight: var(--headerSizeXl);
                --headerPadding: 0 var(--headerPaddingHXl);
            }
        }
        .main-header-holder {
            align-items: center;
            box-shadow: var(--bevel);
            display: flex;
            padding: var(--headerPadding);
            position: sticky;
            top: 0;
            width: 100%;
            z-index: 1000;
        }
        .main-header-holder .main-logo {
            flex-shrink: 0;
            height: 40px;
            width: auto;
        }
        @media screen and (max-width: 768px) {
            .main-header-holder .main-logo {
                padding: 4px 0;
            }
        }
        .main-header-holder .main-logo img {
            height: 100%;
        }
        [data-is="Header"] {
            width: 100%;
        }
        .main-header {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: space-between;
            width: 100%;
        }
        .main-header__notification-center {
            align-items: center;
            display: flex;
            justify-content: center;
            position: relative;
        }
        .main-header__notification-center .ui-badge {
            right: 4px;
            top: 5px;
        }
        .main-header__col {
            display: flex;
            gap: 16px;
        }
        @media screen and (min-width: 1280px) {
            .main-header__col {
                gap: 24px;
            }
        }
        @media screen and (max-width: 768px) {
            .main-header__col {
                gap: 4px;
            }
        }
        .main-header__guest {
            display: flex;
            gap: var(--actionBarGap);
        }
        .main-header__user {
            align-items: center;
            background: var(--headerBalanceBg);
            border-radius: var(--headerBalanceBorderRadius);
            display: flex;
            gap: var(--headerBalanceGap);
            padding-left: var(--headerBalancePaddingL);
            position: relative;
        }
        .main-header__user .ui-dropdown {
            -ms-overflow-style: none;
            background: var(--bgPopupDefault);
            border-radius: 0 0 var(--borderRadiusLg) var(--borderRadiusLg);
            box-shadow: var(--shadowLg);
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-height: calc(100dvh - var(--headerHeight) - 40px);
            overflow: auto;
            padding: var(--dropdownItemPaddingV) 0;
            position: absolute;
            right: 0;
            scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
            scrollbar-width: thin;
            top: calc(20px + var(--headerHeight) / 2);
            width: calc(100vw - var(--headerPaddingHXs) * 2);
        }
        .main-header__user .ui-dropdown::-webkit-scrollbar {
            background-color: transparent;
            width: 2px;
        }
        .main-header__user .ui-dropdown::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }
        .main-header__user .ui-dropdown::-webkit-scrollbar-button {
            display: none;
            width: 0;
        }
        @media screen and (min-width: 768px) {
            .main-header__user .ui-dropdown {
                width: 360px;
            }
        }
        @media screen and (max-width: 767px) {
            .main-header__user .ui-dropdown {
                background: var(--bgNeutralTertiary);
                right: calc(var(--headerPaddingHXs) * -1);
                width: 100vw;
            }
        }
        .main-header__user .userbar-balance {
            padding: 12px 12px 0;
        }
        .main-header__user-deposit-btn {
            z-index: 5;
        }
        .main-header__user-balance {
            align-items: center;
            color: var(--headerBalanceColor);
            display: flex;
            font: var(--body2Strong);
            gap: var(--headerBalanceGap);
            justify-content: flex-end;
            padding-right: var(--headerBalancePaddingR);
            text-align: center;
        }
        .main-header__user-balance .ui-icon {
            transition: transform 0.3s;
        }
        .main-header__user-balance.is-active .ui-icon {
            transform: rotate(180deg);
        }
        .main-header__user-menu {
            display: flex;
            flex-direction: column;
        }
        .main-header__user-menu-item {
            align-items: center;
            color: var(--dropdownItemColorDefault);
            display: flex;
            font: var(--body1);
            gap: var(--dropdownItemGap);
            min-height: var(--dropdownItemSize);
            padding: var(--dropdownItemPaddingV) var(--dropdownItemPaddingH);
            text-decoration: none;
        }
        .main-header__language {
            width: var(--headerLanguageSelectSize);
        }
        .transactions-buttons {
            grid-gap: 16px 8px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            padding: 0 12px 12px;
        }
        .transactions-buttons .ui-button {
            background-color: var(--fillDefault);
            border-radius: var(--borderRadiusMd);
        }
        .transactions-buttons .deposit-button {
            border-radius: var(--btnBorderRadiusMd);
            grid-column: span 2;
        }
        .menu {
            background-color: var(--sidebarBg);
            bottom: 0;
            display: flex;
            flex-direction: column;
            left: 0;
            max-width: var(--sidebarExpandWidth);
            position: fixed;
            top: var(--headerHeight);
            transform: translateX(-100%);
            transition:
                transform 0.3s,
                width 0.3s;
            width: 100%;
            z-index: 10;
        }
        .menu.is-active {
            transform: translateX(0);
            z-index: 999;
        }
        .menu.is-active + .menu-overlay {
            opacity: 1;
            pointer-events: auto;
            z-index: 10;
        }
        .menu__content {
            -ms-overflow-style: none;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            overflow: auto;
            padding: var(--sidebarExpandPaddingV) var(--sidebarExpandPaddingH);
            scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
            scrollbar-width: thin;
        }
        .menu__content::-webkit-scrollbar {
            background-color: transparent;
            width: 2px;
        }
        .menu__content::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 0;
        }
        .menu__content::-webkit-scrollbar-button {
            display: none;
            width: 0;
        }
        .menu__content > :not(:empty) {
            margin-bottom: var(--sidebarExpandGap);
        }
        .menu__content > :not(:empty):last-child {
            margin-bottom: 0;
        }
        @media screen and (max-width: 1023px) {
            .menu__content > :not(:empty):last-child {
                margin-bottom: 24px;
            }
            .tabbar-has-menu.user-loged .menu__content {
                padding-bottom: calc(var(--sidebarExpandPaddingV) + 68px);
            }
        }
        .menu__auth {
            display: flex;
            margin-top: auto;
        }
        .menu__auth .ui-button {
            flex-grow: 1;
            flex-shrink: 1;
        }
        .menu__auth > .ui-button + .ui-button {
            margin-left: 16px;
        }
        @media screen and (min-width: 1024px) {
            .menu__auth {
                display: none;
            }
        }
        .menu__controls {
            align-items: center;
            display: flex;
            justify-content: space-between;
            position: relative;
        }
        @media screen and (min-width: 1024px) {
            .menu__controls {
                display: none;
            }
        }
        .menu__list {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .menu__list--submenu {
            background: var(--sidebarBg);
            display: none;
            margin-top: var(--sidebarMenuGap);
        }
        .menu__list--submenu .menu__link {
            background: var(--sidebarMenuItemBgDefault);
            color: var(--sidebarMenuItemColorDefault);
            padding: 0 var(--sidebarMenuItemPadding);
        }
        .menu__list--submenu .menu__link:focus-visible {
            background: var(--sidebarMenuItemBgFocus);
            color: var(--sidebarMenuItemColorFocus);
        }
        .menu__list--submenu .menu__link:hover {
            background: var(--sidebarMenuItemBgHover);
            color: var(--sidebarMenuItemColorHover);
        }
        .menu__list--submenu .menu__link:active {
            background: var(--sidebarMenuItemBgActive);
            color: var(--sidebarMenuItemColorActive);
        }
        .menu__list--submenu .menu__item.is-active > .menu__link {
            background: var(--sidebarMenuItemCheckedBgDefault);
            color: var(--sidebarMenuItemCheckedColorDefault);
        }
        .menu__list--submenu .menu__item.is-active > .menu__link:focus-visible {
            background: var(--sidebarMenuItemCheckedBgFocus);
            color: var(--sidebarMenuItemCheckedColorFocus);
        }
        .menu__list--submenu .menu__item.is-active > .menu__link:hover {
            background: var(--sidebarMenuItemCheckedBgHover);
            color: var(--sidebarMenuItemCheckedColorHover);
        }
        .menu__list--submenu .menu__item.is-active > .menu__link:active {
            background: var(--sidebarMenuItemCheckedBgActive);
            color: var(--sidebarMenuItemCheckedColorActive);
        }
        .menu__list--submenu .ui-badge {
            margin-left: 8px;
        }
        .is-active .menu__list--submenu {
            background: var(--sidebarMenuFlyout);
        }
        .menu__navigation {
            background: var(--sidebarMenuBg);
            border-radius: var(--borderRadiusMd);
            box-shadow: var(--emboss);
            padding: var(--sidebarMenuPaddingV) 0;
        }
        .menu__link {
            align-items: center;
            background: var(--sidebarMenuTitleBgDefault);
            color: var(--sidebarMenuTitleColorDefault);
            display: flex;
            font: var(--body2);
            height: var(--sidebarMenuSize);
            padding: 0 var(--sidebarMenuTitlePaddingR) 0 var(--sidebarMenuTitlePaddingL);
            text-decoration: none;
        }
        .menu__link .ui-icon {
            fill: currentColor;
            height: var(--sidebarMenuIconSize);
            width: var(--sidebarMenuIconSize);
        }
        .menu__link [data-is="UserEvents"] {
            display: inline-flex;
            margin-left: auto;
        }
        .menu__link--title {
            background: var(--sidebarMenuTitleCheckedBgDefault);
            color: var(--sidebarMenuTitleCheckedColorDefault);
            display: none;
            pointer-events: none;
        }
        .menu__link:visited {
            color: var(--sidebarMenuTitleColorDefault);
        }
        .menu__link:focus-visible {
            background: var(--sidebarMenuTitleBgFocus);
            color: var(--sidebarMenuTitleColorFocus);
        }
        .menu__link:hover {
            background: var(--sidebarMenuTitleBgHover);
            color: var(--sidebarMenuTitleColorHover);
        }
        .menu__link:active {
            background: var(--sidebarMenuTitleBgActive);
            color: var(--sidebarMenuTitleColorActive);
        }
        .menu__link-badge {
            position: absolute;
            right: -6px;
            top: -3px;
        }
        .menu__link-wrap {
            display: flex;
            height: var(--sidebarMenuIconSize);
            position: relative;
            width: var(--sidebarMenuIconSize);
        }
        .menu__item {
            margin: var(--sidebarMenuGap) 0;
        }
        .menu__item:first-child {
            margin-top: 0;
        }
        .menu__item:last-child {
            margin-bottom: 0;
        }
        .menu__item--divider {
            background-color: var(--dividerBr);
            height: var(--dividerMinSize);
        }
        .menu__item.is-active > .menu__link {
            background: var(--sidebarMenuTitleCheckedBgDefault);
            color: var(--sidebarMenuTitleCheckedColorDefault);
        }
        .menu__item.is-active > .menu__link:focus-visible {
            background: var(--sidebarMenuTitleCheckedBgFocus);
            color: var(--sidebarMenuTitleCheckedColorFocus);
        }
        .menu__item.is-active > .menu__link:hover {
            background: var(--sidebarMenuTitleCheckedBgHover);
            color: var(--sidebarMenuTitleCheckedColorHover);
        }
        .menu__item.is-active > .menu__link:active {
            background: var(--sidebarMenuTitleCheckedBgActive);
            color: var(--sidebarMenuTitleCheckedColorActive);
        }
        .menu__item.is-active .menu__list--submenu {
            display: block;
        }
        .menu__item.is-active .menu__pointer {
            transform: rotate(180deg);
        }
        .menu__label {
            flex-grow: 1;
            margin-left: var(--sidebarMenuTitleGap);
        }
        .menu__pointer {
            pointer-events: none;
            transition: transform 0.2s;
        }
        .menu__logout {
            margin-top: auto;
            padding: 24px 0 0;
        }
        .menu .ui-alert__content {
            gap: 0;
        }
        .menu .promo-events-item + .promo-events-item {
            margin-top: 12px;
        }
        .menu .promo-events-item {
            box-shadow: var(--emboss);
        }
        .menu .mobile-applications {
            display: flex;
            width: 100%;
        }
        .menu .mobile-applications__item {
            width: 50%;
        }
        .menu .mobile-applications__item + .mobile-applications__item {
            margin-left: 8px;
        }
        .menu .sidebar-promo-links {
            display: flex;
            flex-direction: column;
        }
        .menu .sidebar-promo-links__link {
            align-items: center;
            background: var(--sidebarQuicklinksBg);
            border-radius: var(--borderRadiusMd);
            box-shadow: var(--emboss);
            display: flex;
            flex: 1;
            justify-content: center;
            min-height: var(--sidebarQuicklinksCollapseHeight);
            min-width: var(--sidebarQuicklinksCollapseWidth);
            overflow: hidden;
            position: relative;
            text-decoration: none;
            z-index: 0;
        }
        .menu .sidebar-promo-links__link + .sidebar-promo-links__link {
            margin-top: 8px;
        }
        .menu-opened .menu .sidebar-promo-links__link:before {
            animation: moveGradient 6s linear 0.6s infinite;
            background: linear-gradient(
                99deg,
                var(--sidebarQuicklinksAnimationTransparency) 13.94%,
                var(--sidebarQuicklinksAnimationColor) 65.38%,
                var(--sidebarQuicklinksAnimationTransparency) 76.27%
            );
            background-repeat: no-repeat;
            background-size: 152px 100%;
            content: "";
            inset: 0;
            position: absolute;
            transform: translateX(-100%);
            will-change: transform;
            z-index: -1;
        }
        .menu .sidebar-promo-links__image {
            height: 40px;
            width: 40px;
        }
        .menu .sidebar-promo-links__title {
            display: none;
        }
        .menu.is-active .sidebar-promo-links {
            flex-direction: row;
        }
        .menu.is-active .sidebar-promo-links__link {
            justify-content: normal;
            min-height: var(--sidebarQuicklinksExpandHeight);
            min-width: auto;
            padding: 0 var(--sidebarQuicklinksPaddingR) 0 var(--sidebarQuicklinksPaddingL);
        }
        .menu.is-active .sidebar-promo-links__link + .sidebar-promo-links__link {
            margin-left: 8px;
            margin-top: 0;
        }
        .menu.is-active .sidebar-promo-links__image {
            margin-right: var(--sidebarQuicklinksGap);
        }
        .menu.is-active .sidebar-promo-links__title {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            animation: menuItemsFadeIn 0.3s linear 0.1s 1 normal forwards;
            color: var(--ttPrimary);
            display: -webkit-box;
            display: -webkit-box !important;
            font: var(--body2Strong);
            overflow: hidden;
            text-transform: capitalize;
        }
        @media screen and (min-width: 768px) {
            .menu {
                width: var(--sidebarExpandWidth);
            }
        }
        @media screen and (min-width: 1024px) {
            .menu {
                transform: translateX(0);
            }
            .menu .menu__auth,
            .menu .menu__controls,
            .menu .menu__label,
            .menu .menu__logout .ui-button__label,
            .menu .menu__pointer,
            .menu .promo-events-item__title,
            .menu .userbar__cashdesk-buttons {
                display: none;
                opacity: 0;
            }
            .menu .documents-request-status .ui-alert__content {
                display: none;
            }
            .menu .documents-request-status .ui-alert__message > a,
            .menu .documents-request-status .ui-alert__message > div,
            .menu .documents-request-status .ui-alert__title,
            .menu .userbar-booster__block-text {
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                display: -webkit-box;
                opacity: 0;
                overflow: hidden;
            }
            .menu .ui-progress__legend {
                white-space: nowrap;
            }
            .menu:not(.is-active) {
                width: var(--sidebarCollapseWidth);
            }
            .menu:not(.is-active) .menu__content {
                margin-right: calc(var(--sidebar-scrollbar-width) * -1);
            }
            .menu:not(.is-active) .menu__content > :not(:empty) {
                margin-bottom: var(--sidebarCollapseGap);
            }
            .menu:not(.is-active) .menu__content > :not(:empty):last-child {
                margin-bottom: 0;
            }
            .menu:not(.is-active) .menu__link {
                justify-content: center;
                padding: 0;
                white-space: nowrap;
            }
            .menu:not(.is-active) .menu__link--title {
                color: var(--sidebarMenuTitleColorDefault);
                display: flex;
                justify-content: flex-start;
            }
            .menu:not(.is-active) .menu__item.is-active .menu__list--submenu,
            .menu:not(.is-active) .menu__item:hover .menu__list--submenu {
                border-radius: 0 var(--borderRadiusMd) var(--borderRadiusMd) 0;
                display: block;
                left: calc(100% - var(--sidebarCollapsePaddingH));
                margin: 0;
                overflow: hidden;
                padding: 0 0 0 var(--sidebarCollapsePaddingH);
                position: absolute;
            }
            .menu:not(.is-active) .menu__item.is-active .menu__list--submenu .menu__label,
            .menu:not(.is-active) .menu__item:hover .menu__list--submenu .menu__label {
                display: block;
                opacity: 1;
            }
            .menu:not(.is-active) .menu__item.is-active .menu__list--submenu .menu__item,
            .menu:not(.is-active) .menu__item:hover .menu__list--submenu .menu__item {
                background: var(--sidebarMenuFlyout);
                margin: 0;
                padding: 0 0 var(--sidebarMenuGap) 0;
            }
            .menu:not(.is-active) .menu__item.is-active .menu__list--submenu .menu__item:first-child,
            .menu:not(.is-active) .menu__item:hover .menu__list--submenu .menu__item:first-child {
                padding-top: var(--sidebarMenuPaddingV);
            }
            .menu:not(.is-active) .menu__item.is-active .menu__list--submenu .menu__item:last-child,
            .menu:not(.is-active) .menu__item:hover .menu__list--submenu .menu__item:last-child {
                padding-bottom: var(--sidebarMenuPaddingV);
            }
            .menu:not(.is-active) .menu__item.is-active .menu__list--submenu .menu__link,
            .menu:not(.is-active) .menu__item:hover .menu__list--submenu .menu__link {
                padding: 0 var(--sidebarMenuItemPadding);
            }
            .menu:not(.is-active) .menu__logout {
                text-align: center;
            }
            .menu:not(.is-active) .menu__logout .ui-button {
                padding: 0;
                text-align: center;
                width: 40px;
            }
            .menu:not(.is-active) .menu__logout .ui-button .ui-icon {
                margin-right: 0;
            }
            .menu:not(.is-active) .menu__logout .ui-button__label {
                display: none;
            }
            .menu:not(.is-active) .promo-events-item__thumb {
                margin-right: 0 !important;
            }
            .menu:not(.is-active) .mobile-applications {
                flex-direction: column;
            }
            .menu:not(.is-active) .mobile-applications__item {
                justify-content: center;
                width: 100%;
            }
            .menu:not(.is-active) .mobile-applications__title {
                display: none;
            }
            .menu:not(.is-active) .mobile-applications__item + .mobile-applications__item {
                margin-left: 0;
                margin-top: 8px;
            }
            .menu.is-active .menu__label,
            .menu.is-active .menu__logout .ui-button__label,
            .menu.is-active .menu__pointer,
            .menu.is-active .promo-events-item__title,
            .menu.is-active .userbar__cashdesk-buttons {
                animation: menuItemsFadeIn 0.3s linear 0.1s 1 normal forwards;
                display: block;
            }
            .menu.is-active .userbar-booster__block-text {
                animation: menuItemsFadeIn 0.3s linear 0.3s 1 normal forwards;
            }
            .menu.is-active .menu__auth {
                animation: menuItemsFadeIn 0.3s linear 0.1s 1 normal forwards;
                display: flex;
            }
            .menu.is-active .menu__controls {
                animation: menuItemsFadeIn 0.3s linear 0.2s 1 normal forwards;
                display: flex;
            }
            .menu.is-active .documents-request-status .ui-alert__content {
                display: block;
            }
            .menu.is-active .documents-request-status .ui-icon {
                opacity: 0;
            }
            .menu.is-active .documents-request-status .ui-alert__message > a,
            .menu.is-active .documents-request-status .ui-alert__message > div,
            .menu.is-active .documents-request-status .ui-alert__title,
            .menu.is-active .documents-request-status .ui-icon {
                animation: menuItemsFadeIn 0.3s linear 0.2s 1 normal forwards;
            }
        }
        .menu .ui-alert__content {
            margin-right: 0;
            padding-right: 40px;
        }
        .menu .documents-request-status {
            justify-content: center;
        }
        .menu .ui-alert__close {
            margin: 0;
            position: absolute;
            right: 0;
            top: -2px;
        }
        @media screen and (min-width: 1024px) {
            .user-guest .menu .menu__auth,
            .user-guest .menu .menu__controls .chat-widget,
            .user-loged .menu .menu__controls .chat-widget {
                display: none;
            }
        }
        .menu-overlay {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
            backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
            background: var(--modalMask);
            bottom: 0;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: fixed;
            top: var(--headerHeight);
            transition: opacity 0.3s;
            width: 100%;
            z-index: -1;
        }
        .menu-overlay.active {
            display: block;
            opacity: 1;
        }
        @media screen and (min-width: 1280px) {
            .menu-overlay {
                display: none;
            }
        }
        @keyframes menuItemsFadeIn {
            0% {
                display: none;
                opacity: 0;
            }
            1% {
                display: block;
                opacity: 0;
            }
            to {
                display: block;
                opacity: 1;
            }
        }
        @keyframes moveGradient {
            0% {
                transform: translateX(-100%);
            }
            30% {
                transform: translateX(100%);
            }
            to {
                transform: translateX(100%);
            }
        }
        .main-footer {
            background-color: var(--footerBg);
            color: var(--ttPrimary);
            padding: 48px 0;
            position: relative;
        }
        .web .main-footer {
            min-height: 640px;
        }
        .main-footer ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .main-footer a {
            text-decoration: none;
        }
        .main-footer .content-wrapper {
            display: grid;
            row-gap: 24px;
        }
        .main-footer .content-wrapper > :empty {
            display: none;
        }
        .main-footer .footer-breadcrumbs:not(:has(.breadcrumbs-list)) {
            display: none;
        }
        .main-footer__title {
            margin: 0;
        }
        .main-footer__seo {
            color: var(--ttPrimary);
            font: var(--body1);
            padding-bottom: 20px;
            position: relative;
        }
        .main-footer__seo table[border="1"] td {
            border: 1px solid var(--ttTertiary);
            padding: 0 8px 0 5px;
        }
        .main-footer__seo.expandable:not(:has(.seo-read-more)) {
            display: none;
        }
        .main-footer--game .main-footer__seo {
            display: block;
        }
        .main-footer__seo ul {
            list-style-position: inside;
            list-style-type: disc;
        }
        .main-footer__seo ol {
            list-style-position: inside;
            list-style-type: decimal;
        }
        .main-footer__seo > * {
            margin: 0;
        }
        .main-footer__seo > * + * {
            margin-top: var(--layoutPaddingHXs);
        }
        .main-footer__seo .seo-read-more {
            background: var(--faderBottomPrimary);
            bottom: 0;
            cursor: pointer;
            height: 100%;
            margin: 0;
            max-height: 96px;
            position: absolute;
            width: 100%;
        }
        .main-footer__seo .seo-read-more__toggle {
            bottom: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
        }
        .main-footer__seo .is-expanded .seo-read-more,
        .main-footer__seo .seo-read-more ~ *,
        .main-footer__seo.is-expanded .seo-read-more {
            display: none;
        }
        .main-footer__seo .is-expanded .seo-read-more ~ *,
        .main-footer__seo.is-expanded .seo-read-more ~ * {
            display: block;
        }
        .main-footer__seo .is-expanded .seo-read-less,
        .main-footer__seo.is-expanded .seo-read-less {
            background: none;
            bottom: 0;
            cursor: pointer;
            height: 100%;
            max-height: 96px;
            position: absolute;
            width: 100%;
        }
        .main-footer__seo .is-expanded .seo-read-less__toggle,
        .main-footer__seo.is-expanded .seo-read-less__toggle {
            bottom: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
        }
        .main-footer__navigation {
            display: grid;
            row-gap: 24px;
        }
        @media screen and (min-width: 1024px) {
            .main-footer__navigation {
                -moz-column-gap: 24px;
                column-gap: 24px;
                grid-template-columns: 3fr 2fr;
            }
        }
        .main-footer .footer-menu {
            display: grid;
            row-gap: 24px;
        }
        @media screen and (min-width: 768px) {
            .main-footer .footer-menu {
                -moz-column-gap: 24px;
                column-gap: 24px;
                grid-template-columns: repeat(3, 1fr);
            }
        }
        .main-footer .footer-menu .footer__col-title {
            color: var(--ttTertiary);
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            margin: 0 0 var(--layoutPaddingHXs) 0;
            text-transform: var(--overlineTextCase);
        }
        .main-footer .footer__list {
            display: grid;
            row-gap: 12px;
        }
        .main-footer .footer__list-link {
            color: var(--ttPrimary);
            font: var(--body1);
        }
        .main-footer__info {
            display: grid;
            row-gap: 24px;
        }
        .main-footer__info .footer-info__title {
            color: var(--ttTertiary);
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            margin: 0 0 var(--layoutPaddingHXs) 0;
            text-transform: var(--overlineTextCase);
        }
        .main-footer__info .footer-info .contacts {
            display: grid;
            row-gap: var(--layoutPaddingHXs);
        }
        .main-footer__info .footer-info .contacts__item {
            -moz-column-gap: 8px;
            column-gap: 8px;
            display: grid;
            grid-template-columns: 24px 1fr;
        }
        .main-footer__info .footer-info .contacts__icon {
            fill: var(--ttPrimary);
            height: var(--iconLg);
            width: var(--iconLg);
        }
        .main-footer__info .footer-info .contacts span {
            color: var(--ttPrimary);
            font: var(--body2);
        }
        .main-footer__info .footer-info .mobile-applications {
            display: grid;
            gap: 0 12px;
            grid-template-columns: 135px 135px;
        }
        .main-footer__info .footer-apps:not(:has(.mobile-applications)) {
            display: none;
        }
        @media screen and (min-width: 768px) {
            .main-footer__info {
                -moz-column-gap: 24px;
                column-gap: 24px;
                grid-template-columns: repeat(3, 1fr);
            }
            .main-footer__info .footer-info .mobile-applications {
                gap: 8px 0;
                grid-auto-columns: -webkit-max-content;
                grid-auto-columns: max-content;
                grid-template-columns: none;
            }
        }
        @media screen and (min-width: 1024px) {
            .main-footer__info {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        .main-footer__info-col:not(:first-of-type) {
            display: grid;
            gap: 24px;
        }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
            .main-footer__info-col:not(:first-of-type) {
                grid-column: 2 / span 3;
                grid-template-columns: repeat(2, 1fr);
            }
        }
        .main-footer__logos {
            background: var(--fillDefault);
            border-radius: var(--borderRadiusMd);
            display: grid;
            padding: 24px;
            row-gap: var(--layoutPaddingHXs);
        }
        .main-footer .payment-systems {
            align-items: center;
            border-bottom: var(--dividerMinSize) solid var(--dividerBr);
            display: flex;
            flex-wrap: wrap;
            gap: var(--layoutPaddingHXs);
            padding-bottom: var(--layoutPaddingHXs);
        }
        .main-footer .payment-systems__icon--age .svg-icon {
            fill: var(--ttAccent1);
            height: var(--iconXl);
            width: var(--iconXl);
        }
        .main-footer .payment-systems img {
            max-height: 32px;
        }
        .main-footer .game-developers {
            align-items: center;
            border-bottom: var(--dividerMinSize) solid var(--dividerBr);
            display: flex;
            flex-wrap: wrap;
            gap: var(--layoutPaddingHXs);
            padding-bottom: var(--layoutPaddingHXs);
        }
        .main-footer .game-developers img {
            max-height: 24px;
        }
        .main-footer .footer-badges {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: var(--layoutPaddingHXs);
        }
        .main-footer .footer-badges img {
            max-height: 32px;
        }
        .main-footer__legal {
            align-items: center;
            border-bottom: var(--dividerMinSize) solid var(--dividerBr);
            display: flex;
            flex-direction: column;
            padding-bottom: 24px;
        }
        @media screen and (min-width: 768px) {
            .main-footer__legal {
                align-items: flex-start;
                -moz-column-gap: 16px;
                column-gap: 16px;
                flex-direction: row;
            }
        }
        .main-footer__license {
            height: auto;
            max-width: 64px;
            width: 100%;
        }
        .main-footer__terms {
            color: var(--ttTertiary);
            font: var(--caption1);
            margin-top: var(--layoutPaddingHXs);
        }
        .main-footer__terms a {
            color: var(--ttAccent1);
            font: var(--caption1);
            text-decoration: underline;
        }
        .main-footer__terms a:hover {
            text-decoration: none;
        }
        .main-footer__terms > * {
            margin: 0;
        }
        .main-footer__terms > * + * {
            margin-top: 24px;
        }
        @media screen and (min-width: 768px) {
            .main-footer__terms {
                margin-top: 0;
            }
        }
        .main-footer__copyright {
            align-items: center;
            display: flex;
            flex-direction: column;
        }
        .main-footer__copyright p {
            color: var(--ttTertiary);
            font: var(--caption1);
            margin: 0 0 var(--layoutPaddingHXs) 0;
            text-align: center;
        }
        .main-footer__copyright img {
            max-height: 32px;
        }
        @media screen and (min-width: 768px) {
            .main-footer__copyright {
                flex-direction: row;
                justify-content: space-between;
            }
            .main-footer__copyright p {
                margin: 0;
            }
        }
        .main-footer--game {
            order: 2;
        }
        .main-footer--game .content-wrapper {
            display: flex;
            flex-direction: column;
        }
        .main-footer--game .breadcrumbs-list {
            order: 1;
        }
        .main-footer--game .similar-games {
            order: 2;
        }
        .main-footer--game .main-footer__title {
            order: 3;
        }
        .main-footer--game .main-footer__seo {
            color: var(--ttSecondary);
            order: 4;
            padding: 0;
        }
        .main-footer .trust-data-wrapper {
            margin-top: 0;
        }
        .breadcrumbs-list {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .breadcrumbs-list__item,
        .breadcrumbs-list__link {
            color: var(--breadcrumbsColorDefault);
            font: var(--body1);
        }
        .breadcrumbs-list__item > span {
            color: var(--breadcrumbsColorSelected);
        }
        .breadcrumbs-list__item:not(:last-of-type) {
            margin-right: 18px;
            position: relative;
        }
        .breadcrumbs-list__item:not(:last-of-type):after {
            content: "/";
            position: absolute;
            right: -12px;
            top: 50%;
            transform: translateY(-50%);
        }
        .breadcrumbs-list__link {
            text-decoration: none;
        }
        .tabbar-visible:not(.page-betting) .main .main-footer {
            padding-bottom: calc(var(--tabbarSize) + 48px);
        }
        .seo-games .games-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        @media screen and (min-width: 768px) {
            .seo-games .games-list {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
        @media screen and (min-width: 1024px) {
            .seo-games .games-list {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }
        @media screen and (min-width: 1280px) {
            .seo-games .games-list {
                grid-template-columns: repeat(5, minmax(0, 1fr));
            }
        }
        .main-header-holder {
            background: var(--headerBg);
            height: var(--headerHeight);
        }
        .main-header-placeholder {
            align-items: center;
            display: flex;
            padding-left: 56px;
        }
        @media screen and (max-width: 1024px) {
            .main-header-placeholder {
                padding-left: 0;
            }
        }
        .casino-section-top {
            background: var(--heroBgDefault);
            padding-bottom: var(--heroPaddingBXs);
            padding-top: var(--heroPaddingTXs);
        }
        @media screen and (min-width: 768px) {
            .casino-section-top {
                padding-bottom: var(--heroPaddingBSm);
                padding-top: var(--heroPaddingTSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .casino-section-top {
                padding-bottom: var(--heroPaddingBMd);
                padding-top: var(--heroPaddingTMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .casino-section-top {
                padding-bottom: var(--heroPaddingBLg);
                padding-top: var(--heroPaddingTLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .casino-section-top {
                padding-bottom: var(--heroPaddingBXl);
                padding-top: var(--heroPaddingTXl);
            }
        }
        .games-search-bar-placeholder {
            min-height: 112px;
        }
        @media screen and (min-width: 768px) {
            .games-search-bar-placeholder {
                min-height: 72px;
            }
        }
        [data-is="Games"]:has(.games-search-bar) + .games-search-bar-placeholder {
            display: none;
        }
        .games-navigation-wrapper {
            min-height: 48px;
        }
        .games-navigation-wrapper .games-navigation {
            margin-top: 0;
        }
        .games-wrapper {
            min-height: 300px;
        }
        .trust-data-wrapper {
            margin-top: var(--heroGapXs);
            min-height: calc(10px + var(--statsHeight));
            overflow: hidden;
        }
        @media screen and (min-width: 768px) {
            .trust-data-wrapper {
                margin-top: var(--heroGapSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .trust-data-wrapper {
                margin-top: var(--heroGapMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .trust-data-wrapper {
                margin-top: var(--heroGapLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .trust-data-wrapper {
                margin-top: var(--heroGapXl);
            }
        }
        .main-footer .trust-data-wrapper .content-wrapper {
            display: block;
        }
        .trust-images-wrapper {
            margin-top: var(--heroGapXs);
            min-height: 32px;
            overflow: hidden;
        }
        .trust-images-wrapper .content-wrapper {
            overflow: hidden;
            position: relative;
        }
        .main-footer .trust-images-wrapper .content-wrapper {
            display: block;
            margin-bottom: 24px;
            padding: 0;
        }
        .trust-images-wrapper .trust-images {
            margin: 0 -8px;
        }
        @media screen and (min-width: 768px) {
            .trust-images-wrapper {
                margin-top: var(--heroGapSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .trust-images-wrapper {
                margin-top: var(--heroGapMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .trust-images-wrapper {
                margin-top: var(--heroGapLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .trust-images-wrapper {
                margin-top: var(--heroGapXl);
            }
        }
        .main-footer .trust-data-wrapper + .content-wrapper {
            margin-top: 24px;
        }
        .slider-banners-wrapper {
            display: flex;
            height: var(--bannerCardHeightMd);
            justify-content: center;
            overflow: hidden;
        }
        .slider-banners-wrapper--pagination {
            height: calc(var(--bannerCardHeightMd) + var(--btnSizeSm));
        }
        @media screen and (min-width: 1280px) {
            .slider-banners-wrapper--pagination {
                height: calc(var(--bannerCardHeightMd) + var(--btnSizeSm) + var(--carouselGap));
            }
        }
        .slider-banners-wrapper .ui-carousel-arrow {
            display: flex;
        }
        .games-item,
        .games-item__img {
            position: relative;
        }
        .games-item__img {
            aspect-ratio: 1;
            -webkit-backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
            backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
            background: url(https://cdnify.party/static/img-v2378/mb-alpha/img/brand/game-thumb.jpg) no-repeat 50% 50%;
            background-color: var(--bgGlassDark);
            background-size: cover;
            border: var(--thumbBorderWidth) solid var(--thumbBrDefault);
            border-radius: var(--thumbBorderRadius);
            display: flex;
            overflow: hidden;
            text-decoration: none;
            z-index: 0;
        }
        @supports not (aspect-ratio: 1) {
            .games-item__img {
                height: 0;
                overflow: hidden;
                padding-top: 100%;
                position: relative;
            }
        }
        .games-item__img:hover .games-item__buttons {
            opacity: 1;
            pointer-events: auto;
            z-index: 2;
        }
        .games-item__badges {
            display: flex;
            flex-wrap: wrap;
            left: -2px;
            pointer-events: none;
            position: absolute;
            top: -2px;
            z-index: 3;
        }
        .games-item__badges .ui-tag {
            margin: 0 4px 4px 0;
        }
        .games-item__badge {
            box-shadow:
                inset 0 2px 1px 0 hsla(0, 0%, 100%, 0.25),
                0 4px 4px 0 rgba(0, 0, 0, 0.25);
            display: block;
            margin: 1px;
        }
        .games-item__bg {
            left: 0;
            position: absolute;
            top: 0;
            z-index: -1;
        }
        .games-item__bg,
        .games-item__thumb {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }
        .games-item__thumb {
            font-size: 0;
        }
        .games-item__legend {
            margin-top: var(--thumbGap);
        }
        .games-item__name,
        .games-item__vendor {
            display: block;
            max-width: 100%;
            overflow: hidden;
            text-align: left;
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .games-item__name {
            font: var(--caption1Strong);
        }
        .games-item__name,
        .games-item__name:active,
        .games-item__name:hover {
            color: var(--thumbTitle);
        }
        .games-item__vendor {
            font: var(--caption2);
        }
        .games-item__vendor,
        .games-item__vendor:active,
        .games-item__vendor:hover {
            color: var(--thumbDescription);
        }
        .games-item--small {
            width: var(--thumbSizeSm);
        }
        .games-item--medium {
            width: var(--thumbSizeMd);
        }
        .games-item--large {
            width: var(--thumbSizeLg);
        }
        .games-item--adaptive {
            width: 100%;
        }
        @media screen and (min-width: 1280px) {
            .games-item__name {
                font: var(--body2Strong);
            }
            .games-item__vendor {
                font: var(--caption1);
            }
        }
        .games-item-skeleton {
            --imgAspectRatio: 1;
            align-items: center;
            display: flex;
            flex: 1 0 0;
            flex-direction: column;
        }
        .games-item-skeleton__img {
            animation: skeleton 2s linear infinite;
            aspect-ratio: var(--imgAspectRatio);
            border-radius: var(--skeletonBorderRadius);
            width: 100%;
        }
        @supports not (aspect-ratio: 1) {
            .games-item-skeleton__img {
                height: 0;
                overflow: hidden;
                padding-top: calc(100% / var(--imgAspectRatio));
            }
        }
        .games-item-skeleton__legend {
            display: flex;
            flex-direction: column;
            margin-top: var(--thumbGap);
            width: 100%;
        }
        .games-item-skeleton__name {
            height: 16px;
            width: 100px;
        }
        .games-item-skeleton__name,
        .games-item-skeleton__vendor {
            animation: skeleton 2s linear infinite;
            border-radius: var(--skeletonBorderRadius);
        }
        .games-item-skeleton__vendor {
            height: 12px;
            margin-top: 2px;
            width: 56px;
        }
        .games-list-skeleton {
            grid-gap: 24px 16px;
            display: grid;
        }
        .games-list-skeleton--2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .games-list-skeleton--3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .games-list-skeleton--4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .games-list-skeleton--5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .games-list-skeleton--6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        @media screen and (min-width: 1024px) {
            .games-list-skeleton {
                grid-gap: 24px;
            }
        }
        .games-block-skeleton + .games-block-skeleton {
            padding-top: var(--layoutGapPrimary);
        }
        .games-block-skeleton__top {
            align-items: center;
            display: flex;
            margin-bottom: var(--layoutGapSecondary);
        }
        .games-block-skeleton__top .games-block-skeleton__actions {
            margin-left: auto;
            margin-right: -12px;
            padding-left: 8px;
        }
        .games-block-skeleton__body {
            display: flex;
            flex-direction: column;
            margin: -12px;
        }
        @media screen and (min-width: 768px) {
            .games-block-skeleton__body {
                flex-direction: row;
            }
        }
        .games-block-skeleton__body-item {
            flex: 1;
            padding: 12px;
        }
        .games-block-skeleton__actions {
            display: flex;
            flex: 0 0 auto;
            margin: 0 -12px;
        }
        .games-block-skeleton__button-action {
            margin-bottom: 24px;
            padding-left: 0;
        }
        .games-block-skeleton__actions-item {
            padding: 0 12px;
            position: relative;
        }
        .games-block-skeleton__actions-item + .games-block-skeleton__actions-item:before {
            border-left: var(--dividerMinSize) solid var(--dividerBr);
            bottom: 6px;
            content: "";
            left: 0;
            position: absolute;
            top: 6px;
        }
        .games-block-skeleton__actions-item > * + * {
            margin-left: 8px;
        }
        .games-block-skeleton__button {
            animation: skeleton 2s linear infinite;
            border-radius: var(--btnBorderRadiusMd);
            display: inline-flex;
            height: var(--btnSizeSm);
            width: 126px;
        }
        .games-block-skeleton__button--icon-only {
            width: var(--btnSizeMd);
        }
        @media screen and (min-width: 1280px) {
            .games-block-skeleton__button {
                height: var(--btnSizeMd);
            }
        }
        .games-block-skeleton__icon {
            flex: 0 0 auto;
            height: var(--iconXl);
            margin-right: 8px;
            width: var(--iconXl);
        }
        .games-block-skeleton__icon,
        .games-block-skeleton__title {
            animation: skeleton 2s linear infinite;
            border-radius: var(--skeletonBorderRadius);
        }
        .games-block-skeleton__title {
            height: 28px;
            max-width: 160px;
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            .games-block-skeleton__title {
                height: 32px;
            }
        }
        @media screen and (min-width: 1280px) {
            .games-block-skeleton__title {
                height: 36px;
            }
        }
        .games-block-skeleton__slider {
            align-items: center;
            display: flex;
            margin: 0 -8px;
            overflow: hidden;
        }
        @media screen and (min-width: 1280px) {
            .games-block-skeleton__slider {
                margin: 0 -12px;
            }
        }
        .games-block-skeleton__slide {
            padding: 0 8px;
        }
        @media screen and (min-width: 1280px) {
            .games-block-skeleton__slide {
                padding: 0 12px;
            }
        }
        .games-block-skeleton--default .games-block-skeleton__slider {
            margin-right: calc(var(--layoutPaddingHXs) * -1);
        }
        @media screen and (min-width: 768px) {
            .games-block-skeleton--default .games-block-skeleton__slider {
                margin-right: calc(var(--layoutPaddingHSm) * -1);
            }
        }
        @media screen and (min-width: 1280px) {
            .games-block-skeleton--default .games-block-skeleton__slider {
                margin-right: -12px;
            }
        }
        .games-block-skeleton--default .games-block-skeleton__slide {
            min-width: calc(var(--thumbMedium) + 16px) !important;
        }
        @media screen and (min-width: 1280px) {
            .games-block-skeleton--default .games-block-skeleton__slide {
                min-width: calc(var(--thumbMedium) + 24px) !important;
            }
        }
        .js-scroll-observer {
            height: 1px;
        }
        .tournament-item {
            height: 312px;
        }
        .tournament-item__timer-wrapper {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
        .tournament-item__games-wrapper {
            min-height: 64px;
            padding-top: 12px;
        }
        .tournament-item__games-list {
            display: flex;
            gap: 8px;
            justify-content: center;
        }
        .tournament-item__games-list .games-item {
            height: 60px;
            width: 60px;
        }
        .tournament-item__games-list .games-item__img {
            height: 100%;
            width: 100%;
        }
        .tournament-item__games-list .games-item__thumb {
            -o-object-fit: cover;
            object-fit: cover;
        }
        .tournament-item__games-list .games-item__legend {
            display: none;
        }
        .tournament-item .ui-card--lg .tournament-item__title,
        .tournament-item .ui-card--lg .tournament-item__wrapper {
            width: 45%;
        }
        .tournament-item .ui-card__image {
            height: 100%;
            position: absolute;
            width: 100%;
            z-index: 1;
        }
        .tournament-item .ui-card__content {
            padding: var(--cardTournamentPadding);
            position: relative;
            width: 100%;
            z-index: 2;
        }
        .tournament-item__content {
            height: 100%;
        }
        .tournament-item__content,
        .tournament-item__tags {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
        }
        .tournament-item__tags {
            padding: 12px;
            position: relative;
            z-index: 1;
        }
        .tournament-item__tag + .tournament-item__tag {
            margin-top: 8px;
        }
        .tournament-item__img {
            height: 100%;
            pointer-events: none;
            position: relative;
        }
        .tournament-item__bg {
            z-index: -1;
        }
        .tournament-item__bg,
        .tournament-item__hero {
            height: 100%;
            left: 0;
            -o-object-fit: cover;
            object-fit: cover;
            position: absolute;
            top: 0;
            width: 100%;
        }
        .tournament-item__hero {
            -o-object-position: center;
            object-position: center;
        }
        .tournament-item__title {
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            min-height: 48px;
        }
        .tournament-item__name {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: var(--ttPrimary);
            display: -webkit-box;
            margin: 0;
            overflow: hidden;
            text-decoration: none;
        }
        .tournament-item__date {
            color: var(--ttPrimary);
            font: var(--caption1);
        }
        .tournament-item__date-wrapper {
            align-items: flex-start;
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            background: var(--bgGlassDark);
            border-radius: var(--cardTimeRangeBorderRadius);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: var(--cardTimeRangePaddingV) var(--cardTimeRangePaddingH);
            position: absolute;
            top: 16px;
            width: auto;
        }
        .tournament-item__date-wrapper .ui-countdown__item {
            background: none;
        }
        .tournament-item__date-wrapper .ui-countdown__item .ui-countdown__digit,
        .tournament-item__date-wrapper .ui-countdown__item .ui-countdown__units {
            font: var(--caption1);
        }
        .tournament-item__date-wrapper .ui-countdown__item .ui-countdown__units {
            margin-right: 4px;
        }
        .tournament-item__date-wrapper--single-view {
            background: var(--fillAccent1Default);
            border-radius: var(--borderRadiusMd);
            padding: 12px;
            position: static;
        }
        @media screen and (max-width: 768px) {
            .tournament-item__date-wrapper--single-view {
                margin-top: 43px;
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-item__date-wrapper--single-view {
                margin-top: 0;
                position: absolute;
            }
        }
        .tournament-item__date-wrapper--single-view .tournament-item__date {
            align-items: center;
            display: flex;
        }
        .tournament-item__date-wrapper--single-view .ui-icon {
            margin-right: 8px;
        }
        .tournament-item__content-wrapper {
            margin-top: auto;
            width: 100%;
        }
        .tournament-item__date-title {
            color: var(--ttSecondary);
            font: var(--caption2Strong);
        }
        .tournament-item__prize-wrapper {
            align-items: center;
            color: var(--ttPrimary);
            display: flex;
            font: var(--caption1);
            margin: var(--cardTournamentGap) 0;
        }
        .tournament-item__prize-value {
            color: var(--ttAccent1);
            font: var(--t4);
            margin-left: var(--cardTournamentGap);
        }
        .tournament-item__details {
            display: flex;
        }
        .tournament-item__details-row + .tournament-item__details-row {
            border-left: var(--dividerMinSize) solid var(--dividerBr);
        }
        .tournament-item__details-legend {
            color: var(--ttSecondary);
            font: var(--caption1);
            margin: 0 0 4px;
        }
        .tournament-item__details-value {
            color: var(--ttPrimary);
        }
        .tournament-item__footer {
            margin-top: auto;
            padding-top: 12px;
            width: 100%;
        }
        .tournament-item__countdown {
            min-height: 25px;
        }
        .tournament-item__countdown-legend {
            font: var(--body2);
        }
        .tournament-item__buttons {
            display: flex;
            margin: -6px;
            min-height: calc(var(--btnSizeMd) + 12px);
        }
        .tournament-item__button {
            padding: 6px;
        }
        .tournament-item.ui-card--lg {
            background: transparent;
            box-shadow: none;
            margin-bottom: 16px;
            min-height: 512px;
        }
        @media screen and (max-width: 1279px) {
            .tournament-item.ui-card--lg {
                min-height: 416px;
            }
        }
        @media screen and (max-width: 1024px) {
            .tournament-item.ui-card--lg {
                min-height: 360px;
            }
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg {
                height: auto;
                margin-bottom: 0;
                min-height: 328px;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__hero {
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: bottom;
            object-position: bottom;
        }
        .tournament-item.ui-card--lg .tournament-item__img:has(.tournament-item__bg):before {
            background: radial-gradient(49% 54% at 50% 59%, transparent 58%, var(--layoutBg) 100%);
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }
        .tournament-item.ui-card--lg .tournament-item__prize-wrapper {
            margin: 0;
        }
        .tournament-item.ui-card--lg .tournament-item__details {
            margin: 0 -20px;
        }
        .tournament-item.ui-card--lg .tournament-item__games-wrapper {
            display: none;
        }
        .tournament-item.ui-card--lg .tournament-item__details-row {
            padding: 0 20px;
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg .tournament-item__countdown-legend {
                margin-left: 8px;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__details-value {
            font: var(--t3);
        }
        @media screen and (max-width: 1279px) {
            .tournament-item.ui-card--lg .tournament-item__details-value {
                font: var(--body1Strong);
            }
        }
        .tournament-item.ui-card--lg .tournament-item__name {
            font: var(--t1);
        }
        @media screen and (max-width: 1024px) {
            .tournament-item.ui-card--lg .tournament-item__name {
                font: var(--t2);
            }
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg .tournament-item__name {
                font: var(--t3);
            }
        }
        .tournament-item.ui-card--lg .tournament-item__content {
            justify-content: center;
            margin-bottom: 52px;
            position: relative;
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg .tournament-item__content {
                margin-bottom: 0;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__buttons {
            margin-left: 16px;
        }
        @media screen and (max-width: 767px) {
            .tournament-item.ui-card--lg .tournament-item__buttons {
                margin-left: 0;
                padding-top: 14px;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__footer {
            align-items: center;
            bottom: -68px;
            display: flex;
            position: absolute;
        }
        .tournament-item.ui-card--lg .tournament-item__date-wrapper {
            margin-bottom: 0;
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg .tournament-item__date-wrapper {
                top: -24px;
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-item.ui-card--lg .tournament-item__date-wrapper {
                top: -48px;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__date {
            color: var(--ttAccent1);
            font: var(--body1);
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg .tournament-item__date {
                height: 20px;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__content-wrapper {
            margin-top: 0;
        }
        .tournament-item.ui-card--lg .tournament-item__title {
            font: var(--t1);
            margin-bottom: 8px;
            margin-top: var(--layoutGapPrimaryMd);
            min-height: auto;
            width: 45%;
        }
        @media screen and (max-width: 1279px) {
            .tournament-item.ui-card--lg .tournament-item__title {
                margin-top: var(--layoutGapPrimarySm);
            }
        }
        @media screen and (max-width: 1024px) {
            .tournament-item.ui-card--lg .tournament-item__title {
                font: var(--t2);
                margin-top: var(--layoutGapPrimaryXs);
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-item.ui-card--lg .tournament-item__title {
                font: var(--t3);
                margin-bottom: 8px;
                margin-top: var(--layoutGapSecondaryXs);
                width: 100%;
            }
        }
        .tournament-item.ui-card--lg .tournament-item__prize-value {
            font: var(--d3);
            margin-bottom: var(--layoutGapPrimaryMd);
            margin-left: 0;
        }
        @media screen and (max-width: 1279px) {
            .tournament-item.ui-card--lg .tournament-item__prize-value {
                margin-bottom: var(--layoutGapPrimarySm);
            }
        }
        @media screen and (max-width: 1024px) {
            .tournament-item.ui-card--lg .tournament-item__prize-value {
                margin-bottom: var(--layoutGapPrimaryXs);
            }
        }
        @media screen and (max-width: 768px) {
            .tournament-item.ui-card--lg .tournament-item__prize-value {
                font: var(--t2);
                margin-bottom: var(--layoutGapSecondarySm);
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-item.ui-card--lg .tournament-item__prize-value {
                margin-bottom: 0;
            }
        }
        .tournament-item.ui-card--lg .ui-card__content {
            padding: 0;
        }
        .tournament-item.ui-card--lg .ui-countdown {
            display: flex;
            flex-direction: column;
        }
        .tournament-item.ui-card--lg .ui-countdown__items {
            margin-top: var(--countdownGapMd);
        }
        .tournament-item.ui-card--lg .ui-card__image {
            border-radius: unset;
            height: 100%;
            position: absolute;
            width: 55%;
        }
        .tournament-item.ui-card--lg .ui-card__main {
            flex-direction: row-reverse;
        }
        .tournament-item--small .tournament-item__img-wrapper {
            height: 100%;
            position: relative;
            width: 100%;
        }
        @media screen and (max-width: 768px) {
            .tournament-item--small .tournament-item__img-wrapper {
                height: 246px;
                margin-bottom: var(--layoutGapSecondaryXs);
                margin-top: 8px;
            }
        }
        .tournament-item--small .tournament-item__wrapper {
            align-items: center;
            display: flex;
            width: 100%;
        }
        .tournament-item--small .tournament-item__prize-wrapper {
            max-width: calc(100% - 140px);
            width: auto;
        }
        .tournament-item--small .tournament-item__countdown {
            margin-left: 14px;
            min-width: 104px;
            position: relative;
        }
        .tournament-item--small .tournament-item__countdown .ui-countdown {
            margin-left: 14px;
        }
        .tournament-item--small .tournament-item__countdown:before {
            border-left: var(--dividerMinSize) solid var(--dividerBr);
            bottom: 6px;
            content: "";
            left: 0;
            position: absolute;
            top: 6px;
        }
        .tournament-item--small .tournament-item__buttons {
            padding-top: var(--layoutGapSecondaryXs);
        }
        .tournament-item--small .tournament-item__button,
        .tournament-item--small .tournament-item__button .ui-button,
        .tournament-item--small .tournament-item__buttons,
        .tournament-item--small .tournament-item__buttons .ui-button {
            width: 100%;
        }
        .tournament-item--small.ui-card--lg .tournament-item__footer {
            flex-direction: column;
            padding-top: 0;
            position: static;
        }
        .tournament-item--small.ui-card--lg .tournament-item__details-value {
            font: var(--body1Strong);
        }
        .tournament-item--finished .tournament-item__img {
            filter: saturate(40%);
        }
        .tournament-item--finished .tournament-item__countdown {
            display: none;
        }
        .tournament-item--finished .tournament-item__prize-value {
            color: var(--ttPrimary);
        }
        .tournament-item--finished .tournament-item__date-wrapper--single-view {
            background: var(--bgNeutralQuaternary);
        }
        .tournament-item--finished.ui-card--lg .tournament-item__date,
        .tournament-item--finished.ui-card--lg .tournament-item__prize-value {
            color: var(--ttQuaternary);
        }
        .tournament-item.ui-card--md.tournament-item--vertical {
            min-height: 480px;
            overflow: hidden;
        }
        .tournament-item.ui-card--md.tournament-item--vertical .ui-card__image {
            border-radius: var(--cardBorderRadius) var(--cardBorderRadius) calc(var(--cardBorderRadius) + 2px)
                calc(var(--cardBorderRadius) + 2px);
        }
        .tournament-item.ui-card--md.tournament-item--vertical .tournament-item__content,
        .tournament-item.ui-card--md.tournament-item--vertical .tournament-item__img {
            height: 100%;
        }
        .tournament-item.ui-card--md.tournament-item--vertical .tournament-item__button {
            flex: 1;
        }
        .tournament-item.ui-card--md.tournament-item--vertical .tournament-item__button .ui-button {
            width: 100%;
        }
        .tournament-item.ui-card--md.tournament-item--vertical .tournament-item__button--icon {
            flex: none;
        }
        .tournament-item.ui-card--md.tournament-item--vertical .tournament-item__button--icon .ui-button {
            height: 40px;
            width: 40px;
        }
        .tournament-item.ui-card--md .ui-card__main {
            display: flex;
        }
        .tournament-item.ui-card--md .ui-card__main:after {
            background: var(
                --cardOverlay,
                linear-gradient(
                    0deg,
                    var(--cardOverlayColorStart) 0,
                    var(--cardOverlayColorCenter) 53%,
                    var(--cardOverlayColorEnd) 100%
                )
            );
            content: "";
            height: 100%;
            position: absolute;
            width: 100%;
            z-index: 1;
        }
        .tournament-item.ui-card--md .ui-card__image {
            border-radius: var(--cardBorderRadius);
            flex: 1;
        }
        .tournament-item.ui-card--md .tournament-item__details {
            margin: 0 -12px;
        }
        .tournament-item.ui-card--md .tournament-item__details-row {
            padding: 0 12px;
        }
        .tournament-item.ui-card--md .tournament-item__details-value {
            font: var(--body1Strong);
        }
        .tournament-item.ui-card--md .tournament-item__name {
            font: var(--t4);
        }
        .tournament-item .ui-card__main {
            height: 100%;
        }
        .tournament-layout__section {
            padding-top: var(--layoutGapPrimaryXl);
        }
        @media screen and (max-width: 768px) {
            .tournament-layout__section {
                padding-top: var(--layoutPaddingHXs);
            }
        }
        .tournament-layout__section--info {
            padding: var(--layoutGapSecondarySm) 0 var(--layoutGapPrimaryXl) 0;
        }
        @media screen and (max-width: 768px) {
            .tournament-layout__section--info {
                padding-bottom: 50px;
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-layout__section--info {
                padding-bottom: 0;
                padding-top: 62px;
            }
        }
        .tournament-layout__section--info .tournament-item__date-title {
            color: var(--countdownLabel);
            font: var(--t4);
        }
        @media screen and (max-width: 1279px) {
            .tournament-layout__section--info .tournament-item__date-title {
                font: var(--body1);
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-layout__section--info .tournament-item__date-title {
                font: var(--body2);
                margin-left: 12px;
            }
        }
        .tournament-layout__section--games .tournament-layout__section-top {
            padding-bottom: 24px;
        }
        @media screen and (max-width: 768px) {
            .tournament-layout__section--current-tournaments .tournament-layout__item,
            .tournament-layout__section--previous-tournaments .tournament-layout__item,
            .tournament-layout__section--upcoming-tournaments .tournament-layout__item {
                max-width: 314px;
                min-width: 314px;
            }
            .tournament-layout__section--current-tournaments .tournament-layout__item:only-child,
            .tournament-layout__section--previous-tournaments .tournament-layout__item:only-child,
            .tournament-layout__section--upcoming-tournaments .tournament-layout__item:only-child {
                max-width: 344px;
                min-width: 344px;
            }
            .tournament-layout__section--current-tournaments .tournament-layout__items .keen-slider,
            .tournament-layout__section--previous-tournaments .tournament-layout__items .keen-slider,
            .tournament-layout__section--upcoming-tournaments .tournament-layout__items .keen-slider {
                overflow: visible;
            }
        }
        @media screen and (min-width: 768px) {
            .tournament-layout__section--current-tournaments [data-keen-slider-disabled] .tournament-layout__item,
            .tournament-layout__section--previous-tournaments [data-keen-slider-disabled] .tournament-layout__item,
            .tournament-layout__section--upcoming-tournaments [data-keen-slider-disabled] .tournament-layout__item {
                width: 50%;
            }
        }
        @media screen and (min-width: 1024px) {
            .tournament-layout__section--current-tournaments [data-keen-slider-disabled] .tournament-layout__item,
            .tournament-layout__section--previous-tournaments [data-keen-slider-disabled] .tournament-layout__item,
            .tournament-layout__section--upcoming-tournaments [data-keen-slider-disabled] .tournament-layout__item {
                width: 33.33333%;
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-layout__section--current-tournaments,
            .tournament-layout__section--previous-tournaments,
            .tournament-layout__section--upcoming-tournaments {
                margin-left: calc(var(--layoutPaddingHXs) * -1);
                margin-right: calc(var(--layoutPaddingHXs) * -1);
                overflow: hidden;
                padding-left: var(--layoutPaddingHXs);
                padding-right: var(--layoutPaddingHXs);
            }
        }
        .tournament-layout__section--current-tournaments {
            padding-top: 0;
        }
        .tournament-layout .ui-empty__description {
            margin-top: var(--layoutGapSecondaryXl);
        }
        @media screen and (max-width: 1279px) {
            .tournament-layout .ui-empty__description {
                margin-top: var(--layoutGapSecondaryLg);
            }
        }
        @media screen and (max-width: 1024px) {
            .tournament-layout .ui-empty__description {
                margin-top: var(--layoutGapSecondaryMd);
            }
        }
        @media screen and (max-width: 768px) {
            .tournament-layout .ui-empty__description {
                margin-top: var(--layoutGapSecondarySm);
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-layout .ui-empty__description {
                margin-top: var(--layoutGapSecondaryXs);
            }
        }
        .tournament-layout__loader {
            margin-top: 48px;
        }
        .tournament-layout__section-top {
            align-items: center;
            display: flex;
        }
        .tournament-layout__section-top .tournament-layout__actions {
            margin-left: auto;
            margin-right: -12px;
            padding-left: 8px;
        }
        .tournament-layout__actions {
            display: flex;
            flex: 0 0 auto;
            margin: 0 -12px;
        }
        .tournament-layout__actions-item {
            display: flex;
            padding: 0 12px;
            position: relative;
            z-index: 1;
        }
        .tournament-layout__actions-item + .tournament-layout__actions-item:before {
            border-left: var(--dividerMinSize) solid var(--dividerBr);
            bottom: 6px;
            content: "";
            left: 0;
            position: absolute;
            top: 6px;
        }
        .tournament-layout__actions-item > div + div {
            margin-left: 8px;
        }
        .tournament-layout__title-holder {
            align-items: center;
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
        .tournament-layout__title {
            align-items: center;
            color: var(--titleColor);
            display: flex;
            margin: 0;
        }
        .tournament-layout__title .ui-icon {
            fill: var(--ttAccent1);
            flex: 0 0 auto;
            margin-right: 8px;
        }
        .tournament-layout__title .ui-button {
            flex: 0 0 auto;
            margin-right: 8px;
        }
        .tournament-layout__title .ui-button .ui-icon {
            fill: currentColor;
        }
        .tournament-layout__items {
            margin: -12px -12px 0;
        }
        .tournament-layout__items .keen-slider {
            display: flex;
            padding-top: var(--layoutGapSecondary);
        }
        .tournament-layout__items .ui-navigator {
            margin-bottom: calc(var(--navigatorDotPrimary) * -1 / 2);
            margin-top: calc(var(--layoutGapSecondary) - 8px);
        }
        @media screen and (min-width: 768px) {
            .tournament-layout__items .ui-navigator {
                margin-top: calc(var(--layoutGapSecondary) - 12px);
            }
        }
        @media screen and (min-width: 1024px) {
            .tournament-layout__items .ui-navigator {
                margin-top: calc(var(--layoutGapSecondary) - 12px);
            }
        }
        @media screen and (min-width: 1280px) {
            .tournament-layout__items .ui-navigator {
                margin-top: calc(var(--layoutGapSecondary) - 12px);
            }
        }
        @media screen and (min-width: 1440px) {
            .tournament-layout__items .ui-navigator {
                margin-top: calc(var(--layoutGapSecondary) - 12px);
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-layout__items .ui-navigator {
                margin-bottom: calc(var(--navigatorDotPrimary) * -1 / 2);
            }
            .tournament-layout__items {
                margin: -8px -8px 0;
            }
        }
        .tournament-layout__item {
            padding: 8px;
        }
        @media screen and (min-width: 768px) {
            .tournament-layout__item {
                padding: 12px;
            }
        }
        .tournament-layout__button,
        .tournament-layout__empty {
            margin-top: var(--layoutGapSecondary);
            text-align: center;
        }
        .tournament-layout--rankings .tournament-layout__title {
            margin-right: auto;
            padding-right: 8px;
        }
        .tournament-layout--rankings .tournament-layout__section {
            padding-top: var(--layoutGapSecondary);
        }
        .tournament-layout--rankings .tournament-layout__actions {
            margin: 0;
            padding: 0;
        }
        @media screen and (max-width: 767px) {
            .tournament-layout--rankings .tournament-layout__section-top {
                display: block;
            }
            .tournament-layout--rankings .tournament-layout__actions {
                margin-top: var(--layoutGapSecondary);
            }
            .tournament-layout--rankings .tournament-layout__title {
                padding-right: 0;
            }
        }
        .tournament-layout--current .tournament-layout__section,
        .tournament-layout--old .tournament-layout__section,
        .tournament-layout--upcoming .tournament-layout__section {
            padding-top: var(--layoutGapSecondaryLg);
        }
        @media screen and (max-width: 768px) {
            .tournament-layout--current .tournament-layout__section,
            .tournament-layout--old .tournament-layout__section,
            .tournament-layout--upcoming .tournament-layout__section {
                padding-top: var(--layoutGapSecondarySm);
            }
        }
        .tournament-layout--current .tournament-layout__items,
        .tournament-layout--old .tournament-layout__items,
        .tournament-layout--upcoming .tournament-layout__items {
            display: flex;
            flex-wrap: wrap;
        }
        .tournament-layout--current .tournament-layout__item,
        .tournament-layout--old .tournament-layout__item,
        .tournament-layout--upcoming .tournament-layout__item {
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            .tournament-layout--current .tournament-layout__item,
            .tournament-layout--old .tournament-layout__item,
            .tournament-layout--upcoming .tournament-layout__item {
                width: 50%;
            }
        }
        @media screen and (min-width: 1024px) {
            .tournament-layout--current .tournament-layout__item,
            .tournament-layout--old .tournament-layout__item,
            .tournament-layout--upcoming .tournament-layout__item {
                width: 33.33333%;
            }
        }
        @media screen and (max-width: 767px) {
            .tournament-layout--current .tournament-layout__button .ui-button,
            .tournament-layout--old .tournament-layout__button .ui-button,
            .tournament-layout--upcoming .tournament-layout__button .ui-button {
                width: 100%;
            }
        }
        .tournament-layout--view .tournament-item__name {
            pointer-events: none;
        }
        .tournament-layout__cols {
            display: flex;
            flex-direction: column;
            margin: -12px;
        }
        @media screen and (min-width: 1024px) {
            .tournament-layout__cols {
                flex-direction: row;
            }
        }
        .tournament-layout__cols--finished .tournament-layout__col {
            max-width: 100%;
        }
        .tournament-layout__col {
            flex: 1;
            max-width: 100%;
            padding: 12px;
        }
        @media screen and (min-width: 1024px) {
            .tournament-layout__col {
                max-width: 50%;
            }
        }
        .tournament-layout__col .games-list {
            margin-top: var(--layoutGapSecondary);
        }
        @media screen and (max-width: 768px) {
            .tournament-layout__col .games-list {
                grid-gap: 16px;
            }
        }
        .tournament-page__title {
            color: var(--ttPrimary);
            font: var(--t1);
        }
        @media screen and (max-width: 1024px) {
            .tournament-page__title {
                font: var(--t2);
            }
        }
        @media screen and (max-width: 768px) {
            .tournament-page__title {
                font: var(--t3);
            }
        }
        .tournament-page__top-content {
            display: flex;
            flex-direction: column;
            gap: var(--layoutGapSecondaryXl);
            padding-bottom: var(--layoutPaddingVMd);
        }
        .tournament-page__title-holder {
            align-items: center;
            display: flex;
            justify-content: space-between;
        }
        .keen-slider:not([data-keen-slider-disabled]) {
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
            align-content: flex-start;
            display: flex;
            overflow: hidden;
            position: relative;
            touch-action: pan-y;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            -khtml-user-select: none;
            width: 100%;
        }
        .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
            min-height: 100%;
            overflow: hidden;
            position: relative;
            width: 100%;
        }
        .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
            flex-direction: row-reverse;
        }
        .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
            flex-wrap: wrap;
        }
        .ui-carousel__wrap {
            height: 100%;
            position: relative;
            width: 100%;
        }
        .ui-carousel .keen-slider {
            display: flex;
            height: 100%;
        }
        .ui-carousel.has-drag .keen-slider {
            cursor: grab;
        }
        .ui-carousel.has-drag .keen-slider.is-dragging {
            cursor: grabbing;
        }
        .ui-tag {
            align-items: center;
            display: inline-flex;
        }
        .ui-tag--lg {
            border-radius: var(--tagRoundedBorderRadiusLg);
            font: var(--body1);
            min-height: var(--tagSizeLg);
            padding: 0 var(--tagPaddingHLg);
        }
        .ui-tag--lg.ui-tag--strong {
            font: var(--body1Strong);
        }
        .ui-tag--lg.ui-tag--circle {
            border-radius: var(--tagCircleBorderRadiusLg);
        }
        .ui-tag--lg .ui-tag__icon {
            margin-right: var(--tagGapLg);
        }
        .ui-tag--md {
            border-radius: var(--tagRoundedBorderRadiusMd);
            font: var(--body2);
            min-height: var(--tagSizeMd);
            padding: 0 var(--tagPaddingHMd);
        }
        .ui-tag--md.ui-tag--strong {
            font: var(--body2Strong);
        }
        .ui-tag--md.ui-tag--circle {
            border-radius: var(--tagCircleBorderRadiusMd);
        }
        .ui-tag--md .ui-tag__icon {
            margin-right: var(--tagGapMd);
        }
        .ui-tag--sm {
            border-radius: var(--tagRoundedBorderRadiusSm);
            font: var(--caption1);
            min-height: var(--tagSizeSm);
            padding: 0 var(--tagPaddingHSm);
        }
        .ui-tag--sm.ui-tag--strong {
            font: var(--caption1Strong);
        }
        .ui-tag--sm.ui-tag--circle {
            border-radius: var(--tagCircleBorderRadiusSm);
        }
        .ui-tag--sm .ui-tag__icon {
            margin-right: var(--tagGapSm);
        }
        .ui-tag--xs {
            border-radius: var(--tagRoundedBorderRadiusXs);
            font: var(--caption2);
            min-height: var(--tagSizeXs);
            padding: 0 var(--tagPaddingHXs);
        }
        .ui-tag--xs.ui-tag--strong {
            font: var(--caption2Strong);
        }
        .ui-tag--xs.ui-tag--circle {
            border-radius: var(--tagCircleBorderRadiusXs);
        }
        .ui-tag--xs .ui-tag__icon {
            margin-right: var(--tagGapXs);
        }
        .ui-tag--default {
            background-color: var(--tagDefaultBg);
            box-shadow: inset 0 0 0 var(--borderWidthDefault) var(--tagDefaultBr);
            color: var(--tagDefaultColor);
        }
        .ui-tag--accent1 {
            background-color: var(--tagAccent1Bg);
            color: var(--tagAccent1Color);
        }
        .ui-tag--accent2 {
            background-color: var(--tagAccent2Bg);
            color: var(--tagAccent2Color);
        }
        .ui-tag--success {
            background-color: var(--tagSuccessBg);
            color: var(--tagSuccessColor);
        }
        .ui-tag--warning {
            background-color: var(--tagWarningBg);
            color: var(--tagWarningColor);
        }
        .ui-tag--danger {
            background-color: var(--tagDangerBg);
            color: var(--tagDangerColor);
        }
        .ui-tag--alt1 {
            background-color: var(--tagAlt1Bg);
            color: var(--tagAlt1Color);
        }
        .ui-tag--alt2 {
            background-color: var(--tagAlt2Bg);
            color: var(--tagAlt2Color);
        }
        .ui-tag--alt3 {
            background-color: var(--tagAlt3Bg);
            color: var(--tagAlt3Color);
        }
        .ui-tag__icon {
            display: flex;
            flex: 0 0 auto;
        }
        .achievements-collection {
            margin-bottom: var(--layoutGapSecondary);
        }
        @media screen and (min-width: 1024px) and (max-width: 1279px) {
            .achievements-collection__block {
                min-width: 550px;
            }
        }
        .achievements-collection__block-title {
            margin-bottom: 4px;
            text-align: center;
        }
        @media screen and (min-width: 1024px) {
            .achievements-collection__block-title {
                margin-bottom: 16px;
                padding: 0 24px;
            }
        }
        .achievements-collection__list {
            margin: -12px;
        }
        @media screen and (min-width: 1280px) {
            .achievements-collection__list {
                display: flex;
            }
        }
        @media screen and (max-width: 1023px) {
            .achievements-collection__list {
                margin: 0;
            }
        }
        @media screen and (max-width: 1279px) {
            .achievements-collection__list .ui-carousel__wrap {
                padding: 0 40px;
            }
        }
        @media screen and (max-width: 1023px) {
            .achievements-collection__list .ui-carousel__wrap {
                padding: 0 48px;
            }
        }
        .achievements-collection__list .ui-carousel-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
        }
        .achievements-collection__list .ui-carousel-arrow .is-disabled {
            display: none;
        }
        .achievements-collection__list .ui-carousel-arrow--prev {
            left: 0;
        }
        .achievements-collection__list .ui-carousel-arrow--next {
            right: 0;
        }
        .achievements-collection__item {
            flex: 1;
            padding: 12px;
        }
        @media screen and (max-width: 1023px) {
            .achievements-collection__item {
                padding: var(--achievementChainPaddingT) var(--achievementChainPaddingH) var(--achievementChainPaddingB);
            }
        }
        .achievements-collection__groups {
            display: flex;
            flex-wrap: wrap;
        }
        .achievements-collection__groups .ui-tag {
            flex: 1;
            justify-content: center;
            min-width: 0;
            white-space: nowrap;
        }
        .achievements-collection__groups .ui-tag + .ui-tag {
            margin-left: 8px;
        }
        .achievements-collection__actions {
            margin-top: 8px;
            text-align: center;
            width: 100%;
        }
        .achievements-collection__actions .ui-button,
        .achievements-collection__actions .ui-button.ui-button--icon-only {
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            .achievements-collection__actions .ui-button,
            .achievements-collection__actions .ui-button.ui-button--icon-only {
                width: auto;
            }
        }
        @media screen and (min-width: 1024px) {
            .achievements-collection__actions .ui-button,
            .achievements-collection__actions .ui-button.ui-button--icon-only {
                width: 100%;
            }
        }
        .achievements-collection__actions .ui-status {
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            .achievements-collection__actions .ui-status {
                width: auto;
            }
        }
        @media screen and (min-width: 1024px) {
            .achievements-collection__actions .ui-status {
                width: 100%;
            }
            .achievements-collection .ui-card__content-slot {
                align-items: center;
                display: flex;
            }
        }
        .achievements-collection__info {
            align-items: center;
            display: flex;
            margin-bottom: 24px;
        }
        @media screen and (min-width: 1024px) {
            .achievements-collection__info {
                flex: 0 1 auto;
                margin-bottom: 0;
                margin-right: 24px;
            }
        }
        .achievements-collection__block {
            flex: 1;
        }
        .achievements-collection__img {
            flex: 0 0 auto;
            height: 120px;
            -o-object-fit: contain;
            object-fit: contain;
            width: 120px;
        }
        .achievements-collection__headers {
            margin-left: 16px;
            max-width: 160px;
        }
        .achievements-collection__headers-level {
            margin-bottom: 8px;
        }
        .achievements-collection .ui-navigator {
            margin-top: 12px;
        }
        @media screen and (max-width: 767px) {
            .achievements-collection .ui-navigator {
                margin-top: 8px;
            }
        }
        .achievement {
            display: flex;
            height: 100%;
            width: 100%;
        }
        .achievement__preview {
            min-width: 120px;
            position: relative;
        }
        .achievement__lock {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            background: hsla(0, 0%, 100%, 0);
            height: 100%;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 1;
        }
        .achievement__glass,
        .achievement__lock {
            align-items: center;
            display: flex;
            justify-content: center;
            position: absolute;
        }
        .achievement__glass {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            background-color: var(--bgGlassDark);
            border-radius: 50%;
            color: var(--ttWhite);
            height: 80px;
            left: calc(50% - 40px);
            top: calc(50% - 40px);
            width: 80px;
            z-index: 2;
        }
        .achievement__glass .ui-icon {
            height: var(--iconXl);
            width: var(--iconXl);
        }
        .achievement .achievement__actions {
            margin-top: 8px;
        }
        .achievement .ui-card__main {
            display: flex;
            width: 100%;
        }
        .achievement .ui-card__main .ui-badge {
            left: -8px;
            position: absolute;
            top: 16px;
            z-index: 1;
        }
        @media screen and (max-width: 768px) {
            .achievement .ui-card__main .ui-badge {
                left: 0;
                top: 16px;
            }
        }
        .achievement .ui-card__image {
            align-items: center;
            display: flex;
            margin-left: var(--cardPaddingVMd);
            max-width: 120px;
            min-height: 232px;
            overflow: unset;
            width: 100%;
        }
        @media screen and (max-width: 768px) {
            .achievement .ui-card__image {
                margin-left: var(--cardPaddingVSm);
            }
        }
        .achievement .ui-card__content {
            flex-grow: 1;
            justify-content: center;
            padding: var(--cardPaddingVMd);
        }
        @media screen and (max-width: 768px) {
            .achievement .ui-card__content {
                padding: var(--cardPaddingVSm);
            }
        }
        .achievement .ui-card__title {
            padding-right: 28px;
        }
        .achievement .ui-card__subtitle {
            margin-bottom: 8px;
            padding-top: 0;
            width: 100%;
        }
        .achievement .ui-card__content-slot {
            flex-grow: 0;
        }
        .achievements-group__list {
            display: grid;
            gap: var(--layoutGapSecondary);
        }
        @media screen and (min-width: 768px) and (max-width: 1279px) {
            .achievements-group__list {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media screen and (max-width: 768px) {
            .achievements-group__list {
                grid-template-columns: repeat(1, 1fr);
            }
        }
        @media screen and (min-width: 1280px) {
            .achievements-group__list {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        .achievements-group__item {
            display: flex;
        }
        .achievements-group .achievements-group__list + .achievements-group__list {
            margin-top: 24px;
        }
        .achievements-category__title {
            align-items: center;
            display: flex;
            margin-bottom: var(--layoutGapSecondary);
            margin-top: 0;
        }
        .achievements-category__image {
            fill: var(--ttAccent1);
            height: var(--iconXl);
            margin-right: 8px;
            -o-object-fit: contain;
            object-fit: contain;
            width: var(--iconXl);
        }
        .achievements-category__actions {
            padding-top: var(--layoutGapSecondary);
            text-align: center;
        }
        .achievements-page .page-title {
            align-items: center;
            display: flex;
            margin-top: 0;
        }
        .achievements-page__row {
            margin-top: var(--layoutGapPrimary);
        }
        .faq-category-list {
            --gap: 16px;
            --columns: 2;
            display: flex;
            flex-wrap: wrap;
            gap: var(--gap);
            justify-content: center;
        }
        @media screen and (min-width: 768px) {
            .faq-category-list {
                --gap: 24px;
            }
        }
        @media screen and (min-width: 1024px) {
            .faq-category-list {
                --columns: 4;
            }
        }
        .faq-category-list > * {
            width: calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns));
        }
        .ui-banner {
            display: flex;
            position: relative;
            width: 100%;
            z-index: 0;
        }
        .ui-banner__link {
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
        }
        .ui-banner__inner {
            border-radius: var(--bannerBorderRadius);
            bottom: 0;
            display: flex;
            left: 0;
            overflow: hidden;
            position: absolute;
            right: 0;
        }
        .ui-banner--xl .ui-banner__inner {
            height: var(--bannerBackHeightXl);
            padding: 24px 99px;
        }
        .ui-banner--lg .ui-banner__inner {
            height: var(--bannerBackHeightLg);
            padding: 24px 82px;
        }
        .ui-banner--md .ui-banner__inner {
            height: var(--bannerBackHeightMd);
            padding: 8px 59px;
        }
        .ui-banner--sm .ui-banner__inner {
            height: var(--bannerBackHeightSm);
            padding: 8px 31px;
        }
        .ui-banner--xs .ui-banner__inner {
            height: var(--bannerBackHeightXs);
            padding: 12px;
        }
        .ui-banner--xxs .ui-banner__inner {
            border-radius: 0;
            order: 1;
            position: static;
            width: 100%;
        }
        .ui-banner__inner--blur:before {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            background-color: rgba(0, 0, 0, 0.002);
            content: "";
            inset: 0;
            position: absolute;
            z-index: 1;
        }
        .ui-banner__inner-bg {
            inset: 0;
            pointer-events: none;
            position: absolute;
        }
        .ui-banner__inner-bg-media {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }
        .ui-banner__hero {
            display: block;
            height: var(--bannerFrontHeightXs);
            pointer-events: none;
            width: 100%;
            will-change: transform;
            z-index: 1;
        }
        .ui-banner--xxs .ui-banner__hero {
            aspect-ratio: 1;
            flex: 0 0 auto;
            height: auto;
            margin-right: 12px;
            max-height: var(--bannerHeightXxs);
            width: auto;
        }
        @supports not (aspect-ratio: 1) {
            .ui-banner--xxs .ui-banner__hero {
                height: 0;
                overflow: hidden;
                padding: 5.84%;
                position: relative;
            }
            .ui-banner--xxs .ui-banner__hero .ui-banner__hero-media {
                left: 0;
                position: absolute;
                top: 0;
            }
        }
        .ui-banner--sm .ui-banner__hero + .ui-banner__custom-block {
            margin-left: -24px;
        }
        .ui-banner--md .ui-banner__hero + .ui-banner__custom-block {
            margin-left: -80px;
        }
        .ui-banner__hero-media {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            width: 100%;
        }
        .ui-banner__custom-block {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 100%;
            will-change: transform;
            z-index: 1;
        }
        .ui-banner--xl .ui-banner__custom-block {
            max-width: var(--bannerContentWidthXl);
        }
        .ui-banner--lg .ui-banner__custom-block {
            max-width: var(--bannerContentWidthLg);
        }
        .ui-banner--md .ui-banner__custom-block {
            max-width: var(--bannerContentWidthMd);
        }
        .ui-banner--sm .ui-banner__custom-block {
            max-width: var(--bannerContentWidthSm);
        }
        .ui-banner--xs .ui-banner__custom-block {
            max-width: 100%;
        }
        .ui-banner__inner-block {
            align-items: center;
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            background-color: var(--bannerContentBg);
            border-radius: var(--bannerBorderRadius);
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: auto 0;
            text-align: center;
            width: 100%;
            z-index: 2;
        }
        .ui-banner--xl .ui-banner__inner-block {
            max-width: var(--bannerContentWidthXl);
            min-height: var(--bannerContentHeightXl);
            padding: var(--bannerContentPaddingXl);
        }
        .ui-banner--lg .ui-banner__inner-block {
            max-width: var(--bannerContentWidthLg);
            min-height: var(--bannerContentHeightLg);
            padding: var(--bannerContentPaddingLg);
        }
        .ui-banner--md .ui-banner__inner-block {
            max-width: var(--bannerContentWidthMd);
            min-height: var(--bannerContentHeightMd);
            padding: var(--bannerContentPaddingMd);
        }
        .ui-banner--sm .ui-banner__inner-block {
            max-width: var(--bannerContentWidthSm);
            min-height: var(--bannerContentHeightSm);
            padding: var(--bannerContentPaddingSm);
        }
        .ui-banner--xs .ui-banner__inner-block {
            margin: auto auto 0;
            max-width: 100%;
            min-height: var(--bannerContentHeightXs);
            padding: var(--bannerContentPaddingXs);
        }
        .ui-banner--xxs .ui-banner__inner-block {
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            background-color: transparent;
            border-radius: 0;
            display: block;
            padding: 4px 0;
            text-align: left;
        }
        .ui-banner--default .ui-banner__inner-block {
            margin-left: auto;
        }
        .ui-banner--reverse .ui-banner__inner-block {
            margin-right: auto;
        }
        .ui-banner__inner-block-title {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            color: var(--bannerTitle);
            display: -webkit-box;
            overflow: hidden;
            word-break: break-word;
        }
        .ui-banner--lg .ui-banner__inner-block-title,
        .ui-banner--xl .ui-banner__inner-block-title {
            font: var(--t3);
        }
        .ui-banner--md .ui-banner__inner-block-title {
            font: var(--t4);
        }
        .ui-banner--sm .ui-banner__inner-block-title,
        .ui-banner--xs .ui-banner__inner-block-title,
        .ui-banner--xxs .ui-banner__inner-block-title {
            font: var(--t5);
        }
        .ui-banner--xxs .ui-banner__inner-block-title {
            -webkit-line-clamp: 2;
        }
        .ui-banner--xxs.has-button .ui-banner__inner-block-title {
            display: none;
        }
        .ui-banner__inner-block-row {
            width: 100%;
        }
        .ui-banner--lg .ui-banner__inner-block-row,
        .ui-banner--xl .ui-banner__inner-block-row {
            margin-top: 24px;
        }
        .ui-banner--md .ui-banner__inner-block-row,
        .ui-banner--sm .ui-banner__inner-block-row,
        .ui-banner--xs .ui-banner__inner-block-row {
            margin-top: 16px;
        }
        .ui-banner--xxs:not(.has-button) .ui-banner__inner-block-row {
            inset: 0;
            position: absolute;
        }
        .ui-banner--xxs:not(.has-button) .ui-banner__inner-block-row .ui-button {
            height: 100%;
            opacity: 0;
            width: 100%;
        }
        .ui-banner--xl {
            height: var(--bannerHeightXl);
            padding: 0 99px;
        }
        .ui-banner--lg {
            height: var(--bannerHeightLg);
            padding: 0 82px;
        }
        .ui-banner--md {
            height: var(--bannerHeightMd);
            padding: 0 59px;
        }
        .ui-banner--sm {
            height: var(--bannerHeightSm);
            padding: 0 31px;
        }
        .ui-banner--xs {
            height: var(--bannerHeightXs);
            justify-content: center;
            padding: 0 12px;
        }
        .ui-banner--xxs {
            align-items: center;
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            background-color: var(--bannerContentBg);
            border-radius: var(--bannerBorderRadius);
            min-height: var(--bannerHeightXxs);
            overflow: hidden;
            padding: 0 var(--bannerPaddingXxs);
        }
        .ui-banner--xxs.has-button .ui-banner__inner-block-row {
            text-align: right;
        }
        @media screen and (min-width: 768px) {
            .ui-banner:not(.ui-banner--xxs) .ui-banner__hero {
                aspect-ratio: 1.33333333;
                height: auto;
                width: auto;
            }
            @supports not (aspect-ratio: 4/3) {
                .ui-banner:not(.ui-banner--xxs) .ui-banner__hero {
                    height: 0;
                    overflow: hidden;
                    padding-top: 27.1%;
                    position: relative;
                }
                .ui-banner:not(.ui-banner--xxs) .ui-banner__hero .ui-banner__hero-media {
                    left: 0;
                    position: absolute;
                    top: 0;
                }
            }
        }
        .ui-banner--reverse:not(.ui-banner--xxs) {
            flex-direction: row-reverse;
        }
        .ui-banner--centered {
            height: 100%;
            max-width: 100%;
            width: 100%;
        }
        .ui-banner--centered.ui-banner--xl {
            padding: 0 102px;
        }
        .ui-banner--centered.ui-banner--lg {
            padding: 0 90px;
        }
        .ui-banner--centered.ui-banner--md {
            padding: 0 67px;
        }
        .ui-banner--centered.ui-banner--sm {
            padding: 0;
        }
        .ui-banner--centered.ui-banner--xs {
            padding: 0 70px;
        }
        .ui-banner--centered .ui-banner__inner {
            height: 100%;
        }
        .ui-banner--centered .ui-banner__hero {
            aspect-ratio: 1;
            height: 100%;
            width: 100%;
        }
        .bonus-banner {
            margin: 0 0 var(--layoutGapPrimary);
        }
        .ui-inline-notification {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            background-color: var(--notificationLocalBg);
            border-radius: var(--notificationLocalBorderRadius);
            padding: var(--notificationLocalPadding);
            position: relative;
            will-change: transform;
        }
        .ui-inline-notification__controls {
            align-items: center;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            right: 8px;
            top: 8px;
        }
        .ui-inline-notification__controls .ui-button {
            margin-left: 4px;
        }
        .ui-inline-notification__countdown {
            color: var(--notificationLocalCountdown);
        }
        .ui-inline-notification__title {
            color: var(--notificationTitle);
            margin-bottom: 12px;
        }
        .ui-inline-notification__message {
            margin-bottom: var(--notificationLocalPadding);
        }
        .bonus-item {
            max-width: 328px;
            position: relative;
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            .bonus-item {
                max-width: 336px;
            }
        }
        @media screen and (min-width: 1024px) {
            .bonus-item {
                max-width: 298px;
            }
        }
        @media screen and (min-width: 1280px) {
            .bonus-item {
                max-width: 264px;
            }
        }
        @media screen and (min-width: 1440px) {
            .bonus-item {
                max-width: 288px;
            }
        }
        .bonus-item.is-disabled {
            opacity: 0.5;
            pointer-events: none;
        }
        .bonus-item .ui-card__image {
            background: var(--bgNeutralTertiary);
            display: flex;
            height: 162px;
            justify-content: center;
        }
        .bonus-item .ui-card__image .ui-image__main {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            pointer-events: none;
            width: 100%;
        }
        .bonus-item .ui-card__secondary {
            padding: 0;
        }
        .bonus-item .ui-card__notification .ui-inline-notification__title {
            color: var(--notificationColor);
            font: var(--t5);
        }
        .bonus-item .ui-card__notification .ui-inline-notification__message {
            color: var(--notificationColor);
            font: var(--body1);
        }
        .bonus-item .ui-card__notification .ui-inline-notification__actions {
            align-items: center;
            display: flex;
        }
        .bonus-item .ui-card__notification .ui-inline-notification__actions > .ui-button {
            flex: 1;
        }
        .bonus-item .ui-card__notification .ui-inline-notification__actions > * + * {
            margin-left: 12px;
        }
        .bonus-item .ui-card__content {
            height: 224px;
        }
        .bonus-item .ui-card__content-slot {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .bonus-item__title {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: var(--ttPrimary);
            display: -webkit-box;
            font: var(--t4);
            -webkit-mask-image: linear-gradient(#000, #000 calc(100% - 2px), transparent);
            mask-image: linear-gradient(#000, #000 calc(100% - 2px), transparent);
            overflow: hidden;
        }
        .bonus-item__promo-description {
            background-color: var(--fillDefault);
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            padding: 8px;
        }
        .bonus-item__promo-description span:first-child {
            color: var(--ttSecondary);
            font: var(--caption1);
        }
        .bonus-item__promo-description span:last-child {
            color: var(--ttAccent1);
            font: var(--t6);
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .bonus-item__options {
            align-items: center;
            display: flex;
            justify-content: space-between;
        }
        .bonus-item__options .ui-progress {
            flex-direction: row-reverse;
            width: 100%;
        }
        .bonus-item__options .ui-progress__title {
            margin-left: 8px;
            margin-right: 0;
        }
        .bonus-item__options .ui-progress__value {
            display: none;
        }
        .bonus-item__actions {
            align-items: center;
            display: flex;
        }
        .bonus-item__actions > .ui-button {
            flex: 1;
        }
        .bonus-item__actions > * + * {
            margin-left: 12px;
        }
        .bonus-item__frame {
            left: 8px;
            position: absolute;
            top: 8px;
        }
        .bonus-item__campaign-info {
            align-items: center;
            display: flex;
        }
        .bonus-item__campaign-info .ui-icon {
            margin-right: 8px;
        }
        .bonus-item__campaign-dots {
            align-self: flex-end;
            background-image: radial-gradient(var(--listItemTrackColor) 1px, transparent 0);
            background-position: 0 80%;
            background-repeat: repeat-x;
            background-size: 8px 8px;
            flex: 1;
            height: 20px;
            margin: 0 8px;
            min-width: 0;
        }
        .bonus-item__campaign-date {
            font: var(--body1Strong);
        }
        .bonus-list {
            display: grid;
            gap: var(--layoutGapSecondary);
            justify-items: center;
        }
        @media screen and (min-width: 768px) {
            .bonus-list {
                grid-template-columns: repeat(2, minmax(0, 366px));
                justify-content: center;
            }
        }
        @media screen and (min-width: 1024px) {
            .bonus-list {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        @media screen and (min-width: 1280px) {
            .bonus-list {
                grid-template-columns: repeat(4, 1fr);
            }
        }
        @media screen and (min-width: 768px) and (max-width: 1279px) {
            .bonus-list .bonus-item {
                max-width: 100% !important;
            }
        }
        .bonus-page__promocode {
            margin-top: var(--layoutGapPrimary);
        }
        .bonus-navigation {
            margin-bottom: var(--layoutGapPrimary);
        }
        .bonus-categories {
            display: grid;
            margin-top: var(--layoutGapPrimary);
        }
        .bonus-category {
            display: grid;
            gap: var(--layoutGapSecondary);
        }
        .bonus-category + .bonus-category {
            margin-top: var(--layoutGapPrimary);
        }
        .bonus-category__header {
            align-items: center;
            display: flex;
        }
        .bonus-category__image {
            fill: var(--ttAccent1);
            height: var(--iconXl);
            margin-right: 8px;
            width: var(--iconXl);
        }
        .bonus-category__name {
            color: var(--ttPrimary);
            flex: 1;
            font: var(--t4);
            margin: 0;
        }
        @media screen and (min-width: 768px) {
            .bonus-category__name {
                font: var(--t3);
            }
        }
        @media screen and (min-width: 1280px) {
            .bonus-category__name {
                font: var(--t2);
            }
        }
        .notification-center-single-request {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .notification-center-single-request__header {
            align-items: center;
            display: flex;
            gap: 16px;
        }
        .notification-center-single-request__back-btn {
            cursor: pointer;
            flex-shrink: 0;
        }
        .notification-center-single-request__title {
            flex: 1;
        }
        .notification-center-single-request__date {
            color: var(--ttSecondary);
            font: var(--body2);
        }
        .notification-center-single-request__chat {
            display: flex;
            flex: 1;
            flex-direction: column;
        }
        .notification-center-single-request__messages {
            display: flex;
            flex-direction: column;
            gap: var(--layoutGapSecondary);
            padding: var(--layoutGapPrimary) 0 0 0;
        }
        .notification-center-single-request__message {
            display: flex;
            gap: 8px;
            max-width: var(--widgetMessageBubbleMaxWidth);
        }
        .notification-center-single-request__message--operator {
            align-self: flex-start;
        }
        .notification-center-single-request__message--user {
            align-self: flex-end;
            flex-direction: row-reverse;
        }
        .notification-center-single-request__message--user .notification-center-single-request__message-content {
            align-items: flex-end;
        }
        .notification-center-single-request__message--user .notification-center-single-request__message-bubble {
            background: var(--widgetMessageBgSender);
            border-radius: var(--widgetMessageBorderRadius) var(--widgetMessageBorderRadius) 0
                var(--widgetMessageBorderRadius);
            color: var(--widgetMessageText);
        }
        .notification-center-single-request__message--user .notification-center-single-request__message-time {
            text-align: right;
        }
        .notification-center-single-request__message--user .notification-center-single-request__message-reply-text,
        .notification-center-single-request__message--user .notification-center-single-request__message-text {
            color: var(--widgetMessageText);
        }
        .notification-center-single-request__message--has-file .notification-center-single-request__message-bubble,
        .notification-center-single-request__message--has-file .notification-center-single-request__message-text {
            padding: var(--widgetMessageBubblePadding);
        }
        .notification-center-single-request__message--has-file .notification-center-single-request__message-file {
            gap: var(--widgetMessageBubbleGap);
        }
        .notification-center-single-request__message--has-file .notification-center-single-request__message-file-icon {
            align-items: center;
            background: var(--widgetMessageAddonBgFeaturedIcon);
            border-radius: var(--widgetMessageDocumentAddonFeaturedIconBorderRadius);
            display: flex;
            flex-shrink: 0;
            height: var(--widgetMessageAddonSize);
            justify-content: center;
            width: var(--widgetMessageAddonSize);
        }
        .notification-center-single-request__message--has-file .notification-center-single-request__message-file-link {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            color: var(--widgetMessageText);
            display: -webkit-box;
            font: var(--body1);
            overflow: hidden;
            text-decoration: none;
        }
        .notification-center-single-request__message-reply-content {
            display: flex;
            gap: var(--widgetReplyGap);
        }
        .notification-center-single-request__message-avatar {
            align-items: center;
            border-radius: 50%;
            display: flex;
            flex-shrink: 0;
            height: 24px;
            justify-content: center;
            overflow: hidden;
            width: 24px;
        }
        .notification-center-single-request__message-avatar img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }
        .notification-center-single-request__message-content {
            display: flex;
            flex: 1;
            flex-direction: column;
            gap: 4px;
        }
        .notification-center-single-request__message-header {
            align-items: center;
            display: flex;
            gap: 8px;
        }
        .notification-center-single-request__message-name {
            color: var(--ttPrimary);
            font: var(--body2Strong);
        }
        .notification-center-single-request__message-file-wrapper {
            display: flex;
            flex-direction: column;
        }
        .notification-center-single-request__message-file-size {
            color: var(--widgetMessageDescription);
            font: var(--body2);
        }
        .notification-center-single-request__message-bubble {
            word-wrap: break-word;
            background: var(--widgetMessageBgRecipient);
            border-radius: 0 var(--widgetMessageBorderRadius) var(--widgetMessageBorderRadius)
                var(--widgetMessageBorderRadius);
            color: var(--widgetMessageText);
            padding: var(--widgetMessageBubblePadding);
            width: 224px;
        }
        .notification-center-single-request__message-text {
            font: var(--body1);
            max-width: var(--widgetMessageBubbleMaxWidth);
            white-space: pre-wrap;
        }
        .notification-center-single-request__message-image,
        .notification-center-single-request__message-video {
            border-radius: var(--widgetMessageBorderRadius);
            display: block;
            margin: 0 auto;
            max-width: calc(var(--widgetMessageBubbleMaxWidth) - var(--widgetMessageBubblePadding) * 2);
        }
        .notification-center-single-request__message-file {
            align-items: center;
            display: flex;
            font: var(--body2);
        }
        .notification-center-single-request__message-reply {
            border-left: 2px solid var(--widgetReplyBr);
            font: var(--caption1);
            margin-bottom: var(--widgetMessageBubbleGap);
            padding: var(--widgetReplyPaddingV) 0 var(--widgetReplyPaddingV) var(--widgetReplyPaddingL);
        }
        .notification-center-single-request__message-reply-text-wrapper {
            color: var(--ttSecondary);
        }
        .notification-center-single-request__message-reply-name {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            color: var(--widgetReplyTitleDefault);
            display: -webkit-box;
            font: var(--caption1Strong);
            overflow: hidden;
        }
        .notification-center-single-request__message-reply-text {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            font: var(--caption1);
            overflow: hidden;
        }
        .notification-center-single-request__message-reply-image {
            border-radius: var(--widgetReplyCoverBorderRadiusSm);
            flex-shrink: 0;
            height: 32px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 32px;
        }
        .notification-center-single-request__message-time {
            color: var(--ttSecondary);
            font: var(--body2);
            padding: 0 4px;
        }
        .games-search-bar {
            padding: 8px 0;
        }
        .games-search-bar__content {
            display: flex;
            flex-direction: column;
        }
        .games-search-bar__search {
            flex-grow: 1;
            margin-bottom: 12px;
        }
        .games-search-bar__filters {
            -moz-column-gap: 12px;
            column-gap: 12px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
        .games-search-bar__filters .games-search-bar__field {
            overflow: hidden;
        }
        @media screen and (min-width: 768px) {
            .games-search-bar__content {
                flex-direction: row;
            }
            .games-search-bar__search {
                margin-bottom: 0;
            }
            .games-search-bar__filters .games-search-bar__field {
                width: 188px;
            }
        }
        @media screen and (min-width: 1024px) {
            .games-search-bar {
                padding: 16px 0;
            }
            .games-search-bar__filters .games-search-bar__field {
                width: 200px;
            }
        }
        .games-search-bar:not(.is-fixed) .games-search-bar__field,
        .games-search-bar:not(.ui-input--default) .games-search-bar__field {
            border-radius: var(--borderRadiusMd);
        }
        .games-search-bar.is-fixed {
            background: var(--bgNeutralPrimary);
            box-shadow: 0 var(--shadowYMd) var(--shadowBlurMd) 0 var(--shadowDefault);
            left: var(--sidebarCollapseWidth);
            margin-top: 0;
            padding: 8px 0 !important;
            position: fixed;
            right: 0;
            top: var(--headerHeight);
            z-index: 9;
        }
        @media screen and (max-width: 1023px) {
            .games-search-bar.is-fixed {
                left: 0;
            }
        }
        .games-search-bar.is-fixed .games-search-bar__content {
            align-items: center;
            display: flex;
            flex-direction: row;
        }
        .games-search-bar.is-fixed .games-search-bar__search {
            margin-bottom: 0;
        }
        .games-search-bar.is-fixed .games-search-bar__field {
            overflow: initial;
        }
        .games-search-bar.is-fixed.is-hidden {
            opacity: 0;
            pointer-events: none;
            z-index: -1;
        }
        .games-search-bar.is-fixed ~ .games-navigation-wrapper {
            padding-top: 108px;
        }
        @media screen and (min-width: 1024px) {
            .games-search-bar.is-fixed ~ .games-navigation-wrapper {
                padding-top: 72px;
            }
        }
        @media screen and (min-width: 1280px) {
            .menu-opened .games-search-bar.is-fixed {
                left: var(--sidebarExpandWidth);
            }
        }
        [data-is="Games"]:has(.games-search-bar.is-fixed) ~ .games-navigation-wrapper {
            padding-top: 108px;
        }
        @media screen and (min-width: 1024px) {
            [data-is="Games"]:has(.games-search-bar.is-fixed) ~ .games-navigation-wrapper {
                padding-top: 72px;
            }
        }
        .game-developers-page__title {
            margin: 0;
        }
        .game-developers-page__search-bar {
            padding: var(--layoutGapSecondary) 0 !important;
        }
        .game-developers-page__search-bar .games-search-bar__search {
            margin-bottom: 0;
        }
        .game-developers-blocks {
            padding-top: var(--layoutGapPrimary);
        }
        .game-developers-sort {
            align-items: center;
            display: inline-flex;
        }
        .game-developers-sort__label {
            flex-shrink: 0;
        }
        .game-developers-sort .ui-input {
            margin-left: 12px;
            min-width: 160px;
        }
        .game-developers-block__list {
            grid-gap: 12px;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .game-developers-block__list .game-developers-item {
            max-width: 100%;
            min-width: inherit;
            width: auto;
        }
        @media screen and (min-width: 768px) {
            .game-developers-block__list {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }
        @media screen and (min-width: 1024px) {
            .game-developers-block__list {
                grid-template-columns: repeat(5, minmax(0, 1fr));
            }
        }
        @media screen and (min-width: 1280px) {
            .game-developers-block__list {
                grid-gap: 16px;
                grid-template-columns: repeat(6, minmax(0, 1fr));
            }
        }
        @media screen and (max-width: 767px) {
            .game-developers-block--all .games-block__top {
                align-items: flex-start;
                flex-direction: column;
            }
            .game-developers-block--all .games-block__actions {
                margin: var(--layoutGapSecondary) 0 0 !important;
                padding: 0 !important;
                width: 100%;
            }
            .game-developers-block--all .games-block__actions-item {
                padding: 0;
                width: 100%;
            }
            .game-developers-block--all .game-developers-sort .ui-input {
                width: 100%;
            }
        }
        [data-is="SliderBanners"] {
            height: 100%;
            width: 100%;
        }
        .slider-banners {
            margin: 0 auto;
            padding: 0 var(--layoutPaddingHXs);
            position: relative;
            width: 100%;
        }
        .slider-banners__item {
            max-width: calc(var(--bannerCardMaxWidthMd) + var(--carouselCenteredGapXs));
            min-width: var(--bannerCardWidthMd);
            padding: var(--carouselCenteredGapXs);
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            .slider-banners__item {
                max-width: calc(var(--bannerCardMaxWidthMd) + var(--carouselCenteredGapXs) * 2);
                padding: calc(var(--carouselCenteredGapSm) / 2);
            }
        }
        @media screen and (min-width: 1024px) {
            .slider-banners__item {
                max-width: calc(var(--bannerCardMaxWidthMd) + var(--carouselCenteredGapXs) * 2);
                padding: calc(var(--carouselCenteredGapMd) / 2);
            }
        }
        @media screen and (min-width: 1280px) {
            .slider-banners__item {
                max-width: calc(var(--bannerCardMaxWidthMd) + var(--carouselCenteredGapLg));
                padding: calc(var(--carouselCenteredGapLg) / 2);
            }
        }
        @media screen and (min-width: 1440px) {
            .slider-banners__item {
                max-width: calc(var(--bannerCardMaxWidthMd) + var(--carouselCenteredGapXl));
                padding: calc(var(--carouselCenteredGapXl) / 2);
            }
        }
        .slider-banners .ui-carousel__wrap {
            margin: calc(var(--carouselCenteredGapXs) * -1);
            width: auto;
        }
        @media screen and (min-width: 768px) {
            .slider-banners .ui-carousel__wrap {
                margin: calc(var(--carouselCenteredGapSm) * -1 / 2);
            }
        }
        @media screen and (min-width: 1024px) {
            .slider-banners .ui-carousel__wrap {
                margin: calc(var(--carouselCenteredGapMd) * -1 / 2);
            }
        }
        @media screen and (min-width: 1280px) {
            .slider-banners .ui-carousel__wrap {
                margin: calc(var(--carouselCenteredGapLg) * -1 / 2);
            }
        }
        @media screen and (min-width: 1440px) {
            .slider-banners .ui-carousel__wrap {
                margin: calc(var(--carouselCenteredGapXl) * -1 / 2);
            }
        }
        .slider-banners [data-keen-slider-disabled] {
            justify-content: center;
        }
        @media screen and (max-width: 767px) {
            .slider-banners .keen-slider {
                overflow: visible;
            }
        }
        @media screen and (min-width: 768px) {
            .slider-banners {
                padding: 0 var(--layoutPaddingHSm);
            }
        }
        @media screen and (min-width: 1024px) {
            .slider-banners {
                padding: 0 var(--layoutPaddingHMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .slider-banners {
                max-width: var(--layoutContainerWidthLg);
                padding: 0 var(--layoutPaddingHLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .slider-banners {
                max-width: var(--layoutContainerWidthXl);
                padding: 0 var(--layoutPaddingHXl);
            }
        }
        .slider-banners-row {
            align-items: center;
            display: none;
            justify-content: center;
            margin-top: var(--carouselGap);
        }
        .slider-banners-wrapper--pagination .slider-banners-row {
            display: flex;
            gap: var(--navigatorGap);
        }
        .payment-modal__title {
            flex-shrink: 0;
            font: var(--t4);
            margin-bottom: 24px;
            padding-right: 16px;
        }
        .payment-modal__container {
            display: flex;
            flex-direction: column;
        }
        .payment-modal__iframe {
            flex-shrink: 0;
            height: calc(100dvh - 324px);
            min-height: 300px;
            position: relative;
            width: 100%;
        }
        .payment-modal__iframe .ui-loader {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
        }
        .payment-modal__bonuses {
            align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin: 0 calc(var(--modalPaddingV) * -1);
            min-width: 0;
            overflow: hidden;
            padding-top: var(--modalPaddingH);
        }
        @media screen and (max-width: 767px) {
            .payment-modal__bonuses {
                padding-top: 0;
            }
        }
        .payment-modal__bonuses .ui-spinner {
            height: 172px;
        }
        .payment-modal__bonuses-holder {
            overflow: hidden;
            width: 100%;
        }
        .payment-modal__bonuses-holder .payment-modal__bonuses-bonus {
            max-width: 312px;
            min-width: 312px;
        }
        .payment-modal__bonuses-holder .ui-navigator {
            margin-top: var(--carouselGap);
        }
        .payment-modal__bonuses-holder .keen-slider,
        .payment-modal__bonuses-holder .ui-carousel {
            overflow: visible !important;
        }
        .payment-modal__bonuses-holder [data-keen-slider-disabled] {
            display: flex;
            justify-content: center;
        }
        @media screen and (min-width: 768px) {
            .payment-modal__iframe {
                height: calc(90dvh - 240px);
                max-height: 448px;
                min-height: 322px;
            }
        }
        .payment-modal .phone-confirmation {
            margin: 0 auto;
            max-width: 400px;
            width: 100%;
        }
        .payment-modal .phone-confirmation.is-confirm {
            opacity: 0;
        }
        .payment-modal .email-confirmation__title {
            font: var(--t4);
            margin-bottom: 8px;
        }
        .payment-modal .email-confirmation__text {
            margin-bottom: 16px;
        }
        @media screen and (max-width: 767px) {
            .ui-modal--fill-height .payment-modal {
                display: flex;
                flex-direction: column;
                height: calc(100dvh - var(--modalPaddingV) * 2 - var(--drawerOffset));
            }
            .payment-modal__container {
                flex-grow: 1;
            }
            .payment-modal__bonuses {
                flex-shrink: 0;
            }
            .payment-modal .payment-modal__iframe {
                flex-grow: 1;
            }
        }
        .game-layout .page-container {
            display: flex;
            flex-direction: column;
        }
        @supports (height: 100dvh) {
            .game-layout .page-container {
                min-height: calc(100dvh - var(--headerHeight));
            }
        }
        .game-layout .game-view {
            flex-shrink: 0;
            height: calc(100vh - var(--headerHeight));
            order: 1;
            transition: height 0.3s;
        }
        @supports (height: 100dvh) {
            .game-layout .game-view {
                height: calc(100dvh - var(--headerHeight));
            }
        }
        .game-layout.is-fullscreen .main-header,
        .game-layout.is-fullscreen .main-header-holder {
            height: 0;
            overflow: hidden;
        }
        .game-layout.is-fullscreen .page-container {
            padding-left: 0;
        }
        .game-layout.is-fullscreen .menu {
            display: none;
        }
        .game-layout.is-fullscreen .game-view {
            height: 100vh;
        }
        @supports (height: 100dvh) {
            .game-layout.is-fullscreen .game-view {
                height: 100dvh;
            }
        }
        .game-layout.is-fullscreen .game-page__iframe {
            border-radius: 0;
        }
        .game-layout.is-fullscreen .game-page__screen {
            padding: 0;
        }
        .game-layout.is-fullscreen .game-page__container {
            max-width: 100%;
        }
        .similar-games__header {
            margin: 0 0 var(--layoutGapSecondary);
        }
        .similar-games__items {
            display: grid;
            gap: 24px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        @media screen and (min-width: 1024px) {
            .similar-games__items {
                grid-template-columns: repeat(5, minmax(0, 1fr));
            }
        }
        ._matte-glass-sm {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
            backdrop-filter: blur(calc(var(--glassBlurSm) / 2));
        }
        ._matte-glass-md {
            -webkit-backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
            backdrop-filter: blur(calc(var(--glassBlurMd) / 2));
        }
        ._image-blur-sm {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
            backdrop-filter: blur(calc(var(--imageBlurSm) / 2));
        }
        ._image-blur-md {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurMd) / 2));
            backdrop-filter: blur(calc(var(--imageBlurMd) / 2));
        }
        ._skeleton {
            animation: skeleton 2s linear infinite;
        }
        ._fire {
            animation: fire 0.7s infinite alternate;
        }
        @keyframes skeleton {
            0% {
                background: var(--skeletonStart);
            }
            50% {
                background: var(--skeletonEnd);
            }
            to {
                background: var(--skeletonStart);
            }
        }
        @keyframes fire {
            0% {
                transform: scale(1) rotate(0deg);
            }
            33% {
                transform: rotate(-3deg);
            }
            66% {
                transform: rotate(3deg);
            }
            to {
                transform: scale(0.95) rotate(0deg);
            }
        }
        .game-page {
            background: var(--bgNeutralPrimary);
            flex-direction: column;
        }
        .game-page,
        .game-page__screen {
            display: flex;
            height: 100%;
            position: relative;
        }
        .game-page__screen {
            align-items: center;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            color: var(--ttPrimary);
            flex-grow: 1;
            justify-content: center;
            transition: padding 0.3s;
        }
        .game-page__cover {
            -webkit-backdrop-filter: blur(calc(var(--imageBlurMd) / 2));
            backdrop-filter: blur(calc(var(--imageBlurMd) / 2));
            background: var(--mask);
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            transition: all 0.3s;
            width: 100%;
        }
        .game-page__cover.is-darken {
            filter: brightness(0.28);
        }
        .game-page__iframe {
            background: var(--bgNeutralQuaternary);
            display: flex;
            height: 100%;
            justify-content: center;
            overflow: hidden;
            position: relative;
            width: 100%;
            z-index: 4;
        }
        .game-page__iframe.has-overflow {
            overflow: auto;
        }
        @media screen and (max-height: 768px) {
            .game-page__iframe.has-overflow {
                align-items: flex-start;
            }
        }
        .game-page__container {
            display: grid;
            height: 100%;
            margin: 0 auto;
            max-width: 1224px;
            place-items: center;
            transition: max-width 0.3s;
            width: 100%;
        }
        @media screen and (min-width: 1024px) {
            .game-page__screen {
                height: calc(100% - 96px);
                padding: 48px;
            }
            .game-page__iframe {
                align-items: center;
                aspect-ratio: 1.77777778;
                background: var(--bgNeutralQuaternary);
                border-radius: var(--borderRadiusLg);
                height: 100%;
                max-height: 56.25vw;
                max-width: 177.77778vh;
                width: 100%;
            }
            .game-page__iframe.ratio-4x3 {
                aspect-ratio: 1.33333333;
                max-height: 75vw;
                max-width: 133.33333vh;
            }
        }
        .games-list {
            grid-gap: var(--layoutGapSecondary);
            display: grid;
        }
        .games-list--2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .games-list--3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .games-list--4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .games-list--5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        .games-list--6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
        @media screen and (min-width: 1024px) {
            .games-list {
                grid-gap: 24px;
            }
        }
        .games-list + .games-list-skeleton {
            margin-top: 16px;
        }
        .static-page {
            color: var(--ttPrimary);
        }
        .static-page__container {
            margin: 0 auto;
            max-width: var(--contentMaxWidth);
            width: 100%;
        }
        .static-page__image {
            aspect-ratio: 2;
            border-radius: var(--borderRadiusMd);
            margin-bottom: var(--rhythmPrimary);
            overflow: hidden;
        }
        .static-page__image img {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            width: 100%;
        }
        .static-page__title {
            margin: 0 0 var(--rhythmSecondary);
        }
        .static-page__content {
            word-wrap: break-word;
            display: flex;
            flex-direction: column;
            font: var(--body1);
        }
        .static-page__content > * {
            margin: 0;
        }
        .static-page__content > :not(:last-child) {
            margin: 0 0 var(--rhythmSecondary);
        }
        .static-page__content a:not([class]) {
            color: var(--ttAccent1);
            display: inline;
            text-decoration: underline;
        }
        .static-page__subcontent {
            margin-top: var(--rhythmPrimary);
        }
        @media screen and (max-width: 767px) {
            .static-page__subcontent .ui-button {
                width: 100%;
            }
        }
        .static-page__card {
            grid-gap: 16px;
            align-items: center;
            color: var(--ttPrimary);
            display: grid;
            font: var(--body1);
            grid-template-columns: 256px 1fr;
        }
        @media screen and (max-width: 767px) {
            .static-page__card {
                grid-template-columns: 1fr;
            }
        }
        .static-page__card-cols {
            display: flex;
            margin: 0 -16px;
        }
        .static-page__card-col {
            flex: 1;
            padding: 0 16px;
        }
        .static-page__card-col + .static-page__card-col {
            border-left: var(--dividerMinSize) solid var(--dividerBr);
        }
        .static-page__card-legend {
            color: var(--ttSecondary);
            font: var(--body2);
        }
        .static-page__card-icon {
            border: var(--borderWidthDefault) solid var(--brPrimary);
            border-radius: var(--borderRadiusMd);
            -o-object-fit: contain;
            object-fit: contain;
        }
        .static-page table {
            border: 1px solid;
            height: 100%;
            table-layout: fixed;
            width: 100%;
        }
        .static-page table td {
            border: 1px solid;
            padding: 4px 8px;
        }
        .static-page--404,
        .static-page--access-denied,
        .static-page--maintenance,
        .static-page--payment-status {
            text-align: center;
        }
        .static-page--payment-status .static-page__image {
            margin-left: auto;
            margin-right: auto;
            max-width: 600px;
        }
        .static-page--maintenance .static-page__subcontent {
            grid-gap: 12px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        }
        @media screen and (max-width: 767px) {
            .static-page--maintenance .static-page__subcontent {
                grid-template-columns: 1fr;
            }
        }
        .static-page--verification details {
            width: 100%;
        }
        .tabbar-visible .static-page {
            margin-bottom: 68px;
        }
        ._overline {
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
        }
        .news {
            grid-gap: 24px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
        }
        @media screen and (max-width: 1439px) {
            .news {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        @media screen and (max-width: 768px) {
            .news {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media screen and (max-width: 550px) {
            .news {
                grid-template-columns: repeat(1, 1fr);
            }
        }
        .news .ui-card__image {
            height: 162px;
            min-width: 100%;
        }
        @media screen and (max-width: 1279px) {
            .news .ui-card__image {
                height: 203px;
            }
        }
        @media screen and (max-width: 1024px) {
            .news .ui-card__image {
                height: 168px;
            }
        }
        @media screen and (max-width: 768px) {
            .news .ui-card__image {
                height: 187px;
            }
        }
        .news .ui-card__image .ui-image {
            border-radius: var(--borderRadiusMd) var(--borderRadiusMd) 0 0;
            color: var(--ttTertiary);
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            -o-object-fit: cover;
            object-fit: cover;
            position: relative;
            text-transform: var(--overlineTextCase);
        }
        .news .ui-card__image .ui-image.broken:after {
            content: attr(alt);
            left: 50%;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translate(-50%, -50%);
            visibility: visible;
            white-space: nowrap;
        }
        .news .ui-card__content {
            display: flex;
            flex-direction: column;
            gap: 16px;
            min-height: 278px;
        }
        .news .ui-card__content-wrapper {
            display: flex;
            flex-direction: column;
            gap: 16px;
            min-height: 208px;
        }
        .news .ui-card__timestamp {
            color: var(--ttTertiary);
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
            text-transform: uppercase;
        }
        .news .ui-card__timestamp .not-set {
            opacity: 0;
        }
        .news .ui-card__title {
            color: var(--ttPrimary);
            margin-bottom: 8px;
        }
        .news .ui-card__title,
        .news .ui-card__title h2 {
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .news .ui-card__title h2 {
            margin: 0;
        }
        .news .ui-card__description {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            line-height: 1.5em;
            margin-top: 8px;
            max-height: 4.5em;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .news .ui-card__description p {
            margin: 0;
            min-height: 72px;
        }
        .news .ui-card__description p,
        .news .ui-card__description span {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            color: var(--ttSecondary);
            display: -webkit-box;
            font: var(--body1);
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .news .ui-card__news-link {
            margin-top: auto;
            text-decoration: none;
        }
        .news .ui-card__news-title {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            font: var(--t3);
            margin: 0;
            overflow: hidden;
        }
        .news .ui-icon {
            height: 16px;
            width: 16px;
        }
        .news-title {
            align-items: center;
            display: flex;
            margin: 0 0 var(--layoutGapSecondary);
        }
        .news-title .ui-icon {
            fill: var(--ttAccent2);
            height: 35px;
            margin-right: 8px;
            width: 35px;
        }
        .news-paginator.ui-paginator {
            justify-content: center;
        }
        .news-paginator .ui-paginator__item {
            align-items: center;
            border-radius: var(--paginatorItemBorderRadius);
            display: inline-flex;
            height: var(--paginatorItemSize);
            justify-content: center;
            min-width: var(--paginatorItemSize);
        }
        .news-paginator .ui-paginator__item:not(:last-child) {
            margin-right: var(--paginatorGap);
        }
        .news-paginator .ui-paginator__item .ui-icon {
            fill: var(--paginatorItemDefaultColorDefault);
            height: 20px;
            width: 20px;
        }
        .news-paginator .ui-paginator__item a {
            color: var(--paginatorItemDefaultColorDefault);
            text-decoration: none;
        }
        .news-paginator .ui-paginator__item.is-active {
            background-color: var(--paginatorItemCheckedBgDefault);
        }
        .news-paginator .ui-paginator__item.is-active a {
            color: var(--paginatorItemCheckedColorDefault);
        }
        .news-page {
            margin: 0 auto;
            max-width: 600px;
        }
        .news-page__title {
            font: var(--t1);
        }
        .news-page__btn {
            margin-bottom: 24px;
        }
        @media screen and (max-width: 550px) {
            .news-page__btn {
                margin-bottom: 0;
            }
        }
        .news-page__nav {
            display: flex;
            justify-content: space-between;
            margin-top: 24px;
        }
        .news-page__nav-item--next {
            margin-left: auto;
        }
        .news-page__link {
            align-items: center;
            display: flex;
        }
        .news-page__link .ui-icon {
            fill: var(--btnSecondaryColorDefault);
            flex: 1 0 auto;
            height: var(--linkIconSizeLg);
            width: var(--linkIconSizeLg);
        }
        .news-page .ui-card {
            background: transparent;
            border: none;
            box-shadow: none;
        }
        .news-page .ui-card__main {
            align-items: center;
            display: flex;
            flex-direction: column;
            max-width: 600px;
            width: 100%;
        }
        .news-page .ui-card__timestamp {
            color: var(--ttTertiary);
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
        }
        .news-page .ui-card__image {
            display: flex;
            justify-content: center;
            margin: 24px 0 48px;
            min-width: 100%;
        }
        .news-page .ui-card__image .ui-image {
            border-radius: var(--cardBorderRadius);
            max-width: 600px;
            position: relative;
        }
        .news-page .ui-card__image .ui-image.broken:after {
            content: attr(alt);
            left: 50%;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translate(-50%, -50%);
            visibility: visible;
            white-space: nowrap;
        }
        .news-page .ui-card__content {
            padding: 0;
            width: 100%;
        }
        .news-page .ui-card__content h1 {
            text-wrap: unset;
        }
        @media screen and (max-width: 1024px) {
            .news-page .ui-card__content {
                max-width: 100%;
            }
        }
        @media screen and (max-width: 767px) {
            .news-page .ui-card--adaptive .ui-card__content {
                padding: var(--cardPaddingVSm) 0;
            }
        }
        .news-page .ui-card__title {
            margin: var(--cardGapMd) 0;
        }
        .news-page .ui-card__description p {
            color: var(--ttSecondary);
            font: var(--body1);
            margin-top: 0;
        }
        .news-page .ui-card__image-wrapper {
            width: 100%;
        }
        .news-page .ui-card__image {
            border-radius: 0;
        }
        .main-news {
            align-items: center;
            display: flex;
        }
        @media screen and (max-width: 1023px) {
            .main-news {
                flex-direction: column;
            }
        }
        .main-news__content {
            padding-right: 12px;
            width: 50%;
        }
        @media screen and (max-width: 1023px) {
            .main-news__content {
                order: 2;
                width: 100%;
            }
        }
        .main-news__content .ui-button {
            margin-top: 24px;
        }
        .main-news__content .ui-icon {
            margin-left: 8px;
            margin-right: 0;
        }
        @media screen and (max-width: 768px) {
            .main-news__content {
                margin-top: 24px;
                width: 100%;
            }
        }
        .main-news__content h2 {
            text-wrap: unset;
            margin-bottom: 16px;
        }
        @media screen and (max-width: 550px) {
            .main-news__content h2 {
                margin-bottom: 8px;
            }
        }
        .main-news__description p {
            color: var(--ttSecondary);
            font: var(--body1);
            margin-bottom: 0;
        }
        @media screen and (max-width: 550px) {
            .main-news__description p {
                margin-top: 8px;
            }
        }
        .main-news__image {
            border-radius: var(--cardBorderRadius);
            height: 348px;
            overflow: hidden;
            width: 50%;
        }
        @media screen and (max-width: 1023px) {
            .main-news__image {
                order: 1;
                width: 100%;
            }
        }
        .main-news__image .ui-image {
            color: var(--ttTertiary);
            font: var(--overline);
            height: 100%;
            letter-spacing: var(--letterSpacingOverline);
            -o-object-fit: cover;
            object-fit: cover;
            text-transform: var(--overlineTextCase);
            width: 100%;
        }
        .main-news__image .ui-image.broken:after {
            content: attr(alt);
            left: 50%;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translate(-50%, -50%);
            visibility: visible;
            white-space: nowrap;
        }
        @media screen and (max-width: 768px) {
            .main-news__image {
                width: 100%;
            }
        }
        @media screen and (max-width: 550px) {
            .main-news__image {
                height: 205px;
            }
        }
        .main-news__timestamp {
            color: var(--ttTertiary);
            font: var(--overline);
            letter-spacing: var(--letterSpacingOverline);
            text-transform: var(--overlineTextCase);
        }
        .news-list-title {
            margin: var(--layoutPaddingVXs) 0 var(--layoutGapSecondaryXs);
        }
        @media screen and (min-width: 768px) {
            .news-list-title {
                margin: var(--layoutPaddingVSm) 0 var(--layoutGapSecondarySm);
            }
        }
        @media screen and (min-width: 1024px) {
            .news-list-title {
                margin: var(--layoutPaddingVMd) 0 var(--layoutGapSecondaryMd);
            }
        }
        @media screen and (min-width: 1280px) {
            .news-list-title {
                margin: var(--layoutPaddingVLg) 0 var(--layoutGapSecondaryLg);
            }
        }
        @media screen and (min-width: 1440px) {
            .news-list-title {
                margin: var(--layoutPaddingVXl) 0 var(--layoutGapSecondaryXl);
            }
        }
        .not-set {
            display: none;
        }
        .page-news .main-content,
        .page-user-news .main-content {
            overflow: hidden;
        }
        .main-news-wrapper {
            background: var(--bgNeutralTertiary);
            left: 50%;
            margin-left: calc(-50vw + var(--sidebarCollapseWidth) / 2);
            margin-top: calc(var(--layoutPaddingVXs) * -1);
            padding: var(--layoutPaddingVXs) 0;
            position: relative;
            width: calc(100vw - var(--sidebarCollapseWidth));
        }
        @media screen and (min-width: 768px) {
            .main-news-wrapper {
                margin-top: calc(var(--layoutPaddingVSm) * -1);
                padding: var(--layoutPaddingVSm) 0;
            }
        }
        @media screen and (min-width: 1024px) {
            .main-news-wrapper {
                margin-top: calc(var(--layoutPaddingVMd) * -1);
                padding: var(--layoutPaddingVMd) 0;
            }
        }
        @media screen and (max-width: 1023px) {
            .main-news-wrapper {
                margin-left: -50vw;
                width: 100vw;
            }
        }
        @media screen and (min-width: 1280px) {
            .main-news-wrapper {
                margin-top: calc(var(--layoutPaddingVLg) * -1);
                padding: var(--layoutPaddingVLg) 0;
            }
        }
        @media screen and (min-width: 1440px) {
            .main-news-wrapper {
                margin-top: calc(var(--layoutPaddingVXl) * -1);
                padding: var(--layoutPaddingVXl) 0;
            }
        }
        .main-news-wrapper .main-news__title {
            color: var(--ttPrimary);
            text-decoration: none;
        }
        .main-news-wrapper .news-title {
            margin: 0 0 var(--layoutGapPrimary);
        }
        .application {
            align-items: center;
            display: flex;
            flex-direction: row;
            height: 100%;
        }
        @media screen and (max-width: 768px) {
            .application {
                flex-direction: column;
            }
        }
        .application__description {
            flex: 1 1 calc(50% - 12px);
        }
        @media screen and (max-width: 768px) {
            .application__description {
                order: 2;
            }
        }
        @media screen and (min-width: 768px) {
            .application__description {
                margin-right: var(--cardPaddingVMd);
            }
        }
        .application__title {
            margin-bottom: var(--layoutPaddingHXs);
        }
        .application__paragraph {
            font: var(--body1);
            margin: 0;
        }
        .application__buttons {
            grid-gap: 16px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            margin-top: 24px;
        }
        .application__buttons .ui-button {
            max-width: 296px;
            width: 100%;
        }
        @media screen and (max-width: 767px) {
            .application__buttons .ui-button {
                max-width: unset;
            }
        }
        @media screen and (max-width: 768px) {
            .application__buttons {
                grid-template-columns: 1fr;
                justify-items: center;
            }
        }
        .application__image {
            flex: 1 1 calc(50% - 12px);
            position: relative;
        }
        @media screen and (max-width: 768px) {
            .application__image {
                height: 100%;
                margin-bottom: var(--cardGapSm);
                width: 100%;
            }
        }
        .application__image:before {
            content: "";
            display: flex;
            padding-top: 100%;
        }
        @media screen and (max-width: 768px) {
            .application__image:before {
                padding-top: 62.5%;
            }
        }
        .application__image img {
            height: 100%;
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            position: absolute;
            top: 0;
            width: 100%;
        }
        .inner-page.page-application .main-content {
            padding: 64px 0;
        }
        @media screen and (max-width: 1024px) {
            .inner-page.page-application .main-content {
                padding: 56px 0;
            }
        }
        @media screen and (max-width: 768px) {
            .inner-page.page-application .main-content {
                padding: 48px 0;
            }
        }
        @media screen and (max-width: 767px) {
            .inner-page.page-application .main-content {
                padding: 32px 0;
            }
        }
        .inner-page.page-application .content-wrapper {
            padding: 0 40px;
        }
        @media screen and (max-width: 767px) {
            .inner-page.page-application .content-wrapper {
                padding: 0 16px;
            }
        }
        .page-application .ui-card__content {
            width: 100%;
        }
        .page-application p.application__paragraph {
            margin: 0;
        }
        .app-banner {
            padding: var(--bannerAppPadding);
        }
        .app-banner,
        .app-banner__close {
            align-items: center;
            display: flex;
        }
        .app-banner__close {
            justify-content: center;
            margin-right: var(--bannerAppGap);
            min-height: var(--btnSizeSm);
            min-width: var(--btnSizeSm);
        }
        .app-banner__close .ui-icon {
            height: var(--btnIconSizeSm);
            width: var(--btnIconSizeSm);
        }
        .app-banner__image {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            width: 100%;
        }
        .app-banner__description {
            padding-right: var(--bannerAppGap);
        }
        .app-banner__description p {
            margin: 0;
        }
        .app-banner__title {
            font: var(--body2Strong);
        }
        .app-banner__content,
        .app-banner__title {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            overflow: hidden;
        }
        .app-banner__content {
            font: var(--caption1);
        }
        .app-banner__button {
            background-position-y: center;
            background-repeat: no-repeat;
            background-size: contain;
            flex: 1;
            height: 40px;
            margin-left: auto;
            max-width: 135px;
            min-width: 80px;
            width: 100%;
        }
        .app-banner__button--android {
            background-image: url(https://cdnify.party/static/img-v2378/mb-alpha/img/playmarket.svg);
        }
        .app-banner__button--ios {
            background-image: url(https://cdnify.party/static/img-v2378/mb-alpha/img/appstore.svg);
        }
        .app-banner picture {
            height: 36px;
            margin-right: var(--bannerAppGap);
            max-width: 43px;
            min-width: 36px;
        }
        .verification-guide-info .ui-card + .ui-card {
            margin-top: 24px;
        }
        .verification-guide-info .ui-card:last-of-type,
        .verification-guide-info__description {
            margin-bottom: 48px;
        }
        .verification-guide-info__content {
            display: flex;
            gap: 48px;
        }
        @media screen and (max-width: 1024px) {
            .verification-guide-info__content {
                flex-direction: column;
            }
        }
        .verification-guide-info__img-holder {
            flex: 1 0 calc(50% - 24px);
        }
        @media screen and (max-width: 1024px) {
            .verification-guide-info__img-holder {
                flex-basis: 100%;
            }
        }
        .verification-guide-info__img-holder img {
            width: 100%;
        }
        .verification-guide-info__img-holder img + img {
            margin-top: 24px;
        }
        @media screen and (max-width: 767px) {
            .verification-guide-info__btn-holder .ui-button {
                width: 100%;
            }
        }
        .verification-guide-info details[open] summary {
            margin-bottom: var(--accordionGapV);
        }
        .verification-guide-info details[open] summary svg {
            transform: rotate(-180deg);
        }
        .verification-guide-info details summary::-webkit-details-marker,
        .verification-guide-info details summary::marker {
            content: "";
            display: none;
        }
        .verification-guide-info summary {
            align-items: center;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            list-style: none;
        }

.slider-banners__item {
    /* transform: translate3d(0px, 0px, 0px);  */
    width: calc(100%/3); 
    /* max-width: 576px; */
}
.trust-data-wrapper .keen-slider {
    justify-content: space-between;
    gap: 12px;
}

.trust-data__item {
    width: 100%;
    /* transform: translate3d(0px, 0px, 0px); 
    min-width: calc(100%/4 - 12px); 
    max-width: 268px; */
}

.ui-carousel .keen-slider {
    gap: 16px;
    /* flex-wrap: wrap; */
}
.mb-btn {
    display: none;
}
@media screen and (max-width: 1200px) {
    .first_slider .slider-banners__item,
    .slider-banner {
        min-width: auto !important;
    }
}
@media screen and (max-width: 1024px) {
    .ui-carousel .keen-slider {
        flex-wrap: wrap;
    }
    .ui-carousel .keen-slider.first_slider {
        flex-wrap: nowrap;
    }
    .ds-btn {
        display: none;
    }
    .mb-btn {
        display: block;
    }
}
@media screen and (max-width: 950px) {
    .slider-banners-wrapper--pagination {
        height: auto;
    }
    .slider-banners-wrapper {
        overflow: initial;
    }
    .ui-carousel .keen-slider.first_slider {
        flex-wrap: wrap;
    }
    .first_slider .slider-banners__item,
    .slider-banner {
        min-width: auto !important;
        max-width: auto !important;
        width: 100%;
    }
}