@epam/assets 5.6.2 → 5.7.0

package/css/theme/theme_electric.css

@@ -243,6 +243,8 @@
   --uui-control-bg-disabled:var(--uui-neutral-5);
   --uui-control-bg-hover:var(--uui-neutral-60);
   --uui-control-border:var(--uui-neutral-40);
+  --uui-control-border-disabled:var(--uui-neutral-30);
+  --uui-control-border-focus:var(--uui-primary-50);
   --uui-control-border-hover:var(--uui-neutral-60);
   --uui-control-icon:var(--uui-neutral-50);
   --uui-control-icon-disabled:var(--uui-neutral-50);
@@ -256,9 +258,10 @@
   --uui-icon-hover:var(--uui-neutral-100);
   --uui-link:var(--uui-primary-50);
   --uui-link-hover:var(--uui-primary-60);
-  --uui-link-visited:#8018A0;
+  --uui-link-visited:var(--purple-60);
+  --uui-link-visited-hover:var(--purple-70);
   --uui-outline-focus:#0A68F17F;
-  --uui-skeleton:var(--night400);
+  --uui-skeleton:var(--uui-neutral-40);
   --uui-text-bg-highlight:var(--uui-warning-10);
   --uui-text-critical:var(--uui-critical-70);
   --uui-text-disabled:var(--uui-neutral-50);
@@ -284,9 +287,6 @@
   --uui-success-contrast:var(--white);
   --uui-warning-contrast:var(--uui-neutral-80);
   --uui-error-contrast:var(--white);
-  --uui-link-visited-hover:#601278;
-  --uui-control-border-focus:var(--uui-primary-50);
-  --uui-control-border-disabled:var(--uui-neutral-30);
   --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
   --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
   --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
@@ -470,9 +470,12 @@
   --uui-badge-bg-hover:var(--uui-neutral-10);
   --uui-badge-border:var(--uui-neutral-30);
   --uui-badge-border-hover:var(--uui-neutral-30);
-  --uui-badge-caption:var(--uui-neutral-80);
+  --uui-badge-caption:var(--uui-neutral-95);
   --uui-badge-caption-hover:var(--uui-neutral-80);
 }
+.uui-theme-electric .uui-badge.uui-color-neutral{
+  --uui-badge-caption:var(--uui-neutral-95);
+}
 .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid{
   --uui-badge-bg:var(--uui-neutral-30);
   --uui-badge-bg-hover:var(--uui-neutral-40);
@@ -484,7 +487,6 @@
   --uui-badge-bg:var(--uui-neutral-20);
   --uui-badge-border:var(--uui-neutral-40);
   --uui-badge-bg-hover:var(--uui-neutral-30);
-  --uui-badge-caption:var(--uui-neutral-80);
   --uui-badge-caption-hover:var(--uui-neutral-80);
 }
 .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-solid{
@@ -492,15 +494,17 @@
   --uui-badge-border-hover:var(--uui-neutral-20);
 }
 .uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline{
+  --uui-badge-bg:var(--uui-neutral-10);
+  --uui-badge-bg-hover:var(--uui-neutral-20);
   --uui-badge-border:var(--uui-neutral-30);
   --uui-badge-border-hover:var(--uui-neutral-30);
-  --uui-badge-caption:var(--uui-neutral-80);
+  --uui-badge-caption:var(--uui-neutral-95);
   --uui-badge-caption-hover:var(--uui-neutral-80);
 }
 .uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline{
   --uui-badge-border:var(--uui-neutral-60);
   --uui-badge-border-hover:var(--uui-neutral-60);
-  --uui-badge-caption:var(--uui-neutral-80);
+  --uui-badge-caption:var(--uui-neutral-95);
   --uui-badge-caption-hover:var(--uui-neutral-80);
 }
 .uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline{

package/css/theme/theme_electric.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric.scss","../../../theme/theme_electric.scss","../../../theme/theme_electric.scss%23sass","../../../theme/tokens/_theme_electric.scss"],"names":[],"mappings":"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","file":"theme_electric.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');\n\n@font-face {\n    font-family: 'Redacted';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\n    font-display: block;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\n    font-weight: 200;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\n    font-weight: 200;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\n    font-weight: 300;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\n    font-weight: 300;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\n    font-weight: 400;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\n    font-weight: 400;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\n    font-weight: 600;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\n    font-weight: 600;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\n    font-weight: 700;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\n    font-weight: 700;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\n    font-weight: 900;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\n    font-weight: 900;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Roboto Mono';\n    font-style: normal;\n    font-weight: normal;\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\n}\n","@use './tokens/_theme_electric.scss' as tokens;\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@import '../scss/electric/font-faces';\n\n@mixin theme-electric {\n    @include tokens.theme-tokens;\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    // theme specific fonts\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n\n    --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n    --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n    --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n    --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n    --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n\n    /* core variables start */\n\n    /* brand colors */\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--uui-neutral-80);\n\n    --uui-error-contrast: var(--white);\n\n    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link-visited-hover: #601278;\n\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--uui-neutral-30);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* override variables */\n\n    /* begin color classes */\n\n    .uui-color-primary,\n    .uui-color-info {\n        --uui-color-5: var(--uui-primary-5);\n        --uui-color-10: var(--uui-primary-10);\n        --uui-color-20: var(--uui-primary-20);\n        --uui-color-50: var(--uui-primary-50);\n        --uui-color-60: var(--uui-primary-60);\n        --uui-color-70: var(--uui-primary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-accent {\n        --uui-color-5: var(--uui-accent-5);\n        --uui-color-10: var(--uui-accent-10);\n        --uui-color-20: var(--uui-accent-20);\n        --uui-color-50: var(--uui-accent-50);\n        --uui-color-60: var(--uui-accent-60);\n        --uui-color-70: var(--uui-accent-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\n        --uui-color-5: var(--uui-critical-5);\n        --uui-color-10: var(--uui-critical-10);\n        --uui-color-20: var(--uui-critical-20);\n        --uui-color-50: var(--uui-critical-50);\n        --uui-color-60: var(--uui-critical-60);\n        --uui-color-70: var(--uui-critical-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--night800);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--night200);\n        --uui-color-70: var(--night300);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--night400);\n        --uui-color-70: var(--night500);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-neutral,\n    .uui-color-secondary,\n    .uui-color-night600 {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--night800);\n        --uui-color-70: var(--night900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-success {\n        --uui-color-5: var(--uui-success-5);\n        --uui-color-10: var(--uui-success-10);\n        --uui-color-20: var(--uui-success-20);\n        --uui-color-50: var(--uui-success-50);\n        --uui-color-60: var(--uui-success-60);\n        --uui-color-70: var(--uui-success-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sun,\n    .uui-color-warning {\n        --uui-color-5: var(--sun-5);\n        --uui-color-10: var(--sun-10);\n        --uui-color-20: var(--sun-20);\n        --uui-color-50: var(--sun-50);\n        --uui-color-60: var(--sun-60);\n        --uui-color-70: var(--sun-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-outline {\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-neutral {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-color-contrast: var(--uui-neutral-80);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-40);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night100 {\n        &.uui-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-10);\n        --uui-link_btn-text-active: var(--uui-neutral-20);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-neutral {\n        --uui-count_indicator-bg: var(--uui-neutral-30);\n        --uui-count_indicator-border: var(--uui-neutral-30);\n    }\n\n    .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-bg: var(--uui-neutral-95);\n        --uui-main_menu-hover: var(--uui-neutral-90);\n        --uui-main_menu-border-active-gradient: var(--gradient-1);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n    }\n\n    /* BurgerMenu */\n\n    .uui-burger {\n        --uui-burger_menu-bg: var(--uui-neutral-95);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n        --uui-burger_menu-item: var(--uui-neutral-95);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-fill-outline {\n            --uui-tag-fill: var(--uui-neutral-95);\n            --uui-tag-caption: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-5);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                .uui-count_indicator {\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-border-hover: var(--uui-neutral-50);\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            --uui-tag-fill: var(--uui-neutral-100);\n\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-80);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n                    --uui-count_indicator-caption: var(--uui-neutral-80);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-caption: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-neutral {\n            &.uui-fill-solid {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h3, h4, h5 {\n            font-weight: 600;\n        }\n\n        .promo-header:is(h1, h2, h3, h4, h5, h6) {\n            font-family: var(--font-museo-sans);\n        }\n\n        h1.promo-header {\n            font-size: 72px;\n            font-weight: 400;\n        }\n\n        h2.promo-header {\n            font-size: 44px;\n            font-weight: 600;\n        }\n\n        h3.promo-header {\n            font-size: 36px;\n        }\n\n        h4.promo-header {\n            font-size: 30px;\n        }\n\n        h5.promo-header {\n            font-size: 24px;\n        }\n\n        h6.promo-header {\n            font-size: 18px;\n        }\n    }\n}\n\n.uui-theme-electric {\n    @include theme-electric();\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n@font-face {\n  font-family: \"Redacted\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot\");\n  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\");\n  font-display: block;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 200;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 300;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 300;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 400;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 600;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 700;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 900;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Roboto Mono\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf\") format(\"truetype\");\n}\n.uui-theme-electric {\n  /***************/\n  /*** Palette ***/\n  /***************/\n  --black: #000000;\n  --white: #FFFFFF;\n  --cobalt-5: #F8FAFF;\n  --cobalt-10: #D9E2FC;\n  --cobalt-20: #AEC0F5;\n  --cobalt-50: #0F98FF;\n  --cobalt-60: #006FE5;\n  --cobalt-70: #0954A5;\n  --cyan-5: #F6FEFE;\n  --cyan-10: #D1FAFA;\n  --cyan-20: #AAEEEE;\n  --cyan-50: #14CCCC;\n  --cyan-60: #12B5B5;\n  --cyan-70: #0B6F6F;\n  --electric-5: #F3F8FE;\n  --electric-10: #CEE1FC;\n  --electric-20: #85B4F8;\n  --electric-50: #0A68F1;\n  --electric-60: #095ED9;\n  --electric-70: #0853C1;\n  --emerald-5: #F3FBF7;\n  --emerald-10: #CDEEDD;\n  --emerald-20: #97D9B7;\n  --emerald-50: #07A956;\n  --emerald-60: #06984D;\n  --emerald-70: #068745;\n  --fire-5: #FEF6F6;\n  --fire-10: #FDE1E1;\n  --fire-20: #FBB6B6;\n  --fire-50: #FF4242;\n  --fire-60: #E22A2A;\n  --fire-70: #AD0000;\n  --fuchsia-5: #FFF7FB;\n  --fuchsia-10: #F9D8E7;\n  --fuchsia-20: #EDADC8;\n  --fuchsia-50: #EA4386;\n  --fuchsia-60: #D61E68;\n  --fuchsia-70: #AE1955;\n  --mint-5: #F2FCF5;\n  --mint-10: #DDF3E4;\n  --mint-20: #B4DFC4;\n  --mint-50: #4FC48C;\n  --mint-60: #31AA70;\n  --mint-70: #236E4A;\n  --night50: #FAFAFC;\n  --night100: #F5F6FA;\n  --night200: #EBEDF5;\n  --night300: #E1E3EB;\n  --night400: #CED0DB;\n  --night500: #ACAFBF;\n  --night600: #6C6F80;\n  --night700: #474A59;\n  --night800: #303240;\n  --night900: #1D1E26;\n  --night950: #111111;\n  --orange-5: #FEF8F4;\n  --orange-10: #FFE8D7;\n  --orange-20: #FFCCA7;\n  --orange-50: #FF8B3E;\n  --orange-60: #F76B0D;\n  --orange-70: #BD4B00;\n  --purple-5: #FDF6FE;\n  --purple-10: #F2CCFA;\n  --purple-20: #E79DF5;\n  --purple-50: #B114D1;\n  --purple-60: #860F9E;\n  --purple-70: #5E0B6F;\n  --sun-5: #FFFCF5;\n  --sun-10: #FFEDC9;\n  --sun-20: #FFD785;\n  --sun-50: #FCAA00;\n  --sun-60: #FF9000;\n  --sun-70: #BD5800;\n  --violet-5: #F8F6FE;\n  --violet-10: #DBCCFA;\n  --violet-20: #BB9DF5;\n  --violet-50: #773CEC;\n  --violet-60: #5514D6;\n  --violet-70: #40109E;\n  --yellow-5: #FFFFF5;\n  --yellow-10: #FFFFE5;\n  --yellow-20: #FFFCA4;\n  --yellow-50: #FDD63B;\n  --yellow-60: #EDBE02;\n  --yellow-70: #BC7E02;\n  /*********************/\n  /*** Core Semantic ***/\n  /*********************/\n  --uui-accent-5: var(--electric-5);\n  --uui-accent-10: var(--electric-10);\n  --uui-accent-20: var(--electric-20);\n  --uui-accent-50: var(--electric-50);\n  --uui-accent-60: var(--electric-60);\n  --uui-accent-70: var(--electric-70);\n  --uui-critical-5: var(--fire-5);\n  --uui-critical-10: var(--fire-10);\n  --uui-critical-20: var(--fire-20);\n  --uui-critical-50: var(--fire-50);\n  --uui-critical-60: var(--fire-60);\n  --uui-critical-70: var(--fire-70);\n  --uui-error-5: var(--fire-5);\n  --uui-error-10: var(--fire-10);\n  --uui-error-20: var(--fire-20);\n  --uui-error-50: var(--fire-50);\n  --uui-error-60: var(--fire-60);\n  --uui-error-70: var(--fire-70);\n  --uui-info-5: var(--electric-5);\n  --uui-info-10: var(--electric-10);\n  --uui-info-20: var(--electric-20);\n  --uui-info-50: var(--electric-50);\n  --uui-info-60: var(--electric-60);\n  --uui-info-70: var(--electric-70);\n  --uui-primary-5: var(--electric-5);\n  --uui-primary-10: var(--electric-10);\n  --uui-primary-20: var(--electric-20);\n  --uui-primary-50: var(--electric-50);\n  --uui-primary-60: var(--electric-60);\n  --uui-primary-70: var(--electric-70);\n  --uui-secondary-5: var(--night100);\n  --uui-secondary-10: var(--night200);\n  --uui-secondary-20: var(--night300);\n  --uui-secondary-50: var(--night600);\n  --uui-secondary-60: var(--night700);\n  --uui-secondary-70: var(--night800);\n  --uui-success-5: var(--emerald-5);\n  --uui-success-10: var(--emerald-10);\n  --uui-success-20: var(--emerald-20);\n  --uui-success-50: var(--emerald-50);\n  --uui-success-60: var(--emerald-60);\n  --uui-success-70: var(--emerald-70);\n  --uui-warning-5: var(--sun-5);\n  --uui-warning-10: var(--sun-10);\n  --uui-warning-20: var(--sun-20);\n  --uui-warning-50: var(--sun-50);\n  --uui-warning-60: var(--sun-60);\n  --uui-warning-70: var(--sun-70);\n  /********************/\n  /*** Core Neutral ***/\n  /********************/\n  --uui-neutral-0: var(--white);\n  --uui-neutral-5: var(--night50);\n  --uui-neutral-10: var(--night100);\n  --uui-neutral-20: var(--night200);\n  --uui-neutral-30: var(--night300);\n  --uui-neutral-40: var(--night400);\n  --uui-neutral-50: var(--night500);\n  --uui-neutral-60: var(--night600);\n  --uui-neutral-70: var(--night700);\n  --uui-neutral-80: var(--night800);\n  --uui-neutral-90: var(--night900);\n  --uui-neutral-95: var(--night950);\n  --uui-neutral-100: var(--black);\n  /************/\n  /*** Core ***/\n  /************/\n  --uui-app-bg: var(--uui-neutral-10);\n  --uui-divider: var(--uui-neutral-40);\n  --uui-divider-light: var(--uui-neutral-30);\n  --uui-overlay: #1D1E26CC;\n  --uui-surface-higher: var(--uui-neutral-10);\n  --uui-surface-highest: var(--uui-neutral-20);\n  --uui-surface-main: var(--uui-neutral-0);\n  --uui-surface-sunken: var(--uui-neutral-20);\n  --uui-border-radius: 3;\n  --uui-control-bg: var(--uui-surface-main);\n  --uui-control-bg-disabled: var(--uui-neutral-5);\n  --uui-control-bg-hover: var(--uui-neutral-60);\n  --uui-control-border: var(--uui-neutral-40);\n  --uui-control-border-hover: var(--uui-neutral-60);\n  --uui-control-icon: var(--uui-neutral-50);\n  --uui-control-icon-disabled: var(--uui-neutral-50);\n  --uui-control-placeholder: var(--uui-neutral-50);\n  --uui-control-placeholder-disabled: var(--uui-text-disabled);\n  --uui-control-text: var(--uui-neutral-95);\n  --uui-control-text-disabled: var(--uui-text-tertiary);\n  --uui-icon: var(--uui-neutral-95);\n  --uui-icon-active: var(--uui-neutral-100);\n  --uui-icon-disabled: var(--uui-neutral-50);\n  --uui-icon-hover: var(--uui-neutral-100);\n  --uui-link: var(--uui-primary-50);\n  --uui-link-hover: var(--uui-primary-60);\n  --uui-link-visited: #8018A0;\n  --uui-outline-focus: #0A68F17F;\n  --uui-skeleton: var(--night400);\n  --uui-text-bg-highlight: var(--uui-warning-10);\n  --uui-text-critical: var(--uui-critical-70);\n  --uui-text-disabled: var(--uui-neutral-50);\n  --uui-text-info: var(--uui-info-70);\n  --uui-text-primary: var(--uui-neutral-95);\n  --uui-text-secondary: var(--uui-neutral-70);\n  --uui-text-success: var(--uui-success-70);\n  --uui-text-tertiary: var(--uui-neutral-60);\n  --uui-text-warning: var(--uui-warning-70);\n  --uui-font: \"Source Sans Pro\", sans-serif;\n  --uui-font-mono: \"Roboto Mono\", monospace;\n  --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n  --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n  --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n  --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n  --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n  --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n  /* core variables start */\n  /* brand colors */\n  --uui-primary-contrast: var(--white);\n  --uui-accent-contrast: var(--white);\n  --uui-secondary-contrast: var(--white);\n  --uui-critical-contrast: var(--white);\n  /* semantic colors */\n  --uui-info-contrast: var(--white);\n  --uui-success-contrast: var(--white);\n  --uui-warning-contrast: var(--uui-neutral-80);\n  --uui-error-contrast: var(--white);\n  /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n  /* not accepted part */\n  /* control specific */\n  --uui-link-visited-hover: #601278;\n  --uui-control-border-focus: var(--uui-primary-50);\n  --uui-control-border-disabled: var(--uui-neutral-30);\n  --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n  --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n  --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n  --uui-border-radius: 3px;\n  /* core variables end */\n  /* ------------------------------------ */\n  /* override variables */\n  /* begin color classes */\n  /* Accordion */\n  /* FileCard */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* LinkButton */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* MainMenu */\n  /* BurgerMenu */\n  /* Tag */\n  /* Typography */\n}\n.uui-theme-electric .uui-color-primary,\n.uui-theme-electric .uui-color-info {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-accent {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-fire,\n.uui-theme-electric .uui-color-critical,\n.uui-theme-electric .uui-color-error {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-white {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--night100);\n  --uui-color-70: var(--night200);\n  --uui-color-contrast: var(--night800);\n}\n.uui-theme-electric .uui-color-night100 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--night50);\n  --uui-color-50: var(--night100);\n  --uui-color-60: var(--night200);\n  --uui-color-70: var(--night300);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-night300 {\n  --uui-color-5: var(--night50);\n  --uui-color-10: var(--night100);\n  --uui-color-20: var(--night200);\n  --uui-color-50: var(--night300);\n  --uui-color-60: var(--night400);\n  --uui-color-70: var(--night500);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-neutral,\n.uui-theme-electric .uui-color-secondary,\n.uui-theme-electric .uui-color-night600 {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-night700 {\n  --uui-color-5: var(--night400);\n  --uui-color-10: var(--night500);\n  --uui-color-20: var(--night600);\n  --uui-color-50: var(--night700);\n  --uui-color-60: var(--night800);\n  --uui-color-70: var(--night900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-success {\n  --uui-color-5: var(--uui-success-5);\n  --uui-color-10: var(--uui-success-10);\n  --uui-color-20: var(--uui-success-20);\n  --uui-color-50: var(--uui-success-50);\n  --uui-color-60: var(--uui-success-60);\n  --uui-color-70: var(--uui-success-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-sun,\n.uui-theme-electric .uui-color-warning {\n  --uui-color-5: var(--sun-5);\n  --uui-color-10: var(--sun-10);\n  --uui-color-20: var(--sun-20);\n  --uui-color-50: var(--sun-50);\n  --uui-color-60: var(--sun-60);\n  --uui-color-70: var(--sun-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-yellow {\n  --uui-color-5: var(--yellow-5);\n  --uui-color-10: var(--yellow-10);\n  --uui-color-20: var(--yellow-20);\n  --uui-color-50: var(--yellow-50);\n  --uui-color-60: var(--yellow-60);\n  --uui-color-70: var(--yellow-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-orange {\n  --uui-color-5: var(--orange-5);\n  --uui-color-10: var(--orange-10);\n  --uui-color-20: var(--orange-20);\n  --uui-color-50: var(--orange-50);\n  --uui-color-60: var(--orange-60);\n  --uui-color-70: var(--orange-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-fuchsia {\n  --uui-color-5: var(--fuchsia-5);\n  --uui-color-10: var(--fuchsia-10);\n  --uui-color-20: var(--fuchsia-20);\n  --uui-color-50: var(--fuchsia-50);\n  --uui-color-60: var(--fuchsia-60);\n  --uui-color-70: var(--fuchsia-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-purple {\n  --uui-color-5: var(--purple-5);\n  --uui-color-10: var(--purple-10);\n  --uui-color-20: var(--purple-20);\n  --uui-color-50: var(--purple-50);\n  --uui-color-60: var(--purple-60);\n  --uui-color-70: var(--purple-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-violet {\n  --uui-color-5: var(--violet-5);\n  --uui-color-10: var(--violet-10);\n  --uui-color-20: var(--violet-20);\n  --uui-color-50: var(--violet-50);\n  --uui-color-60: var(--violet-60);\n  --uui-color-70: var(--violet-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-cobalt {\n  --uui-color-5: var(--cobalt-5);\n  --uui-color-10: var(--cobalt-10);\n  --uui-color-20: var(--cobalt-20);\n  --uui-color-50: var(--cobalt-50);\n  --uui-color-60: var(--cobalt-60);\n  --uui-color-70: var(--cobalt-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-cyan {\n  --uui-color-5: var(--cyan-5);\n  --uui-color-10: var(--cyan-10);\n  --uui-color-20: var(--cyan-20);\n  --uui-color-50: var(--cyan-50);\n  --uui-color-60: var(--cyan-60);\n  --uui-color-70: var(--cyan-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-mint {\n  --uui-color-5: var(--mint-5);\n  --uui-color-10: var(--mint-10);\n  --uui-color-20: var(--mint-20);\n  --uui-color-50: var(--mint-50);\n  --uui-color-60: var(--mint-60);\n  --uui-color-70: var(--mint-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-accordion-container {\n  --uui-accordion-border-radius: 6px;\n}\n.uui-theme-electric .uui-file_card {\n  --uui-file_card-border-radius: 6px;\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline {\n  --uui-badge-bg-hover: var(--uui-neutral-10);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid {\n  --uui-badge-bg: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-40);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-40);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-20);\n  --uui-badge-border: var(--uui-neutral-40);\n  --uui-badge-bg-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-solid {\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline {\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline {\n  --uui-badge-border: var(--uui-neutral-60);\n  --uui-badge-border-hover: var(--uui-neutral-60);\n  --uui-badge-caption: var(--uui-neutral-80);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline {\n  --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-electric .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n  --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-icon_button.uui-color-neutral {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-link_button.uui-color-contrast {\n  --uui-link_btn-text: var(--uui-neutral-5);\n  --uui-link_btn-text-hover: var(--uui-neutral-10);\n  --uui-link_btn-text-active: var(--uui-neutral-20);\n}\n.uui-theme-electric .uui-count_indicator.uui-color-neutral {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n  background-color: color-mix(in srgb, var(--white) 20%, transparent);\n  border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-electric .uui-main_menu {\n  --uui-main_menu-bg: var(--uui-neutral-95);\n  --uui-main_menu-hover: var(--uui-neutral-90);\n  --uui-main_menu-border-active-gradient: var(--gradient-1);\n}\n.uui-theme-electric .uui-main_menu-dropdown {\n  --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-burger {\n  --uui-burger_menu-bg: var(--uui-neutral-95);\n  --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n  --uui-burger_menu-item: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-fill-outline {\n  --uui-tag-fill: var(--uui-neutral-95);\n  --uui-tag-caption: var(--uui-text-primary);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid {\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline {\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid {\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-5);\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n}\n.uui-theme-electric .uui-tag.uui-color-night700.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-50);\n  --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-electric .uui-tag.uui-color-warning, .uui-theme-electric .uui-tag.uui-color-sun {\n  --uui-tag-fill: var(--uui-neutral-100);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n  --uui-count_indicator-caption: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline {\n  --uui-tag-caption: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid {\n  --uui-tag-bg: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-40);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline {\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-typography h1, .uui-theme-electric .uui-typography h3, .uui-theme-electric .uui-typography h4, .uui-theme-electric .uui-typography h5 {\n  font-weight: 600;\n}\n.uui-theme-electric .uui-typography .promo-header:is(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--font-museo-sans);\n}\n.uui-theme-electric .uui-typography h1.promo-header {\n  font-size: 72px;\n  font-weight: 400;\n}\n.uui-theme-electric .uui-typography h2.promo-header {\n  font-size: 44px;\n  font-weight: 600;\n}\n.uui-theme-electric .uui-typography h3.promo-header {\n  font-size: 36px;\n}\n.uui-theme-electric .uui-typography h4.promo-header {\n  font-size: 30px;\n}\n.uui-theme-electric .uui-typography h5.promo-header {\n  font-size: 24px;\n}\n.uui-theme-electric .uui-typography h6.promo-header {\n  font-size: 18px;\n}","@use './tokens/_theme_electric.scss' as tokens;\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@import '../scss/electric/font-faces';\n\n@mixin theme-electric {\n    @include tokens.theme-tokens;\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    // theme specific fonts\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n\n    --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n    --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n    --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n    --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n    --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n\n    /* core variables start */\n\n    /* brand colors */\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--uui-neutral-80);\n\n    --uui-error-contrast: var(--white);\n\n    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link-visited-hover: #601278;\n\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--uui-neutral-30);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* override variables */\n\n    /* begin color classes */\n\n    .uui-color-primary,\n    .uui-color-info {\n        --uui-color-5: var(--uui-primary-5);\n        --uui-color-10: var(--uui-primary-10);\n        --uui-color-20: var(--uui-primary-20);\n        --uui-color-50: var(--uui-primary-50);\n        --uui-color-60: var(--uui-primary-60);\n        --uui-color-70: var(--uui-primary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-accent {\n        --uui-color-5: var(--uui-accent-5);\n        --uui-color-10: var(--uui-accent-10);\n        --uui-color-20: var(--uui-accent-20);\n        --uui-color-50: var(--uui-accent-50);\n        --uui-color-60: var(--uui-accent-60);\n        --uui-color-70: var(--uui-accent-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\n        --uui-color-5: var(--uui-critical-5);\n        --uui-color-10: var(--uui-critical-10);\n        --uui-color-20: var(--uui-critical-20);\n        --uui-color-50: var(--uui-critical-50);\n        --uui-color-60: var(--uui-critical-60);\n        --uui-color-70: var(--uui-critical-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--night800);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--night200);\n        --uui-color-70: var(--night300);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--night400);\n        --uui-color-70: var(--night500);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-neutral,\n    .uui-color-secondary,\n    .uui-color-night600 {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--night800);\n        --uui-color-70: var(--night900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-success {\n        --uui-color-5: var(--uui-success-5);\n        --uui-color-10: var(--uui-success-10);\n        --uui-color-20: var(--uui-success-20);\n        --uui-color-50: var(--uui-success-50);\n        --uui-color-60: var(--uui-success-60);\n        --uui-color-70: var(--uui-success-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sun,\n    .uui-color-warning {\n        --uui-color-5: var(--sun-5);\n        --uui-color-10: var(--sun-10);\n        --uui-color-20: var(--sun-20);\n        --uui-color-50: var(--sun-50);\n        --uui-color-60: var(--sun-60);\n        --uui-color-70: var(--sun-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-outline {\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-neutral {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-color-contrast: var(--uui-neutral-80);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-40);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night100 {\n        &.uui-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-10);\n        --uui-link_btn-text-active: var(--uui-neutral-20);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-neutral {\n        --uui-count_indicator-bg: var(--uui-neutral-30);\n        --uui-count_indicator-border: var(--uui-neutral-30);\n    }\n\n    .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-bg: var(--uui-neutral-95);\n        --uui-main_menu-hover: var(--uui-neutral-90);\n        --uui-main_menu-border-active-gradient: var(--gradient-1);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n    }\n\n    /* BurgerMenu */\n\n    .uui-burger {\n        --uui-burger_menu-bg: var(--uui-neutral-95);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n        --uui-burger_menu-item: var(--uui-neutral-95);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-fill-outline {\n            --uui-tag-fill: var(--uui-neutral-95);\n            --uui-tag-caption: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-5);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                .uui-count_indicator {\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-border-hover: var(--uui-neutral-50);\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            --uui-tag-fill: var(--uui-neutral-100);\n\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-80);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n                    --uui-count_indicator-caption: var(--uui-neutral-80);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-caption: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-neutral {\n            &.uui-fill-solid {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h3, h4, h5 {\n            font-weight: 600;\n        }\n\n        .promo-header:is(h1, h2, h3, h4, h5, h6) {\n            font-family: var(--font-museo-sans);\n        }\n\n        h1.promo-header {\n            font-size: 72px;\n            font-weight: 400;\n        }\n\n        h2.promo-header {\n            font-size: 44px;\n            font-weight: 600;\n        }\n\n        h3.promo-header {\n            font-size: 36px;\n        }\n\n        h4.promo-header {\n            font-size: 30px;\n        }\n\n        h5.promo-header {\n            font-size: 24px;\n        }\n\n        h6.promo-header {\n            font-size: 18px;\n        }\n    }\n}\n\n.uui-theme-electric {\n    @include theme-electric();\n}\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-tokens {\n\n    /***************/\n    /*** Palette ***/\n    /***************/\n\n    // \"\"\n    --black: #000000;\n    --white: #FFFFFF;\n\n    // \"palette-additional/cobalt\"\n    --cobalt-5: #F8FAFF;\n    --cobalt-10: #D9E2FC;\n    --cobalt-20: #AEC0F5;\n    --cobalt-50: #0F98FF;\n    --cobalt-60: #006FE5;\n    --cobalt-70: #0954A5;\n\n    // \"palette-additional/cyan\"\n    --cyan-5: #F6FEFE;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #12B5B5;\n    --cyan-70: #0B6F6F;\n\n    // \"palette/electric\"\n    --electric-5: #F3F8FE;\n    --electric-10: #CEE1FC;\n    --electric-20: #85B4F8;\n    --electric-50: #0A68F1;\n    --electric-60: #095ED9;\n    --electric-70: #0853C1;\n\n    // \"palette/emerald\"\n    --emerald-5: #F3FBF7;\n    --emerald-10: #CDEEDD;\n    --emerald-20: #97D9B7;\n    --emerald-50: #07A956;\n    --emerald-60: #06984D;\n    --emerald-70: #068745;\n\n    // \"palette/fire\"\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FBB6B6;\n    --fire-50: #FF4242;\n    --fire-60: #E22A2A;\n    --fire-70: #AD0000;\n\n    // \"palette-additional/fuchsia\"\n    --fuchsia-5: #FFF7FB;\n    --fuchsia-10: #F9D8E7;\n    --fuchsia-20: #EDADC8;\n    --fuchsia-50: #EA4386;\n    --fuchsia-60: #D61E68;\n    --fuchsia-70: #AE1955;\n\n    // \"palette-additional/mint\"\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #31AA70;\n    --mint-70: #236E4A;\n\n    // \"palette/night\"\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n    --night950: #111111;\n\n    // \"palette-additional/orange\"\n    --orange-5: #FEF8F4;\n    --orange-10: #FFE8D7;\n    --orange-20: #FFCCA7;\n    --orange-50: #FF8B3E;\n    --orange-60: #F76B0D;\n    --orange-70: #BD4B00;\n\n    // \"palette-additional/purple\"\n    --purple-5: #FDF6FE;\n    --purple-10: #F2CCFA;\n    --purple-20: #E79DF5;\n    --purple-50: #B114D1;\n    --purple-60: #860F9E;\n    --purple-70: #5E0B6F;\n\n    // \"palette/sun\"\n    --sun-5: #FFFCF5;\n    --sun-10: #FFEDC9;\n    --sun-20: #FFD785;\n    --sun-50: #FCAA00;\n    --sun-60: #FF9000;\n    --sun-70: #BD5800;\n\n    // \"palette-additional/violet\"\n    --violet-5: #F8F6FE;\n    --violet-10: #DBCCFA;\n    --violet-20: #BB9DF5;\n    --violet-50: #773CEC;\n    --violet-60: #5514D6;\n    --violet-70: #40109E;\n\n    // \"palette-additional/yellow\"\n    --yellow-5: #FFFFF5;\n    --yellow-10: #FFFFE5;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #EDBE02;\n    --yellow-70: #BC7E02;\n\n    /*********************/\n    /*** Core Semantic ***/\n    /*********************/\n\n    // \"core/semantic/accent-\"\n    --uui-accent-5: var(--electric-5);\n    --uui-accent-10: var(--electric-10);\n    --uui-accent-20: var(--electric-20);\n    --uui-accent-50: var(--electric-50);\n    --uui-accent-60: var(--electric-60);\n    --uui-accent-70: var(--electric-70);\n\n    // \"core/semantic/critical-\"\n    --uui-critical-5: var(--fire-5);\n    --uui-critical-10: var(--fire-10);\n    --uui-critical-20: var(--fire-20);\n    --uui-critical-50: var(--fire-50);\n    --uui-critical-60: var(--fire-60);\n    --uui-critical-70: var(--fire-70);\n\n    // \"core/semantic/error-\"\n    --uui-error-5: var(--fire-5);\n    --uui-error-10: var(--fire-10);\n    --uui-error-20: var(--fire-20);\n    --uui-error-50: var(--fire-50);\n    --uui-error-60: var(--fire-60);\n    --uui-error-70: var(--fire-70);\n\n    // \"core/semantic/info-\"\n    --uui-info-5: var(--electric-5);\n    --uui-info-10: var(--electric-10);\n    --uui-info-20: var(--electric-20);\n    --uui-info-50: var(--electric-50);\n    --uui-info-60: var(--electric-60);\n    --uui-info-70: var(--electric-70);\n\n    // \"core/semantic/primary-\"\n    --uui-primary-5: var(--electric-5);\n    --uui-primary-10: var(--electric-10);\n    --uui-primary-20: var(--electric-20);\n    --uui-primary-50: var(--electric-50);\n    --uui-primary-60: var(--electric-60);\n    --uui-primary-70: var(--electric-70);\n\n    // \"core/semantic/secondary-\"\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night600);\n    --uui-secondary-60: var(--night700);\n    --uui-secondary-70: var(--night800);\n\n    // \"core/semantic/success-\"\n    --uui-success-5: var(--emerald-5);\n    --uui-success-10: var(--emerald-10);\n    --uui-success-20: var(--emerald-20);\n    --uui-success-50: var(--emerald-50);\n    --uui-success-60: var(--emerald-60);\n    --uui-success-70: var(--emerald-70);\n\n    // \"core/semantic/warning-\"\n    --uui-warning-5: var(--sun-5);\n    --uui-warning-10: var(--sun-10);\n    --uui-warning-20: var(--sun-20);\n    --uui-warning-50: var(--sun-50);\n    --uui-warning-60: var(--sun-60);\n    --uui-warning-70: var(--sun-70);\n\n    /********************/\n    /*** Core Neutral ***/\n    /********************/\n\n    --uui-neutral-0: var(--white);\n    --uui-neutral-5: var(--night50);\n    --uui-neutral-10: var(--night100);\n    --uui-neutral-20: var(--night200);\n    --uui-neutral-30: var(--night300);\n    --uui-neutral-40: var(--night400);\n    --uui-neutral-50: var(--night500);\n    --uui-neutral-60: var(--night600);\n    --uui-neutral-70: var(--night700);\n    --uui-neutral-80: var(--night800);\n    --uui-neutral-90: var(--night900);\n    --uui-neutral-95: var(--night950);\n    --uui-neutral-100: var(--black);\n\n    /************/\n    /*** Core ***/\n    /************/\n\n    // \"core/surfaces\"\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n    --uui-overlay: #1D1E26CC;\n    --uui-surface-higher: var(--uui-neutral-10);\n    --uui-surface-highest: var(--uui-neutral-20);\n    --uui-surface-main: var(--uui-neutral-0);\n    --uui-surface-sunken: var(--uui-neutral-20);\n\n    // \"\"\n    --uui-border-radius: 3;\n\n    // \"core/controls\"\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-border: var(--uui-neutral-40);\n    --uui-control-border-hover: var(--uui-neutral-60);\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-text-disabled);\n    --uui-control-text: var(--uui-neutral-95);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    // \"core/icons\"\n    --uui-icon: var(--uui-neutral-95);\n    --uui-icon-active: var(--uui-neutral-100);\n    --uui-icon-disabled: var(--uui-neutral-50);\n    --uui-icon-hover: var(--uui-neutral-100);\n\n    // \"core/links\"\n    --uui-link: var(--uui-primary-50);\n    --uui-link-hover: var(--uui-primary-60);\n    --uui-link-visited: #8018A0;\n\n    // \"core/other\"\n    --uui-outline-focus: #0A68F17F;\n    --uui-skeleton: var(--night400);\n\n    // \"core/text\"\n    --uui-text-bg-highlight: var(--uui-warning-10);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-disabled: var(--uui-neutral-50);\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-primary: var(--uui-neutral-95);\n    --uui-text-secondary: var(--uui-neutral-70);\n    --uui-text-success: var(--uui-success-70);\n    --uui-text-tertiary: var(--uui-neutral-60);\n    --uui-text-warning: var(--uui-warning-70);\n}"]}
+{"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric.scss","../../../theme/theme_electric.scss","../../../theme/theme_electric.scss%23sass","../../../theme/tokens/_theme_electric.scss"],"names":[],"mappings":"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","file":"theme_electric.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');\n\n@font-face {\n    font-family: 'Redacted';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\n    font-display: block;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\n    font-weight: 200;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\n    font-weight: 200;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\n    font-weight: 300;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\n    font-weight: 300;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\n    font-weight: 400;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\n    font-weight: 400;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\n    font-weight: 600;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\n    font-weight: 600;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\n    font-weight: 700;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\n    font-weight: 700;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\n    font-weight: 900;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'Source Sans Pro';\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\n        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\n    font-weight: 900;\n    font-style: italic;\n}\n\n@font-face {\n    font-family: 'Roboto Mono';\n    font-style: normal;\n    font-weight: normal;\n    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\n}\n","@use './tokens/_theme_electric.scss' as tokens;\n@import '../scss/electric/font-faces';\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-electric {\n    @include tokens.theme-tokens;\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    // theme specific fonts\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n\n    --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n    --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n    --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n    --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n    --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n\n    /* contrast colors */\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--uui-neutral-80);\n\n    --uui-error-contrast: var(--white);\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* override variables */\n\n    /* begin color classes */\n\n    .uui-color-primary,\n    .uui-color-info {\n        --uui-color-5: var(--uui-primary-5);\n        --uui-color-10: var(--uui-primary-10);\n        --uui-color-20: var(--uui-primary-20);\n        --uui-color-50: var(--uui-primary-50);\n        --uui-color-60: var(--uui-primary-60);\n        --uui-color-70: var(--uui-primary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-accent {\n        --uui-color-5: var(--uui-accent-5);\n        --uui-color-10: var(--uui-accent-10);\n        --uui-color-20: var(--uui-accent-20);\n        --uui-color-50: var(--uui-accent-50);\n        --uui-color-60: var(--uui-accent-60);\n        --uui-color-70: var(--uui-accent-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\n        --uui-color-5: var(--uui-critical-5);\n        --uui-color-10: var(--uui-critical-10);\n        --uui-color-20: var(--uui-critical-20);\n        --uui-color-50: var(--uui-critical-50);\n        --uui-color-60: var(--uui-critical-60);\n        --uui-color-70: var(--uui-critical-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--night800);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--night200);\n        --uui-color-70: var(--night300);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--night400);\n        --uui-color-70: var(--night500);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-neutral,\n    .uui-color-secondary,\n    .uui-color-night600 {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--night800);\n        --uui-color-70: var(--night900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-success {\n        --uui-color-5: var(--uui-success-5);\n        --uui-color-10: var(--uui-success-10);\n        --uui-color-20: var(--uui-success-20);\n        --uui-color-50: var(--uui-success-50);\n        --uui-color-60: var(--uui-success-60);\n        --uui-color-70: var(--uui-success-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sun,\n    .uui-color-warning {\n        --uui-color-5: var(--sun-5);\n        --uui-color-10: var(--sun-10);\n        --uui-color-20: var(--sun-20);\n        --uui-color-50: var(--sun-50);\n        --uui-color-60: var(--sun-60);\n        --uui-color-70: var(--sun-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-outline {\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-95);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-neutral {\n        --uui-badge-caption: var(--uui-neutral-95);\n\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-color-contrast: var(--uui-neutral-80);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-40);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night100 {\n        &.uui-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-95);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-95);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-10);\n        --uui-link_btn-text-active: var(--uui-neutral-20);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-neutral {\n        --uui-count_indicator-bg: var(--uui-neutral-30);\n        --uui-count_indicator-border: var(--uui-neutral-30);\n    }\n\n    .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-bg: var(--uui-neutral-95);\n        --uui-main_menu-hover: var(--uui-neutral-90);\n        --uui-main_menu-border-active-gradient: var(--gradient-1);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n    }\n\n    /* BurgerMenu */\n\n    .uui-burger {\n        --uui-burger_menu-bg: var(--uui-neutral-95);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n        --uui-burger_menu-item: var(--uui-neutral-95);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-fill-outline {\n            --uui-tag-fill: var(--uui-neutral-95);\n            --uui-tag-caption: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-5);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                .uui-count_indicator {\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-border-hover: var(--uui-neutral-50);\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            --uui-tag-fill: var(--uui-neutral-100);\n\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-80);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n                    --uui-count_indicator-caption: var(--uui-neutral-80);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-caption: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-neutral {\n            &.uui-fill-solid {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h3, h4, h5 {\n            font-weight: 600;\n        }\n\n        .promo-header:is(h1, h2, h3, h4, h5, h6) {\n            font-family: var(--font-museo-sans);\n        }\n\n        h1.promo-header {\n            font-size: 72px;\n            font-weight: 400;\n        }\n\n        h2.promo-header {\n            font-size: 44px;\n            font-weight: 600;\n        }\n\n        h3.promo-header {\n            font-size: 36px;\n        }\n\n        h4.promo-header {\n            font-size: 30px;\n        }\n\n        h5.promo-header {\n            font-size: 24px;\n        }\n\n        h6.promo-header {\n            font-size: 18px;\n        }\n    }\n}\n\n.uui-theme-electric {\n    @include theme-electric();\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n@font-face {\n  font-family: \"Redacted\";\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot\");\n  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\");\n  font-display: block;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 200;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 200;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 300;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 300;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 400;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 400;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 600;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 600;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 700;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 700;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 900;\n  font-style: normal;\n}\n@font-face {\n  font-family: \"Source Sans Pro\";\n  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\");\n  font-weight: 900;\n  font-style: italic;\n}\n@font-face {\n  font-family: \"Roboto Mono\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf\") format(\"truetype\");\n}\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-electric {\n  /***************/\n  /*** Palette ***/\n  /***************/\n  --black: #000000;\n  --white: #FFFFFF;\n  --cobalt-5: #F8FAFF;\n  --cobalt-10: #D9E2FC;\n  --cobalt-20: #AEC0F5;\n  --cobalt-50: #0F98FF;\n  --cobalt-60: #006FE5;\n  --cobalt-70: #0954A5;\n  --cyan-5: #F6FEFE;\n  --cyan-10: #D1FAFA;\n  --cyan-20: #AAEEEE;\n  --cyan-50: #14CCCC;\n  --cyan-60: #12B5B5;\n  --cyan-70: #0B6F6F;\n  --electric-5: #F3F8FE;\n  --electric-10: #CEE1FC;\n  --electric-20: #85B4F8;\n  --electric-50: #0A68F1;\n  --electric-60: #095ED9;\n  --electric-70: #0853C1;\n  --emerald-5: #F3FBF7;\n  --emerald-10: #CDEEDD;\n  --emerald-20: #97D9B7;\n  --emerald-50: #07A956;\n  --emerald-60: #06984D;\n  --emerald-70: #068745;\n  --fire-5: #FEF6F6;\n  --fire-10: #FDE1E1;\n  --fire-20: #FBB6B6;\n  --fire-50: #FF4242;\n  --fire-60: #E22A2A;\n  --fire-70: #AD0000;\n  --fuchsia-5: #FFF7FB;\n  --fuchsia-10: #F9D8E7;\n  --fuchsia-20: #EDADC8;\n  --fuchsia-50: #EA4386;\n  --fuchsia-60: #D61E68;\n  --fuchsia-70: #AE1955;\n  --mint-5: #F2FCF5;\n  --mint-10: #DDF3E4;\n  --mint-20: #B4DFC4;\n  --mint-50: #4FC48C;\n  --mint-60: #31AA70;\n  --mint-70: #236E4A;\n  --night50: #FAFAFC;\n  --night100: #F5F6FA;\n  --night200: #EBEDF5;\n  --night300: #E1E3EB;\n  --night400: #CED0DB;\n  --night500: #ACAFBF;\n  --night600: #6C6F80;\n  --night700: #474A59;\n  --night800: #303240;\n  --night900: #1D1E26;\n  --night950: #111111;\n  --orange-5: #FEF8F4;\n  --orange-10: #FFE8D7;\n  --orange-20: #FFCCA7;\n  --orange-50: #FF8B3E;\n  --orange-60: #F76B0D;\n  --orange-70: #BD4B00;\n  --purple-5: #FDF6FE;\n  --purple-10: #F2CCFA;\n  --purple-20: #E79DF5;\n  --purple-50: #B114D1;\n  --purple-60: #860F9E;\n  --purple-70: #5E0B6F;\n  --sun-5: #FFFCF5;\n  --sun-10: #FFEDC9;\n  --sun-20: #FFD785;\n  --sun-50: #FCAA00;\n  --sun-60: #FF9000;\n  --sun-70: #BD5800;\n  --violet-5: #F8F6FE;\n  --violet-10: #DBCCFA;\n  --violet-20: #BB9DF5;\n  --violet-50: #773CEC;\n  --violet-60: #5514D6;\n  --violet-70: #40109E;\n  --yellow-5: #FFFFF5;\n  --yellow-10: #FFFFE5;\n  --yellow-20: #FFFCA4;\n  --yellow-50: #FDD63B;\n  --yellow-60: #EDBE02;\n  --yellow-70: #BC7E02;\n  /*********************/\n  /*** Core Semantic ***/\n  /*********************/\n  --uui-accent-5: var(--electric-5);\n  --uui-accent-10: var(--electric-10);\n  --uui-accent-20: var(--electric-20);\n  --uui-accent-50: var(--electric-50);\n  --uui-accent-60: var(--electric-60);\n  --uui-accent-70: var(--electric-70);\n  --uui-critical-5: var(--fire-5);\n  --uui-critical-10: var(--fire-10);\n  --uui-critical-20: var(--fire-20);\n  --uui-critical-50: var(--fire-50);\n  --uui-critical-60: var(--fire-60);\n  --uui-critical-70: var(--fire-70);\n  --uui-error-5: var(--fire-5);\n  --uui-error-10: var(--fire-10);\n  --uui-error-20: var(--fire-20);\n  --uui-error-50: var(--fire-50);\n  --uui-error-60: var(--fire-60);\n  --uui-error-70: var(--fire-70);\n  --uui-info-5: var(--electric-5);\n  --uui-info-10: var(--electric-10);\n  --uui-info-20: var(--electric-20);\n  --uui-info-50: var(--electric-50);\n  --uui-info-60: var(--electric-60);\n  --uui-info-70: var(--electric-70);\n  --uui-primary-5: var(--electric-5);\n  --uui-primary-10: var(--electric-10);\n  --uui-primary-20: var(--electric-20);\n  --uui-primary-50: var(--electric-50);\n  --uui-primary-60: var(--electric-60);\n  --uui-primary-70: var(--electric-70);\n  --uui-secondary-5: var(--night100);\n  --uui-secondary-10: var(--night200);\n  --uui-secondary-20: var(--night300);\n  --uui-secondary-50: var(--night600);\n  --uui-secondary-60: var(--night700);\n  --uui-secondary-70: var(--night800);\n  --uui-success-5: var(--emerald-5);\n  --uui-success-10: var(--emerald-10);\n  --uui-success-20: var(--emerald-20);\n  --uui-success-50: var(--emerald-50);\n  --uui-success-60: var(--emerald-60);\n  --uui-success-70: var(--emerald-70);\n  --uui-warning-5: var(--sun-5);\n  --uui-warning-10: var(--sun-10);\n  --uui-warning-20: var(--sun-20);\n  --uui-warning-50: var(--sun-50);\n  --uui-warning-60: var(--sun-60);\n  --uui-warning-70: var(--sun-70);\n  /********************/\n  /*** Core Neutral ***/\n  /********************/\n  --uui-neutral-0: var(--white);\n  --uui-neutral-5: var(--night50);\n  --uui-neutral-10: var(--night100);\n  --uui-neutral-20: var(--night200);\n  --uui-neutral-30: var(--night300);\n  --uui-neutral-40: var(--night400);\n  --uui-neutral-50: var(--night500);\n  --uui-neutral-60: var(--night600);\n  --uui-neutral-70: var(--night700);\n  --uui-neutral-80: var(--night800);\n  --uui-neutral-90: var(--night900);\n  --uui-neutral-95: var(--night950);\n  --uui-neutral-100: var(--black);\n  /************/\n  /*** Core ***/\n  /************/\n  --uui-app-bg: var(--uui-neutral-10);\n  --uui-divider: var(--uui-neutral-40);\n  --uui-divider-light: var(--uui-neutral-30);\n  --uui-overlay: #1D1E26CC;\n  --uui-surface-higher: var(--uui-neutral-10);\n  --uui-surface-highest: var(--uui-neutral-20);\n  --uui-surface-main: var(--uui-neutral-0);\n  --uui-surface-sunken: var(--uui-neutral-20);\n  --uui-border-radius: 3;\n  --uui-control-bg: var(--uui-surface-main);\n  --uui-control-bg-disabled: var(--uui-neutral-5);\n  --uui-control-bg-hover: var(--uui-neutral-60);\n  --uui-control-border: var(--uui-neutral-40);\n  --uui-control-border-disabled: var(--uui-neutral-30);\n  --uui-control-border-focus: var(--uui-primary-50);\n  --uui-control-border-hover: var(--uui-neutral-60);\n  --uui-control-icon: var(--uui-neutral-50);\n  --uui-control-icon-disabled: var(--uui-neutral-50);\n  --uui-control-placeholder: var(--uui-neutral-50);\n  --uui-control-placeholder-disabled: var(--uui-text-disabled);\n  --uui-control-text: var(--uui-neutral-95);\n  --uui-control-text-disabled: var(--uui-text-tertiary);\n  --uui-icon: var(--uui-neutral-95);\n  --uui-icon-active: var(--uui-neutral-100);\n  --uui-icon-disabled: var(--uui-neutral-50);\n  --uui-icon-hover: var(--uui-neutral-100);\n  --uui-link: var(--uui-primary-50);\n  --uui-link-hover: var(--uui-primary-60);\n  --uui-link-visited: var(--purple-60);\n  --uui-link-visited-hover: var(--purple-70);\n  --uui-outline-focus: #0A68F17F;\n  --uui-skeleton: var(--uui-neutral-40);\n  --uui-text-bg-highlight: var(--uui-warning-10);\n  --uui-text-critical: var(--uui-critical-70);\n  --uui-text-disabled: var(--uui-neutral-50);\n  --uui-text-info: var(--uui-info-70);\n  --uui-text-primary: var(--uui-neutral-95);\n  --uui-text-secondary: var(--uui-neutral-70);\n  --uui-text-success: var(--uui-success-70);\n  --uui-text-tertiary: var(--uui-neutral-60);\n  --uui-text-warning: var(--uui-warning-70);\n  --uui-font: \"Source Sans Pro\", sans-serif;\n  --uui-font-mono: \"Roboto Mono\", monospace;\n  --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n  --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n  --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n  --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n  --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n  --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n  /* contrast colors */\n  --uui-primary-contrast: var(--white);\n  --uui-accent-contrast: var(--white);\n  --uui-secondary-contrast: var(--white);\n  --uui-critical-contrast: var(--white);\n  --uui-info-contrast: var(--white);\n  --uui-success-contrast: var(--white);\n  --uui-warning-contrast: var(--uui-neutral-80);\n  --uui-error-contrast: var(--white);\n  /* shadows */\n  --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n  --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n  --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n  --uui-border-radius: 3px;\n  /* core variables end */\n  /* ------------------------------------ */\n  /* override variables */\n  /* begin color classes */\n  /* Accordion */\n  /* FileCard */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* LinkButton */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* MainMenu */\n  /* BurgerMenu */\n  /* Tag */\n  /* Typography */\n}\n.uui-theme-electric .uui-color-primary,\n.uui-theme-electric .uui-color-info {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-accent {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-fire,\n.uui-theme-electric .uui-color-critical,\n.uui-theme-electric .uui-color-error {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-white {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--night100);\n  --uui-color-70: var(--night200);\n  --uui-color-contrast: var(--night800);\n}\n.uui-theme-electric .uui-color-night100 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--night50);\n  --uui-color-50: var(--night100);\n  --uui-color-60: var(--night200);\n  --uui-color-70: var(--night300);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-night300 {\n  --uui-color-5: var(--night50);\n  --uui-color-10: var(--night100);\n  --uui-color-20: var(--night200);\n  --uui-color-50: var(--night300);\n  --uui-color-60: var(--night400);\n  --uui-color-70: var(--night500);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-neutral,\n.uui-theme-electric .uui-color-secondary,\n.uui-theme-electric .uui-color-night600 {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-night700 {\n  --uui-color-5: var(--night400);\n  --uui-color-10: var(--night500);\n  --uui-color-20: var(--night600);\n  --uui-color-50: var(--night700);\n  --uui-color-60: var(--night800);\n  --uui-color-70: var(--night900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-success {\n  --uui-color-5: var(--uui-success-5);\n  --uui-color-10: var(--uui-success-10);\n  --uui-color-20: var(--uui-success-20);\n  --uui-color-50: var(--uui-success-50);\n  --uui-color-60: var(--uui-success-60);\n  --uui-color-70: var(--uui-success-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-sun,\n.uui-theme-electric .uui-color-warning {\n  --uui-color-5: var(--sun-5);\n  --uui-color-10: var(--sun-10);\n  --uui-color-20: var(--sun-20);\n  --uui-color-50: var(--sun-50);\n  --uui-color-60: var(--sun-60);\n  --uui-color-70: var(--sun-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-yellow {\n  --uui-color-5: var(--yellow-5);\n  --uui-color-10: var(--yellow-10);\n  --uui-color-20: var(--yellow-20);\n  --uui-color-50: var(--yellow-50);\n  --uui-color-60: var(--yellow-60);\n  --uui-color-70: var(--yellow-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-orange {\n  --uui-color-5: var(--orange-5);\n  --uui-color-10: var(--orange-10);\n  --uui-color-20: var(--orange-20);\n  --uui-color-50: var(--orange-50);\n  --uui-color-60: var(--orange-60);\n  --uui-color-70: var(--orange-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-fuchsia {\n  --uui-color-5: var(--fuchsia-5);\n  --uui-color-10: var(--fuchsia-10);\n  --uui-color-20: var(--fuchsia-20);\n  --uui-color-50: var(--fuchsia-50);\n  --uui-color-60: var(--fuchsia-60);\n  --uui-color-70: var(--fuchsia-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-purple {\n  --uui-color-5: var(--purple-5);\n  --uui-color-10: var(--purple-10);\n  --uui-color-20: var(--purple-20);\n  --uui-color-50: var(--purple-50);\n  --uui-color-60: var(--purple-60);\n  --uui-color-70: var(--purple-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-violet {\n  --uui-color-5: var(--violet-5);\n  --uui-color-10: var(--violet-10);\n  --uui-color-20: var(--violet-20);\n  --uui-color-50: var(--violet-50);\n  --uui-color-60: var(--violet-60);\n  --uui-color-70: var(--violet-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-cobalt {\n  --uui-color-5: var(--cobalt-5);\n  --uui-color-10: var(--cobalt-10);\n  --uui-color-20: var(--cobalt-20);\n  --uui-color-50: var(--cobalt-50);\n  --uui-color-60: var(--cobalt-60);\n  --uui-color-70: var(--cobalt-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-color-cyan {\n  --uui-color-5: var(--cyan-5);\n  --uui-color-10: var(--cyan-10);\n  --uui-color-20: var(--cyan-20);\n  --uui-color-50: var(--cyan-50);\n  --uui-color-60: var(--cyan-60);\n  --uui-color-70: var(--cyan-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-mint {\n  --uui-color-5: var(--mint-5);\n  --uui-color-10: var(--mint-10);\n  --uui-color-20: var(--mint-20);\n  --uui-color-50: var(--mint-50);\n  --uui-color-60: var(--mint-60);\n  --uui-color-70: var(--mint-70);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-accordion-container {\n  --uui-accordion-border-radius: 6px;\n}\n.uui-theme-electric .uui-file_card {\n  --uui-file_card-border-radius: 6px;\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline {\n  --uui-badge-bg-hover: var(--uui-neutral-10);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-95);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral {\n  --uui-badge-caption: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid {\n  --uui-badge-bg: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-40);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-40);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-20);\n  --uui-badge-border: var(--uui-neutral-40);\n  --uui-badge-bg-hover: var(--uui-neutral-30);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-solid {\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-10);\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-95);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline {\n  --uui-badge-border: var(--uui-neutral-60);\n  --uui-badge-border-hover: var(--uui-neutral-60);\n  --uui-badge-caption: var(--uui-neutral-95);\n  --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline {\n  --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-electric .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n  --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-icon_button.uui-color-neutral {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .uui-link_button.uui-color-contrast {\n  --uui-link_btn-text: var(--uui-neutral-5);\n  --uui-link_btn-text-hover: var(--uui-neutral-10);\n  --uui-link_btn-text-active: var(--uui-neutral-20);\n}\n.uui-theme-electric .uui-count_indicator.uui-color-neutral {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n  background-color: color-mix(in srgb, var(--white) 20%, transparent);\n  border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-electric .uui-main_menu {\n  --uui-main_menu-bg: var(--uui-neutral-95);\n  --uui-main_menu-hover: var(--uui-neutral-90);\n  --uui-main_menu-border-active-gradient: var(--gradient-1);\n}\n.uui-theme-electric .uui-main_menu-dropdown {\n  --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-burger {\n  --uui-burger_menu-bg: var(--uui-neutral-95);\n  --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n  --uui-burger_menu-item: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-fill-outline {\n  --uui-tag-fill: var(--uui-neutral-95);\n  --uui-tag-caption: var(--uui-text-primary);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid {\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline {\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid {\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-5);\n  --uui-tag-bg-hover: var(--uui-neutral-10);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n}\n.uui-theme-electric .uui-tag.uui-color-night700.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-50);\n  --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-electric .uui-tag.uui-color-warning, .uui-theme-electric .uui-tag.uui-color-sun {\n  --uui-tag-fill: var(--uui-neutral-100);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n  --uui-count_indicator-caption: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline {\n  --uui-tag-caption: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid {\n  --uui-tag-bg: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-40);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline {\n  --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-typography h1, .uui-theme-electric .uui-typography h3, .uui-theme-electric .uui-typography h4, .uui-theme-electric .uui-typography h5 {\n  font-weight: 600;\n}\n.uui-theme-electric .uui-typography .promo-header:is(h1, h2, h3, h4, h5, h6) {\n  font-family: var(--font-museo-sans);\n}\n.uui-theme-electric .uui-typography h1.promo-header {\n  font-size: 72px;\n  font-weight: 400;\n}\n.uui-theme-electric .uui-typography h2.promo-header {\n  font-size: 44px;\n  font-weight: 600;\n}\n.uui-theme-electric .uui-typography h3.promo-header {\n  font-size: 36px;\n}\n.uui-theme-electric .uui-typography h4.promo-header {\n  font-size: 30px;\n}\n.uui-theme-electric .uui-typography h5.promo-header {\n  font-size: 24px;\n}\n.uui-theme-electric .uui-typography h6.promo-header {\n  font-size: 18px;\n}","@use './tokens/_theme_electric.scss' as tokens;\n@import '../scss/electric/font-faces';\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-electric {\n    @include tokens.theme-tokens;\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    // theme specific fonts\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n\n    --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n    --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n    --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n    --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n    --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n\n    /* contrast colors */\n    --uui-primary-contrast: var(--white);\n\n    --uui-accent-contrast: var(--white);\n\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-contrast: var(--white);\n\n    --uui-info-contrast: var(--white);\n\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-contrast: var(--uui-neutral-80);\n\n    --uui-error-contrast: var(--white);\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* override variables */\n\n    /* begin color classes */\n\n    .uui-color-primary,\n    .uui-color-info {\n        --uui-color-5: var(--uui-primary-5);\n        --uui-color-10: var(--uui-primary-10);\n        --uui-color-20: var(--uui-primary-20);\n        --uui-color-50: var(--uui-primary-50);\n        --uui-color-60: var(--uui-primary-60);\n        --uui-color-70: var(--uui-primary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-accent {\n        --uui-color-5: var(--uui-accent-5);\n        --uui-color-10: var(--uui-accent-10);\n        --uui-color-20: var(--uui-accent-20);\n        --uui-color-50: var(--uui-accent-50);\n        --uui-color-60: var(--uui-accent-60);\n        --uui-color-70: var(--uui-accent-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\n        --uui-color-5: var(--uui-critical-5);\n        --uui-color-10: var(--uui-critical-10);\n        --uui-color-20: var(--uui-critical-20);\n        --uui-color-50: var(--uui-critical-50);\n        --uui-color-60: var(--uui-critical-60);\n        --uui-color-70: var(--uui-critical-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--night800);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--night200);\n        --uui-color-70: var(--night300);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--night400);\n        --uui-color-70: var(--night500);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-neutral,\n    .uui-color-secondary,\n    .uui-color-night600 {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--night800);\n        --uui-color-70: var(--night900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-success {\n        --uui-color-5: var(--uui-success-5);\n        --uui-color-10: var(--uui-success-10);\n        --uui-color-20: var(--uui-success-20);\n        --uui-color-50: var(--uui-success-50);\n        --uui-color-60: var(--uui-success-60);\n        --uui-color-70: var(--uui-success-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sun,\n    .uui-color-warning {\n        --uui-color-5: var(--sun-5);\n        --uui-color-10: var(--sun-10);\n        --uui-color-20: var(--sun-20);\n        --uui-color-50: var(--sun-50);\n        --uui-color-60: var(--sun-60);\n        --uui-color-70: var(--sun-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-outline {\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-95);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-neutral {\n        --uui-badge-caption: var(--uui-neutral-95);\n\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-color-contrast: var(--uui-neutral-80);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-40);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night100 {\n        &.uui-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-95);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-95);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-10);\n        --uui-link_btn-text-active: var(--uui-neutral-20);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-neutral {\n        --uui-count_indicator-bg: var(--uui-neutral-30);\n        --uui-count_indicator-border: var(--uui-neutral-30);\n    }\n\n    .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-bg: var(--uui-neutral-95);\n        --uui-main_menu-hover: var(--uui-neutral-90);\n        --uui-main_menu-border-active-gradient: var(--gradient-1);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n    }\n\n    /* BurgerMenu */\n\n    .uui-burger {\n        --uui-burger_menu-bg: var(--uui-neutral-95);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n        --uui-burger_menu-item: var(--uui-neutral-95);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-fill-outline {\n            --uui-tag-fill: var(--uui-neutral-95);\n            --uui-tag-caption: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-5);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                .uui-count_indicator {\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-border-hover: var(--uui-neutral-50);\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            --uui-tag-fill: var(--uui-neutral-100);\n\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-80);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n                    --uui-count_indicator-caption: var(--uui-neutral-80);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-caption: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-neutral {\n            &.uui-fill-solid {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-fill: var(--uui-neutral-95);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h3, h4, h5 {\n            font-weight: 600;\n        }\n\n        .promo-header:is(h1, h2, h3, h4, h5, h6) {\n            font-family: var(--font-museo-sans);\n        }\n\n        h1.promo-header {\n            font-size: 72px;\n            font-weight: 400;\n        }\n\n        h2.promo-header {\n            font-size: 44px;\n            font-weight: 600;\n        }\n\n        h3.promo-header {\n            font-size: 36px;\n        }\n\n        h4.promo-header {\n            font-size: 30px;\n        }\n\n        h5.promo-header {\n            font-size: 24px;\n        }\n\n        h6.promo-header {\n            font-size: 18px;\n        }\n    }\n}\n\n.uui-theme-electric {\n    @include theme-electric();\n}\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-tokens {\n\n    /***************/\n    /*** Palette ***/\n    /***************/\n\n    // \"\"\n    --black: #000000;\n    --white: #FFFFFF;\n\n    // \"palette-additional/cobalt\"\n    --cobalt-5: #F8FAFF;\n    --cobalt-10: #D9E2FC;\n    --cobalt-20: #AEC0F5;\n    --cobalt-50: #0F98FF;\n    --cobalt-60: #006FE5;\n    --cobalt-70: #0954A5;\n\n    // \"palette-additional/cyan\"\n    --cyan-5: #F6FEFE;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #12B5B5;\n    --cyan-70: #0B6F6F;\n\n    // \"palette/electric\"\n    --electric-5: #F3F8FE;\n    --electric-10: #CEE1FC;\n    --electric-20: #85B4F8;\n    --electric-50: #0A68F1;\n    --electric-60: #095ED9;\n    --electric-70: #0853C1;\n\n    // \"palette/emerald\"\n    --emerald-5: #F3FBF7;\n    --emerald-10: #CDEEDD;\n    --emerald-20: #97D9B7;\n    --emerald-50: #07A956;\n    --emerald-60: #06984D;\n    --emerald-70: #068745;\n\n    // \"palette/fire\"\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FBB6B6;\n    --fire-50: #FF4242;\n    --fire-60: #E22A2A;\n    --fire-70: #AD0000;\n\n    // \"palette-additional/fuchsia\"\n    --fuchsia-5: #FFF7FB;\n    --fuchsia-10: #F9D8E7;\n    --fuchsia-20: #EDADC8;\n    --fuchsia-50: #EA4386;\n    --fuchsia-60: #D61E68;\n    --fuchsia-70: #AE1955;\n\n    // \"palette-additional/mint\"\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #31AA70;\n    --mint-70: #236E4A;\n\n    // \"palette/night\"\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n    --night950: #111111;\n\n    // \"palette-additional/orange\"\n    --orange-5: #FEF8F4;\n    --orange-10: #FFE8D7;\n    --orange-20: #FFCCA7;\n    --orange-50: #FF8B3E;\n    --orange-60: #F76B0D;\n    --orange-70: #BD4B00;\n\n    // \"palette-additional/purple\"\n    --purple-5: #FDF6FE;\n    --purple-10: #F2CCFA;\n    --purple-20: #E79DF5;\n    --purple-50: #B114D1;\n    --purple-60: #860F9E;\n    --purple-70: #5E0B6F;\n\n    // \"palette/sun\"\n    --sun-5: #FFFCF5;\n    --sun-10: #FFEDC9;\n    --sun-20: #FFD785;\n    --sun-50: #FCAA00;\n    --sun-60: #FF9000;\n    --sun-70: #BD5800;\n\n    // \"palette-additional/violet\"\n    --violet-5: #F8F6FE;\n    --violet-10: #DBCCFA;\n    --violet-20: #BB9DF5;\n    --violet-50: #773CEC;\n    --violet-60: #5514D6;\n    --violet-70: #40109E;\n\n    // \"palette-additional/yellow\"\n    --yellow-5: #FFFFF5;\n    --yellow-10: #FFFFE5;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #EDBE02;\n    --yellow-70: #BC7E02;\n\n    /*********************/\n    /*** Core Semantic ***/\n    /*********************/\n\n    // \"core/semantic/accent-\"\n    --uui-accent-5: var(--electric-5);\n    --uui-accent-10: var(--electric-10);\n    --uui-accent-20: var(--electric-20);\n    --uui-accent-50: var(--electric-50);\n    --uui-accent-60: var(--electric-60);\n    --uui-accent-70: var(--electric-70);\n\n    // \"core/semantic/critical-\"\n    --uui-critical-5: var(--fire-5);\n    --uui-critical-10: var(--fire-10);\n    --uui-critical-20: var(--fire-20);\n    --uui-critical-50: var(--fire-50);\n    --uui-critical-60: var(--fire-60);\n    --uui-critical-70: var(--fire-70);\n\n    // \"core/semantic/error-\"\n    --uui-error-5: var(--fire-5);\n    --uui-error-10: var(--fire-10);\n    --uui-error-20: var(--fire-20);\n    --uui-error-50: var(--fire-50);\n    --uui-error-60: var(--fire-60);\n    --uui-error-70: var(--fire-70);\n\n    // \"core/semantic/info-\"\n    --uui-info-5: var(--electric-5);\n    --uui-info-10: var(--electric-10);\n    --uui-info-20: var(--electric-20);\n    --uui-info-50: var(--electric-50);\n    --uui-info-60: var(--electric-60);\n    --uui-info-70: var(--electric-70);\n\n    // \"core/semantic/primary-\"\n    --uui-primary-5: var(--electric-5);\n    --uui-primary-10: var(--electric-10);\n    --uui-primary-20: var(--electric-20);\n    --uui-primary-50: var(--electric-50);\n    --uui-primary-60: var(--electric-60);\n    --uui-primary-70: var(--electric-70);\n\n    // \"core/semantic/secondary-\"\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night600);\n    --uui-secondary-60: var(--night700);\n    --uui-secondary-70: var(--night800);\n\n    // \"core/semantic/success-\"\n    --uui-success-5: var(--emerald-5);\n    --uui-success-10: var(--emerald-10);\n    --uui-success-20: var(--emerald-20);\n    --uui-success-50: var(--emerald-50);\n    --uui-success-60: var(--emerald-60);\n    --uui-success-70: var(--emerald-70);\n\n    // \"core/semantic/warning-\"\n    --uui-warning-5: var(--sun-5);\n    --uui-warning-10: var(--sun-10);\n    --uui-warning-20: var(--sun-20);\n    --uui-warning-50: var(--sun-50);\n    --uui-warning-60: var(--sun-60);\n    --uui-warning-70: var(--sun-70);\n\n    /********************/\n    /*** Core Neutral ***/\n    /********************/\n\n    --uui-neutral-0: var(--white);\n    --uui-neutral-5: var(--night50);\n    --uui-neutral-10: var(--night100);\n    --uui-neutral-20: var(--night200);\n    --uui-neutral-30: var(--night300);\n    --uui-neutral-40: var(--night400);\n    --uui-neutral-50: var(--night500);\n    --uui-neutral-60: var(--night600);\n    --uui-neutral-70: var(--night700);\n    --uui-neutral-80: var(--night800);\n    --uui-neutral-90: var(--night900);\n    --uui-neutral-95: var(--night950);\n    --uui-neutral-100: var(--black);\n\n    /************/\n    /*** Core ***/\n    /************/\n\n    // \"core/surfaces\"\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n    --uui-overlay: #1D1E26CC;\n    --uui-surface-higher: var(--uui-neutral-10);\n    --uui-surface-highest: var(--uui-neutral-20);\n    --uui-surface-main: var(--uui-neutral-0);\n    --uui-surface-sunken: var(--uui-neutral-20);\n\n    // \"\"\n    --uui-border-radius: 3;\n\n    // \"core/controls\"\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-border: var(--uui-neutral-40);\n    --uui-control-border-disabled: var(--uui-neutral-30);\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-hover: var(--uui-neutral-60);\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-text-disabled);\n    --uui-control-text: var(--uui-neutral-95);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    // \"core/icons\"\n    --uui-icon: var(--uui-neutral-95);\n    --uui-icon-active: var(--uui-neutral-100);\n    --uui-icon-disabled: var(--uui-neutral-50);\n    --uui-icon-hover: var(--uui-neutral-100);\n\n    // \"core/links\"\n    --uui-link: var(--uui-primary-50);\n    --uui-link-hover: var(--uui-primary-60);\n    --uui-link-visited: var(--purple-60);\n    --uui-link-visited-hover: var(--purple-70);\n\n    // \"core/other\"\n    --uui-outline-focus: #0A68F17F;\n    --uui-skeleton: var(--uui-neutral-40);\n\n    // \"core/text\"\n    --uui-text-bg-highlight: var(--uui-warning-10);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-disabled: var(--uui-neutral-50);\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-primary: var(--uui-neutral-95);\n    --uui-text-secondary: var(--uui-neutral-70);\n    --uui-text-success: var(--uui-success-70);\n    --uui-text-tertiary: var(--uui-neutral-60);\n    --uui-text-warning: var(--uui-warning-70);\n}"]}