body,:is(*::after,*::before){--black:#00000F;--blackOpacity100:#00000F10;--blackOpacity200:#00000F25;--blackOpacity300:#00000F40;--blackOpacity400:#00000F60;--blackOpacity500:#00000F80;--blackOpacity800:#00000FCC;--white:#fff;--whiteOpacity100:#ffffff10;--whiteOpacity200:#ffffff25;--whiteOpacity300:#ffffff40;--whiteOpacity400:#ffffff60;--whiteOpacity500:#ffffff80;--whiteOpacity800:#ffffffCC;--gray200:#F5F5F7;--gray300:#E8E8ED;--gray400:#D2D2D7;--gray500:#909095;--gray900:#1d1d1f;--primary100:#e7f1ff;--primary400:#3d8bfd;--primary500:#0D6EFD;--primary600:#0A58CA;--primaryOpacity100:#0D6EFD10;--primaryOpacity200:#0D6EFD25;--primaryOpacity300:#0D6EFD40;--primaryOpacity500:#0D6EFD80;--secondary100:#FFF1F1;--secondary400:#E05255;--secondary500:#D21F38;--secondary600:#AC202F;--secondaryOpacity100:#D21F3810;--secondaryOpacity200:#D21F3825;--secondaryOpacity300:#D21F3840;--secondaryOpacity500:#D21F3880;--success:#28A745;--error:#DC3545;--errorOpacity100:#DC354510;--errorOpacity400:#DC354560}.light_mode,
.light_mode :is(*::before, *::after),
.dark_mode .invert-colors,
.dark_mode .invert-colors :is(*::before,*::after){--pageBg:var(--white);--contentColor:var(--black);--contentOpacityColor:var(--blackOpacity500);--linkDefaultHoverColor:var(--primary600);--linkContentUnderline:var(--blackOpacity400);--breadcrumbLinkColor:var(--black);--dividerDefault:var(--blackOpacity200);--btnDefaultHoverBg:var(--primary600);--btnDefaultDisableBg:var(--blackOpacity100);--btnDefaultDisableColor:var(--blackOpacity500);--btnOutlinedHoverBg:var(--primary100);--btnOutlineDisableBorder:var(--blackOpacity200);--inputDefaultBg:var(--blackOpacity100);--inputBorder:var(--blackOpacity300);--grayBg:var(--gray200);--cardDefaultBg:var(--gray200)}.dark_mode,
.dark_mode :is(*::before, *::after),
.light_mode .dark_mode :is(*::before, *::after),
.light_mode .invert-colors,
.light_mode .invert-colors :is(*::before,*::after){--pageBg:var(--black);--contentColor:var(--white);--contentOpacityColor:var(--whiteOpacity500);--linkDefaultHoverColor:var(--primary400);--linkContentUnderline:var(--whiteOpacity400);--dividerDefault:var(--whiteOpacity300);--btnDefaultHoverBg:var(--primary400);--btnDefaultDisableBg:var(--whiteOpacity100);--btnOutlinedHoverBg:var(--primaryOpacity300);--btnOutlineDisableBorder:var(--whiteOpacity200);--inputDefaultBg:var(--gray900);--inputBorder:var(--whiteOpacity300);--grayBg:var(--gray900);--cardDefaultBg:var(--gray900)}:is(.dark_mode, .light_mode),
:is(.dark_mode, .light_mode) :is(*::before, *::after),
:is(.dark_mode, .light_mode) .invert-colors,
:is(.dark_mode, .light_mode) .invert-colors :is(*::before,*::after){color:var(--contentColor)}body,:is(*::after,*::before){--sectionLiteAccentBg:var(--primary100);--brandHeroBg:var(--primary500);--contentPrimaryColor:var(--primary500);--contentOnDark:var(--white);--contentOnPrimary:var(--white);--contentOnSecondary:var(--white);--linkDefaultColor:var(--primary500);--linkDefaultUnderline:var(--primaryOpacity300);--linkDefaultHoverUnderline:var(--linkDefaultHoverColor);--linkContentColor:var(--contentColor);--linkContentHoverColor:var(--primary500);--linkContentHoverUnderline:var(--primary500);--btnDefaultBg:var(--primary500);--btnDefaultColor:var(--contentOnAccent);--btnDefaultDisableColor:var(--contentOpacityColor);--btnOutlinedBg:transparent;--btnOutlinedColor:var(--primary500);--btnOutlinedBorder:var(--btnOutlinedColor);--btnOutlinedHoverBg:var(--primary100);--btnOutlinedDisableBg:transparent;--btnOutlinedDisableColor:var(--contentOpacityColor);--btnOutlinedDisableBorder:var(--blackOpacity200);--inputLabelColor:var(--contentColor);--inputPlaceholder:var(--contentOpacityColor);--inputColor:var(--contentColor);--inputErrorColor:var(--error);--inputErrorBg:var(--errorOpacity100);--inputErrorBorder:var(--errorOpacity400);--primaryBg:var(--primary500);--primaryLightBg:var(--primary100);--secondaryBg:var(--secondary500);--secondaryLightBg:var(--secondary100);--cardAccentBg:var(--primary500);--navDefaultColor:var(--contentColor);--navActiveColor:var(--primary500);--navDisableColor:var(--blackOpacity300);--linkColor:var(--linkDefaultColor);--linkColorHover:var(--linkDefaultHoverColor);--linkUnderlineColor:var(--linkDefaultUnderline);--linkUnderlineColorHover:var(--linkDefaultHoverUnderline);--contentAccentColor:var(--contentPrimaryColor);--contentOnAccent:var(--contentOnPrimary)}body,:is(*::after,*::before){--blackOpacityColor:var(--blackOpacity100);--blackLowOpasityColor:var(--blackOpacity300);--cardBgColor:var(--cardDefaultBg);--whiteOpasityColor:var(--whiteOpacity100);--whiteLowOpasityColor:var(--whiteOpacity300);--lightGray:var(--gray200);--gray10:var(--gray200);--gray20:var(--gray300);--bgColor:var(--pageBg);--inputBg:var(--inputDefaultBg);--bgOpacityColor:transparent;--onAccentColor:var(--contentOnAccent);--mainColor:var(--contentColor);--mainOpacityColor:var(--contentOpacityColor);--lowContrastColor:var(--whiteOpacity100);--accentColor:var(--primary500);--accentOpacityColor:var(--primaryOpacity300);--accentHoverColor:var(--primary600);--accentHoverOpacityColor:var(--secondaryOpacity300)}.primary-light{background-color:var(--sectionLiteAccentBg)}body{--invertInputLinkColor:var(--white);--invertInputLinkHoverColor:var(--whiteOpacity800);--invertInputAutofillColor:var(--invertInputColor);--invertInputSurfaceBg:var(--primaryBg);--invertInputAutofillBg:color-mix(in srgb, var(--invertInputSurfaceBg), var(--white) 6.25%);--invertInputAutofillHoverBg:color-mix(in srgb, var(--invertInputSurfaceBg), var(--white) 14.5%);--invertInputAutofillFocusBg:var(--invertInputAutofillHoverBg);--invertInputColor:var(--white);--invertInputPlaceholderColor:var(--whiteOpacity800);--invertInputBg:var(--whiteOpacity100);--invertInputHoverBg:var(--whiteOpacity200);--invertInputFocusBg:var(--whiteOpacity200);--invertInputBorder:var(--whiteOpacity300);--invertInputHoverBorder:var(--whiteOpacity800);--invertInputFocusBorder:var(--white);--invertInputErrorColor:var(--white);--invertInputErrorBorder:var(--white);--invertInputDisabledColor:var(--whiteOpacity500);--invertInputDisabledBg:var(--whiteOpacity100);--invertCheckboxBg:transparent;--invertCheckboxBorder:var(--whiteOpacity800);--invertCheckboxIconColor:var(--white);--invertCheckboxHoverBg:var(--whiteOpacity100);--invertCheckboxHoverBorder:var(--white);--invertCheckboxCheckedBg:transparent;--invertCheckboxCheckedBorder:var(--white);--invertCheckboxFocusColor:var(--white);--invertButtonBg:var(--white);--invertButtonColor:var(--primary500);--invertButtonHoverBg:var(--whiteOpacity800);--invertButtonHoverColor:var(--primary600)}