@epam/assets 5.10.1 → 5.10.2-patch.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/css/theme/theme_electric.css.map +1 -1
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_loveship_dark.css.map +1 -1
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  6. package/icons/common/radio-point-10.svg +13 -13
  7. package/icons/legacy/btn_cross.svg +22 -22
  8. package/icons/legacy/btn_tick.svg +22 -22
  9. package/icons/legacy/calendar-30.svg +12 -12
  10. package/icons/legacy/calendar-36.svg +14 -14
  11. package/icons/legacy/excel.svg +12 -12
  12. package/icons/legacy/filter-24.svg +11 -11
  13. package/icons/legacy/filter.svg +12 -12
  14. package/icons/legacy/folding-arrow.svg +14 -14
  15. package/icons/legacy/gear.svg +14 -14
  16. package/icons/legacy/help-24.svg +11 -11
  17. package/icons/legacy/help.svg +21 -21
  18. package/icons/legacy/label_info.svg +14 -14
  19. package/icons/legacy/lens.svg +17 -17
  20. package/icons/legacy/modal-close-cross.svg +22 -22
  21. package/icons/legacy/more.svg +20 -20
  22. package/icons/legacy/pencil.svg +12 -12
  23. package/icons/legacy/plus.svg +12 -12
  24. package/icons/legacy/sliders.svg +12 -12
  25. package/icons/legacy/sort-24.svg +15 -15
  26. package/icons/legacy/sort-desc-24.svg +15 -15
  27. package/icons/legacy/sort.svg +4 -4
  28. package/icons/legacy/trash.svg +12 -12
  29. package/icons/loaders/circle_loader_30.svg +69 -69
  30. package/icons/loaders/dots_loader_30.svg +39 -39
  31. package/icons/templates/generic-24.svg +40 -40
  32. package/icons/templates/generic-30.svg +43 -43
  33. package/icons/templates/generic.svg +40 -40
  34. package/icons/templates/tall.svg +69 -69
  35. package/package.json +2 -2
  36. package/readme.md +6 -6
  37. package/scss/electric/font-faces.scss +138 -138
  38. package/scss/font-faces.scss +3 -3
  39. package/scss/fonts.scss +2 -2
  40. package/scss/index.scss +4 -4
  41. package/scss/loveship/colors.scss +100 -100
  42. package/scss/loveship/font-faces.scss +186 -186
  43. package/scss/loveship/fonts.scss +23 -23
  44. package/scss/loveship/typography.scss +160 -160
  45. package/scss/loveship-colors.scss +2 -2
  46. package/scss/promo/colors.scss +100 -100
  47. package/scss/promo/font-faces.scss +168 -168
  48. package/scss/promo/fonts.scss +17 -17
  49. package/scss/promo/typography.scss +175 -175
  50. package/scss/typography.scss +2 -2
  51. package/theme/theme_6px.scss +290 -290
  52. package/theme/theme_electric.scss +515 -515
  53. package/theme/theme_loveship.scss +593 -593
  54. package/theme/theme_loveship_dark.scss +822 -822
  55. package/theme/theme_promo.scss +606 -606
  56. package/theme/theme_vanilla_thunder.scss +488 -488
  57. package/theme/tokens/_color_classes.scss +103 -103
  58. package/theme/tokens/_theme_electric.scss +277 -277
  59. package/theme/tokens/_theme_loveship_dark.scss +275 -275
  60. package/theme/tokens/_theme_loveship_light.scss +275 -275
  61. package/theme/tokens/_theme_promo.scss +275 -275
package/css/theme/theme_promo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/promo/font-faces.scss","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss","../../../theme/theme_promo.scss%23sass","../../../theme/tokens/_theme_promo.scss","../../../theme/tokens/_color_classes.scss","../../../theme/theme_6px.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');\n\n@font-face {\n font-family: 'Sans Regular';\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: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Sans Semibold';\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: normal;\n font-style: normal;\n}\n\n@font-face {\n font-family: 'Sans Italic';\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: normal;\n font-style: normal;\n}\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: '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\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","@use '../scss/promo/font-faces';\n@use './theme_6px' as *;\n@use './tokens/_theme_promo.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 theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n // theme specific fonts\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n @include tokens.theme-tokens;\n\n & {\n --uui-border-radius: 0;\n }\n\n /* begin color classes */\n\n .uui-color-green {\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-blue {\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-gray {\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-red {\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-amber {\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-link_button.uui-color-contrast,\n .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray70);\n }\n\n .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\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(--gray80);\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(--gray80);\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(--gray80);\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(--gray80);\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white {\n &.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray10 {\n &.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\n }\n }\n\n .uui-badge.uui-color-gray60 {\n &.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n .uui-button {\n &.uui-size-42, &.uui-size-48 {\n .uui-caption {\n font-family: var(--font-museo-sans);\n }\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-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 /* LinkButton */\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n }\n\n /* Text */\n\n .uui-text.uui-color-gray5 {\n --uui-text: var(--gray5);\n }\n\n .uui-text.uui-color-gray80 {\n --uui-text: var(--gray80);\n }\n\n .uui-text.uui-color-gray90 {\n --uui-text: var(--gray90);\n }\n\n .uui-text.uui-color-blue {\n --uui-text: var(--blue-70);\n }\n\n .uui-text.uui-color-green {\n --uui-text: var(--green-70);\n }\n\n .uui-text.uui-color-amber {\n --uui-text: var(--amber-70);\n }\n\n .uui-text.uui-color-red {\n --uui-text: var(--red-70);\n }\n\n /* Tag */\n\n .uui-tag {\n --uui-border-radius: 3px;\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray10 {\n &.uui-fill-solid {\n --uui-tag-bg-hover: 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-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-gray30 {\n &.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray70 {\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-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n }\n }\n\n &.uui-color-warning,\n &.uui-color-amber {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n }\n\n .uui-link_button {\n &.uui-size-42, &.uui-size-48 {\n :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n }\n }\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 .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n }\n\n /* Typography */\n\n .uui-typography {\n h1, h2, h3 {\n font-family: var(--font-museo-sans);\n }\n\n h1 {\n font-size: 36px;\n }\n\n .hero-header {\n font-family: var(--font-museo-slab);\n }\n\n .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n @include uui-6px-grid();\n}\n\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n@font-face {\n font-family: \"Sans Regular\";\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: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"Sans Semibold\";\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: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"Sans Italic\";\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: normal;\n font-style: normal;\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\"), 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: \"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@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/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-promo {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-museo-slab: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n /***************/\n /*** Palette ***/\n /***************/\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n --black: #000000;\n --white: #FFFFFF;\n --blue-5: #F5FBFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-10);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-sunken: var(--uui-neutral-20);\n --uui-border-radius: 0;\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-link: var(--uui-primary-50);\n --uui-link-hover: var(--uui-primary-60);\n --uui-link-visited: var(--purple-60);\n --uui-link-visited-hover: var(--purple-70);\n --uui-outline-focus: #007BBD7F;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-text-bg-highlight: var(--uui-warning-10);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-warning: var(--uui-warning-70);\n /* begin color classes */\n /* Badge */\n /* Button */\n /* IconButton */\n /* LinkButton */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Text */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo {\n --uui-border-radius: 0;\n}\n.uui-theme-promo .uui-color-green {\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-promo .uui-color-blue {\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-promo .uui-color-gray {\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-promo .uui-color-red {\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-promo .uui-color-amber {\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-promo .uui-link_button.uui-color-contrast,\n.uui-theme-promo .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray70);\n}\n.uui-theme-promo .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .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(--gray80);\n}\n.uui-theme-promo .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(--gray80);\n}\n.uui-theme-promo .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-promo .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-promo .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-promo .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-promo .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(--gray80);\n}\n.uui-theme-promo .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(--gray80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-promo .uui-badge.uui-color-gray30.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-promo .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-button.uui-size-42 .uui-caption, .uui-theme-promo .uui-button.uui-size-48 .uui-caption {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-promo .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-promo .uui-link_button.uui-color-white {\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-promo .uui-count_indicator.uui-color-gray,\n.uui-theme-promo .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-promo .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n}\n.uui-theme-promo .uui-text.uui-color-gray5 {\n --uui-text: var(--gray5);\n}\n.uui-theme-promo .uui-text.uui-color-gray80 {\n --uui-text: var(--gray80);\n}\n.uui-theme-promo .uui-text.uui-color-gray90 {\n --uui-text: var(--gray90);\n}\n.uui-theme-promo .uui-text.uui-color-blue {\n --uui-text: var(--blue-70);\n}\n.uui-theme-promo .uui-text.uui-color-green {\n --uui-text: var(--green-70);\n}\n.uui-theme-promo .uui-text.uui-color-amber {\n --uui-text: var(--amber-70);\n}\n.uui-theme-promo .uui-text.uui-color-red {\n --uui-text: var(--red-70);\n}\n.uui-theme-promo .uui-tag {\n --uui-border-radius: 3px;\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.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-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n}\n.uui-theme-promo .uui-link_button.uui-size-42 :global(.uui-caption), .uui-theme-promo .uui-link_button.uui-size-48 :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n}\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n}\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-typography h1, .uui-theme-promo .uui-typography h2, .uui-theme-promo .uui-typography h3 {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-typography h1 {\n font-size: 36px;\n}\n.uui-theme-promo .uui-typography .hero-header {\n font-family: var(--font-museo-slab);\n}\n.uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n}\n.uui-theme-promo .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-promo .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-promo .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-promo .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: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 10px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n}\n.uui-theme-promo .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-input-box.uui-textarea {\n --uui-horizontal-padding: 12px;\n}\n.uui-theme-promo .uui-input-box.uui-textarea.uui-size-24 {\n --uui-line-height: 12px;\n}\n.uui-theme-promo .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-promo .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n --uui-line-height: 14px;\n}\n.uui-theme-promo .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-promo .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48 {\n --uui-tag-count_indicator-margin-end: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30, .uui-theme-promo .uui-tag.uui-size-36 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-checkbox-container.uui-size-18, .uui-theme-promo .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-promo .uui-switch.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-switch.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-promo .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-promo .uui-badge.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-badge.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n}\n.uui-theme-promo .uui-badge.uui-size-36 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-promo .uui-badge.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-promo .uui-status_indicator.uui-size-12 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-promo .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-promo .uui-status_indicator.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-promo .uui-count_indicator.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n}\n.uui-theme-promo .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-promo .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-36 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-48 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-60 {\n --uui-horizontal-gap: 12px;\n}","@use '../scss/promo/font-faces';\n@use './theme_6px' as *;\n@use './tokens/_theme_promo.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 theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n // theme specific fonts\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n @include tokens.theme-tokens;\n\n & {\n --uui-border-radius: 0;\n }\n\n /* begin color classes */\n\n .uui-color-green {\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-blue {\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-gray {\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-red {\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-amber {\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-link_button.uui-color-contrast,\n .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray70);\n }\n\n .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\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(--gray80);\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(--gray80);\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(--gray80);\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(--gray80);\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white {\n &.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-gray10 {\n &.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\n }\n }\n\n .uui-badge.uui-color-gray60 {\n &.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n\n .uui-button {\n &.uui-size-42, &.uui-size-48 {\n .uui-caption {\n font-family: var(--font-museo-sans);\n }\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-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 /* LinkButton */\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n }\n\n /* Text */\n\n .uui-text.uui-color-gray5 {\n --uui-text: var(--gray5);\n }\n\n .uui-text.uui-color-gray80 {\n --uui-text: var(--gray80);\n }\n\n .uui-text.uui-color-gray90 {\n --uui-text: var(--gray90);\n }\n\n .uui-text.uui-color-blue {\n --uui-text: var(--blue-70);\n }\n\n .uui-text.uui-color-green {\n --uui-text: var(--green-70);\n }\n\n .uui-text.uui-color-amber {\n --uui-text: var(--amber-70);\n }\n\n .uui-text.uui-color-red {\n --uui-text: var(--red-70);\n }\n\n /* Tag */\n\n .uui-tag {\n --uui-border-radius: 3px;\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray10 {\n &.uui-fill-solid {\n --uui-tag-bg-hover: 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-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-gray30 {\n &.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-gray70 {\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-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n }\n }\n\n &.uui-color-warning,\n &.uui-color-amber {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n }\n\n .uui-link_button {\n &.uui-size-42, &.uui-size-48 {\n :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n }\n }\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 .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n }\n\n /* Typography */\n\n .uui-typography {\n h1, h2, h3 {\n font-family: var(--font-museo-sans);\n }\n\n h1 {\n font-size: 36px;\n }\n\n .hero-header {\n font-family: var(--font-museo-slab);\n }\n\n .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n @include uui-6px-grid();\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 // \"palette/amber\"\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n\n // \"\"\n --black: #000000;\n --white: #FFFFFF;\n\n // \"palette/blue\"\n --blue-5: #F5FBFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\n // \"palette-additional/cobalt\"\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n // \"palette-additional/cyan\"\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n\n // \"palette-additional/fuchsia\"\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n // \"palette/gray\"\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n\n // \"palette/green\"\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n\n // \"palette-additional/mint\"\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n\n // \"palette-additional/orange\"\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n // \"palette-additional/purple\"\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n // \"palette/red\"\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n\n // \"palette-additional/violet\"\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n // \"palette-additional/yellow\"\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n\n // \"core/semantic/accent-\"\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n\n // \"core/semantic/critical-\"\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n\n // \"core/semantic/error-\"\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n\n // \"core/semantic/info-\"\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n\n // \"core/semantic/primary-\"\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n\n // \"core/semantic/secondary-\"\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n\n // \"core/semantic/success-\"\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n\n // \"core/semantic/warning-\"\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n\n /********************/\n /*** Core Neutral ***/\n /********************/\n\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: var(--black);\n\n /************/\n /*** Core ***/\n /************/\n\n // \"core/surfaces\"\n --uui-app-bg: var(--uui-neutral-10);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-sunken: var(--uui-neutral-20);\n\n // \"\"\n --uui-border-radius: 0;\n\n // \"core/controls\"\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n // \"core/icons\"\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-icon-hover: var(--uui-neutral-70);\n\n // \"core/links\"\n --uui-link: var(--uui-primary-50);\n --uui-link-hover: var(--uui-primary-60);\n --uui-link-visited: var(--purple-60);\n --uui-link-visited-hover: var(--purple-70);\n\n // \"core/other\"\n --uui-outline-focus: #007BBD7F;\n --uui-skeleton: var(--uui-neutral-40);\n\n // \"core/text\"\n --uui-text-bg-highlight: var(--uui-warning-10);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-warning: var(--uui-warning-70);\n\n @include colorClasses.theme-color-classes;\n}\n","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-color-classes {\n .uui-color-primary {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-accent {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n }\n\n .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n }\n\n .uui-color-neutral {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n}\n","@mixin uui-6px-grid {\n & {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n //--uui-border-radius: 3px; // TODO: ?????\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n }\n\n .uui-size-12 {\n --uui-size: 12px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 12px;\n --uui-dot-size: 6px;\n }\n\n .uui-size-18 {\n --uui-size: 18px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 3px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 12px;\n --uui-font-size: 10px;\n --uui-dot-size: 6px;\n }\n\n .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-30 {\n --uui-size: 30px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 6px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\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: 3px; // update paddings change C:\\Users\\Siarhei_Dzeraviannik\\WebstormProjects\\UUI\\uui\\components\\pickers\\PickerToggler.module.scss\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: 3px;\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: 3px;\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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n }\n\n .uui-input-box {\n &.uui-size-42 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 6px;\n }\n\n &.uui-textarea {\n --uui-horizontal-padding: 12px;\n\n &.uui-size-24 {\n --uui-line-height: 12px;\n }\n }\n }\n\n .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n --uui-horizontal-padding: 6px;\n --uui-horizontal-gap: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n .uui-tag {\n &.uui-size-18 {\n --uui-font-size: 12px;\n --uui-line-height: 14px;\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-42,\n &.uui-size-48 {\n --uui-tag-count_indicator-margin-end: 3px;\n }\n\n &.uui-size-18,\n &.uui-size-24,\n &.uui-size-30,\n &.uui-size-36 {\n --uui-horizontal-gap: 3px;\n }\n\n &.uui-size-18,\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: 6px;\n }\n }\n\n .uui-checkbox-container, .uui-radio-input-container {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-switch {\n &.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n }\n }\n\n .uui-labeled-input {\n &.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n }\n\n &.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-48 {\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-badge {\n &.uui-size-18 {\n --uui-font-size: 12px;\n }\n\n &.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n }\n\n &.uui-size-36 {\n --uui-horizontal-padding: 9px;\n }\n\n &.uui-size-42 {\n --uui-icon-size: 24px;\n }\n }\n\n .uui-status_indicator {\n &.uui-size-12 {\n --uui-horizontal-gap: 4px;\n }\n\n &.uui-size-18 {\n --uui-horizontal-gap: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n &.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n }\n }\n\n .uui-count_indicator {\n &.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n }\n\n &.uui-size-18 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 16px;\n --uui-font-size: 12px;\n }\n\n &.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-table-header-cell {\n &.uui-size-36 {\n --uui-horizontal-gap: 12px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-gap: 12px;\n }\n\n &.uui-size-60 {\n --uui-horizontal-gap: 12px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../scss/promo/font-faces.scss","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss","../../../theme/theme_promo.scss%23sass","../../../theme/tokens/_theme_promo.scss","../../../theme/tokens/_color_classes.scss","../../../theme/theme_6px.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');\r\n\r\n@font-face {\r\n font-family: 'Sans Regular';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Sans Semibold';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Sans Italic';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Redacted';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\r\n font-display: block;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Roboto Mono';\r\n font-style: normal;\r\n font-weight: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\r\n font-weight: 200;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\r\n font-weight: 200;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\r\n font-weight: 900;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\r\n font-weight: 900;\r\n font-style: italic;\r\n}\r\n","@use '../scss/promo/font-faces';\r\n@use './theme_6px' as *;\r\n@use './tokens/_theme_promo.scss' as tokens;\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-promo {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n // theme specific fonts\r\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\r\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\r\n\r\n /* shadows */\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\r\n\r\n @include tokens.theme-tokens;\r\n\r\n & {\r\n --uui-border-radius: 0;\r\n }\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-green {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-blue {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-red {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-amber {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-link_button.uui-color-contrast,\r\n .uui-color-gray10 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--gray5);\r\n --uui-color-50: var(--gray10);\r\n --uui-color-60: var(--gray20);\r\n --uui-color-70: var(--gray30);\r\n --uui-color-contrast: var(--gray70);\r\n }\r\n\r\n .uui-color-gray30 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray30);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray30);\r\n --uui-color-60: var(--gray40);\r\n --uui-color-70: var(--gray50);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray50 {\r\n --uui-color-5: var(--gray5);\r\n --uui-color-10: var(--gray10);\r\n --uui-color-20: var(--gray20);\r\n --uui-color-50: var(--gray50);\r\n --uui-color-60: var(--gray60);\r\n --uui-color-70: var(--gray70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray60 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray60);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray60);\r\n --uui-color-60: var(--gray70);\r\n --uui-color-70: var(--gray80);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-0);\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray60 {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n .uui-caption {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-neutral,\r\n .uui-icon_button.uui-color-gray60 {\r\n --uui-icon_btn: var(--uui-neutral-60);\r\n --uui-icon_btn-hover: var(--uui-neutral-70);\r\n --uui-icon_btn-active: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-white {\r\n --uui-link_btn-text-hover: var(--uui-neutral-30);\r\n --uui-link_btn-text-active: var(--uui-neutral-40);\r\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator-dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-color-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-color-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-color-gray5 {\r\n --uui-flex-row-bg: var(--gray5);\r\n }\r\n\r\n .uui-panel.uui-color-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-color-gray90 {\r\n --uui-panel-bg: var(--gray90);\r\n }\r\n\r\n /* Text */\r\n\r\n .uui-text.uui-color-gray5 {\r\n --uui-text: var(--gray5);\r\n }\r\n\r\n .uui-text.uui-color-gray80 {\r\n --uui-text: var(--gray80);\r\n }\r\n\r\n .uui-text.uui-color-gray90 {\r\n --uui-text: var(--gray90);\r\n }\r\n\r\n .uui-text.uui-color-blue {\r\n --uui-text: var(--blue-70);\r\n }\r\n\r\n .uui-text.uui-color-green {\r\n --uui-text: var(--green-70);\r\n }\r\n\r\n .uui-text.uui-color-amber {\r\n --uui-text: var(--amber-70);\r\n }\r\n\r\n .uui-text.uui-color-red {\r\n --uui-text: var(--red-70);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n --uui-border-radius: 3px;\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-0);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-neutral-70);\r\n --uui-tag-fill: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray70 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-amber {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n .uui-dropdown-body {\r\n --uui-dropdown_container-border-radius: 0;\r\n }\r\n\r\n .uui-link_button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n text-transform: uppercase;\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-italic {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n --uui-text-font-style: italic;\r\n }\r\n\r\n .uui-font-museo-sans {\r\n --uui-text-font: var(--font-museo-sans);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n .uui-font-museo-slab {\r\n --uui-text-font: var(--font-museo-slab);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1, h2, h3 {\r\n font-family: var(--font-museo-sans);\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-header {\r\n font-family: var(--font-museo-slab);\r\n }\r\n\r\n .promo-header:is(h1, h2, h3) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-promo {\r\n @include theme-promo();\r\n @include uui-6px-grid();\r\n}\r\n\r\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n@font-face {\n font-family: \"Sans Regular\";\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: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"Sans Semibold\";\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: normal;\n font-style: normal;\n}\n@font-face {\n font-family: \"Sans Italic\";\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: normal;\n font-style: normal;\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\"), 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: \"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@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/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-promo {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-museo-slab: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n /***************/\n /*** Palette ***/\n /***************/\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n --black: #000000;\n --white: #FFFFFF;\n --blue-5: #F5FBFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-10);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-sunken: var(--uui-neutral-20);\n --uui-border-radius: 0;\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-link: var(--uui-primary-50);\n --uui-link-hover: var(--uui-primary-60);\n --uui-link-visited: var(--purple-60);\n --uui-link-visited-hover: var(--purple-70);\n --uui-outline-focus: #007BBD7F;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-text-bg-highlight: var(--uui-warning-10);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-warning: var(--uui-warning-70);\n /* begin color classes */\n /* Badge */\n /* Button */\n /* IconButton */\n /* LinkButton */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Text */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo .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-promo {\n --uui-border-radius: 0;\n}\n.uui-theme-promo .uui-color-green {\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-promo .uui-color-blue {\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-promo .uui-color-gray {\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-promo .uui-color-red {\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-promo .uui-color-amber {\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-promo .uui-link_button.uui-color-contrast,\n.uui-theme-promo .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray70);\n}\n.uui-theme-promo .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .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(--gray80);\n}\n.uui-theme-promo .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(--gray80);\n}\n.uui-theme-promo .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-promo .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-promo .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-promo .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-promo .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(--gray80);\n}\n.uui-theme-promo .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(--gray80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-promo .uui-badge.uui-color-gray30.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-promo .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-button.uui-size-42 .uui-caption, .uui-theme-promo .uui-button.uui-size-48 .uui-caption {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-promo .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-promo .uui-link_button.uui-color-white {\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-promo .uui-count_indicator.uui-color-gray,\n.uui-theme-promo .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-promo .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n}\n.uui-theme-promo .uui-text.uui-color-gray5 {\n --uui-text: var(--gray5);\n}\n.uui-theme-promo .uui-text.uui-color-gray80 {\n --uui-text: var(--gray80);\n}\n.uui-theme-promo .uui-text.uui-color-gray90 {\n --uui-text: var(--gray90);\n}\n.uui-theme-promo .uui-text.uui-color-blue {\n --uui-text: var(--blue-70);\n}\n.uui-theme-promo .uui-text.uui-color-green {\n --uui-text: var(--green-70);\n}\n.uui-theme-promo .uui-text.uui-color-amber {\n --uui-text: var(--amber-70);\n}\n.uui-theme-promo .uui-text.uui-color-red {\n --uui-text: var(--red-70);\n}\n.uui-theme-promo .uui-tag {\n --uui-border-radius: 3px;\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.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-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n}\n.uui-theme-promo .uui-link_button.uui-size-42 :global(.uui-caption), .uui-theme-promo .uui-link_button.uui-size-48 :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n}\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n}\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-typography h1, .uui-theme-promo .uui-typography h2, .uui-theme-promo .uui-typography h3 {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-typography h1 {\n font-size: 36px;\n}\n.uui-theme-promo .uui-typography .hero-header {\n font-family: var(--font-museo-slab);\n}\n.uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo {\n --uui-grid-unit: 6px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n}\n.uui-theme-promo .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-promo .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-promo .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-promo .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: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 10px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-promo .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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 20px;\n --uui-dot-size: 12px;\n}\n.uui-theme-promo .uui-input-box.uui-size-42 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-input-box.uui-textarea {\n --uui-horizontal-padding: 12px;\n}\n.uui-theme-promo .uui-input-box.uui-textarea.uui-size-24 {\n --uui-line-height: 12px;\n}\n.uui-theme-promo .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-promo .uui-tag.uui-size-18 {\n --uui-font-size: 12px;\n --uui-line-height: 14px;\n}\n.uui-theme-promo .uui-tag.uui-size-24 {\n --uui-icon-size: 18px;\n}\n.uui-theme-promo .uui-tag.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48 {\n --uui-tag-count_indicator-margin-end: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30, .uui-theme-promo .uui-tag.uui-size-36 {\n --uui-horizontal-gap: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-18, .uui-theme-promo .uui-tag.uui-size-24, .uui-theme-promo .uui-tag.uui-size-30 {\n --uui-horizontal-padding: 3px;\n}\n.uui-theme-promo .uui-tag.uui-size-42, .uui-theme-promo .uui-tag.uui-size-48 {\n --uui-horizontal-padding: 6px;\n}\n.uui-theme-promo .uui-checkbox-container.uui-size-18, .uui-theme-promo .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-promo .uui-switch.uui-size-18 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-switch.uui-size-24 {\n --uui-horizontal-gap: 12px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-30 {\n --uui-icon-size: 12px;\n --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-labeled-input.uui-size-42 {\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n}\n.uui-theme-promo .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-promo .uui-badge.uui-size-18 {\n --uui-font-size: 12px;\n}\n.uui-theme-promo .uui-badge.uui-size-24 {\n --uui-horizontal-padding: 3px;\n --uui-icon-size: 18px;\n --uui-line-height: 12px;\n}\n.uui-theme-promo .uui-badge.uui-size-36 {\n --uui-horizontal-padding: 9px;\n}\n.uui-theme-promo .uui-badge.uui-size-42 {\n --uui-icon-size: 24px;\n}\n.uui-theme-promo .uui-status_indicator.uui-size-12 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-promo .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-promo .uui-status_indicator.uui-size-24 {\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-promo .uui-count_indicator.uui-size-12 {\n --uui-horizontal-padding: 3px;\n --uui-line-height: 10px;\n --uui-font-size: 8px;\n}\n.uui-theme-promo .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-promo .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-36 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-48 {\n --uui-horizontal-gap: 12px;\n}\n.uui-theme-promo .uui-table-header-cell.uui-size-60 {\n --uui-horizontal-gap: 12px;\n}","@use '../scss/promo/font-faces';\r\n@use './theme_6px' as *;\r\n@use './tokens/_theme_promo.scss' as tokens;\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-promo {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n // theme specific fonts\r\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\r\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\r\n\r\n /* shadows */\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\r\n\r\n @include tokens.theme-tokens;\r\n\r\n & {\r\n --uui-border-radius: 0;\r\n }\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-green {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-blue {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-red {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-amber {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-link_button.uui-color-contrast,\r\n .uui-color-gray10 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--gray5);\r\n --uui-color-50: var(--gray10);\r\n --uui-color-60: var(--gray20);\r\n --uui-color-70: var(--gray30);\r\n --uui-color-contrast: var(--gray70);\r\n }\r\n\r\n .uui-color-gray30 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray30);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray30);\r\n --uui-color-60: var(--gray40);\r\n --uui-color-70: var(--gray50);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray50 {\r\n --uui-color-5: var(--gray5);\r\n --uui-color-10: var(--gray10);\r\n --uui-color-20: var(--gray20);\r\n --uui-color-50: var(--gray50);\r\n --uui-color-60: var(--gray60);\r\n --uui-color-70: var(--gray70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray60 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray60);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray60);\r\n --uui-color-60: var(--gray70);\r\n --uui-color-70: var(--gray80);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-0);\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray60 {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n .uui-caption {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-neutral,\r\n .uui-icon_button.uui-color-gray60 {\r\n --uui-icon_btn: var(--uui-neutral-60);\r\n --uui-icon_btn-hover: var(--uui-neutral-70);\r\n --uui-icon_btn-active: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-white {\r\n --uui-link_btn-text-hover: var(--uui-neutral-30);\r\n --uui-link_btn-text-active: var(--uui-neutral-40);\r\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator-dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-color-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-color-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-color-gray5 {\r\n --uui-flex-row-bg: var(--gray5);\r\n }\r\n\r\n .uui-panel.uui-color-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-color-gray90 {\r\n --uui-panel-bg: var(--gray90);\r\n }\r\n\r\n /* Text */\r\n\r\n .uui-text.uui-color-gray5 {\r\n --uui-text: var(--gray5);\r\n }\r\n\r\n .uui-text.uui-color-gray80 {\r\n --uui-text: var(--gray80);\r\n }\r\n\r\n .uui-text.uui-color-gray90 {\r\n --uui-text: var(--gray90);\r\n }\r\n\r\n .uui-text.uui-color-blue {\r\n --uui-text: var(--blue-70);\r\n }\r\n\r\n .uui-text.uui-color-green {\r\n --uui-text: var(--green-70);\r\n }\r\n\r\n .uui-text.uui-color-amber {\r\n --uui-text: var(--amber-70);\r\n }\r\n\r\n .uui-text.uui-color-red {\r\n --uui-text: var(--red-70);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n --uui-border-radius: 3px;\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-0);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-neutral-70);\r\n --uui-tag-fill: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray70 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-amber {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n .uui-dropdown-body {\r\n --uui-dropdown_container-border-radius: 0;\r\n }\r\n\r\n .uui-link_button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n text-transform: uppercase;\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-italic {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n --uui-text-font-style: italic;\r\n }\r\n\r\n .uui-font-museo-sans {\r\n --uui-text-font: var(--font-museo-sans);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n .uui-font-museo-slab {\r\n --uui-text-font: var(--font-museo-slab);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1, h2, h3 {\r\n font-family: var(--font-museo-sans);\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-header {\r\n font-family: var(--font-museo-slab);\r\n }\r\n\r\n .promo-header:is(h1, h2, h3) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-promo {\r\n @include theme-promo();\r\n @include uui-6px-grid();\r\n}\r\n\r\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\r\n@use './_color_classes.scss' as colorClasses;\r\n\r\n@mixin theme-tokens {\r\n\r\n /***************/\r\n /*** Palette ***/\r\n /***************/\r\n\r\n // \"palette/amber\"\r\n --amber-5: #FFFCF5;\r\n --amber-10: #FFF2CC;\r\n --amber-20: #FFE38F;\r\n --amber-50: #FFC000;\r\n --amber-60: #DB9D00;\r\n --amber-70: #9F6B04;\r\n\r\n // \"\"\r\n --black: #000000;\r\n --white: #FFFFFF;\r\n\r\n // \"palette/blue\"\r\n --blue-5: #F5FBFF;\r\n --blue-10: #D6F2FF;\r\n --blue-20: #99DDFF;\r\n --blue-50: #007BBD;\r\n --blue-60: #006AA3;\r\n --blue-70: #005685;\r\n\r\n // \"palette-additional/cobalt\"\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n // \"palette-additional/cyan\"\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n // \"palette-additional/fuchsia\"\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n // \"palette/gray\"\r\n --gray5: #FAFAFC;\r\n --gray10: #F5F6FA;\r\n --gray20: #EBEDF5;\r\n --gray30: #E1E3EB;\r\n --gray40: #CED0DB;\r\n --gray50: #ACAFBF;\r\n --gray60: #6C6F80;\r\n --gray70: #474A59;\r\n --gray80: #303240;\r\n --gray90: #1D1E26;\r\n\r\n // \"palette/green\"\r\n --green-5: #FCFFF5;\r\n --green-10: #EEFFCC;\r\n --green-20: #CFF486;\r\n --green-50: #65A300;\r\n --green-60: #528500;\r\n --green-70: #446600;\r\n\r\n // \"palette-additional/mint\"\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n // \"palette-additional/orange\"\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n // \"palette-additional/purple\"\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n // \"palette/red\"\r\n --red-5: #FEF7F6;\r\n --red-10: #FADED9;\r\n --red-20: #F5B5A8;\r\n --red-50: #DB3A1A;\r\n --red-60: #C03316;\r\n --red-70: #A02B13;\r\n\r\n // \"palette-additional/violet\"\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n // \"palette-additional/yellow\"\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n /*********************/\r\n /*** Core Semantic ***/\r\n /*********************/\r\n\r\n // \"core/semantic/accent-\"\r\n --uui-accent-5: var(--green-5);\r\n --uui-accent-10: var(--green-10);\r\n --uui-accent-20: var(--green-20);\r\n --uui-accent-50: var(--green-50);\r\n --uui-accent-60: var(--green-60);\r\n --uui-accent-70: var(--green-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n // \"core/semantic/critical-\"\r\n --uui-critical-5: var(--red-5);\r\n --uui-critical-10: var(--red-10);\r\n --uui-critical-20: var(--red-20);\r\n --uui-critical-50: var(--red-50);\r\n --uui-critical-60: var(--red-60);\r\n --uui-critical-70: var(--red-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n // \"core/semantic/error-\"\r\n --uui-error-5: var(--red-5);\r\n --uui-error-10: var(--red-10);\r\n --uui-error-20: var(--red-20);\r\n --uui-error-50: var(--red-50);\r\n --uui-error-60: var(--red-60);\r\n --uui-error-70: var(--red-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n // \"core/semantic/info-\"\r\n --uui-info-5: var(--blue-5);\r\n --uui-info-10: var(--blue-10);\r\n --uui-info-20: var(--blue-20);\r\n --uui-info-50: var(--blue-50);\r\n --uui-info-60: var(--blue-60);\r\n --uui-info-70: var(--blue-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n // \"core/semantic/primary-\"\r\n --uui-primary-5: var(--blue-5);\r\n --uui-primary-10: var(--blue-10);\r\n --uui-primary-20: var(--blue-20);\r\n --uui-primary-50: var(--blue-50);\r\n --uui-primary-60: var(--blue-60);\r\n --uui-primary-70: var(--blue-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n // \"core/semantic/secondary-\"\r\n --uui-secondary-5: var(--gray10);\r\n --uui-secondary-10: var(--gray20);\r\n --uui-secondary-20: var(--gray30);\r\n --uui-secondary-50: var(--gray60);\r\n --uui-secondary-60: var(--gray70);\r\n --uui-secondary-70: var(--gray80);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n // \"core/semantic/success-\"\r\n --uui-success-5: var(--green-5);\r\n --uui-success-10: var(--green-10);\r\n --uui-success-20: var(--green-20);\r\n --uui-success-50: var(--green-50);\r\n --uui-success-60: var(--green-60);\r\n --uui-success-70: var(--green-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n // \"core/semantic/warning-\"\r\n --uui-warning-5: var(--amber-5);\r\n --uui-warning-10: var(--amber-10);\r\n --uui-warning-20: var(--amber-20);\r\n --uui-warning-50: var(--amber-50);\r\n --uui-warning-60: var(--amber-60);\r\n --uui-warning-70: var(--amber-70);\r\n --uui-warning-contrast: var(--gray80);\r\n\r\n /********************/\r\n /*** Core Neutral ***/\r\n /********************/\r\n\r\n --uui-neutral-0: var(--white);\r\n --uui-neutral-5: var(--gray5);\r\n --uui-neutral-10: var(--gray10);\r\n --uui-neutral-20: var(--gray20);\r\n --uui-neutral-30: var(--gray30);\r\n --uui-neutral-40: var(--gray40);\r\n --uui-neutral-50: var(--gray50);\r\n --uui-neutral-60: var(--gray60);\r\n --uui-neutral-70: var(--gray70);\r\n --uui-neutral-80: var(--gray80);\r\n --uui-neutral-90: var(--gray90);\r\n --uui-neutral-100: var(--black);\r\n\r\n /************/\r\n /*** Core ***/\r\n /************/\r\n\r\n // \"core/surfaces\"\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n --uui-overlay: #1D1E26CC;\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-sunken: var(--uui-neutral-20);\r\n\r\n // \"\"\r\n --uui-border-radius: 0;\r\n\r\n // \"core/controls\"\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n // \"core/icons\"\r\n --uui-icon: var(--uui-neutral-60);\r\n --uui-icon-active: var(--uui-neutral-80);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n --uui-icon-hover: var(--uui-neutral-70);\r\n\r\n // \"core/links\"\r\n --uui-link: var(--uui-primary-50);\r\n --uui-link-hover: var(--uui-primary-60);\r\n --uui-link-visited: var(--purple-60);\r\n --uui-link-visited-hover: var(--purple-70);\r\n\r\n // \"core/other\"\r\n --uui-outline-focus: #007BBD7F;\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n // \"core/text\"\r\n --uui-text-bg-highlight: var(--uui-warning-10);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-primary: var(--uui-neutral-80);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-success: var(--uui-success-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-warning: var(--uui-warning-70);\r\n\r\n @include colorClasses.theme-color-classes;\r\n}\r\n","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\r\n\r\n@mixin theme-color-classes {\r\n .uui-color-primary {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-accent {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--uui-info-contrast);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--uui-success-contrast);\r\n }\r\n\r\n .uui-color-warning {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\r\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\r\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\r\n --uui-color-50: var(--uui-neutral-0);\r\n --uui-color-60: var(--uui-neutral-10);\r\n --uui-color-70: var(--uui-neutral-20);\r\n --uui-color-contrast: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-color-neutral {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n}\r\n","@mixin uui-6px-grid {\r\n & {\r\n --uui-grid-unit: 6px;\r\n --uui-focus-outline-width: 2px;\r\n --uui-focus-outline-offset: 2px;\r\n --uui-focus-radius: 2px;\r\n //--uui-border-radius: 3px; // TODO: ?????\r\n --uui-tab-line-width: 3px;\r\n --uui-notify-size: 6px;\r\n }\r\n\r\n .uui-size-12 {\r\n --uui-size: 12px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 12px;\r\n --uui-font-size: 12px;\r\n --uui-dot-size: 6px;\r\n }\r\n\r\n .uui-size-18 {\r\n --uui-size: 18px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 3px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 3px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 12px;\r\n --uui-font-size: 10px;\r\n --uui-dot-size: 6px;\r\n }\r\n\r\n .uui-size-24 {\r\n --uui-size: 24px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 12px;\r\n --uui-dot-size: 8px;\r\n }\r\n\r\n .uui-size-30 {\r\n --uui-size: 30px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 8px;\r\n }\r\n\r\n .uui-size-36 {\r\n --uui-size: 36px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px; // update paddings change C:\\Users\\Siarhei_Dzeraviannik\\WebstormProjects\\UUI\\uui\\components\\pickers\\PickerToggler.module.scss\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 8px;\r\n }\r\n\r\n .uui-size-42 {\r\n --uui-size: 42px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n --uui-dot-size: 10px;\r\n }\r\n\r\n .uui-size-48 {\r\n --uui-size: 48px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-size-60 {\r\n --uui-size: 60px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 20px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-input-box {\r\n &.uui-size-42 {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n\r\n &.uui-size-48 {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n\r\n &.uui-textarea {\r\n --uui-horizontal-padding: 12px;\r\n\r\n &.uui-size-24 {\r\n --uui-line-height: 12px;\r\n }\r\n }\r\n }\r\n\r\n .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\r\n --uui-horizontal-padding: 6px;\r\n --uui-horizontal-gap: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n .uui-tag {\r\n &.uui-size-18 {\r\n --uui-font-size: 12px;\r\n --uui-line-height: 14px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-icon-size: 18px;\r\n }\r\n\r\n &.uui-size-42 {\r\n --uui-icon-size: 24px;\r\n }\r\n\r\n &.uui-size-42,\r\n &.uui-size-48 {\r\n --uui-tag-count_indicator-margin-end: 3px;\r\n }\r\n\r\n &.uui-size-18,\r\n &.uui-size-24,\r\n &.uui-size-30,\r\n &.uui-size-36 {\r\n --uui-horizontal-gap: 3px;\r\n }\r\n\r\n &.uui-size-18,\r\n &.uui-size-24,\r\n &.uui-size-30 {\r\n --uui-horizontal-padding: 3px;\r\n }\r\n\r\n &.uui-size-42,\r\n &.uui-size-48 {\r\n --uui-horizontal-padding: 6px;\r\n }\r\n }\r\n\r\n .uui-checkbox-container, .uui-radio-input-container {\r\n &.uui-size-18 {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n }\r\n\r\n .uui-switch {\r\n &.uui-size-18 {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-horizontal-gap: 12px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n }\r\n }\r\n\r\n .uui-labeled-input {\r\n &.uui-size-30 {\r\n --uui-icon-size: 12px;\r\n --uui-font-size: 12px;\r\n }\r\n\r\n &.uui-size-42 {\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n &.uui-size-48 {\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n }\r\n }\r\n\r\n .uui-badge {\r\n &.uui-size-18 {\r\n --uui-font-size: 12px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-horizontal-padding: 3px;\r\n --uui-icon-size: 18px;\r\n --uui-line-height: 12px;\r\n }\r\n\r\n &.uui-size-36 {\r\n --uui-horizontal-padding: 9px;\r\n }\r\n\r\n &.uui-size-42 {\r\n --uui-icon-size: 24px;\r\n }\r\n }\r\n\r\n .uui-status_indicator {\r\n &.uui-size-12 {\r\n --uui-horizontal-gap: 4px;\r\n }\r\n\r\n &.uui-size-18 {\r\n --uui-horizontal-gap: 6px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 8px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 10px;\r\n }\r\n }\r\n\r\n .uui-count_indicator {\r\n &.uui-size-12 {\r\n --uui-horizontal-padding: 3px;\r\n --uui-line-height: 10px;\r\n --uui-font-size: 8px;\r\n }\r\n\r\n &.uui-size-18 {\r\n --uui-horizontal-padding: 6px;\r\n --uui-line-height: 16px;\r\n --uui-font-size: 12px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-line-height: 22px;\r\n --uui-font-size: 14px;\r\n }\r\n }\r\n\r\n .uui-table-header-cell {\r\n &.uui-size-36 {\r\n --uui-horizontal-gap: 12px;\r\n }\r\n\r\n &.uui-size-48 {\r\n --uui-horizontal-gap: 12px;\r\n }\r\n\r\n &.uui-size-60 {\r\n --uui-horizontal-gap: 12px;\r\n }\r\n }\r\n}\r\n"]}