@epam/assets 6.3.3 → 6.4.1-beta.0

package/css/theme/theme_electric_dark.css

@@ -0,0 +1,1256 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap");
+@font-face{
+  font-family:"Redacted";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot");
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename") format("svg");
+  font-display:block;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf") format("truetype");
+  font-weight:200;
+  font-style:normal;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf") format("truetype");
+  font-weight:200;
+  font-style:italic;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf") format("truetype");
+  font-weight:300;
+  font-style:normal;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf") format("truetype");
+  font-weight:300;
+  font-style:italic;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf") format("truetype");
+  font-weight:400;
+  font-style:normal;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf") format("truetype");
+  font-weight:400;
+  font-style:italic;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf") format("truetype");
+  font-weight:600;
+  font-style:normal;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf") format("truetype");
+  font-weight:600;
+  font-style:italic;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf") format("truetype");
+  font-weight:700;
+  font-style:normal;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf") format("truetype");
+  font-weight:700;
+  font-style:italic;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf") format("truetype");
+  font-weight:900;
+  font-style:normal;
+}
+@font-face{
+  font-family:"Source Sans Pro";
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2") format("woff2"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff") format("woff"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf") format("opentype"), url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf") format("truetype");
+  font-weight:900;
+  font-style:italic;
+}
+@font-face{
+  font-family:"Roboto Mono";
+  font-style:normal;
+  font-weight:normal;
+  src:url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf") format("truetype");
+}
+.uui-theme-electric_dark{
+  --uui-font:"Source Sans Pro", sans-serif;
+  --uui-font-mono:"Roboto Mono", monospace;
+  --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
+  --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
+  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
+  --black:#000000;
+  --white:#FFFFFF;
+  --cobalt-5:#2C3A4F;
+  --cobalt-10:#29405D;
+  --cobalt-20:#20517F;
+  --cobalt-50:#0091FF;
+  --cobalt-60:#40ACFF;
+  --cobalt-70:#7AC5FF;
+  --cyan-5:#2E3E4B;
+  --cyan-10:#2C4955;
+  --cyan-20:#27656E;
+  --cyan-50:#14CCCC;
+  --cyan-60:#70E0E0;
+  --cyan-70:#A1EBEB;
+  --electric-5:#19233A;
+  --electric-10:#1D2A4B;
+  --electric-20:#253669;
+  --electric-50:#4D73FF;
+  --electric-60:#7593FF;
+  --electric-70:#859FFF;
+  --emerald-5:#14262B;
+  --emerald-10:#1B312D;
+  --emerald-20:#14432B;
+  --emerald-50:#159D47;
+  --emerald-60:#22C55E;
+  --emerald-70:#4ADE80;
+  --fire-5:#27202D;
+  --fire-10:#37202B;
+  --fire-20:#501F28;
+  --fire-50:#DC2626;
+  --fire-60:#F75E5E;
+  --fire-70:#FC9797;
+  --fuchsia-5:#413346;
+  --fuchsia-10:#51344C;
+  --fuchsia-20:#713657;
+  --fuchsia-50:#E93D82;
+  --fuchsia-60:#ED5F98;
+  --fuchsia-70:#F183AF;
+  --grass-5:#343A3B;
+  --grass-10:#39443D;
+  --grass-20:#505F49;
+  --grass-50:#669900;
+  --grass-60:#83B918;
+  --grass-70:#A6D151;
+  --mint-5:#323E46;
+  --mint-10:#34484B;
+  --mint-20:#396258;
+  --mint-50:#4CC38A;
+  --mint-60:#79D2A7;
+  --mint-70:#A6E1C5;
+  --night50:#FAFAFC;
+  --night100:#E1E5EB;
+  --night200:#ACB3BF;
+  --night300:#576479;
+  --night400:#4F5C72;
+  --night500:#3B485D;
+  --night600:#2A3548;
+  --night700:#262F3F;
+  --night800:#192333;
+  --night900:#141C29;
+  --night950:#0B0D18;
+  --orange-5:#413940;
+  --orange-10:#4F3F40;
+  --orange-20:#744F3F;
+  --orange-50:#FF8B3E;
+  --orange-60:#FFAA70;
+  --orange-70:#FFBF95;
+  --purple-5:#3E2F4F;
+  --purple-10:#4A2C5D;
+  --purple-20:#68267F;
+  --purple-50:#B915DA;
+  --purple-60:#D34EEE;
+  --purple-70:#D68AE5;
+  --sky-5:#2C394B;
+  --sky-10:#334052;
+  --sky-20:#3E586F;
+  --sky-50:#008ACE;
+  --sky-60:#48A4D0;
+  --sky-70:#7DBCDB;
+  --sun-5:#262227;
+  --sun-10:#392924;
+  --sun-20:#593420;
+  --sun-50:#F86C0B;
+  --sun-60:#FA8F37;
+  --sun-70:#FCB66D;
+  --violet-5:#393251;
+  --violet-10:#443166;
+  --violet-20:#573088;
+  --violet-50:#8E32EB;
+  --violet-60:#A55CEF;
+  --violet-70:#AE8BF4;
+  --yellow-5:#403F40;
+  --yellow-10:#4F4B3F;
+  --yellow-20:#74683E;
+  --yellow-50:#FDD63B;
+  --yellow-60:#FEE376;
+  --yellow-70:#FEEA9D;
+  --uui-accent-5:var(--emerald-5);
+  --uui-accent-10:var(--emerald-10);
+  --uui-accent-20:var(--emerald-20);
+  --uui-accent-50:var(--emerald-50);
+  --uui-accent-60:var(--emerald-60);
+  --uui-accent-70:var(--emerald-70);
+  --uui-accent-contrast:var(--white);
+  --uui-critical-5:var(--fire-5);
+  --uui-critical-10:var(--fire-10);
+  --uui-critical-20:var(--fire-20);
+  --uui-critical-50:var(--fire-50);
+  --uui-critical-60:var(--fire-60);
+  --uui-critical-70:var(--fire-70);
+  --uui-critical-contrast:var(--white);
+  --uui-error-5:var(--fire-5);
+  --uui-error-10:var(--fire-10);
+  --uui-error-20:var(--fire-20);
+  --uui-error-50:var(--fire-50);
+  --uui-error-60:var(--fire-60);
+  --uui-error-70:var(--fire-70);
+  --uui-error-contrast:var(--white);
+  --uui-info-5:var(--electric-5);
+  --uui-info-10:var(--electric-10);
+  --uui-info-20:var(--electric-20);
+  --uui-info-50:var(--electric-50);
+  --uui-info-60:var(--electric-60);
+  --uui-info-70:var(--electric-70);
+  --uui-info-contrast:var(--white);
+  --uui-primary-5:var(--electric-5);
+  --uui-primary-10:var(--electric-10);
+  --uui-primary-20:var(--electric-20);
+  --uui-primary-50:var(--electric-50);
+  --uui-primary-60:var(--electric-60);
+  --uui-primary-70:var(--electric-70);
+  --uui-primary-contrast:var(--white);
+  --uui-secondary-5:var(--night800);
+  --uui-secondary-10:var(--night700);
+  --uui-secondary-20:var(--night600);
+  --uui-secondary-50:var(--night500);
+  --uui-secondary-60:var(--night400);
+  --uui-secondary-70:var(--night300);
+  --uui-secondary-contrast:var(--white);
+  --uui-success-5:var(--emerald-5);
+  --uui-success-10:var(--emerald-10);
+  --uui-success-20:var(--emerald-20);
+  --uui-success-50:var(--emerald-50);
+  --uui-success-60:var(--emerald-60);
+  --uui-success-70:var(--emerald-70);
+  --uui-success-contrast:var(--white);
+  --uui-warning-5:var(--sun-5);
+  --uui-warning-10:var(--sun-10);
+  --uui-warning-20:var(--sun-20);
+  --uui-warning-50:var(--sun-50);
+  --uui-warning-60:var(--sun-60);
+  --uui-warning-70:var(--sun-70);
+  --uui-warning-contrast:var(--white);
+  --uui-neutral-0:var(--white);
+  --uui-neutral-5:var(--night50);
+  --uui-neutral-10:var(--night100);
+  --uui-neutral-20:var(--night200);
+  --uui-neutral-30:var(--night300);
+  --uui-neutral-40:var(--night400);
+  --uui-neutral-50:var(--night500);
+  --uui-neutral-60:var(--night600);
+  --uui-neutral-70:var(--night700);
+  --uui-neutral-80:var(--night800);
+  --uui-neutral-90:var(--night900);
+  --uui-neutral-95:var(--night950);
+  --uui-neutral-100:var(--black);
+  --uui-app-bg:var(--uui-neutral-95);
+  --uui-divider:var(--uui-neutral-50);
+  --uui-divider-light:var(--uui-neutral-60);
+  --uui-overlay:#060606CC;
+  --uui-surface-higher:var(--uui-neutral-70);
+  --uui-surface-highest:var(--uui-neutral-60);
+  --uui-surface-main:var(--uui-neutral-90);
+  --uui-control-bg:var(--uui-surface-main);
+  --uui-control-bg-disabled:var(--uui-neutral-60);
+  --uui-control-bg-hover:var(--uui-neutral-60);
+  --uui-control-border:var(--uui-neutral-40);
+  --uui-control-border-disabled:var(--uui-neutral-40);
+  --uui-control-border-focus:var(--uui-primary-60);
+  --uui-control-border-hover:var(--uui-neutral-20);
+  --uui-control-icon:var(--uui-neutral-30);
+  --uui-control-icon-disabled:var(--uui-neutral-30);
+  --uui-control-placeholder:var(--uui-text-tertiary);
+  --uui-control-placeholder-disabled:var(--uui-text-disabled);
+  --uui-control-text:var(--uui-text-primary);
+  --uui-control-text-disabled:var(--uui-text-tertiary);
+  --uui-icon:var(--uui-neutral-10);
+  --uui-icon-active:var(--uui-neutral-5);
+  --uui-icon-disabled:var(--uui-neutral-30);
+  --uui-icon-hover:var(--uui-neutral-5);
+  --uui-link:var(--uui-info-60);
+  --uui-link-hover:var(--uui-info-70);
+  --uui-link-visited:var(--violet-60);
+  --uui-link-visited-hover:var(--violet-70);
+  --uui-outline-focus:#008ACE7F;
+  --uui-skeleton:var(--uui-neutral-30);
+  --uui-text-bg-highlight:var(--uui-warning-20);
+  --uui-text-critical:var(--uui-critical-70);
+  --uui-text-disabled:var(--uui-neutral-30);
+  --uui-text-info:var(--uui-info-70);
+  --uui-text-primary:var(--uui-neutral-5);
+  --uui-text-secondary:var(--uui-neutral-10);
+  --uui-text-success:var(--uui-success-70);
+  --uui-text-tertiary:var(--uui-neutral-20);
+  --uui-text-warning:var(--uui-warning-70);
+}
+.uui-theme-electric_dark .uui-color-primary{
+  --uui-color-5:var(--uui-primary-5);
+  --uui-color-10:var(--uui-primary-10);
+  --uui-color-20:var(--uui-primary-20);
+  --uui-color-50:var(--uui-primary-50);
+  --uui-color-60:var(--uui-primary-60);
+  --uui-color-70:var(--uui-primary-70);
+  --uui-color-contrast:var(--uui-primary-contrast);
+}
+.uui-theme-electric_dark .uui-color-secondary{
+  --uui-color-5:var(--uui-secondary-5);
+  --uui-color-10:var(--uui-secondary-10);
+  --uui-color-20:var(--uui-secondary-20);
+  --uui-color-50:var(--uui-secondary-50);
+  --uui-color-60:var(--uui-secondary-60);
+  --uui-color-70:var(--uui-secondary-70);
+  --uui-color-contrast:var(--uui-secondary-contrast);
+}
+.uui-theme-electric_dark .uui-color-accent{
+  --uui-color-5:var(--uui-accent-5);
+  --uui-color-10:var(--uui-accent-10);
+  --uui-color-20:var(--uui-accent-20);
+  --uui-color-50:var(--uui-accent-50);
+  --uui-color-60:var(--uui-accent-60);
+  --uui-color-70:var(--uui-accent-70);
+  --uui-color-contrast:var(--uui-accent-contrast);
+}
+.uui-theme-electric_dark .uui-color-info{
+  --uui-color-5:var(--uui-info-5);
+  --uui-color-10:var(--uui-info-10);
+  --uui-color-20:var(--uui-info-20);
+  --uui-color-50:var(--uui-info-50);
+  --uui-color-60:var(--uui-info-60);
+  --uui-color-70:var(--uui-info-70);
+  --uui-color-contrast:var(--uui-info-contrast);
+}
+.uui-theme-electric_dark .uui-color-success{
+  --uui-color-5:var(--uui-success-5);
+  --uui-color-10:var(--uui-success-10);
+  --uui-color-20:var(--uui-success-20);
+  --uui-color-50:var(--uui-success-50);
+  --uui-color-60:var(--uui-success-60);
+  --uui-color-70:var(--uui-success-70);
+  --uui-color-contrast:var(--uui-success-contrast);
+}
+.uui-theme-electric_dark .uui-color-warning{
+  --uui-color-5:var(--uui-warning-5);
+  --uui-color-10:var(--uui-warning-10);
+  --uui-color-20:var(--uui-warning-20);
+  --uui-color-50:var(--uui-warning-50);
+  --uui-color-60:var(--uui-warning-60);
+  --uui-color-70:var(--uui-warning-70);
+  --uui-color-contrast:var(--uui-warning-contrast);
+}
+.uui-theme-electric_dark .uui-color-error{
+  --uui-color-5:var(--uui-error-5);
+  --uui-color-10:var(--uui-error-10);
+  --uui-color-20:var(--uui-error-20);
+  --uui-color-50:var(--uui-error-50);
+  --uui-color-60:var(--uui-error-60);
+  --uui-color-70:var(--uui-error-70);
+  --uui-color-contrast:var(--uui-error-contrast);
+}
+.uui-theme-electric_dark .uui-color-critical{
+  --uui-color-5:var(--uui-critical-5);
+  --uui-color-10:var(--uui-critical-10);
+  --uui-color-20:var(--uui-critical-20);
+  --uui-color-50:var(--uui-critical-50);
+  --uui-color-60:var(--uui-critical-60);
+  --uui-color-70:var(--uui-critical-70);
+  --uui-color-contrast:var(--uui-critical-contrast);
+}
+.uui-theme-electric_dark .uui-color-white{
+  --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
+  --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
+  --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
+  --uui-color-50:var(--uui-neutral-0);
+  --uui-color-60:var(--uui-neutral-10);
+  --uui-color-70:var(--uui-neutral-20);
+  --uui-color-contrast:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-color-neutral{
+  --uui-color-5:var(--uui-secondary-5);
+  --uui-color-10:var(--uui-secondary-10);
+  --uui-color-20:var(--uui-secondary-20);
+  --uui-color-50:var(--uui-secondary-50);
+  --uui-color-60:var(--uui-secondary-60);
+  --uui-color-70:var(--uui-secondary-70);
+  --uui-color-contrast:var(--uui-secondary-contrast);
+}
+.uui-theme-electric_dark{
+  --uui-border-radius:3px;
+  scrollbar-color:var(--uui-neutral-40) transparent;
+}
+.uui-theme-electric_dark .uui-color-fire{
+  --uui-color-5:var(--uui-critical-5);
+  --uui-color-10:var(--uui-critical-10);
+  --uui-color-20:var(--uui-critical-20);
+  --uui-color-50:var(--uui-critical-50);
+  --uui-color-60:var(--uui-critical-60);
+  --uui-color-70:var(--uui-critical-70);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-night100{
+  --uui-color-5:var(--white);
+  --uui-color-10:var(--white);
+  --uui-color-20:var(--night50);
+  --uui-color-50:var(--night100);
+  --uui-color-60:var(--night200);
+  --uui-color-70:var(--night300);
+  --uui-color-contrast:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-color-night300{
+  --uui-color-5:var(--night50);
+  --uui-color-10:var(--night100);
+  --uui-color-20:var(--night200);
+  --uui-color-50:var(--night300);
+  --uui-color-60:var(--night400);
+  --uui-color-70:var(--night500);
+  --uui-color-contrast:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-color-night600{
+  --uui-color-5:var(--uui-secondary-5);
+  --uui-color-10:var(--uui-secondary-10);
+  --uui-color-20:var(--uui-secondary-20);
+  --uui-color-50:var(--uui-secondary-50);
+  --uui-color-60:var(--uui-secondary-60);
+  --uui-color-70:var(--uui-secondary-70);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-night700{
+  --uui-color-5:var(--night400);
+  --uui-color-10:var(--night500);
+  --uui-color-20:var(--night600);
+  --uui-color-50:var(--night700);
+  --uui-color-60:var(--night800);
+  --uui-color-70:var(--night900);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-sun{
+  --uui-color-5:var(--sun-5);
+  --uui-color-10:var(--sun-10);
+  --uui-color-20:var(--sun-20);
+  --uui-color-50:var(--sun-50);
+  --uui-color-60:var(--sun-60);
+  --uui-color-70:var(--sun-70);
+  --uui-color-contrast:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-color-yellow{
+  --uui-color-5:var(--yellow-5);
+  --uui-color-10:var(--yellow-10);
+  --uui-color-20:var(--yellow-20);
+  --uui-color-50:var(--yellow-50);
+  --uui-color-60:var(--yellow-60);
+  --uui-color-70:var(--yellow-70);
+  --uui-color-contrast:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-color-orange{
+  --uui-color-5:var(--orange-5);
+  --uui-color-10:var(--orange-10);
+  --uui-color-20:var(--orange-20);
+  --uui-color-50:var(--orange-50);
+  --uui-color-60:var(--orange-60);
+  --uui-color-70:var(--orange-70);
+  --uui-color-contrast:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-color-fuchsia{
+  --uui-color-5:var(--fuchsia-5);
+  --uui-color-10:var(--fuchsia-10);
+  --uui-color-20:var(--fuchsia-20);
+  --uui-color-50:var(--fuchsia-50);
+  --uui-color-60:var(--fuchsia-60);
+  --uui-color-70:var(--fuchsia-70);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-purple{
+  --uui-color-5:var(--purple-5);
+  --uui-color-10:var(--purple-10);
+  --uui-color-20:var(--purple-20);
+  --uui-color-50:var(--purple-50);
+  --uui-color-60:var(--purple-60);
+  --uui-color-70:var(--purple-70);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-violet{
+  --uui-color-5:var(--violet-5);
+  --uui-color-10:var(--violet-10);
+  --uui-color-20:var(--violet-20);
+  --uui-color-50:var(--violet-50);
+  --uui-color-60:var(--violet-60);
+  --uui-color-70:var(--violet-70);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-cobalt{
+  --uui-color-5:var(--cobalt-5);
+  --uui-color-10:var(--cobalt-10);
+  --uui-color-20:var(--cobalt-20);
+  --uui-color-50:var(--cobalt-50);
+  --uui-color-60:var(--cobalt-60);
+  --uui-color-70:var(--cobalt-70);
+  --uui-color-contrast:var(--white);
+}
+.uui-theme-electric_dark .uui-color-cyan{
+  --uui-color-5:var(--cyan-5);
+  --uui-color-10:var(--cyan-10);
+  --uui-color-20:var(--cyan-20);
+  --uui-color-50:var(--cyan-50);
+  --uui-color-60:var(--cyan-60);
+  --uui-color-70:var(--cyan-70);
+  --uui-color-contrast:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-color-mint{
+  --uui-color-5:var(--mint-5);
+  --uui-color-10:var(--mint-10);
+  --uui-color-20:var(--mint-20);
+  --uui-color-50:var(--mint-50);
+  --uui-color-60:var(--mint-60);
+  --uui-color-70:var(--mint-70);
+  --uui-color-contrast:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container){
+  --uui-error-50:var(--uui-error-60);
+}
+.uui-theme-electric_dark .uui-accordion-container{
+  --uui-accordion-border-radius:6px;
+}
+.uui-theme-electric_dark .uui-file_card{
+  --uui-file_card-border-radius:6px;
+}
+.uui-theme-electric_dark .uui-button{
+  --uui-btn-bg-disabled:var(--uui-neutral-50);
+  --uui-btn-border-disabled:var(--uui-neutral-50);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-solid.uui-color-white{
+  --uui-btn-bg-active:var(--uui-neutral-20);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-solid.uui-color-white:active{
+  background-color:var(--uui-neutral-20);
+  border-color:var(--uui-neutral-20);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-outline{
+  --uui-btn-border:var(--uui-color-60);
+  --uui-btn-border-hover:var(--uui-color-60);
+  --uui-btn-border-active:var(--uui-color-60);
+  --uui-btn-caption:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-secondary{
+  --uui-btn-bg-hover:var(--uui-neutral-60);
+  --uui-btn-bg-active:var(--uui-neutral-50);
+  --uui-btn-border:var(--uui-neutral-30);
+  --uui-btn-border-hover:var(--uui-neutral-30);
+  --uui-btn-border-active:var(--uui-neutral-30);
+  --uui-btn-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-white{
+  --uui-btn-caption:var(--uui-neutral-0);
+  --uui-btn-border:var(--uui-neutral-0);
+  --uui-btn-border-hover:var(--uui-neutral-0);
+  --uui-btn-border-active:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-none{
+  --uui-btn-border:var(--uui-color-60);
+  --uui-btn-border-hover:var(--uui-color-60);
+  --uui-btn-border-active:var(--uui-color-60);
+  --uui-btn-caption:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-secondary{
+  --uui-btn-bg-hover:var(--uui-neutral-60);
+  --uui-btn-bg-active:var(--uui-neutral-50);
+  --uui-btn-border:var(--uui-neutral-30);
+  --uui-btn-border-hover:var(--uui-neutral-30);
+  --uui-btn-border-active:var(--uui-neutral-30);
+  --uui-btn-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-white{
+  --uui-btn-caption:var(--uui-neutral-0);
+  --uui-btn-border:var(--uui-neutral-0);
+  --uui-btn-border-hover:var(--uui-neutral-0);
+  --uui-btn-border-active:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-ghost{
+  --uui-btn-caption:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-secondary{
+  --uui-btn-bg-hover:var(--uui-neutral-60);
+  --uui-btn-bg-active:var(--uui-neutral-50);
+  --uui-btn-border-hover:var(--uui-neutral-60);
+  --uui-btn-border-active:var(--uui-neutral-50);
+  --uui-btn-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-white{
+  --uui-btn-caption:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-badge.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-80);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-solid,
+.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-solid{
+  --uui-badge-bg:var(--uui-neutral-30);
+  --uui-badge-border:var(--uui-neutral-30);
+  --uui-badge-bg-hover:var(--uui-neutral-40);
+  --uui-badge-border-hover:var(--uui-neutral-40);
+  --uui-badge-caption:var(--uui-neutral-5);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,
+.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-0);
+  --uui-count_indicator-border:var(--uui-neutral-0);
+  --uui-count_indicator-caption:var(--uui-neutral-80);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-outline,
+.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-outline{
+  --uui-badge-bg:var(--uui-neutral-60);
+  --uui-badge-border:var(--uui-neutral-30);
+  --uui-badge-bg-hover:var(--uui-neutral-50);
+  --uui-badge-border-hover:var(--uui-neutral-30);
+  --uui-badge-caption:var(--uui-neutral-0);
+  --uui-badge-caption-hover:var(--uui-neutral-5);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-white.uui-fill-outline{
+  --uui-badge-bg:var(--uui-neutral-0);
+  --uui-badge-border:var(--uui-neutral-30);
+  --uui-badge-bg-hover:var(--uui-neutral-10);
+  --uui-badge-border-hover:var(--uui-neutral-30);
+  --uui-badge-caption:var(--uui-neutral-70);
+  --uui-badge-caption-hover:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);
+  --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);
+  --uui-count_indicator-caption:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-solid{
+  --uui-badge-bg:var(--uui-neutral-10);
+  --uui-badge-border:var(--uui-neutral-10);
+  --uui-badge-bg-hover:var(--uui-neutral-20);
+  --uui-badge-border-hover:var(--uui-neutral-20);
+  --uui-badge-caption:var(--uui-neutral-70);
+  --uui-badge-caption-hover:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-outline{
+  --uui-badge-bg:var(--uui-neutral-10);
+  --uui-badge-border:var(--uui-neutral-30);
+  --uui-badge-bg-hover:var(--uui-neutral-20);
+  --uui-badge-border-hover:var(--uui-neutral-30);
+  --uui-badge-caption:var(--uui-neutral-70);
+  --uui-badge-caption-hover:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);
+  --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);
+  --uui-count_indicator-caption:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-night600.uui-fill-solid{
+  --uui-badge-bg:var(--uui-neutral-60);
+  --uui-badge-border:var(--uui-neutral-60);
+  --uui-badge-bg-hover:var(--uui-neutral-50);
+  --uui-badge-border-hover:var(--uui-neutral-50);
+  --uui-badge-caption:var(--white);
+  --uui-badge-caption-hover:var(--white);
+}
+.uui-theme-electric_dark .uui-badge.uui-color-night600.uui-fill-outline{
+  --uui-badge-bg:var(--uui-neutral-80);
+  --uui-badge-border:var(--uui-neutral-60);
+  --uui-badge-bg-hover:var(--uui-neutral-70);
+  --uui-badge-border-hover:var(--uui-neutral-60);
+  --uui-badge-caption:var(--uui-neutral-5);
+  --uui-badge-caption-hover:var(--uui-neutral-5);
+}
+.uui-theme-electric_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire){
+  --uui-icon_btn:var(--uui-color-60);
+  --uui-icon_btn-hover:var(--uui-color-70);
+  --uui-icon_btn-active:var(--uui-color-70);
+}
+.uui-theme-electric_dark .uui-icon_button.uui-color-white{
+  --uui-icon_btn-hover:var(--uui-neutral-20);
+  --uui-icon_btn-active:var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-icon_button.uui-color-secondary{
+  --uui-icon_btn:var(--uui-neutral-40);
+  --uui-icon_btn-hover:var(--uui-neutral-30);
+  --uui-icon_btn-active:var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-link_button.uui-color-contrast{
+  --uui-link_btn-text:var(--uui-neutral-0);
+  --uui-link_btn-text-hover:var(--uui-neutral-5);
+  --uui-link_btn-text-active:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire){
+  --uui-link_btn-text-disabled:var(--uui-neutral-40);
+}
+.uui-theme-electric_dark .uui-link_button.uui-color-primary,
+.uui-theme-electric_dark .uui-link_button.uui-color-sky{
+  --uui-link_btn-text:var(--uui-color-60);
+  --uui-link_btn-text-hover:var(--uui-color-70);
+}
+.uui-theme-electric_dark .uui-link_button.uui-color-secondary{
+  --uui-link_btn-text:var(--uui-neutral-30);
+  --uui-link_btn-text-hover:var(--uui-neutral-20);
+  --uui-link_btn-text-active:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-link_button.uui-color-white{
+  --uui-link_btn-text:var(--uui-neutral-5);
+  --uui-link_btn-text-disabled:color-mix(in srgb, var(--white) 40%, transparent);
+}
+.uui-theme-electric_dark .uui-tab-button{
+  --uui-tab_btn-text-hover:var(--uui-primary-60);
+  --uui-tab_btn-text-active:var(--uui-primary-60);
+}
+.uui-theme-electric_dark .uui-vertical-tab-button{
+  --uui-vertical_tab_btn-text-hover:var(--uui-primary-60);
+  --uui-vertical_tab_btn-text-active:var(--uui-primary-60);
+  --uui-vertical_tab_btn-icon-hover:var(--uui-primary-60);
+  --uui-vertical_tab_btn-icon-active:var(--uui-primary-60);
+  --uui-vertical_tab_btn-bg-hover:var(--uui-surface-higher);
+  --uui-vertical_tab_btn-border-active:var(--uui-primary-60);
+}
+.uui-theme-electric_dark .uui-main_menu{
+  --uui-main_menu-text:var(--uui-neutral-0);
+  --uui-main_menu-text-active:var(--uui-neutral-0);
+  --uui-main_menu-bg:var(--uui-neutral-70);
+  --uui-main_menu-search-bg:var(--uui-neutral-5);
+  --uui-main_menu-search-border:var(--uui-neutral-40);
+  --uui-main_menu-search-placeholder:var(--uui-text-tertiary);
+  --uui-main_menu-search-text:var(--uui-text-primary);
+  --uui-main_menu-search-icon:var(--uui-neutral-70);
+  --uui-main_menu-icon:var(--uui-neutral-5);
+  --uui-main_menu-icon-hover:var(--uui-neutral-5);
+  --uui-main_menu-icon-active:var(--uui-neutral-5);
+}
+.uui-theme-electric_dark .uui-main_menu-dropdown{
+  --uui-main_menu-text:var(--uui-neutral-0);
+  --uui-main_menu-text-active:var(--uui-neutral-0);
+  --uui-main_menu-dropdown-bg-hover:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-burger{
+  --uui-burger_menu-bg:var(--uui-app-bg);
+  --uui-burger_menu-bg-hover:var(--uui-app-bg);
+  --uui-burger_menu-caption:var(--uui-neutral-90);
+  --uui-burger_menu-icon:var(--uui-neutral-5);
+  --uui-burger_menu-item:var(--uui-app-bg);
+}
+.uui-theme-electric_dark .uui-main_menu-burger-button{
+  --uui-burger_btn_caption:var(--uui-neutral-0);
+  --uui-burger_btn_caption-hover:var(--uui-primary-50);
+  --uui-burger_btn_caption-active:var(--uui-primary-50);
+  --uui-burger_btn-border:var(--uui-neutral-40);
+}
+.uui-theme-electric_dark .uui-main_menu-burger-search{
+  --uui-burger_search:var(--uui-neutral-0);
+  --uui-burger_search-fill:var(--uui-neutral-70);
+  --uui-burger_search-bg:var(--uui-neutral-40);
+  --uui-burger_search-placeholder:var(--uui-text-tertiary);
+}
+.uui-theme-electric_dark .uui-tooltip-container.uui-color-neutral{
+  --uui-tooltip-border:var(--uui-neutral-50);
+}
+.uui-theme-electric_dark .uui-tooltip-container.uui-color-white{
+  --uui-tooltip-bg:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-tooltip-container.uui-color-critical{
+  --uui-tooltip-bg:var(--uui-critical-50);
+}
+.uui-theme-electric_dark .uui-tooltip-container.uui-color-inverted{
+  --uui-tooltip-bg:var(--uui-neutral-10);
+  --uui-tooltip-text:var(--uui-neutral-70);
+}
+.uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun){
+  --uui-count_indicator-bg:var(--uui-color-60);
+  --uui-count_indicator-border:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray{
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot{
+  background-color:color-mix(in srgb, var(--white) 20%, transparent);
+  border:1px solid var(--white);
+}
+.uui-theme-electric_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,
+.uui-theme-electric_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot{
+  background-color:var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,
+.uui-theme-electric_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot{
+  background-color:color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);
+  border:1px solid var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-alert.uui-color-info{
+  --uui-alert-icon:var(--uui-color-60);
+  --uui-alert-border:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-alert.uui-color-success{
+  --uui-alert-icon:var(--uui-color-60);
+  --uui-alert-border:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-alert.uui-color-warning{
+  --uui-alert-icon:var(--uui-color-60);
+  --uui-alert-border:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-alert.uui-color-error{
+  --uui-alert-icon:var(--uui-color-60);
+  --uui-alert-border:var(--uui-color-60);
+}
+.uui-theme-electric_dark .uui-tag .uui-count_indicator{
+  --uui-count_indicator-bg:color-mix(in srgb, var(--white) 10%, transparent);
+  --uui-count_indicator-border:color-mix(in srgb, var(--white) 50%, transparent);
+}
+.uui-theme-electric_dark .uui-tag.uui-fill-outline{
+  --uui-tag-caption:var(--uui-neutral-0);
+  --uui-tag-fill:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-tag.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-70);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-solid{
+  --uui-tag-caption:var(--uui-neutral-0);
+  --uui-tag-fill:var(--uui-neutral-0);
+  --uui-tag-bg:var(--uui-neutral-50);
+  --uui-tag-border:var(--uui-neutral-50);
+  --uui-tag-bg-hover:var(--uui-neutral-60);
+  --uui-tag-border-hover:var(--uui-neutral-60);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-0);
+  --uui-count_indicator-border:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-outline{
+  --uui-tag-bg:var(--uui-neutral-30);
+  --uui-tag-border:var(--uui-neutral-20);
+  --uui-tag-bg-hover:var(--uui-neutral-40);
+  --uui-tag-border-hover:var(--uui-neutral-20);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-40);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-solid{
+  --uui-tag-bg-hover:var(--uui-neutral-5);
+  --uui-tag-border-hover:var(--uui-neutral-5);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-40);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-outline{
+  --uui-tag-bg:color-mix(in srgb, var(--white) 5%, transparent);
+  --uui-tag-border:var(--uui-neutral-0);
+  --uui-tag-bg-hover:color-mix(in srgb, var(--white) 10%, transparent);
+  --uui-tag-border-hover:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-40);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-solid{
+  --uui-tag-caption:var(--uui-neutral-80);
+  --uui-tag-fill:var(--uui-neutral-80);
+  --uui-tag-bg:var(--uui-neutral-10);
+  --uui-tag-border:var(--uui-neutral-40);
+  --uui-tag-bg-hover:var(--uui-neutral-5);
+  --uui-tag-border-hover:var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-40);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-outline{
+  --uui-tag-bg:color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);
+  --uui-tag-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);
+  --uui-tag-border:var(--uui-neutral-20);
+  --uui-tag-border-hover:var(--uui-neutral-20);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-bg:var(--uui-neutral-40);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+  --uui-count_indicator-caption:var(--uui-neutral-10);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-solid{
+  --uui-tag-caption:var(--uui-neutral-0);
+  --uui-tag-fill:var(--uui-neutral-0);
+  --uui-tag-bg:var(--uui-neutral-70);
+  --uui-tag-border:var(--uui-neutral-70);
+  --uui-tag-bg-hover:var(--uui-neutral-60);
+  --uui-tag-border-hover:var(--uui-neutral-60);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator{
+  --uui-count_indicator-caption:var(--uui-neutral-0);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-outline{
+  --uui-tag-bg:var(--uui-neutral-80);
+  --uui-tag-border:var(--uui-neutral-40);
+  --uui-tag-bg-hover:var(--uui-neutral-70);
+  --uui-tag-border-hover:var(--uui-neutral-40);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator{
+  --uui-count_indicator-caption:var(--uui-neutral-0);
+  --uui-count_indicator-bg:var(--uui-neutral-70);
+  --uui-count_indicator-border:var(--uui-neutral-40);
+}
+.uui-theme-electric_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator{
+  --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);
+  --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);
+}
+.uui-theme-electric_dark .uui-presets-panel-input .uui-icon-cancel:hover{
+  background-color:var(--uui-neutral-60);
+}
+.uui-theme-electric_dark .uui-presets-panel-input .uui-icon-cancel:active{
+  background-color:var(--uui-neutral-50);
+}
+.uui-theme-electric_dark .uui-scroll-bars{
+  --uui-scroll_bars-bg:var(--uui-neutral-40);
+  --uui-scroll_bars-bg-active:var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-text-placeholder{
+  --uui-text_placeholder-gradient:repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);
+}
+.uui-theme-electric_dark .uui-dt-vars{
+  --uui-dt-header-row-bg:var(--uui-surface-highest);
+}
+.uui-theme-electric_dark .uui-filters-panel-item-toggler{
+  --uui-filters_toggler-bg-hover:var(--uui-neutral-30);
+}
+.uui-theme-electric_dark .uui-dropdownMenu-body{
+  --uui-dropdown-selected_mark:var(--uui-info-60);
+}
+.uui-theme-electric_dark .uui-picker_input-body{
+  --uui-picker_input-selected_mark:var(--uui-info-60);
+}
+.uui-theme-electric_dark .uui-font-sans{
+  --uui-text-font:var(--uui-font);
+  --uui-text-font-weight:400;
+}
+.uui-theme-electric_dark .uui-font-sans-semibold{
+  --uui-text-font:var(--uui-font);
+  --uui-text-font-weight:600;
+}
+.uui-theme-electric_dark .uui-font-sans-light{
+  --uui-text-font:var(--uui-font);
+  --uui-text-font-weight:300;
+}
+.uui-theme-electric_dark .uui-text.uui-color-sky{
+  --uui-text:var(--sky-70);
+}
+.uui-theme-electric_dark .uui-text.uui-color-grass{
+  --uui-text:var(--grass-70);
+}
+.uui-theme-electric_dark .uui-text.uui-color-sun{
+  --uui-text:var(--sun-70);
+}
+.uui-theme-electric_dark .uui-text.uui-color-fire{
+  --uui-text:var(--fire-70);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night50{
+  --uui-text:var(--night50);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night300{
+  --uui-text:var(--night300);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night400{
+  --uui-text:var(--night400);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night500{
+  --uui-text:var(--night500);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night600{
+  --uui-text:var(--night600);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night700{
+  --uui-text:var(--night700);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night800{
+  --uui-text:var(--night800);
+}
+.uui-theme-electric_dark .uui-text.uui-color-night900{
+  --uui-text:var(--night900);
+}
+.uui-theme-electric_dark .uui-typography .uui-highlight{
+  background-color:var(--uui-warning-20);
+}
+.uui-theme-electric_dark .uui-typography h1{
+  font-weight:600;
+}
+.uui-theme-electric_dark .uui-typography h2{
+  font-weight:700;
+}
+.uui-theme-electric_dark .uui-typography h3{
+  font-weight:600;
+}
+.uui-theme-electric_dark .uui-typography .hero-header{
+  font-size:72px;
+  line-height:72px;
+  font-weight:700;
+}
+.uui-theme-electric_dark{
+  --uui-grid-unit:6px;
+  --uui-focus-outline-width:2px;
+  --uui-focus-outline-offset:2px;
+  --uui-focus-radius:2px;
+  --uui-tab-line-width:3px;
+  --uui-notify-size:6px;
+  --uui-resize-marker-width:12px;
+}
+.uui-theme-electric_dark .uui-size-12{
+  --uui-size:12px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:12px;
+  --uui-line-height:12px;
+  --uui-font-size:12px;
+  --uui-dot-size:6px;
+}
+.uui-theme-electric_dark .uui-size-18{
+  --uui-size:18px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:3px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:3px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:12px;
+  --uui-line-height:12px;
+  --uui-font-size:10px;
+  --uui-dot-size:6px;
+}
+.uui-theme-electric_dark .uui-size-24{
+  --uui-size:24px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:3px;
+  --uui-icon-size:12px;
+  --uui-line-height:18px;
+  --uui-font-size:12px;
+  --uui-dot-size:8px;
+}
+.uui-theme-electric_dark .uui-size-30{
+  --uui-size:30px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:6px;
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+  --uui-dot-size:8px;
+}
+.uui-theme-electric_dark .uui-size-36{
+  --uui-size:36px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:6px;
+  --uui-vertical-padding:9px;
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+  --uui-dot-size:8px;
+}
+.uui-theme-electric_dark .uui-size-42{
+  --uui-size:42px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:12px;
+  --uui-vertical-padding:9px;
+  --uui-icon-size:18px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+  --uui-dot-size:10px;
+}
+.uui-theme-electric_dark .uui-size-48{
+  --uui-size:48px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:12px;
+  --uui-vertical-padding:12px;
+  --uui-icon-size:24px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+  --uui-dot-size:12px;
+}
+.uui-theme-electric_dark .uui-size-60{
+  --uui-size:60px;
+  --uui-border-width:1px;
+  --uui-horizontal-gap:6px;
+  --uui-vertical-gap:3px;
+  --uui-horizontal-padding:12px;
+  --uui-vertical-padding:18px;
+  --uui-icon-size:24px;
+  --uui-line-height:24px;
+  --uui-font-size:20px;
+  --uui-dot-size:12px;
+}
+.uui-theme-electric_dark .uui-input-box.uui-size-42{
+  --uui-horizontal-padding:6px;
+}
+.uui-theme-electric_dark .uui-input-box.uui-size-48{
+  --uui-horizontal-padding:6px;
+}
+.uui-theme-electric_dark .uui-input-box.uui-textarea{
+  --uui-horizontal-padding:12px;
+}
+.uui-theme-electric_dark .uui-input-box.uui-textarea.uui-size-24{
+  --uui-line-height:12px;
+}
+.uui-theme-electric_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
+  --uui-horizontal-padding:6px;
+  --uui-horizontal-gap:3px;
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-30{
+  --uui-horizontal-padding:12px;
+  --uui-icon-size:12px;
+}
+.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-36{
+  --uui-horizontal-padding:18px;
+}
+.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-48{
+  --uui-horizontal-padding:18px;
+  --uui-font-size:14px;
+  --uui-icon-size:18px;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-18{
+  --uui-font-size:12px;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-18 .uui-caption{
+  --uui-tag-caption-horizontal-padding:0;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-24{
+  --uui-icon-size:18px;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-42{
+  --uui-icon-size:24px;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-24, .uui-theme-electric_dark .uui-tag.uui-size-30, .uui-theme-electric_dark .uui-tag.uui-size-36, .uui-theme-electric_dark .uui-tag.uui-size-42{
+  --uui-horizontal-gap:3px;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-24, .uui-theme-electric_dark .uui-tag.uui-size-30{
+  --uui-horizontal-padding:3px;
+}
+.uui-theme-electric_dark .uui-tag.uui-size-42, .uui-theme-electric_dark .uui-tag.uui-size-48{
+  --uui-horizontal-padding:9px;
+}
+.uui-theme-electric_dark .uui-checkbox-container.uui-size-18, .uui-theme-electric_dark .uui-radio-input-container.uui-size-18{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-electric_dark .uui-switch.uui-size-18{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-electric_dark .uui-switch.uui-size-24{
+  --uui-horizontal-gap:12px;
+  --uui-line-height:24px;
+  --uui-font-size:16px;
+}
+.uui-theme-electric_dark .uui-labeled-input.uui-size-30{
+  --uui-icon-size:12px;
+  --uui-font-size:12px;
+}
+.uui-theme-electric_dark .uui-labeled-input.uui-size-42{
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-electric_dark .uui-labeled-input.uui-size-48{
+  --uui-icon-size:18px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+}
+.uui-theme-electric_dark .uui-badge.uui-size-18{
+  --uui-font-size:12px;
+  --uui-horizontal-padding:6px;
+  --uui-badge-caption-horizontal-padding:0;
+  --uui-badge-indicator-padding:3px;
+}
+.uui-theme-electric_dark .uui-badge.uui-size-24{
+  --uui-icon-size:18px;
+  --uui-line-height:12px;
+}
+.uui-theme-electric_dark .uui-badge.uui-size-36{
+  --uui-horizontal-padding:9px;
+}
+.uui-theme-electric_dark .uui-badge.uui-size-42{
+  --uui-icon-size:24px;
+  --uui-horizontal-padding:15px;
+}
+.uui-theme-electric_dark .uui-badge.uui-size-48{
+  --uui-horizontal-padding:15px;
+}
+.uui-theme-electric_dark .uui-badge.uui-size-24, .uui-theme-electric_dark .uui-badge.uui-size-30, .uui-theme-electric_dark .uui-badge.uui-size-36, .uui-theme-electric_dark .uui-badge.uui-size-42, .uui-theme-electric_dark .uui-badge.uui-size-48{
+  --uui-horizontal-gap:3px;
+}
+.uui-theme-electric_dark .uui-status_indicator.uui-size-12{
+  --uui-horizontal-gap:4px;
+}
+.uui-theme-electric_dark .uui-status_indicator.uui-size-18{
+  --uui-horizontal-gap:6px;
+  --uui-line-height:18px;
+  --uui-font-size:14px;
+  --uui-dot-size:8px;
+}
+.uui-theme-electric_dark .uui-status_indicator.uui-size-24{
+  --uui-font-size:14px;
+  --uui-dot-size:10px;
+}
+.uui-theme-electric_dark .uui-count_indicator.uui-size-12{
+  --uui-horizontal-padding:3px;
+  --uui-line-height:10px;
+  --uui-font-size:10px;
+}
+.uui-theme-electric_dark .uui-count_indicator.uui-size-18{
+  --uui-horizontal-padding:6px;
+  --uui-line-height:16px;
+  --uui-font-size:12px;
+}
+.uui-theme-electric_dark .uui-count_indicator.uui-size-24{
+  --uui-line-height:22px;
+  --uui-font-size:14px;
+}
+.uui-theme-electric_dark .uui-table-header-cell.uui-size-36{
+  --uui-horizontal-gap:12px;
+}
+.uui-theme-electric_dark .uui-table-header-cell.uui-size-48{
+  --uui-horizontal-gap:12px;
+}
+.uui-theme-electric_dark .uui-table-header-cell.uui-size-60{
+  --uui-horizontal-gap:12px;
+}
+.uui-theme-electric_dark .uui-picker_toggler.uui-size-30, .uui-theme-electric_dark .uui-picker_toggler.uui-size-36, .uui-theme-electric_dark .uui-picker_toggler.uui-size-42, .uui-theme-electric_dark .uui-picker_toggler.uui-size-48{
+  --uui-vertical-padding:3px;
+}
+.uui-theme-electric_dark .uui-alert.uui-size-36{
+  --uui-alert-indicator-border-width:3px;
+  --uui-alert-gap-h:12px;
+  --uui-alert-gap-v:3px;
+  --uui-alert-padding-h:9px;
+  --uui-alert-padding-v:3px;
+  --uui-alert-caption-gap-h:9px;
+}
+.uui-theme-electric_dark .uui-filters-panel-item-toggler.uui-size-24{
+  --uui-horizontal-padding:3px;
+  --uui-horizontal-gap:3px;
+}