@epam/assets 5.11.0-rc.0 → 5.11.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/css/theme/theme_eduverse_dark.css +64 -8
  2. package/css/theme/theme_eduverse_dark.css.map +1 -1
  3. package/css/theme/theme_eduverse_light.css +66 -20
  4. package/css/theme/theme_eduverse_light.css.map +1 -1
  5. package/css/theme/theme_electric.css +25 -11
  6. package/css/theme/theme_electric.css.map +1 -1
  7. package/css/theme/theme_loveship.css +25 -2
  8. package/css/theme/theme_loveship.css.map +1 -1
  9. package/css/theme/theme_loveship_dark.css +25 -2
  10. package/css/theme/theme_loveship_dark.css.map +1 -1
  11. package/css/theme/theme_promo.css +25 -2
  12. package/css/theme/theme_promo.css.map +1 -1
  13. package/css/theme/theme_vanilla_thunder.css +25 -1
  14. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  15. package/package.json +2 -2
  16. package/theme/theme_eduverse_dark.scss +46 -7
  17. package/theme/theme_eduverse_light.scss +50 -22
  18. package/theme/variables/6px_grid.scss +36 -1
  19. package/theme/variables/electric.scss +1 -11
  20. package/theme/variables/tokens/_theme_electric.scss +0 -3
  21. package/theme/variables/tokens/_theme_loveship_dark.scss +0 -3
  22. package/theme/variables/tokens/_theme_loveship_light.scss +0 -3
  23. package/theme/variables/tokens/_theme_promo.scss +0 -3
package/css/theme/theme_electric.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric.scss","../../../theme/theme_electric.scss","../../../theme/theme_electric.scss%23sass","../../../theme/variables/electric.scss","../../../theme/variables/tokens/_theme_electric.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/6px_grid.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 'variables/6px_grid' as *;\n@use 'variables/electric' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric {\n @include electric-variables();\n @include uui-6px-grid();\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\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 --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 /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 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 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\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(--emerald-5);\n --uui-accent-10: var(--emerald-10);\n --uui-accent-20: var(--emerald-20);\n --uui-accent-50: var(--emerald-50);\n --uui-accent-60: var(--emerald-60);\n --uui-accent-70: var(--emerald-70);\n --uui-accent-contrast: var(--white);\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-critical-contrast: var(--white);\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-error-contrast: var(--white);\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-info-contrast: var(--white);\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-primary-contrast: var(--white);\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-secondary-contrast: var(--white);\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-success-contrast: var(--white);\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 --uui-warning-contrast: var(--uui-neutral-80);\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 /* 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-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(--uui-primary-contrast);\n}\n.uui-theme-electric .uui-color-secondary {\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(--uui-secondary-contrast);\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(--uui-accent-contrast);\n}\n.uui-theme-electric .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\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(--uui-success-contrast);\n}\n.uui-theme-electric .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-electric .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-electric .uui-color-critical {\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(--uui-critical-contrast);\n}\n.uui-theme-electric .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-electric .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(--uui-secondary-contrast);\n}\n.uui-theme-electric {\n --uui-border-radius: 3px;\n}\n.uui-theme-electric .uui-color-fire {\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-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-70);\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-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-sun {\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-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\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-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\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-border-hover: 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-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\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-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\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-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\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-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\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-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\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 {\n font-weight: 400;\n}\n.uui-theme-electric .uui-typography h2, .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}\n.uui-theme-electric {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n}\n.uui-theme-electric .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n --uui-dot-size: 6px;\n}\n.uui-theme-electric .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n --uui-dot-size: 6px;\n}\n.uui-theme-electric .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 10px;\n}\n.uui-theme-electric .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-electric .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 18px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n}\n.uui-theme-electric .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric .uui-input-box.uui-textarea {\n --uui-horizontal-padding: 12px;\n}\n.uui-theme-electric .uui-input-box.uui-textarea.uui-size-24 {\n --uui-line-height: 12px;\n}\n.uui-theme-electric .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 6px;\n --uui-horizontal-gap: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-electric .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30, .uui-theme-electric .uui-tag.uui-size-36, .uui-theme-electric .uui-tag.uui-size-42 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric .uui-checkbox-container.uui-size-18, .uui-theme-electric .uui-radio-input-container.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-switch.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-switch.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-electric .uui-labeled-input.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-labeled-input.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-labeled-input.uui-size-48 {\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-badge.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-badge.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n}\n.uui-theme-electric .uui-badge.uui-size-36 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric .uui-badge.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-electric .uui-status_indicator.uui-size-12 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-electric .uui-status_indicator.uui-size-18 {\n --uui-horizontal-gap: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-status_indicator.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-electric .uui-count_indicator.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n}\n.uui-theme-electric .uui-count_indicator.uui-size-18 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 16px;\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-table-header-cell.uui-size-36 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric .uui-table-header-cell.uui-size-48 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric .uui-table-header-cell.uui-size-60 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric .uui-picker_toggler.uui-size-30, .uui-theme-electric .uui-picker_toggler.uui-size-36, .uui-theme-electric .uui-picker_toggler.uui-size-42, .uui-theme-electric .uui-picker_toggler.uui-size-48 {\n --uui-vertical-padding: 3px;\n}","@use 'variables/6px_grid' as *;\n@use 'variables/electric' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric {\n @include electric-variables();\n @include uui-6px-grid();\n}\n","@use 'tokens/_theme_electric.scss' as tokens;\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 electric-variables {\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 /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 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 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n @include tokens.theme-tokens;\n\n & {\n --uui-border-radius: 3px;\n }\n\n /* begin color classes */\n .uui-color-fire {\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-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-70);\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-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-sun {\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-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\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 .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\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-border-hover: 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-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\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 .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\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 .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\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-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\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-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-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\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 {\n font-weight: 400;\n }\n\n h2, 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}","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n@use './_color_classes.scss' as colorClasses;\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(--emerald-5);\n --uui-accent-10: var(--emerald-10);\n --uui-accent-20: var(--emerald-20);\n --uui-accent-50: var(--emerald-50);\n --uui-accent-60: var(--emerald-60);\n --uui-accent-70: var(--emerald-70);\n --uui-accent-contrast: var(--white);\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 --uui-critical-contrast: var(--white);\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 --uui-error-contrast: var(--white);\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 --uui-info-contrast: var(--white);\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 --uui-primary-contrast: var(--white);\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 --uui-secondary-contrast: var(--white);\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 --uui-success-contrast: var(--white);\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 --uui-warning-contrast: var(--uui-neutral-80);\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\n @include colorClasses.theme-color-classes;\n}\n","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-color-classes {\n .uui-color-primary {\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(--uui-primary-contrast);\n }\n\n .uui-color-secondary {\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(--uui-secondary-contrast);\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(--uui-accent-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\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(--uui-success-contrast);\n }\n\n .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-critical {\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(--uui-critical-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n }\n\n .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(--uui-secondary-contrast);\n }\n}\n","@mixin uui-6px-grid {\n & {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n //--uui-border-radius: 3px; // TODO: ?????\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n }\n\n .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n --uui-dot-size: 6px;\n }\n\n .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n --uui-dot-size: 6px;\n }\n\n .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 10px;\n }\n\n .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n }\n\n .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 18px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n }\n\n .uui-input-box {\n &.uui-size-42 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-textarea {\n --uui-horizontal-padding: 12px;\n\n &.uui-size-24 {\n --uui-line-height: 12px;\n }\n }\n }\n\n .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 6px;\n --uui-horizontal-gap: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n .uui-tag {\n &.uui-size-18 {\n --uui-font-size: 12px;\n }\n\n &.uui-size-24 {\n --uui-icon-size: 18px;\n }\n\n &.uui-size-42 {\n --uui-icon-size: 24px;\n }\n\n &.uui-size-24,\n &.uui-size-30,\n &.uui-size-36,\n &.uui-size-42 {\n --uui-horizontal-gap: 3px;\n }\n\n &.uui-size-24,\n &.uui-size-30 {\n --uui-horizontal-padding: 3px;\n }\n\n &.uui-size-42,\n &.uui-size-48 {\n --uui-horizontal-padding: 9px;\n }\n }\n\n .uui-checkbox-container, .uui-radio-input-container {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-switch {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n }\n\n .uui-labeled-input {\n &.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n }\n\n &.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-48 {\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-badge {\n &.uui-size-18 {\n --uui-font-size: 12px;\n }\n\n &.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n }\n\n &.uui-size-36 {\n --uui-horizontal-padding: 9px;\n }\n\n &.uui-size-42 {\n --uui-icon-size: 24px;\n }\n }\n\n .uui-status_indicator {\n &.uui-size-12 {\n --uui-horizontal-gap: 4px;\n }\n\n &.uui-size-18 {\n --uui-horizontal-gap: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n &.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n }\n }\n\n .uui-count_indicator {\n &.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n }\n\n &.uui-size-18 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 16px;\n --uui-font-size: 12px;\n }\n\n &.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-table-header-cell {\n &.uui-size-36 {\n --uui-horizontal-gap: 12px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-gap: 12px;\n }\n\n &.uui-size-60 {\n --uui-horizontal-gap: 12px;\n }\n }\n\n .uui-picker_toggler {\n &.uui-size-30,\n &.uui-size-36,\n &.uui-size-42,\n &.uui-size-48 {\n --uui-vertical-padding: 3px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric.scss","../../../theme/theme_electric.scss","../../../theme/theme_electric.scss%23sass","../../../theme/variables/electric.scss","../../../theme/variables/tokens/_theme_electric.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/6px_grid.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 'variables/6px_grid' as *;\n@use 'variables/electric' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric {\n @include electric-variables();\n @include uui-6px-grid();\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\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 --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 /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 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 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\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(--emerald-5);\n --uui-accent-10: var(--emerald-10);\n --uui-accent-20: var(--emerald-20);\n --uui-accent-50: var(--emerald-50);\n --uui-accent-60: var(--emerald-60);\n --uui-accent-70: var(--emerald-70);\n --uui-accent-contrast: var(--white);\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-critical-contrast: var(--white);\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-error-contrast: var(--white);\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-info-contrast: var(--white);\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-primary-contrast: var(--white);\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-secondary-contrast: var(--white);\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-success-contrast: var(--white);\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 --uui-warning-contrast: var(--uui-neutral-80);\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-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 /* 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-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(--uui-primary-contrast);\n}\n.uui-theme-electric .uui-color-secondary {\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(--uui-secondary-contrast);\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(--uui-accent-contrast);\n}\n.uui-theme-electric .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\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(--uui-success-contrast);\n}\n.uui-theme-electric .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-electric .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-electric .uui-color-critical {\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(--uui-critical-contrast);\n}\n.uui-theme-electric .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-electric .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(--uui-secondary-contrast);\n}\n.uui-theme-electric {\n --uui-border-radius: 3px;\n}\n.uui-theme-electric .uui-color-fire {\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-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-70);\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-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-sun {\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-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\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-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\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-border-hover: 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-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\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-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\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-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\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-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\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-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\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 {\n font-weight: 400;\n}\n.uui-theme-electric .uui-typography h2, .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}\n.uui-theme-electric {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n}\n.uui-theme-electric .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n --uui-dot-size: 6px;\n}\n.uui-theme-electric .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n --uui-dot-size: 6px;\n}\n.uui-theme-electric .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 10px;\n}\n.uui-theme-electric .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-electric .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 18px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n}\n.uui-theme-electric .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric .uui-input-box.uui-textarea {\n --uui-horizontal-padding: 12px;\n}\n.uui-theme-electric .uui-input-box.uui-textarea.uui-size-24 {\n --uui-line-height: 12px;\n}\n.uui-theme-electric .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 6px;\n --uui-horizontal-gap: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 6px;\n}\n.uui-theme-electric .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-tag.uui-size-18 .uui-caption {\n --uui-tag-horizontal-gap: 0;\n}\n.uui-theme-electric .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-electric .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30, .uui-theme-electric .uui-tag.uui-size-36, .uui-theme-electric .uui-tag.uui-size-42 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric .uui-tag.uui-size-24, .uui-theme-electric .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-electric .uui-tag.uui-size-42, .uui-theme-electric .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric .uui-checkbox-container.uui-size-18, .uui-theme-electric .uui-radio-input-container.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-switch.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-switch.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-electric .uui-labeled-input.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-labeled-input.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-labeled-input.uui-size-48 {\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-badge.uui-size-18 {\n --uui-font-size: 12px;\n --uui-horizontal-padding: 6px;\n --uui-badge-caption-horizontal-padding: 0;\n --uui-badge-indicator-padding: 3px;\n}\n.uui-theme-electric .uui-badge.uui-size-24 {\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n}\n.uui-theme-electric .uui-badge.uui-size-36 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric .uui-badge.uui-size-42 {\n --uui-icon-size: 24px;\n --uui-horizontal-padding: 15px;\n}\n.uui-theme-electric .uui-badge.uui-size-48 {\n --uui-horizontal-padding: 15px;\n}\n.uui-theme-electric .uui-badge.uui-size-24, .uui-theme-electric .uui-badge.uui-size-30, .uui-theme-electric .uui-badge.uui-size-36, .uui-theme-electric .uui-badge.uui-size-42, .uui-theme-electric .uui-badge.uui-size-48 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric .uui-status_indicator.uui-size-12 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-electric .uui-status_indicator.uui-size-18 {\n --uui-horizontal-gap: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-electric .uui-status_indicator.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-electric .uui-count_indicator.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n}\n.uui-theme-electric .uui-count_indicator.uui-size-18 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 16px;\n --uui-font-size: 12px;\n}\n.uui-theme-electric .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric .uui-table-header-cell.uui-size-36 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric .uui-table-header-cell.uui-size-48 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric .uui-table-header-cell.uui-size-60 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric .uui-picker_toggler.uui-size-30, .uui-theme-electric .uui-picker_toggler.uui-size-36, .uui-theme-electric .uui-picker_toggler.uui-size-42, .uui-theme-electric .uui-picker_toggler.uui-size-48 {\n --uui-vertical-padding: 3px;\n}\n.uui-theme-electric .uui-alert.uui-size-36 {\n --uui-alert-indicator-border-width: 3px;\n --uui-alert-gap-h: 12px;\n --uui-alert-gap-v: 3px;\n --uui-alert-padding-h: 9px;\n --uui-alert-padding-v: 3px;\n --uui-alert-caption-gap-h: 9px;\n}","@use 'variables/6px_grid' as *;\n@use 'variables/electric' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric {\n @include electric-variables();\n @include uui-6px-grid();\n}\n","@use 'tokens/_theme_electric.scss' as tokens;\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 electric-variables {\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 /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 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 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n @include tokens.theme-tokens;\n\n & {\n --uui-border-radius: 3px;\n }\n\n /* begin color classes */\n .uui-color-fire {\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-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-70);\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-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-sun {\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-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\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 .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\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-border-hover: 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-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\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-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\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 .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\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-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\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-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-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\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 {\n font-weight: 400;\n }\n\n h2, 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","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n@use './_color_classes.scss' as colorClasses;\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(--emerald-5);\n --uui-accent-10: var(--emerald-10);\n --uui-accent-20: var(--emerald-20);\n --uui-accent-50: var(--emerald-50);\n --uui-accent-60: var(--emerald-60);\n --uui-accent-70: var(--emerald-70);\n --uui-accent-contrast: var(--white);\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 --uui-critical-contrast: var(--white);\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 --uui-error-contrast: var(--white);\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 --uui-info-contrast: var(--white);\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 --uui-primary-contrast: var(--white);\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 --uui-secondary-contrast: var(--white);\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 --uui-success-contrast: var(--white);\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 --uui-warning-contrast: var(--uui-neutral-80);\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 // \"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\n @include colorClasses.theme-color-classes;\n}\n","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-color-classes {\n .uui-color-primary {\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(--uui-primary-contrast);\n }\n\n .uui-color-secondary {\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(--uui-secondary-contrast);\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(--uui-accent-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\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(--uui-success-contrast);\n }\n\n .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-critical {\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(--uui-critical-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n }\n\n .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(--uui-secondary-contrast);\n }\n}\n","@mixin uui-6px-grid {\n & {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n //--uui-border-radius: 3px; // TODO: ?????\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n }\n\n .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n --uui-dot-size: 6px;\n }\n\n .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n --uui-dot-size: 6px;\n }\n\n .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-36 {\n --uui-size: 36px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-42 {\n --uui-size: 42px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 9px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 10px;\n }\n\n .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n }\n\n .uui-size-60 {\n --uui-size: 60px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 12px;\n --uui-vertical-padding: 18px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n }\n\n .uui-input-box {\n &.uui-size-42 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-textarea {\n --uui-horizontal-padding: 12px;\n\n &.uui-size-24 {\n --uui-line-height: 12px;\n }\n }\n }\n\n .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 6px;\n --uui-horizontal-gap: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 6px;\n }\n\n .uui-tag {\n &.uui-size-18 {\n --uui-font-size: 12px;\n\n .uui-caption {\n --uui-tag-horizontal-gap: 0;\n }\n }\n\n &.uui-size-24 {\n --uui-icon-size: 18px;\n }\n\n &.uui-size-42 {\n --uui-icon-size: 24px;\n }\n\n &.uui-size-24,\n &.uui-size-30,\n &.uui-size-36,\n &.uui-size-42 {\n --uui-horizontal-gap: 3px;\n }\n\n &.uui-size-24,\n &.uui-size-30 {\n --uui-horizontal-padding: 3px;\n }\n\n &.uui-size-42,\n &.uui-size-48 {\n --uui-horizontal-padding: 9px;\n }\n }\n\n .uui-checkbox-container, .uui-radio-input-container {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-switch {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n }\n\n .uui-labeled-input {\n &.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n }\n\n &.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-48 {\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-badge {\n &.uui-size-18 {\n --uui-font-size: 12px;\n --uui-horizontal-padding: 6px;\n --uui-badge-caption-horizontal-padding: 0;\n --uui-badge-indicator-padding: 3px;\n }\n\n &.uui-size-24 {\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n }\n\n &.uui-size-36 {\n --uui-horizontal-padding: 9px;\n }\n\n &.uui-size-42 {\n --uui-icon-size: 24px;\n --uui-horizontal-padding: 15px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 15px;\n }\n\n &.uui-size-24,\n &.uui-size-30,\n &.uui-size-36,\n &.uui-size-42,\n &.uui-size-48 {\n --uui-horizontal-gap: 3px;\n }\n }\n\n .uui-status_indicator {\n &.uui-size-12 {\n --uui-horizontal-gap: 4px;\n }\n\n &.uui-size-18 {\n --uui-horizontal-gap: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n &.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n }\n }\n\n .uui-count_indicator {\n &.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n }\n\n &.uui-size-18 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 16px;\n --uui-font-size: 12px;\n }\n\n &.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-table-header-cell {\n &.uui-size-36 {\n --uui-horizontal-gap: 12px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-gap: 12px;\n }\n\n &.uui-size-60 {\n --uui-horizontal-gap: 12px;\n }\n }\n\n .uui-picker_toggler {\n &.uui-size-30,\n &.uui-size-36,\n &.uui-size-42,\n &.uui-size-48 {\n --uui-vertical-padding: 3px;\n }\n }\n\n .uui-alert {\n &.uui-size-36 {\n --uui-alert-indicator-border-width: 3px;\n --uui-alert-gap-h: 12px;\n --uui-alert-gap-v: 3px;\n --uui-alert-padding-h: 9px;\n --uui-alert-padding-v: 3px;\n --uui-alert-caption-gap-h: 9px;\n }\n }\n}\n"]}
package/css/theme/theme_loveship.css CHANGED
@@ -282,7 +282,6 @@
282
282
  --uui-surface-highest:var(--uui-neutral-20);
283
283
  --uui-surface-main:var(--uui-neutral-0);
284
284
  --uui-surface-sunken:var(--uui-neutral-20);
285
- --uui-border-radius:3;
286
285
  --uui-control-bg:var(--uui-surface-main);
287
286
  --uui-control-bg-disabled:var(--uui-neutral-5);
288
287
  --uui-control-bg-hover:var(--uui-neutral-60);
@@ -953,9 +952,16 @@
953
952
  --uui-line-height:18px;
954
953
  --uui-font-size:14px;
955
954
  }
955
+ .uui-theme-loveship .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
956
+ --uui-horizontal-padding:12px;
957
+ --uui-horizontal-gap:6px;
958
+ }
956
959
  .uui-theme-loveship .uui-tag.uui-size-18{
957
960
  --uui-font-size:12px;
958
961
  }
962
+ .uui-theme-loveship .uui-tag.uui-size-18 .uui-caption{
963
+ --uui-tag-horizontal-gap:0;
964
+ }
959
965
  .uui-theme-loveship .uui-tag.uui-size-24{
960
966
  --uui-icon-size:18px;
961
967
  }
@@ -1001,9 +1007,11 @@
1001
1007
  }
1002
1008
  .uui-theme-loveship .uui-badge.uui-size-18{
1003
1009
  --uui-font-size:12px;
1010
+ --uui-horizontal-padding:6px;
1011
+ --uui-badge-caption-horizontal-padding:0;
1012
+ --uui-badge-indicator-padding:3px;
1004
1013
  }
1005
1014
  .uui-theme-loveship .uui-badge.uui-size-24{
1006
- --uui-horizontal-padding:3px;
1007
1015
  --uui-icon-size:18px;
1008
1016
  --uui-line-height:12px;
1009
1017
  }
@@ -1012,6 +1020,13 @@
1012
1020
  }
1013
1021
  .uui-theme-loveship .uui-badge.uui-size-42{
1014
1022
  --uui-icon-size:24px;
1023
+ --uui-horizontal-padding:15px;
1024
+ }
1025
+ .uui-theme-loveship .uui-badge.uui-size-48{
1026
+ --uui-horizontal-padding:15px;
1027
+ }
1028
+ .uui-theme-loveship .uui-badge.uui-size-24, .uui-theme-loveship .uui-badge.uui-size-30, .uui-theme-loveship .uui-badge.uui-size-36, .uui-theme-loveship .uui-badge.uui-size-42, .uui-theme-loveship .uui-badge.uui-size-48{
1029
+ --uui-horizontal-gap:3px;
1015
1030
  }
1016
1031
  .uui-theme-loveship .uui-status_indicator.uui-size-12{
1017
1032
  --uui-horizontal-gap:4px;
@@ -1051,4 +1066,12 @@
1051
1066
  }
1052
1067
  .uui-theme-loveship .uui-picker_toggler.uui-size-30, .uui-theme-loveship .uui-picker_toggler.uui-size-36, .uui-theme-loveship .uui-picker_toggler.uui-size-42, .uui-theme-loveship .uui-picker_toggler.uui-size-48{
1053
1068
  --uui-vertical-padding:3px;
1069
+ }
1070
+ .uui-theme-loveship .uui-alert.uui-size-36{
1071
+ --uui-alert-indicator-border-width:3px;
1072
+ --uui-alert-gap-h:12px;
1073
+ --uui-alert-gap-v:3px;
1074
+ --uui-alert-padding-h:9px;
1075
+ --uui-alert-padding-v:3px;
1076
+ --uui-alert-caption-gap-h:9px;
1054
1077
  }