@epam/assets 5.2.0-rc.3 → 5.3.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/css/theme/theme_electric.css +154 -131
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +262 -228
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +381 -301
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +249 -221
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder(old).css +805 -0
  10. package/css/theme/theme_vanilla_thunder(old).css.map +1 -0
  11. package/css/theme/theme_vanilla_thunder.css +104 -687
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/loveship/colors.scss +7 -7
  15. package/scss/promo/typography.scss +0 -2
  16. package/theme/theme_electric.scss +186 -136
  17. package/theme/theme_loveship.scss +306 -240
  18. package/theme/theme_loveship_dark.scss +456 -320
  19. package/theme/theme_promo.scss +289 -236
  20. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  21. package/theme/theme_vanilla_thunder.scss +114 -864
package/css/theme/theme_promo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n.uui-theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n --font-mono: 'Roboto Mono', monospace;\n\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 --blue-soft: #F5FDFF;\n --blue-lightest: #D6F2FF;\n --blue-light: #99DDFF;\n --blue: #007BBD;\n --blue-dark: #006AA3;\n --blue-darkest: #005685;\n\n --green-soft: #FCFFF5;\n --green-lightest: #EEFFCC;\n --green-light: #CFF486;\n --green: #65A300;\n --green-dark: #528500;\n --green-darkest: #446600;\n\n --amber-soft: #FFFCF5;\n --amber-lightest: #FFF2CC;\n --amber-light: #FFE38F;\n --amber: #FFC000;\n --amber-dark: #DB9D00;\n --amber-darkest: #9F6B04;\n\n --red-soft: #FEF7F6;\n --red-lightest: #FADED9;\n --red-light: #F5B5A8;\n --red: #DB3A1A;\n --red-dark: #C03316;\n --red-darkest: #A02B13;\n\n --white: #FFFFFF;\n\n --yellow-0: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n\n --orange-0: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n\n --fuchia-0: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n\n --purple-0: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n\n --violet-0: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-30: #773CEC;\n --violet-40: #5514D6;\n --violet-50: #40109E;\n\n --cobalt-0: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n\n --cyan-0: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n\n --mint-0: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-soft);\n --uui-accent-10: var(--green-lightest);\n --uui-accent-20: var(--green-light);\n --uui-accent-50: var(--green);\n --uui-accent-60: var(--green-dark);\n --uui-accent-70: var(--green-darkest);\n\n --uui-primary-5: var(--blue-soft);\n --uui-primary-10: var(--blue-lightest);\n --uui-primary-20: var(--blue-light);\n --uui-primary-50: var(--blue);\n --uui-primary-60: var(--blue-dark);\n --uui-primary-70: var(--blue-darkest);\n\n --uui-secondary-5: var(--gray20);\n --uui-secondary-10: var(--gray30);\n --uui-secondary-20: var(--gray40);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n\n --uui-critical-5: var(--red-soft);\n --uui-critical-10: var(--red-lightest);\n --uui-critical-20: var(--red-light);\n --uui-critical-50: var(--red);\n --uui-critical-60: var(--red-dark);\n --uui-critical-70: var(--red-darkest);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-soft);\n --uui-info-10: var(--blue-lightest);\n --uui-info-20: var(--blue-light);\n --uui-info-50: var(--blue);\n --uui-info-60: var(--blue-dark);\n --uui-info-70: var(--blue-darkest);\n\n --uui-success-5: var(--green-soft);\n --uui-success-10: var(--green-lightest);\n --uui-success-20: var(--green-light);\n --uui-success-50: var(--green);\n --uui-success-60: var(--green-dark);\n --uui-success-70: var(--green-darkest);\n\n --uui-warning-5: var(--amber-soft);\n --uui-warning-10: var(--amber-lightest);\n --uui-warning-20: var(--amber-light);\n --uui-warning-50: var(--amber);\n --uui-warning-60: var(--amber-dark);\n --uui-warning-70: var(--amber-darkest);\n\n --uui-error-5: var(--red-soft);\n --uui-error-10: var(--red-lightest);\n --uui-error-20: var(--red-light);\n --uui-error-50: var(--red);\n --uui-error-60: var(--red-dark);\n --uui-error-70: var(--red-darkest);\n\n --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--uui-neutral-0);\n --uui-surface-low: var(--uui-neutral-5);\n --uui-surface-lower: var(--uui-neutral-10);\n --uui-surface-lowest: var(--uui-neutral-20);\n --uui-surface-contrast: var(--uui-neutral-70);\n --uui-surface-contrast-low: var(--uui-neutral-80);\n --uui-surface-contrast-lower: var(--uui-neutral-90);\n\n --uui-surface-active: var(--blue-lightest);\n --uui-surface-critical: var(--red-lightest);\n --uui-surface-warning: var(--amber-lightest);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--uui-neutral-80);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n --uui-disabled: var(--uui-neutral-30); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-link: var(--blue);\n --uui-link-soft: var(--blue-soft);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--uui-neutral-40);\n --uui-link-black-hover: var(--uui-neutral-80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n\n --uui-control-focus: #008ACE80;\n\n --uui-search-result-highlight: var(--uui-warning-10);\n\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n\n --uui-border-radius: 0;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 0;\n }\n\n /* begin color classes */\n\n .uui-color-accent,\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-text: var(--uui-accent-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-primary,\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-text: var(--uui-primary-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-secondary,\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-text: var(--uui-secondary-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-critical,\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-text: var(--uui-critical-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-text: var(--uui-info-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-text: var(--uui-success-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-warning,\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-text: var(--uui-warning-50);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--uui-error-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-text: var(--white);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-text: var(--gray5);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--gray10);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-badge.uui-color-neutral,\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-button.uui-color-gray50,\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-text: var(--gray50);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-text: var(--gray90);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-50);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-50);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--violet-40);\n --uui-color-70: var(--violet-50);\n --uui-color-text: var(--violet-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cobalt {\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cyan {\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-mint {\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60,\n .uui-icon_button.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-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-color-50: var(--white);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-color-50: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-contrast {\n --uui-color-50: var(--gray80);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n /* Informer */\n\n .uui-informer.uui-color-gray,\n .uui-informer.uui-color-neutral {\n --uui-color-50: var(--uui-neutral-30);\n --uui-informer-caption: var(--uui-text-dark);\n }\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 {\n --uui-panel-bg: transparent;\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 .uui-tag {\n --uui-tag-border-radius: 0;\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-primary);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n --uui-text-font-weight: normal;\n\n }\n\n .typography-uui {\n :global(.promo-header), h1, h2, h3 {\n font-family: var(--font-primary);\n }\n }\n}\n\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n.uui-theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n --font-mono: 'Roboto Mono', monospace;\n\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 --blue-soft: #F5FDFF;\n --blue-lightest: #D6F2FF;\n --blue-light: #99DDFF;\n --blue: #007BBD;\n --blue-dark: #006AA3;\n --blue-darkest: #005685;\n\n --green-soft: #FCFFF5;\n --green-lightest: #EEFFCC;\n --green-light: #CFF486;\n --green: #65A300;\n --green-dark: #528500;\n --green-darkest: #446600;\n\n --amber-soft: #FFFCF5;\n --amber-lightest: #FFF2CC;\n --amber-light: #FFE38F;\n --amber: #FFC000;\n --amber-dark: #DB9D00;\n --amber-darkest: #9F6B04;\n\n --red-soft: #FEF7F6;\n --red-lightest: #FADED9;\n --red-light: #F5B5A8;\n --red: #DB3A1A;\n --red-dark: #C03316;\n --red-darkest: #A02B13;\n\n --white: #FFFFFF;\n\n --yellow-0: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n\n --orange-0: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n\n --fuchia-0: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n\n --purple-0: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n\n --violet-0: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-30: #773CEC;\n --violet-40: #5514D6;\n --violet-50: #40109E;\n\n --cobalt-0: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n\n --cyan-0: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n\n --mint-0: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-soft);\n --uui-accent-10: var(--green-lightest);\n --uui-accent-20: var(--green-light);\n --uui-accent-50: var(--green);\n --uui-accent-60: var(--green-dark);\n --uui-accent-70: var(--green-darkest);\n\n --uui-primary-5: var(--blue-soft);\n --uui-primary-10: var(--blue-lightest);\n --uui-primary-20: var(--blue-light);\n --uui-primary-50: var(--blue);\n --uui-primary-60: var(--blue-dark);\n --uui-primary-70: var(--blue-darkest);\n\n --uui-secondary-5: var(--gray20);\n --uui-secondary-10: var(--gray30);\n --uui-secondary-20: var(--gray40);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n\n --uui-critical-5: var(--red-soft);\n --uui-critical-10: var(--red-lightest);\n --uui-critical-20: var(--red-light);\n --uui-critical-50: var(--red);\n --uui-critical-60: var(--red-dark);\n --uui-critical-70: var(--red-darkest);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-soft);\n --uui-info-10: var(--blue-lightest);\n --uui-info-20: var(--blue-light);\n --uui-info-50: var(--blue);\n --uui-info-60: var(--blue-dark);\n --uui-info-70: var(--blue-darkest);\n\n --uui-success-5: var(--green-soft);\n --uui-success-10: var(--green-lightest);\n --uui-success-20: var(--green-light);\n --uui-success-50: var(--green);\n --uui-success-60: var(--green-dark);\n --uui-success-70: var(--green-darkest);\n\n --uui-warning-5: var(--amber-soft);\n --uui-warning-10: var(--amber-lightest);\n --uui-warning-20: var(--amber-light);\n --uui-warning-50: var(--amber);\n --uui-warning-60: var(--amber-dark);\n --uui-warning-70: var(--amber-darkest);\n\n --uui-error-5: var(--red-soft);\n --uui-error-10: var(--red-lightest);\n --uui-error-20: var(--red-light);\n --uui-error-50: var(--red);\n --uui-error-60: var(--red-dark);\n --uui-error-70: var(--red-darkest);\n\n --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--uui-neutral-0);\n --uui-surface-low: var(--uui-neutral-5);\n --uui-surface-lower: var(--uui-neutral-10);\n --uui-surface-lowest: var(--uui-neutral-20);\n --uui-surface-contrast: var(--uui-neutral-70);\n --uui-surface-contrast-low: var(--uui-neutral-80);\n --uui-surface-contrast-lower: var(--uui-neutral-90);\n\n --uui-surface-active: var(--blue-lightest);\n --uui-surface-critical: var(--red-lightest);\n --uui-surface-warning: var(--amber-lightest);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--uui-neutral-80);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n --uui-disabled: var(--uui-neutral-30); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-link: var(--blue);\n --uui-link-soft: var(--blue-soft);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--uui-neutral-40);\n --uui-link-black-hover: var(--uui-neutral-80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n\n --uui-control-focus: #008ACE80;\n\n --uui-search-result-highlight: var(--uui-warning-10);\n\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n\n --uui-border-radius: 0;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 0;\n }\n\n /* begin color classes */\n\n .uui-color-accent,\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-text: var(--uui-accent-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-primary,\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-text: var(--uui-primary-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-secondary,\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-text: var(--uui-secondary-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-critical,\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-text: var(--uui-critical-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-text: var(--uui-info-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-text: var(--uui-success-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-warning,\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-text: var(--uui-warning-50);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--uui-error-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-text: var(--white);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-text: var(--gray5);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--gray10);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-badge.uui-color-neutral,\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-button.uui-color-gray50,\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-text: var(--gray50);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-text: var(--gray90);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-50);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-50);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--violet-40);\n --uui-color-70: var(--violet-50);\n --uui-color-text: var(--violet-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cobalt {\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cyan {\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-mint {\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-icon_button.uui-color-neutral,\n .uui-icon_button.uui-color-gray60,\n .uui-icon_button.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-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-color-50: var(--white);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-color-50: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-contrast {\n --uui-color-50: var(--gray80);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n /* Informer */\n\n .uui-informer.uui-color-gray,\n .uui-informer.uui-color-neutral {\n --uui-color-50: var(--uui-neutral-30);\n --uui-informer-caption: var(--uui-text-dark);\n }\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 {\n --uui-panel-bg: transparent;\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 .uui-tag {\n --uui-tag-border-radius: 0;\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-primary);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n --uui-text-font-weight: normal;\n\n }\n\n .typography-uui {\n :global(.promo-header), h1, h2, h3 {\n font-family: var(--font-primary);\n }\n }\n}\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 --font-primary: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-promo: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --font-mono: \"Roboto Mono\", monospace;\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 --blue-soft: #F5FDFF;\n --blue-lightest: #D6F2FF;\n --blue-light: #99DDFF;\n --blue: #007BBD;\n --blue-dark: #006AA3;\n --blue-darkest: #005685;\n --green-soft: #FCFFF5;\n --green-lightest: #EEFFCC;\n --green-light: #CFF486;\n --green: #65A300;\n --green-dark: #528500;\n --green-darkest: #446600;\n --amber-soft: #FFFCF5;\n --amber-lightest: #FFF2CC;\n --amber-light: #FFE38F;\n --amber: #FFC000;\n --amber-dark: #DB9D00;\n --amber-darkest: #9F6B04;\n --red-soft: #FEF7F6;\n --red-lightest: #FADED9;\n --red-light: #F5B5A8;\n --red: #DB3A1A;\n --red-dark: #C03316;\n --red-darkest: #A02B13;\n --white: #FFFFFF;\n --yellow-0: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-30: #FDD63B;\n --yellow-40: #F9B71D;\n --yellow-50: #D3910C;\n --orange-0: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-30: #FF8B3E;\n --orange-40: #F76B0D;\n --orange-50: #BD4B00;\n --fuchia-0: #FFF7FB;\n --fuchia-10: #F9D8E7;\n --fuchia-20: #EDADC8;\n --fuchia-30: #EA4386;\n --fuchia-40: #D61E68;\n --fuchia-50: #AE1955;\n --purple-0: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-30: #B114D1;\n --purple-40: #860F9E;\n --purple-50: #5E0B6F;\n --violet-0: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-30: #773CEC;\n --violet-40: #5514D6;\n --violet-50: #40109E;\n --cobalt-0: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-30: #0F98FF;\n --cobalt-40: #006FE5;\n --cobalt-50: #0954A5;\n --cyan-0: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-30: #14CCCC;\n --cyan-40: #0F9E9E;\n --cyan-50: #0B6F6F;\n --mint-0: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-30: #4FC48C;\n --mint-40: #2E9E68;\n --mint-50: #236E4A;\n /* core variables start */\n /* brand colors */\n --uui-accent-5: var(--green-soft);\n --uui-accent-10: var(--green-lightest);\n --uui-accent-20: var(--green-light);\n --uui-accent-50: var(--green);\n --uui-accent-60: var(--green-dark);\n --uui-accent-70: var(--green-darkest);\n --uui-primary-5: var(--blue-soft);\n --uui-primary-10: var(--blue-lightest);\n --uui-primary-20: var(--blue-light);\n --uui-primary-50: var(--blue);\n --uui-primary-60: var(--blue-dark);\n --uui-primary-70: var(--blue-darkest);\n --uui-secondary-5: var(--gray20);\n --uui-secondary-10: var(--gray30);\n --uui-secondary-20: var(--gray40);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-critical-5: var(--red-soft);\n --uui-critical-10: var(--red-lightest);\n --uui-critical-20: var(--red-light);\n --uui-critical-50: var(--red);\n --uui-critical-60: var(--red-dark);\n --uui-critical-70: var(--red-darkest);\n /* semantic colors */\n --uui-info-5: var(--blue-soft);\n --uui-info-10: var(--blue-lightest);\n --uui-info-20: var(--blue-light);\n --uui-info-50: var(--blue);\n --uui-info-60: var(--blue-dark);\n --uui-info-70: var(--blue-darkest);\n --uui-success-5: var(--green-soft);\n --uui-success-10: var(--green-lightest);\n --uui-success-20: var(--green-light);\n --uui-success-50: var(--green);\n --uui-success-60: var(--green-dark);\n --uui-success-70: var(--green-darkest);\n --uui-warning-5: var(--amber-soft);\n --uui-warning-10: var(--amber-lightest);\n --uui-warning-20: var(--amber-light);\n --uui-warning-50: var(--amber);\n --uui-warning-60: var(--amber-dark);\n --uui-warning-70: var(--amber-darkest);\n --uui-error-5: var(--red-soft);\n --uui-error-10: var(--red-lightest);\n --uui-error-20: var(--red-light);\n --uui-error-50: var(--red);\n --uui-error-60: var(--red-dark);\n --uui-error-70: var(--red-darkest);\n --uui-neutral-0: #FFFFFF;\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: #000000;\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface: var(--uui-neutral-0);\n --uui-surface-low: var(--uui-neutral-5);\n --uui-surface-lower: var(--uui-neutral-10);\n --uui-surface-lowest: var(--uui-neutral-20);\n --uui-surface-contrast: var(--uui-neutral-70);\n --uui-surface-contrast-low: var(--uui-neutral-80);\n --uui-surface-contrast-lower: var(--uui-neutral-90);\n --uui-surface-active: var(--blue-lightest);\n --uui-surface-critical: var(--red-lightest);\n --uui-surface-warning: var(--amber-lightest);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--uui-neutral-80);\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n /* not accepted part */\n --uui-disabled: var(--uui-neutral-30);\n /* control specific */\n --uui-link: var(--blue);\n --uui-link-soft: var(--blue-soft);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--uui-neutral-40);\n --uui-link-black-hover: var(--uui-neutral-80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n --uui-control-focus: #008ACE80;\n --uui-search-result-highlight: var(--uui-warning-10);\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n --uui-border-radius: 0;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Informer */\n}\n.uui-theme-promo .uui-accordion-container {\n --uui-accordion-border-radius: 0;\n}\n.uui-theme-promo .uui-color-accent,\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-text: var(--uui-accent-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-primary,\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-text: var(--uui-primary-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-secondary,\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-text: var(--uui-secondary-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-critical,\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-text: var(--uui-critical-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-text: var(--uui-info-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-text: var(--uui-success-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-warning,\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-text: var(--uui-warning-50);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--uui-error-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-text: var(--white);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-promo .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-text: var(--gray5);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--gray10);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral,\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-dark);\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-promo .uui-button.uui-color-gray50,\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-text: var(--gray70);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-text: var(--gray50);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-promo .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-text: var(--gray90);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-50);\n --uui-color-contrast-text: var(--uui-text-white);\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-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-50);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-50);\n --uui-color-contrast-text: var(--uui-text-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-30);\n --uui-color-60: var(--violet-40);\n --uui-color-70: var(--violet-50);\n --uui-color-text: var(--violet-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-cobalt {\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-cyan {\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-color-mint {\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60,\n.uui-theme-promo .uui-icon_button.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-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white,\n.uui-theme-promo .uui-tooltip-container.uui-color-neutral {\n --uui-color-50: var(--white);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red,\n.uui-theme-promo .uui-tooltip-container.uui-color-critical {\n --uui-color-50: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray,\n.uui-theme-promo .uui-tooltip-container.uui-color-contrast {\n --uui-color-50: var(--gray80);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-informer.uui-color-gray,\n.uui-theme-promo .uui-informer.uui-color-neutral {\n --uui-color-50: var(--uui-neutral-30);\n --uui-informer-caption: var(--uui-text-dark);\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 {\n --uui-panel-bg: transparent;\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-tag {\n --uui-tag-border-radius: 0;\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-primary);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .typography-uui :global(.promo-header), .uui-theme-promo .typography-uui h1, .uui-theme-promo .typography-uui h2, .uui-theme-promo .typography-uui h3 {\n font-family: var(--font-primary);\n}"]}
1
+ {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss"],"names":[],"mappings":"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","file":"theme_promo.css","sourcesContent":["/* 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 --font-primary: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n --font-mono: 'Roboto Mono', monospace;\n\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 --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\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 --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 --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 --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\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 --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 --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 --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 --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 --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\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\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 --uui-secondary-5: var(--gray20);\n --uui-secondary-10: var(--gray30);\n --uui-secondary-20: var(--gray40);\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 --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 /* semantic colors */\n\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 --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 --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 --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 --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n\n --uui-text-info: var(--uui-info-70); // TODO: update colors\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-search_result-bg-highlight: var(--uui-warning-10);\n\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n\n --uui-border-radius: 0;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\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-primary,\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-secondary,\n .uui-color-neutral,\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-critical,\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-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-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-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-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\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.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\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-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\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-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: 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-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\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 /* 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 /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-contrast {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\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 {\n --uui-panel-bg: transparent;\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 .uui-tag {\n --uui-tag-border-radius: 0;\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-primary);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n --uui-text-font-weight: normal;\n\n }\n\n .typography-uui {\n :global(.promo-header), h1, h2, h3 {\n font-family: var(--font-primary);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n}\n\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-promo {\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n --font-mono: 'Roboto Mono', monospace;\n\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 --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n\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 --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 --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 --white: #FFFFFF;\n\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\n\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 --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 --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 --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 --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 --cyan-5: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n\n /* core variables start */\n\n /* brand colors */\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\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 --uui-secondary-5: var(--gray20);\n --uui-secondary-10: var(--gray30);\n --uui-secondary-20: var(--gray40);\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 --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 /* semantic colors */\n\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 --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 --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 --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 --uui-neutral-0: #FFFFFF;\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: #000000;\n\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n\n --uui-text-info: var(--uui-info-70); // TODO: update colors\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-search_result-bg-highlight: var(--uui-warning-10);\n\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n\n --uui-border-radius: 0;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-accent,\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-primary,\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-secondary,\n .uui-color-neutral,\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-critical,\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-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-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-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-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n }\n\n .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\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.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-gray30 {\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-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\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-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\n --uui-badge-border-hover: var(--uui-neutral-20);\n\n &.uui-fill-outline {\n --uui-badge-border: 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-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\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 /* 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 /* TooltipContainer */\n\n .uui-tooltip-container.uui-color-white,\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red,\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n }\n\n .uui-tooltip-container.uui-color-gray,\n .uui-tooltip-container.uui-color-contrast {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\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 {\n --uui-panel-bg: transparent;\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 .uui-tag {\n --uui-tag-border-radius: 0;\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-primary);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n --uui-text-font-weight: normal;\n\n }\n\n .typography-uui {\n :global(.promo-header), h1, h2, h3 {\n font-family: var(--font-primary);\n }\n }\n}\n\n.uui-theme-promo {\n @include theme-promo();\n}\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 --font-primary: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-promo: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --font-mono: \"Roboto Mono\", monospace;\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 --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\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 --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\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 --white: #FFFFFF;\n --yellow-5: #FFFFF0;\n --yellow-10: #FFFECC;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #F9B71D;\n --yellow-70: #D3910C;\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 --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\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 --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\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: #F5FBFF;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #0F9E9E;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #2E9E68;\n --mint-70: #236E4A;\n /* core variables start */\n /* brand colors */\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-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(--gray20);\n --uui-secondary-10: var(--gray30);\n --uui-secondary-20: var(--gray40);\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-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 /* semantic colors */\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-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 --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-neutral-0: #FFFFFF;\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: #000000;\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-contrast: var(--uui-neutral-5);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-60);\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-readonly: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-readonly: var(--uui-neutral-30);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--uui-neutral-60);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-checkbox-icon: var(--uui-neutral-0);\n --uui-outline-focus: #008ACE80;\n --uui-search_result-bg-highlight: var(--uui-warning-10);\n --uui-skeleton: var(--uui-neutral-40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);\n --uui-border-radius: 0;\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Badge */\n /* Button */\n /* IconButton */\n /* TooltipContainer */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* fonts */\n}\n.uui-theme-promo .uui-color-accent,\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-primary,\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-secondary,\n.uui-theme-promo .uui-color-neutral,\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-critical,\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-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-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-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-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\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(--gray80);\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-button.uui-color-gray50,\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-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\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-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral,\n.uui-theme-promo .uui-badge.uui-color-gray30 {\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-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\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-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\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 {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-10);\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-border: 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-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-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-tooltip-container.uui-color-white,\n.uui-theme-promo .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--white);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red,\n.uui-theme-promo .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray,\n.uui-theme-promo .uui-tooltip-container.uui-color-contrast {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--white);\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 {\n --uui-panel-bg: transparent;\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-tag {\n --uui-tag-border-radius: 0;\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-primary);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .typography-uui :global(.promo-header), .uui-theme-promo .typography-uui h1, .uui-theme-promo .typography-uui h2, .uui-theme-promo .typography-uui h3 {\n font-family: var(--font-primary);\n}"]}