@epam/assets 6.4.1-beta.1 → 6.4.2
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.
- package/css/theme/no-fonts/theme_loveship_dark.css +4 -0
- package/css/theme/no-fonts/theme_loveship_dark.css.map +1 -1
- package/css/theme/theme_electric_dark.css +4 -0
- package/css/theme/theme_electric_dark.css.map +1 -1
- package/css/theme/theme_loveship_dark.css +4 -0
- package/css/theme/theme_loveship_dark.css.map +1 -1
- package/package.json +2 -2
- package/theme/variables/electric_dark.scss +7 -0
- package/theme/variables/loveship_dark.scss +9 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric_dark.scss","../../../theme/theme_electric_dark.scss","../../../theme/theme_electric_dark.scss%23sass","../../../theme/variables/electric_dark.scss","../../../theme/variables/tokens/_theme_electric_dark.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/6px_grid.scss"],"names":[],"mappings":"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","file":"theme_electric_dark.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_dark' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric_dark {\n @include electric_dark_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_dark {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n --electric-5: #19233A;\n --electric-10: #1D2A4B;\n --electric-20: #253669;\n --electric-50: #4D73FF;\n --electric-60: #7593FF;\n --electric-70: #859FFF;\n --emerald-5: #14262B;\n --emerald-10: #1B312D;\n --emerald-20: #14432B;\n --emerald-50: #159D47;\n --emerald-60: #22C55E;\n --emerald-70: #4ADE80;\n --fire-5: #27202D;\n --fire-10: #37202B;\n --fire-20: #501F28;\n --fire-50: #DC2626;\n --fire-60: #F75E5E;\n --fire-70: #FC9797;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n --night50: #FAFAFC;\n --night100: #E1E5EB;\n --night200: #ACB3BF;\n --night300: #576479;\n --night400: #4F5C72;\n --night500: #3B485D;\n --night600: #2A3548;\n --night700: #262F3F;\n --night800: #192333;\n --night900: #141C29;\n --night950: #0B0D18;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n --sun-5: #262227;\n --sun-10: #392924;\n --sun-20: #593420;\n --sun-50: #F86C0B;\n --sun-60: #FA8F37;\n --sun-70: #FCB66D;\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\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(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\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(--white);\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-95);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #060606CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-90);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\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-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-link: var(--uui-info-60);\n --uui-link-hover: var(--uui-info-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\n /* begin color classes */\n /* override variables */\n /* isInvalid color */\n /* Accordion */\n /* FileCard */\n /* Button */\n /* Badge */\n /* IconButton */\n /* LinkButton */\n /* TubButton */\n /* VerticalTabButton */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* Alert */\n /* Tag */\n /* DropdownMenu */\n /* PickerInput */\n /* fonts */\n /* FlexRow */\n /* Panel */\n /* Text */\n /* Typography */\n}\n.uui-theme-electric_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\n}\n.uui-theme-electric_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-electric_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-electric_dark .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-electric_dark .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-solid.uui-color-white:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-badge.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-electric_dark .uui-badge.uui-color-night300.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-80);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .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_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\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_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night600.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-electric_dark .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_dark .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-primary,\n.uui-theme-electric_dark .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-electric_dark .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n}\n.uui-theme-electric_dark .uui-vertical-tab-button {\n --uui-vertical_tab_btn-text-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-text-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-bg-hover: var(--uui-surface-higher);\n --uui-vertical_tab_btn-border-active: var(--uui-primary-60);\n}\n.uui-theme-electric_dark .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n}\n.uui-theme-electric_dark .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .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(--white);\n}\n.uui-theme-electric_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,\n.uui-theme-electric_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot {\n background-color: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,\n.uui-theme-electric_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-tag .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-electric_dark .uui-tag.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-electric_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n background-color: var(--uui-neutral-60);\n}\n.uui-theme-electric_dark .uui-presets-panel-input .uui-icon-cancel:active {\n background-color: var(--uui-neutral-50);\n}\n.uui-theme-electric_dark .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n}\n.uui-theme-electric_dark .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-highest);\n}\n.uui-theme-electric_dark .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n}\n.uui-theme-electric_dark .uui-picker_input-body {\n --uui-picker_input-selected_mark: var(--uui-info-60);\n}\n.uui-theme-electric_dark .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-electric_dark .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-electric_dark .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-electric_dark .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night300 {\n --uui-text: var(--night300);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night500 {\n --uui-text: var(--night500);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night600 {\n --uui-text: var(--night600);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night700 {\n --uui-text: var(--night700);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n}\n.uui-theme-electric_dark .uui-typography .uui-highlight {\n background-color: var(--uui-warning-20);\n}\n.uui-theme-electric_dark .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-electric_dark .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-electric_dark .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-electric_dark .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}\n.uui-theme-electric_dark {\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 --uui-resize-marker-width: 12px;\n}\n.uui-theme-electric_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric_dark .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric_dark .uui-input-box.uui-textarea {\n --uui-horizontal-padding: 12px;\n}\n.uui-theme-electric_dark .uui-input-box.uui-textarea.uui-size-24 {\n --uui-line-height: 12px;\n}\n.uui-theme-electric_dark .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_dark .uui-vertical-tab-button.uui-size-30 {\n --uui-horizontal-padding: 12px;\n --uui-icon-size: 12px;\n}\n.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-36 {\n --uui-horizontal-padding: 18px;\n}\n.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-48 {\n --uui-horizontal-padding: 18px;\n --uui-font-size: 14px;\n --uui-icon-size: 18px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-18 .uui-caption {\n --uui-tag-caption-horizontal-padding: 0;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-24, .uui-theme-electric_dark .uui-tag.uui-size-30, .uui-theme-electric_dark .uui-tag.uui-size-36, .uui-theme-electric_dark .uui-tag.uui-size-42 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-24, .uui-theme-electric_dark .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-42, .uui-theme-electric_dark .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric_dark .uui-checkbox-container.uui-size-18, .uui-theme-electric_dark .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_dark .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_dark .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_dark .uui-labeled-input.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-electric_dark .uui-labeled-input.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric_dark .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_dark .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_dark .uui-badge.uui-size-24 {\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-36 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-42 {\n --uui-icon-size: 24px;\n --uui-horizontal-padding: 15px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-48 {\n --uui-horizontal-padding: 15px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-24, .uui-theme-electric_dark .uui-badge.uui-size-30, .uui-theme-electric_dark .uui-badge.uui-size-36, .uui-theme-electric_dark .uui-badge.uui-size-42, .uui-theme-electric_dark .uui-badge.uui-size-48 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric_dark .uui-status_indicator.uui-size-12 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-electric_dark .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_dark .uui-status_indicator.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-electric_dark .uui-count_indicator.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 10px;\n}\n.uui-theme-electric_dark .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_dark .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric_dark .uui-table-header-cell.uui-size-36 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric_dark .uui-table-header-cell.uui-size-48 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric_dark .uui-table-header-cell.uui-size-60 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric_dark .uui-picker_toggler.uui-size-30, .uui-theme-electric_dark .uui-picker_toggler.uui-size-36, .uui-theme-electric_dark .uui-picker_toggler.uui-size-42, .uui-theme-electric_dark .uui-picker_toggler.uui-size-48 {\n --uui-vertical-padding: 3px;\n}\n.uui-theme-electric_dark .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}\n.uui-theme-electric_dark .uui-filters-panel-item-toggler.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-horizontal-gap: 3px;\n}","@use 'variables/6px_grid' as *;\n@use 'variables/electric_dark' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric_dark {\n @include electric_dark_variables();\n @include uui-6px-grid();\n}\n","@use 'tokens/_theme_electric_dark.scss' as tokens;\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin electric_dark_variables {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n @include tokens.theme-tokens;\n\n & {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\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 /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\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 /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n\n &:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n }\n }\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n }\n }\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\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-80);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\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-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\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-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\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 .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\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-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n }\n\n .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* VerticalTabButton */\n\n .uui-vertical-tab-button {\n --uui-vertical_tab_btn-text-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-text-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-bg-hover: var(--uui-surface-higher);\n --uui-vertical_tab_btn-border-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n }\n\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\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(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator-dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\n }\n\n /* Alert */\n\n .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\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-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n }\n\n .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-highest);\n }\n\n .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n }\n\n /* DropdownMenu */\n\n .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n }\n\n /* PickerInput */\n\n .uui-picker_input-body {\n --uui-picker_input-selected_mark: var(--uui-info-60);\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* FlexRow */\n\n // TODO: need approve\n\n //.uui-flex-row.uui-flex-row-bg-none {\n // --uui-flex-row-bg: transparent;\n //}\n //\n //.uui-flex-row.uui-flex-row-bg-white {\n // --uui-flex-row-bg: var(--white);\n //}\n //\n //.uui-flex-row.uui-flex-row-bg-night50 {\n // --uui-flex-row-bg: var(--night50);\n //}\n //\n //.uui-flex-row.uui-flex-row-bg-night100 {\n // --uui-flex-row-bg: var(--night100);\n //}\n\n /* Panel */\n\n //.uui-panel.uui-color-white {\n // --uui-panel-bg: var(--white);\n //}\n //\n //.uui-panel.uui-color-night50 {\n // --uui-panel-bg: var(--night50);\n //}\n\n /* Text */\n\n .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n }\n\n .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n }\n\n .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n }\n\n .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n }\n\n .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n }\n\n .uui-text.uui-color-night300 {\n --uui-text: var(--night300);\n }\n\n .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n }\n\n .uui-text.uui-color-night500 {\n --uui-text: var(--night500);\n }\n\n .uui-text.uui-color-night600 {\n --uui-text: var(--night600);\n }\n\n .uui-text.uui-color-night700 {\n --uui-text: var(--night700);\n }\n\n .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n }\n\n .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\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: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n\n // \"palette-additional/cyan\"\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n\n // \"palette/electric\"\n --electric-5: #19233A;\n --electric-10: #1D2A4B;\n --electric-20: #253669;\n --electric-50: #4D73FF;\n --electric-60: #7593FF;\n --electric-70: #859FFF;\n\n // \"palette/emerald\"\n --emerald-5: #14262B;\n --emerald-10: #1B312D;\n --emerald-20: #14432B;\n --emerald-50: #159D47;\n --emerald-60: #22C55E;\n --emerald-70: #4ADE80;\n\n // \"palette/fire\"\n --fire-5: #27202D;\n --fire-10: #37202B;\n --fire-20: #501F28;\n --fire-50: #DC2626;\n --fire-60: #F75E5E;\n --fire-70: #FC9797;\n\n // \"palette-additional/fuchsia\"\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n\n // \"palette/grass\"\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n\n // \"palette-additional/mint\"\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n\n // \"palette/night\"\n --night50: #FAFAFC;\n --night100: #E1E5EB;\n --night200: #ACB3BF;\n --night300: #576479;\n --night400: #4F5C72;\n --night500: #3B485D;\n --night600: #2A3548;\n --night700: #262F3F;\n --night800: #192333;\n --night900: #141C29;\n --night950: #0B0D18;\n\n // \"palette-additional/orange\"\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n\n // \"palette-additional/purple\"\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n\n // \"palette/sky\"\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n\n // \"palette/sun\"\n --sun-5: #262227;\n --sun-10: #392924;\n --sun-20: #593420;\n --sun-50: #F86C0B;\n --sun-60: #FA8F37;\n --sun-70: #FCB66D;\n\n // \"palette-additional/violet\"\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n\n // \"palette-additional/yellow\"\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\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(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\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(--white);\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-95);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #060606CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-90);\n\n // \"core/controls\"\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\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-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n // \"core/icons\"\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n\n // \"core/links\"\n --uui-link: var(--uui-info-60);\n --uui-link-hover: var(--uui-info-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n\n // \"core/other\"\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n\n // \"core/text\"\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\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 --uui-resize-marker-width: 12px;\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; // remove - discuss\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-vertical-tab-button {\n &.uui-size-30 {\n --uui-horizontal-padding: 12px;\n --uui-icon-size: 12px;\n }\n\n &.uui-size-36 {\n --uui-horizontal-padding: 18px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 18px;\n --uui-font-size: 14px;\n --uui-icon-size: 18px;\n }\n }\n\n .uui-tag {\n &.uui-size-18 {\n --uui-font-size: 12px;\n\n .uui-caption {\n --uui-tag-caption-horizontal-padding: 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: 10px;\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 .uui-filters-panel-item-toggler {\n &.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-horizontal-gap: 3px;\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric_dark.scss","../../../theme/theme_electric_dark.scss","../../../theme/theme_electric_dark.scss%23sass","../../../theme/variables/electric_dark.scss","../../../theme/variables/tokens/_theme_electric_dark.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/6px_grid.scss"],"names":[],"mappings":"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","file":"theme_electric_dark.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_dark' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric_dark {\n @include electric_dark_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_dark {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n --electric-5: #19233A;\n --electric-10: #1D2A4B;\n --electric-20: #253669;\n --electric-50: #4D73FF;\n --electric-60: #7593FF;\n --electric-70: #859FFF;\n --emerald-5: #14262B;\n --emerald-10: #1B312D;\n --emerald-20: #14432B;\n --emerald-50: #159D47;\n --emerald-60: #22C55E;\n --emerald-70: #4ADE80;\n --fire-5: #27202D;\n --fire-10: #37202B;\n --fire-20: #501F28;\n --fire-50: #DC2626;\n --fire-60: #F75E5E;\n --fire-70: #FC9797;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n --night50: #FAFAFC;\n --night100: #E1E5EB;\n --night200: #ACB3BF;\n --night300: #576479;\n --night400: #4F5C72;\n --night500: #3B485D;\n --night600: #2A3548;\n --night700: #262F3F;\n --night800: #192333;\n --night900: #141C29;\n --night950: #0B0D18;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n --sun-5: #262227;\n --sun-10: #392924;\n --sun-20: #593420;\n --sun-50: #F86C0B;\n --sun-60: #FA8F37;\n --sun-70: #FCB66D;\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\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(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\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(--white);\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-95);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #060606CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-90);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\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-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-link: var(--uui-info-60);\n --uui-link-hover: var(--uui-info-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\n /* begin color classes */\n /* override variables */\n /* isInvalid color */\n /* Accordion */\n /* FileCard */\n /* Button */\n /* Badge */\n /* IconButton */\n /* LinkButton */\n /* TubButton */\n /* VerticalTabButton */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* Slider */\n /* CountIndicator */\n /* Status Indicator */\n /* Alert */\n /* Tag */\n /* DropdownMenu */\n /* PickerInput */\n /* fonts */\n /* FlexRow */\n /* Panel */\n /* Text */\n /* Typography */\n}\n.uui-theme-electric_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\n}\n.uui-theme-electric_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-electric_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-electric_dark .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-electric_dark .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-solid.uui-color-white:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-outline.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-none.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-button.uui-fill-ghost.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-badge.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-electric_dark .uui-badge.uui-color-night300.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-80);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-electric_dark .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .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_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\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_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night600.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-electric_dark .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-electric_dark .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_dark .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-primary,\n.uui-theme-electric_dark .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-electric_dark .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n}\n.uui-theme-electric_dark .uui-vertical-tab-button {\n --uui-vertical_tab_btn-text-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-text-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-bg-hover: var(--uui-surface-higher);\n --uui-vertical_tab_btn-border-active: var(--uui-primary-60);\n}\n.uui-theme-electric_dark .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n}\n.uui-theme-electric_dark .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n}\n.uui-theme-electric_dark .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-slider-tooltip-body {\n --uui-slider-tooltip-bg: var(--uui-neutral-10);\n --uui-slider-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-electric_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .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(--white);\n}\n.uui-theme-electric_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator-dot,\n.uui-theme-electric_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator-dot {\n background-color: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator-dot,\n.uui-theme-electric_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-electric_dark .uui-tag .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-electric_dark .uui-tag.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-electric_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n background-color: var(--uui-neutral-60);\n}\n.uui-theme-electric_dark .uui-presets-panel-input .uui-icon-cancel:active {\n background-color: var(--uui-neutral-50);\n}\n.uui-theme-electric_dark .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n}\n.uui-theme-electric_dark .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-highest);\n}\n.uui-theme-electric_dark .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric_dark .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n}\n.uui-theme-electric_dark .uui-picker_input-body {\n --uui-picker_input-selected_mark: var(--uui-info-60);\n}\n.uui-theme-electric_dark .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-electric_dark .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-electric_dark .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-electric_dark .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night300 {\n --uui-text: var(--night300);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night500 {\n --uui-text: var(--night500);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night600 {\n --uui-text: var(--night600);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night700 {\n --uui-text: var(--night700);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n}\n.uui-theme-electric_dark .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n}\n.uui-theme-electric_dark .uui-typography .uui-highlight {\n background-color: var(--uui-warning-20);\n}\n.uui-theme-electric_dark .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-electric_dark .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-electric_dark .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-electric_dark .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}\n.uui-theme-electric_dark {\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 --uui-resize-marker-width: 12px;\n}\n.uui-theme-electric_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .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_dark .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric_dark .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-electric_dark .uui-input-box.uui-textarea {\n --uui-horizontal-padding: 12px;\n}\n.uui-theme-electric_dark .uui-input-box.uui-textarea.uui-size-24 {\n --uui-line-height: 12px;\n}\n.uui-theme-electric_dark .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_dark .uui-vertical-tab-button.uui-size-30 {\n --uui-horizontal-padding: 12px;\n --uui-icon-size: 12px;\n}\n.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-36 {\n --uui-horizontal-padding: 18px;\n}\n.uui-theme-electric_dark .uui-vertical-tab-button.uui-size-48 {\n --uui-horizontal-padding: 18px;\n --uui-font-size: 14px;\n --uui-icon-size: 18px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-18 .uui-caption {\n --uui-tag-caption-horizontal-padding: 0;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-24, .uui-theme-electric_dark .uui-tag.uui-size-30, .uui-theme-electric_dark .uui-tag.uui-size-36, .uui-theme-electric_dark .uui-tag.uui-size-42 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-24, .uui-theme-electric_dark .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-electric_dark .uui-tag.uui-size-42, .uui-theme-electric_dark .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric_dark .uui-checkbox-container.uui-size-18, .uui-theme-electric_dark .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_dark .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_dark .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_dark .uui-labeled-input.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-electric_dark .uui-labeled-input.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric_dark .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_dark .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_dark .uui-badge.uui-size-24 {\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-36 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-42 {\n --uui-icon-size: 24px;\n --uui-horizontal-padding: 15px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-48 {\n --uui-horizontal-padding: 15px;\n}\n.uui-theme-electric_dark .uui-badge.uui-size-24, .uui-theme-electric_dark .uui-badge.uui-size-30, .uui-theme-electric_dark .uui-badge.uui-size-36, .uui-theme-electric_dark .uui-badge.uui-size-42, .uui-theme-electric_dark .uui-badge.uui-size-48 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-electric_dark .uui-status_indicator.uui-size-12 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-electric_dark .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_dark .uui-status_indicator.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-electric_dark .uui-count_indicator.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 10px;\n}\n.uui-theme-electric_dark .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_dark .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-electric_dark .uui-table-header-cell.uui-size-36 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric_dark .uui-table-header-cell.uui-size-48 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric_dark .uui-table-header-cell.uui-size-60 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-electric_dark .uui-picker_toggler.uui-size-30, .uui-theme-electric_dark .uui-picker_toggler.uui-size-36, .uui-theme-electric_dark .uui-picker_toggler.uui-size-42, .uui-theme-electric_dark .uui-picker_toggler.uui-size-48 {\n --uui-vertical-padding: 3px;\n}\n.uui-theme-electric_dark .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}\n.uui-theme-electric_dark .uui-filters-panel-item-toggler.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-horizontal-gap: 3px;\n}","@use 'variables/6px_grid' as *;\n@use 'variables/electric_dark' as *;\n@use '../scss/electric/font-faces';\n\n.uui-theme-electric_dark {\n @include electric_dark_variables();\n @include uui-6px-grid();\n}\n","@use 'tokens/_theme_electric_dark.scss' as tokens;\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin electric_dark_variables {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n @include tokens.theme-tokens;\n\n & {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\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 /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\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 /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-solid.uui-color-white {\n --uui-btn-bg-active: var(--uui-neutral-20);\n\n &:active {\n background-color: var(--uui-neutral-20);\n border-color: var(--uui-neutral-20);\n }\n }\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n --uui-btn-border: var(--uui-neutral-0);\n --uui-btn-border-hover: var(--uui-neutral-0);\n --uui-btn-border-active: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n\n &.uui-color-white {\n --uui-btn-caption: var(--uui-neutral-0);\n }\n }\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-80);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-5);\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-80);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-0);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\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-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-20);\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-neutral-100) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border-hover: var(--uui-neutral-50);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\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 .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\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-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n --uui-link_btn-text-disabled: var(--uui-neutral-40);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n }\n\n .uui-link_button.uui-color-secondary {\n --uui-link_btn-text: var(--uui-neutral-30);\n --uui-link_btn-text-hover: var(--uui-neutral-20);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* VerticalTabButton */\n\n .uui-vertical-tab-button {\n --uui-vertical_tab_btn-text-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-text-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-hover: var(--uui-primary-60);\n --uui-vertical_tab_btn-icon-active: var(--uui-primary-60);\n --uui-vertical_tab_btn-bg-hover: var(--uui-surface-higher);\n --uui-vertical_tab_btn-border-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n }\n\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-10);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* Slider */\n\n .uui-slider-tooltip-body {\n --uui-slider-tooltip-bg: var(--uui-neutral-10);\n --uui-slider-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\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(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator-dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\n }\n\n /* Alert */\n\n .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-50);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\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-tag-bg: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-border: var(--uui-neutral-0);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-tag-border-hover: var(--uui-neutral-0);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n --uui-tag-fill: var(--uui-neutral-80);\n --uui-tag-bg: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-60);\n --uui-tag-border-hover: var(--uui-neutral-60);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n }\n\n .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-highest);\n }\n\n .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n }\n\n /* DropdownMenu */\n\n .uui-dropdownMenu-body {\n --uui-dropdown-selected_mark: var(--uui-info-60);\n }\n\n /* PickerInput */\n\n .uui-picker_input-body {\n --uui-picker_input-selected_mark: var(--uui-info-60);\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* FlexRow */\n\n // TODO: need approve\n\n //.uui-flex-row.uui-flex-row-bg-none {\n // --uui-flex-row-bg: transparent;\n //}\n //\n //.uui-flex-row.uui-flex-row-bg-white {\n // --uui-flex-row-bg: var(--white);\n //}\n //\n //.uui-flex-row.uui-flex-row-bg-night50 {\n // --uui-flex-row-bg: var(--night50);\n //}\n //\n //.uui-flex-row.uui-flex-row-bg-night100 {\n // --uui-flex-row-bg: var(--night100);\n //}\n\n /* Panel */\n\n //.uui-panel.uui-color-white {\n // --uui-panel-bg: var(--white);\n //}\n //\n //.uui-panel.uui-color-night50 {\n // --uui-panel-bg: var(--night50);\n //}\n\n /* Text */\n\n .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n }\n\n .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n }\n\n .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n }\n\n .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n }\n\n .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n }\n\n .uui-text.uui-color-night300 {\n --uui-text: var(--night300);\n }\n\n .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n }\n\n .uui-text.uui-color-night500 {\n --uui-text: var(--night500);\n }\n\n .uui-text.uui-color-night600 {\n --uui-text: var(--night600);\n }\n\n .uui-text.uui-color-night700 {\n --uui-text: var(--night700);\n }\n\n .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n }\n\n .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\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: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n\n // \"palette-additional/cyan\"\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n\n // \"palette/electric\"\n --electric-5: #19233A;\n --electric-10: #1D2A4B;\n --electric-20: #253669;\n --electric-50: #4D73FF;\n --electric-60: #7593FF;\n --electric-70: #859FFF;\n\n // \"palette/emerald\"\n --emerald-5: #14262B;\n --emerald-10: #1B312D;\n --emerald-20: #14432B;\n --emerald-50: #159D47;\n --emerald-60: #22C55E;\n --emerald-70: #4ADE80;\n\n // \"palette/fire\"\n --fire-5: #27202D;\n --fire-10: #37202B;\n --fire-20: #501F28;\n --fire-50: #DC2626;\n --fire-60: #F75E5E;\n --fire-70: #FC9797;\n\n // \"palette-additional/fuchsia\"\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n\n // \"palette/grass\"\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n\n // \"palette-additional/mint\"\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n\n // \"palette/night\"\n --night50: #FAFAFC;\n --night100: #E1E5EB;\n --night200: #ACB3BF;\n --night300: #576479;\n --night400: #4F5C72;\n --night500: #3B485D;\n --night600: #2A3548;\n --night700: #262F3F;\n --night800: #192333;\n --night900: #141C29;\n --night950: #0B0D18;\n\n // \"palette-additional/orange\"\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n\n // \"palette-additional/purple\"\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n\n // \"palette/sky\"\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n\n // \"palette/sun\"\n --sun-5: #262227;\n --sun-10: #392924;\n --sun-20: #593420;\n --sun-50: #F86C0B;\n --sun-60: #FA8F37;\n --sun-70: #FCB66D;\n\n // \"palette-additional/violet\"\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n\n // \"palette-additional/yellow\"\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\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(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\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(--white);\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-95);\n --uui-divider: var(--uui-neutral-50);\n --uui-divider-light: var(--uui-neutral-60);\n --uui-overlay: #060606CC;\n --uui-surface-higher: var(--uui-neutral-70);\n --uui-surface-highest: var(--uui-neutral-60);\n --uui-surface-main: var(--uui-neutral-90);\n\n // \"core/controls\"\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\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-40);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n // \"core/icons\"\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n\n // \"core/links\"\n --uui-link: var(--uui-info-60);\n --uui-link-hover: var(--uui-info-70);\n --uui-link-visited: var(--violet-60);\n --uui-link-visited-hover: var(--violet-70);\n\n // \"core/other\"\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n\n // \"core/text\"\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\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 --uui-resize-marker-width: 12px;\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; // remove - discuss\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-vertical-tab-button {\n &.uui-size-30 {\n --uui-horizontal-padding: 12px;\n --uui-icon-size: 12px;\n }\n\n &.uui-size-36 {\n --uui-horizontal-padding: 18px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 18px;\n --uui-font-size: 14px;\n --uui-icon-size: 18px;\n }\n }\n\n .uui-tag {\n &.uui-size-18 {\n --uui-font-size: 12px;\n\n .uui-caption {\n --uui-tag-caption-horizontal-padding: 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: 10px;\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 .uui-filters-panel-item-toggler {\n &.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-horizontal-gap: 3px;\n }\n }\n}\n"]}
|