npm - @epam/assets - Versions diffs - 5.1.2-alpha.0 → 5.1.2 - Mend

@epam/assets 5.1.2-alpha.0 → 5.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/css/theme/theme_loveship.css +21 -8
package/css/theme/theme_loveship.css.map +1 -1
package/css/theme/theme_promo.css +18 -5
package/css/theme/theme_promo.css.map +1 -1
package/css/theme/theme_vanilla_thunder.css +6 -6
package/css/theme/theme_vanilla_thunder.css.map +1 -1
package/package.json +2 -2
package/theme/theme_loveship.scss +30 -9
package/theme/theme_promo.scss +27 -6
package/theme/theme_vanilla_thunder.scss +9 -8

package/css/theme/theme_promo.css CHANGED Viewed

@@ -173,7 +173,6 @@
   --uui-disabled:var(--gray30);
   --uui-scroll_bars-bg:var(--gray40);
   --uui-scroll_bars-bg-active:var(--gray60);
-  --uui-button-bg-halftone:var(--white);
   --uui-control-bg:var(--white);
   --uui-control-bg-hover:var(--gray60);
   --uui-control-bg-disabled:var(--gray5);
@@ -209,6 +208,7 @@
   --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
   --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
   --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
+  --uui-search-result-highlight:#FFEDC9;
   --uui-text-input-bg:var(--uui-control-bg);
   --uui-text-input-bg-disabled:var(--uui-control-bg-disabled);
   --uui-text-input-bg-readonly:var(--uui-control-bg-readonly);
@@ -515,6 +515,19 @@
   --uui-badge-font:var(--font-regular);
   --uui-badge-count-font:var(--font-semibold);
   --uui-pagination-font:var(--font-regular);
+  --uui-file-card-background:var(--gray40);
+  --uui-file-card-background-loaading:var(--gray40);
+  --uui-file-card-error:var(--uui-negative);
+  --uui-file-card-error-block:var(--uui-negative-darkest);
+  --uui-file-card-default:var(--uui-secondary);
+  --uui-file-card-dropstart-border:var(--uui-primary);
+  --uui-file-card-dropstart-background:var(--uui-primary-lightest);
+  --uui-file-card-link-hover:var(--uui-primary-dark);
+  --uui-indeterminate-bar-wrapper:var(--uui-secondary-light);
+  --uui-indeterminate-bar-background:var(--uui-primary);
+  --uui-progress-bar-wrapper:var(--uui-secondary-light);
+  --uui-progress-bar-background:var(--uui-primary);
+  --uui-progress-bar-label:var(--uui-surface-contrast-lower);
 }
 .uui-theme-promo .tooltip-contrast,
 .uui-theme-promo .tooltip-gray{
@@ -535,7 +548,7 @@
   --uui-btn-bg:var(--uui-primary);
   --uui-btn-bg-hover:var(--uui-primary-dark);
   --uui-btn-bg-active:var(--uui-primary-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--white);
   --uui-btn-bg-halftone-hover:var(--uui-primary-lightest);
   --uui-btn-bg-halftone-active:var(--uui-primary-light);
   --uui-btn-border:var(--uui-primary);
@@ -551,7 +564,7 @@
   --uui-btn-bg:var(--uui-accent);
   --uui-btn-bg-hover:var(--uui-accent-dark);
   --uui-btn-bg-active:var(--uui-accent-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--white);
   --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
   --uui-btn-bg-halftone-active:var(--uui-accent-light);
   --uui-btn-border:var(--uui-accent);
@@ -567,7 +580,7 @@
   --uui-btn-bg:var(--uui-negative);
   --uui-btn-bg-hover:var(--uui-negative-dark);
   --uui-btn-bg-active:var(--uui-negative-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--white);
   --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
   --uui-btn-bg-halftone-active:var(--uui-negative-light);
   --uui-btn-border:var(--uui-negative);
@@ -585,7 +598,7 @@
   --uui-btn-bg:var(--uui-secondary);
   --uui-btn-bg-hover:var(--uui-secondary-dark);
   --uui-btn-bg-active:var(--uui-secondary-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--white);
   --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
   --uui-btn-bg-halftone-active:var(--uui-secondary-light);
   --uui-btn-border:var(--uui-secondary);

package/css/theme/theme_promo.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../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.uui-theme-promo {\n --font-regular: 'Sans Regular', Arial, sans-serif;\n --font-semibold: 'Sans Semibold', Arial, sans-serif;\n --font-italic: 'Sans Italic', Arial, sans-serif;\n --font-primary: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n --font-mono: 'Roboto Mono', Arial, sans-serif;\n --font-redacted: 'Redacted';\n --font-light: 'Sans Light', Arial, sans-serif;\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 --uui-accent: var(--green);\n --uui-accent-light: var(--green-light);\n --uui-accent-lightest: var(--green-lightest);\n --uui-accent-dark: var(--green-dark);\n --uui-accent-darkest: var(--green-darkest);\n\n --uui-primary: var(--blue);\n --uui-primary-light: var(--blue-light);\n --uui-primary-lightest: var(--blue-lightest);\n --uui-primary-dark: var(--blue-dark);\n --uui-primary-darkest: var(--blue-darkest);\n\n --uui-secondary: var(--gray60);\n --uui-secondary-light: var(--gray30);\n --uui-secondary-lightest: var(--gray20);\n --uui-secondary-dark: var(--gray70);\n --uui-secondary-darkest: var(--gray80);\n\n --uui-negative: var(--red);\n --uui-negative-light: var(--red-light);\n --uui-negative-lightest: var(--red-lightest);\n --uui-negative-dark: var(--red-dark);\n --uui-negative-darkest: var(--red-darkest);\n\n --uui-link: var(--blue);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--gray40);\n --uui-link-black-hover: var(--gray80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--gray50);\n\n --uui-info: var(--blue);\n --uui-info-soft: var(--blue-soft);\n --uui-info-lightest: var(--blue-lightest);\n --uui-info-light: var(--blue-light);\n --uui-info-dark: var(--blue-dark);\n --uui-info-darkest: var(--blue-darkest);\n\n --uui-success: var(--green);\n --uui-success-soft: var(--green-soft);\n --uui-success-lightest: var(--green-lightest);\n --uui-success-light: var(--green-light);\n --uui-success-dark: var(--green-dark);\n --uui-success-darkest: var(--green-darkest);\n\n --uui-warning: var(--amber);\n --uui-warning-soft: var(--amber-soft);\n --uui-warning-lightest: var(--amber-lightest);\n --uui-warning-light: var(--amber-light);\n --uui-warning-dark: var(--amber-dark);\n --uui-warning-darkest: var(--amber-darkest);\n\n --uui-error: var(--red);\n --uui-error-soft: var(--red-soft);\n --uui-error-lightest: var(--red-lightest);\n --uui-error-light: var(--red-light);\n --uui-error-dark: var(--red-dark);\n --uui-error-darkest: var(--red-darkest);\n\n --uui-icon: var(--gray60);\n --uui-icon-hover: var(--gray70);\n --uui-icon-active: var(--gray80);\n --uui-icon-disabled: var(--gray50);\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(--gray10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--white);\n --uui-surface-low: var(--gray5);\n --uui-surface-lower: var(--gray10);\n --uui-surface-lowest: var(--gray20);\n --uui-surface-contrast: var(--gray70);\n --uui-surface-contrast-low: var(--gray80);\n --uui-surface-contrast-lower: var(--gray90);\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(--gray40);\n --uui-divider-light: var(--gray30);\n\n --uui-text-brand: var(--gray90);\n --uui-text-primary: var(--gray80);\n --uui-text-secondary: var(--gray70);\n --uui-text-tertiary: var(--gray60);\n --uui-text-disabled: var(--gray50);\n --uui-text-contrast: var(--gray5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--gray80);\n\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n\n / not accepted part /\n\n --uui-disabled: var(--gray30); // TODO: name does not clearly reflect the meaning\n\n / control specific /\n\n --uui-scroll_bars-bg: var(--gray40);\n --uui-scroll_bars-bg-active: var(--gray60);\n\n --uui-button-bg-halftone: var(--white);\n\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--gray60);\n --uui-control-bg-disabled: var(--gray5);\n --uui-control-bg-readonly: var(--gray5);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--gray40);\n --uui-control_switch-toggler-bg: var(--white);\n\n --uui-control-border: var(--gray40);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--gray30);\n --uui-control-border-readonly: var(--gray30);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n\n --uui-control_switch-border-hover: var(--gray60);\n --uui-control_textinput-border-hover: var(--gray60);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--gray60);\n --uui-control-placeholder-disabled: var(--gray50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--gray50);\n --uui-control-icon-disabled: var(--gray50);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-tag-bg: var(--gray30);\n --uui-tag-bg-hover: var(--gray40);\n\n --uui-skeleton: var(--gray40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 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 / find below the not core variables that are used and highlight them in the code /\n\n / TextInput vars /\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n\n --uui-text-input-font: var(--font-regular);\n\n / Button vars /\n --uui-btn-border-radius: var(--uui-border-radius);\n\n --uui-btn-font: var(--font-semibold);\n\n / LinkButton vars /\n --uui-link-button-font: var(--font-semibold);\n\n / DatePicker vars /\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n\n --uui-dtp_body-content-font: var(--font-regular);\n\n / RangeDatePicker vars /\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n\n / Calendar vars /\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n\n / tab-button-vars /\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n\n / radio-input-vars /\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n\n --uui-radio-input-font: var(--font-regular);\n\n / Checkbox vars /\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n\n --uui-checkbox-font: var(--font-regular);\n\n / Tag vars /\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: var(--uui-border-radius);\n\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n\n / TextArea vars /\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n\n / DropMarker vars /\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n\n / Tooltip vars /\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 0 3px 0 rgba(29, 30, 38, 0.15)); / WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 /\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n\n --uui-tooltip-font: var(--font-regular);\n\n / PickerInput vars /\n --uui-picker_input-bg: var(--uui-surface);\n\n / PickerToggler vars /\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n\n --uui-picker-toggler-font: var(--font-regular);\n\n / Panel /\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n\n / Modals /\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n\n / TextPlaceholder /\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n\n / LabeledInput /\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n\n / Accordion /\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 0;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n\n / Switch /\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n\n --uui-switch-font: var(--font-regular);\n\n / DropdownContainer /\n --uui-dropdown-container-border-radius: 0;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n\n / DropdownMenu /\n // TODO: update tokens\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n\n / MainMenu /\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n\n / BurgerMenu /\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n\n / BurgerGroupHeader /\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n\n --uui-burger_group-font: var(--font-regular);\n\n / BurgerButton /\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n\n --uui-burger_btn-font: var(--font-regular);\n\n / BurgerSearch /\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n\n --uui-burger_search-font: var(--font-regular);\n\n / NumericInput /\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n\n / TimePicker /\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n\n / SearchPicker /\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-error);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n\n / Popover /\n --uui-popover-shadow: var(--uui-shadow-level-2);\n\n / Footer /\n --uui-footer-bg: var(--uui-surface-contrast);\n\n / FilterPanelItemToggler vars /\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n\n / NotificationCard /\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 1px;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: unset;\n\n / Alert /\n --uui-alert-border-radius: var(--uui-border-radius);\n\n / Panel /\n\n --uui-panel-bg: var(--uui-surface);\n\n / Spinner /\n --uui-spinner: var(--uui-primary);\n\n / Blocker /\n --uui-blocker-bg: var(--uui-app-bg);\n\n / FlexRow /\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n\n / DataTable vars /\n --uui-dt-border: var(--uui-divider-light);\n\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n\n --uui-dt-header-cell-font: var(--font-semibold);\n\n / AvatarStack /\n\n --uui-avatar-stack-font: var(--font-semibold);\n\n / Badge /\n\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n\n / Pagination /\n\n --uui-pagination-font: var(--font-regular);\n\n\n / ------------------------------------ /\n\n .tooltip-contrast,\n .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n }\n\n .tooltip-default,\n .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n }\n\n .tooltip-critical,\n .tooltip-red {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n }\n\n .button-blue, .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-green, .button-accent {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-red, .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-gray50,\n .button-gray,\n .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .link-button-primary,\n .link-button-blue {\n --uui-link-button-text: var(--blue);\n --uui-link-button-text-hover: var(--blue-dark);\n --uui-link-button-text-active: var(--blue-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-secondary,\n .link-button-gray60 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-contrast,\n .link-button-gray10 {\n --uui-link-button-text: var(--gray10);\n --uui-link-button-text-hover: var(--gray20);\n --uui-link-button-text-active: var(--gray30);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-green {\n --uui-link-button-text: var(--green);\n --uui-link-button-text-hover: var(--green-dark);\n --uui-link-button-text-active: var(--green-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-amber {\n --uui-link-button-text: var(--amber);\n --uui-link-button-text-hover: var(--amber-dark);\n --uui-link-button-text-active: var(--amber-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-red {\n --uui-link-button-text: var(--red);\n --uui-link-button-text-hover: var(--red-dark);\n --uui-link-button-text-active: var(--red-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .icon-button-blue,\n .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-green,\n .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-amber,\n .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-red,\n .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-gray30 {\n --uui-icon-btn: var(--gray30);\n --uui-icon-btn-hover: var(--white);\n --uui-icon-btn-active: var(--gray5);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-gray50 {\n --uui-icon-btn: var(--gray50);\n --uui-icon-btn-hover: var(--gray60);\n --uui-icon-btn-active: var(--gray70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-gray60,\n .icon-button-default,\n .icon-button-secondary {\n --uui-icon-btn: var(--uui-secondary);\n --uui-icon-btn-hover: var(--uui-secondary-dark);\n --uui-icon-btn-active: var(--uui-secondary-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-amber,\n .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success ,\n .notification-card-green {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info,\n .notification-card-blue {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error,\n .notification-card-red {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-gray60 {\n --uui-notification-card-fill: var(--gray60);\n --uui-notification-card-border: var(--gray60);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error,\n .alert-red {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n }\n\n .alert-warning,\n .alert-amber {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n }\n\n .alert-success,\n .alert-green {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n }\n\n .alert-info,\n .alert-blue {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n }\n\n .badge-cyan {\n --uui-badge-bg: var(--cyan-30);\n --uui-badge-bg-hover: var(--cyan-40);\n --uui-badge-bg-halftone: var(--cyan-10);\n --uui-badge-bg-halftone-hover: var(--cyan-20);\n --uui-badge-border-halftone: var(--cyan-20);\n --uui-badge-border-halftone-hover: var(--cyan-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--cyan-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-violet {\n --uui-badge-bg: var(--violet-30);\n --uui-badge-bg-hover: var(--violet-40);\n --uui-badge-bg-halftone: var(--violet-10);\n --uui-badge-bg-halftone-hover: var(--violet-20);\n --uui-badge-border-halftone: var(--violet-20);\n --uui-badge-border-halftone-hover: var(--violet-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--violet-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-default, .badge-gray30 {\n --uui-badge-bg: var(--gray30);\n --uui-badge-bg-hover: var(--gray40);\n --uui-badge-bg-halftone: var(--gray20);\n --uui-badge-bg-halftone-hover: var(--gray30);\n --uui-badge-border-halftone: var(--gray40);\n --uui-badge-border-halftone-hover: var(--gray50);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-info, .badge-blue {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-success, .badge-green {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-warning, .badge-amber {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-error, .badge-red {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .informer-default {\n --uui-informer-bg: var(--gray30);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--red);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .uui-text-info,\n .uui-text-blue {\n --uui-text: var(--uui-text-info);\n }\n\n .uui-text-success,\n .uui-text-green {\n --uui-text: var(--uui-text-success);\n }\n\n .uui-text-warning,\n .uui-text-amber {\n --uui-text: var(--uui-text-warning);\n }\n\n .uui-text-error,\n .uui-text-red {\n --uui-text: var(--uui-text-error);\n }\n\n .uui-text-brand,\n .uui-text-gray90 {\n --uui-text: var(--uui-text-brand);\n }\n\n .uui-text-primary,\n .uui-text-gray80 {\n --uui-text: var(--uui-text-primary);\n }\n\n .uui-text-secondary,\n .uui-text-gray60 {\n --uui-text: var(--uui-text-secondary);\n }\n\n .uui-text-disabled,\n .uui-text-gray50 {\n --uui-text: var(--uui-text-disabled);\n }\n\n .uui-text-contrast,\n .uui-text-gray5 {\n --uui-text: var(--uui-text-contrast);\n }\n\n .uui-text-white {\n --uui-text: var(--uui-text-white);\n }\n\n .uui-font-regular,\n .uui-font-sans {\n --uui-text-font: var(--font-regular);\n }\n\n .uui-font-semibold,\n .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n }\n\n .uui-font-italic,\n .uui-font-sans-italic {\n --uui-text-font: var(--font-italic);\n }\n\n .uui-font-primary,\n .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n }\n\n .uui-font-promo,\n .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n }\n\n .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n }\n\n .dropdown-container-gray70 {\n --uui-dropdown-container-bg: var(--gray70);\n }\n\n .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n }\n\n .flex-row-background-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n }\n\n .panel-white {\n --uui-panel-bg: var(--uui-surface);\n }\n\n .panel-gray90 {\n --uui-panel-bg: var(--uui-surface-contrast-lower);\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 --font-regular: \"Sans Regular\", Arial, sans-serif;\n --font-semibold: \"Sans Semibold\", Arial, sans-serif;\n --font-italic: \"Sans Italic\", Arial, sans-serif;\n --font-primary: \"Museo Sans\", \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --font-mono: \"Roboto Mono\", Arial, sans-serif;\n --font-redacted: \"Redacted\";\n --font-light: \"Sans Light\", Arial, sans-serif;\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 --uui-accent: var(--green);\n --uui-accent-light: var(--green-light);\n --uui-accent-lightest: var(--green-lightest);\n --uui-accent-dark: var(--green-dark);\n --uui-accent-darkest: var(--green-darkest);\n --uui-primary: var(--blue);\n --uui-primary-light: var(--blue-light);\n --uui-primary-lightest: var(--blue-lightest);\n --uui-primary-dark: var(--blue-dark);\n --uui-primary-darkest: var(--blue-darkest);\n --uui-secondary: var(--gray60);\n --uui-secondary-light: var(--gray30);\n --uui-secondary-lightest: var(--gray20);\n --uui-secondary-dark: var(--gray70);\n --uui-secondary-darkest: var(--gray80);\n --uui-negative: var(--red);\n --uui-negative-light: var(--red-light);\n --uui-negative-lightest: var(--red-lightest);\n --uui-negative-dark: var(--red-dark);\n --uui-negative-darkest: var(--red-darkest);\n --uui-link: var(--blue);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--gray40);\n --uui-link-black-hover: var(--gray80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--gray50);\n --uui-info: var(--blue);\n --uui-info-soft: var(--blue-soft);\n --uui-info-lightest: var(--blue-lightest);\n --uui-info-light: var(--blue-light);\n --uui-info-dark: var(--blue-dark);\n --uui-info-darkest: var(--blue-darkest);\n --uui-success: var(--green);\n --uui-success-soft: var(--green-soft);\n --uui-success-lightest: var(--green-lightest);\n --uui-success-light: var(--green-light);\n --uui-success-dark: var(--green-dark);\n --uui-success-darkest: var(--green-darkest);\n --uui-warning: var(--amber);\n --uui-warning-soft: var(--amber-soft);\n --uui-warning-lightest: var(--amber-lightest);\n --uui-warning-light: var(--amber-light);\n --uui-warning-dark: var(--amber-dark);\n --uui-warning-darkest: var(--amber-darkest);\n --uui-error: var(--red);\n --uui-error-soft: var(--red-soft);\n --uui-error-lightest: var(--red-lightest);\n --uui-error-light: var(--red-light);\n --uui-error-dark: var(--red-dark);\n --uui-error-darkest: var(--red-darkest);\n --uui-icon: var(--gray60);\n --uui-icon-hover: var(--gray70);\n --uui-icon-active: var(--gray80);\n --uui-icon-disabled: var(--gray50);\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(--gray10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface: var(--white);\n --uui-surface-low: var(--gray5);\n --uui-surface-lower: var(--gray10);\n --uui-surface-lowest: var(--gray20);\n --uui-surface-contrast: var(--gray70);\n --uui-surface-contrast-low: var(--gray80);\n --uui-surface-contrast-lower: var(--gray90);\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(--gray40);\n --uui-divider-light: var(--gray30);\n --uui-text-brand: var(--gray90);\n --uui-text-primary: var(--gray80);\n --uui-text-secondary: var(--gray70);\n --uui-text-tertiary: var(--gray60);\n --uui-text-disabled: var(--gray50);\n --uui-text-contrast: var(--gray5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--gray80);\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n / not accepted part /\n --uui-disabled: var(--gray30);\n / control specific /\n --uui-scroll_bars-bg: var(--gray40);\n --uui-scroll_bars-bg-active: var(--gray60);\n --uui-button-bg-halftone: var(--white);\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--gray60);\n --uui-control-bg-disabled: var(--gray5);\n --uui-control-bg-readonly: var(--gray5);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--gray40);\n --uui-control_switch-toggler-bg: var(--white);\n --uui-control-border: var(--gray40);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--gray30);\n --uui-control-border-readonly: var(--gray30);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-border-hover: var(--gray60);\n --uui-control_textinput-border-hover: var(--gray60);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--gray60);\n --uui-control-placeholder-disabled: var(--gray50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n --uui-control-icon: var(--gray50);\n --uui-control-icon-disabled: var(--gray50);\n --uui-control-checkbox-icon: var(--white);\n --uui-tag-bg: var(--gray30);\n --uui-tag-bg-hover: var(--gray40);\n --uui-skeleton: var(--gray40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 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 / find below the not core variables that are used and highlight them in the code /\n / TextInput vars /\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n --uui-text-input-font: var(--font-regular);\n / Button vars /\n --uui-btn-border-radius: var(--uui-border-radius);\n --uui-btn-font: var(--font-semibold);\n / LinkButton vars /\n --uui-link-button-font: var(--font-semibold);\n / DatePicker vars /\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n --uui-dtp_body-content-font: var(--font-regular);\n / RangeDatePicker vars /\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n / Calendar vars /\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n / tab-button-vars /\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n / radio-input-vars /\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n --uui-radio-input-font: var(--font-regular);\n / Checkbox vars /\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n --uui-checkbox-font: var(--font-regular);\n / Tag vars /\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: var(--uui-border-radius);\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n / TextArea vars /\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n / DropMarker vars /\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n / Tooltip vars /\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 0 3px 0 rgba(29, 30, 38, 0.15)); / WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 /\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n --uui-tooltip-font: var(--font-regular);\n / PickerInput vars /\n --uui-picker_input-bg: var(--uui-surface);\n / PickerToggler vars /\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n --uui-picker-toggler-font: var(--font-regular);\n / Panel /\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n / Modals /\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n / TextPlaceholder /\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n / LabeledInput /\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n / Accordion /\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 0;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n / Switch /\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-font: var(--font-regular);\n / DropdownContainer /\n --uui-dropdown-container-border-radius: 0;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n / DropdownMenu /\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n / MainMenu /\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n / BurgerMenu /\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n / BurgerGroupHeader /\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n --uui-burger_group-font: var(--font-regular);\n / BurgerButton /\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n --uui-burger_btn-font: var(--font-regular);\n / BurgerSearch /\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n --uui-burger_search-font: var(--font-regular);\n / NumericInput /\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n / TimePicker /\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n / SearchPicker /\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-error);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n / Popover /\n --uui-popover-shadow: var(--uui-shadow-level-2);\n / Footer /\n --uui-footer-bg: var(--uui-surface-contrast);\n / FilterPanelItemToggler vars /\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n / NotificationCard /\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 1px;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: unset;\n / Alert /\n --uui-alert-border-radius: var(--uui-border-radius);\n / Panel /\n --uui-panel-bg: var(--uui-surface);\n / Spinner /\n --uui-spinner: var(--uui-primary);\n / Blocker /\n --uui-blocker-bg: var(--uui-app-bg);\n / FlexRow /\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n / DataTable vars /\n --uui-dt-border: var(--uui-divider-light);\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n --uui-dt-header-cell-font: var(--font-semibold);\n / AvatarStack /\n --uui-avatar-stack-font: var(--font-semibold);\n / Badge /\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n / Pagination /\n --uui-pagination-font: var(--font-regular);\n / ------------------------------------ */\n}\n.uui-theme-promo .tooltip-contrast,\n.uui-theme-promo .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n}\n.uui-theme-promo .tooltip-default,\n.uui-theme-promo .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-promo .tooltip-critical,\n.uui-theme-promo .tooltip-red {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n}\n.uui-theme-promo .button-blue, .uui-theme-promo .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .button-green, .uui-theme-promo .button-accent {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .button-red, .uui-theme-promo .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .button-gray50,\n.uui-theme-promo .button-gray,\n.uui-theme-promo .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--uui-button-bg-halftone);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-primary,\n.uui-theme-promo .link-button-blue {\n --uui-link-button-text: var(--blue);\n --uui-link-button-text-hover: var(--blue-dark);\n --uui-link-button-text-active: var(--blue-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-secondary,\n.uui-theme-promo .link-button-gray60 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-contrast,\n.uui-theme-promo .link-button-gray10 {\n --uui-link-button-text: var(--gray10);\n --uui-link-button-text-hover: var(--gray20);\n --uui-link-button-text-active: var(--gray30);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-green {\n --uui-link-button-text: var(--green);\n --uui-link-button-text-hover: var(--green-dark);\n --uui-link-button-text-active: var(--green-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-amber {\n --uui-link-button-text: var(--amber);\n --uui-link-button-text-hover: var(--amber-dark);\n --uui-link-button-text-active: var(--amber-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-red {\n --uui-link-button-text: var(--red);\n --uui-link-button-text-hover: var(--red-dark);\n --uui-link-button-text-active: var(--red-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .icon-button-blue,\n.uui-theme-promo .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-green,\n.uui-theme-promo .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-amber,\n.uui-theme-promo .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-red,\n.uui-theme-promo .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-gray30 {\n --uui-icon-btn: var(--gray30);\n --uui-icon-btn-hover: var(--white);\n --uui-icon-btn-active: var(--gray5);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-gray50 {\n --uui-icon-btn: var(--gray50);\n --uui-icon-btn-hover: var(--gray60);\n --uui-icon-btn-active: var(--gray70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-gray60,\n.uui-theme-promo .icon-button-default,\n.uui-theme-promo .icon-button-secondary {\n --uui-icon-btn: var(--uui-secondary);\n --uui-icon-btn-hover: var(--uui-secondary-dark);\n --uui-icon-btn-active: var(--uui-secondary-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .notification-card-amber,\n.uui-theme-promo .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-success,\n.uui-theme-promo .notification-card-green {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-info,\n.uui-theme-promo .notification-card-blue {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-error,\n.uui-theme-promo .notification-card-red {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-gray60 {\n --uui-notification-card-fill: var(--gray60);\n --uui-notification-card-border: var(--gray60);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .alert-error,\n.uui-theme-promo .alert-red {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n}\n.uui-theme-promo .alert-warning,\n.uui-theme-promo .alert-amber {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n}\n.uui-theme-promo .alert-success,\n.uui-theme-promo .alert-green {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n}\n.uui-theme-promo .alert-info,\n.uui-theme-promo .alert-blue {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n}\n.uui-theme-promo .badge-cyan {\n --uui-badge-bg: var(--cyan-30);\n --uui-badge-bg-hover: var(--cyan-40);\n --uui-badge-bg-halftone: var(--cyan-10);\n --uui-badge-bg-halftone-hover: var(--cyan-20);\n --uui-badge-border-halftone: var(--cyan-20);\n --uui-badge-border-halftone-hover: var(--cyan-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--cyan-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-violet {\n --uui-badge-bg: var(--violet-30);\n --uui-badge-bg-hover: var(--violet-40);\n --uui-badge-bg-halftone: var(--violet-10);\n --uui-badge-bg-halftone-hover: var(--violet-20);\n --uui-badge-border-halftone: var(--violet-20);\n --uui-badge-border-halftone-hover: var(--violet-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--violet-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-default, .uui-theme-promo .badge-gray30 {\n --uui-badge-bg: var(--gray30);\n --uui-badge-bg-hover: var(--gray40);\n --uui-badge-bg-halftone: var(--gray20);\n --uui-badge-bg-halftone-hover: var(--gray30);\n --uui-badge-border-halftone: var(--gray40);\n --uui-badge-border-halftone-hover: var(--gray50);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-info, .uui-theme-promo .badge-blue {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-success, .uui-theme-promo .badge-green {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-error, .uui-theme-promo .badge-red {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .informer-default {\n --uui-informer-bg: var(--gray30);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-promo .informer-focus {\n --uui-informer-bg: var(--red);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-promo .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-promo .uui-text-info,\n.uui-theme-promo .uui-text-blue {\n --uui-text: var(--uui-text-info);\n}\n.uui-theme-promo .uui-text-success,\n.uui-theme-promo .uui-text-green {\n --uui-text: var(--uui-text-success);\n}\n.uui-theme-promo .uui-text-warning,\n.uui-theme-promo .uui-text-amber {\n --uui-text: var(--uui-text-warning);\n}\n.uui-theme-promo .uui-text-error,\n.uui-theme-promo .uui-text-red {\n --uui-text: var(--uui-text-error);\n}\n.uui-theme-promo .uui-text-brand,\n.uui-theme-promo .uui-text-gray90 {\n --uui-text: var(--uui-text-brand);\n}\n.uui-theme-promo .uui-text-primary,\n.uui-theme-promo .uui-text-gray80 {\n --uui-text: var(--uui-text-primary);\n}\n.uui-theme-promo .uui-text-secondary,\n.uui-theme-promo .uui-text-gray60 {\n --uui-text: var(--uui-text-secondary);\n}\n.uui-theme-promo .uui-text-disabled,\n.uui-theme-promo .uui-text-gray50 {\n --uui-text: var(--uui-text-disabled);\n}\n.uui-theme-promo .uui-text-contrast,\n.uui-theme-promo .uui-text-gray5 {\n --uui-text: var(--uui-text-contrast);\n}\n.uui-theme-promo .uui-text-white {\n --uui-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-font-regular,\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--font-regular);\n}\n.uui-theme-promo .uui-font-semibold,\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n}\n.uui-theme-promo .uui-font-italic,\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--font-italic);\n}\n.uui-theme-promo .uui-font-primary,\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n}\n.uui-theme-promo .uui-font-promo,\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n}\n.uui-theme-promo .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n}\n.uui-theme-promo .dropdown-container-gray70 {\n --uui-dropdown-container-bg: var(--gray70);\n}\n.uui-theme-promo .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n}\n.uui-theme-promo .flex-row-background-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .panel-white {\n --uui-panel-bg: var(--uui-surface);\n}\n.uui-theme-promo .panel-gray90 {\n --uui-panel-bg: var(--uui-surface-contrast-lower);\n}"]}
1	+ {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../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.uui-theme-promo {\n --font-regular: 'Sans Regular', Arial, sans-serif;\n --font-semibold: 'Sans Semibold', Arial, sans-serif;\n --font-italic: 'Sans Italic', Arial, sans-serif;\n --font-primary: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\n --font-mono: 'Roboto Mono', Arial, sans-serif;\n --font-redacted: 'Redacted';\n --font-light: 'Sans Light', Arial, sans-serif;\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 --uui-accent: var(--green);\n --uui-accent-light: var(--green-light);\n --uui-accent-lightest: var(--green-lightest);\n --uui-accent-dark: var(--green-dark);\n --uui-accent-darkest: var(--green-darkest);\n\n --uui-primary: var(--blue);\n --uui-primary-light: var(--blue-light);\n --uui-primary-lightest: var(--blue-lightest);\n --uui-primary-dark: var(--blue-dark);\n --uui-primary-darkest: var(--blue-darkest);\n\n --uui-secondary: var(--gray60);\n --uui-secondary-light: var(--gray30);\n --uui-secondary-lightest: var(--gray20);\n --uui-secondary-dark: var(--gray70);\n --uui-secondary-darkest: var(--gray80);\n\n --uui-negative: var(--red);\n --uui-negative-light: var(--red-light);\n --uui-negative-lightest: var(--red-lightest);\n --uui-negative-dark: var(--red-dark);\n --uui-negative-darkest: var(--red-darkest);\n\n --uui-link: var(--blue);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--gray40);\n --uui-link-black-hover: var(--gray80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--gray50);\n\n --uui-info: var(--blue);\n --uui-info-soft: var(--blue-soft);\n --uui-info-lightest: var(--blue-lightest);\n --uui-info-light: var(--blue-light);\n --uui-info-dark: var(--blue-dark);\n --uui-info-darkest: var(--blue-darkest);\n\n --uui-success: var(--green);\n --uui-success-soft: var(--green-soft);\n --uui-success-lightest: var(--green-lightest);\n --uui-success-light: var(--green-light);\n --uui-success-dark: var(--green-dark);\n --uui-success-darkest: var(--green-darkest);\n\n --uui-warning: var(--amber);\n --uui-warning-soft: var(--amber-soft);\n --uui-warning-lightest: var(--amber-lightest);\n --uui-warning-light: var(--amber-light);\n --uui-warning-dark: var(--amber-dark);\n --uui-warning-darkest: var(--amber-darkest);\n\n --uui-error: var(--red);\n --uui-error-soft: var(--red-soft);\n --uui-error-lightest: var(--red-lightest);\n --uui-error-light: var(--red-light);\n --uui-error-dark: var(--red-dark);\n --uui-error-darkest: var(--red-darkest);\n\n --uui-icon: var(--gray60);\n --uui-icon-hover: var(--gray70);\n --uui-icon-active: var(--gray80);\n --uui-icon-disabled: var(--gray50);\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(--gray10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--white);\n --uui-surface-low: var(--gray5);\n --uui-surface-lower: var(--gray10);\n --uui-surface-lowest: var(--gray20);\n --uui-surface-contrast: var(--gray70);\n --uui-surface-contrast-low: var(--gray80);\n --uui-surface-contrast-lower: var(--gray90);\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(--gray40);\n --uui-divider-light: var(--gray30);\n\n --uui-text-brand: var(--gray90);\n --uui-text-primary: var(--gray80);\n --uui-text-secondary: var(--gray70);\n --uui-text-tertiary: var(--gray60);\n --uui-text-disabled: var(--gray50);\n --uui-text-contrast: var(--gray5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--gray80);\n\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n\n / not accepted part /\n\n --uui-disabled: var(--gray30); // TODO: name does not clearly reflect the meaning\n\n / control specific /\n\n --uui-scroll_bars-bg: var(--gray40);\n --uui-scroll_bars-bg-active: var(--gray60);\n\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--gray60);\n --uui-control-bg-disabled: var(--gray5);\n --uui-control-bg-readonly: var(--gray5);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--gray40);\n --uui-control_switch-toggler-bg: var(--white);\n\n --uui-control-border: var(--gray40);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--gray30);\n --uui-control-border-readonly: var(--gray30);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n\n --uui-control_switch-border-hover: var(--gray60);\n --uui-control_textinput-border-hover: var(--gray60);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--gray60);\n --uui-control-placeholder-disabled: var(--gray50);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--gray50);\n --uui-control-icon-disabled: var(--gray50);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-tag-bg: var(--gray30);\n --uui-tag-bg-hover: var(--gray40);\n\n --uui-skeleton: var(--gray40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 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 / Search results text highlighting /\n --uui-search-result-highlight: #FFEDC9;\n\n / core variables end /\n\n / find below the not core variables that are used and highlight them in the code /\n\n / TextInput vars /\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n\n --uui-text-input-font: var(--font-regular);\n\n / Button vars /\n --uui-btn-border-radius: var(--uui-border-radius);\n\n --uui-btn-font: var(--font-semibold);\n\n / LinkButton vars /\n --uui-link-button-font: var(--font-semibold);\n\n / DatePicker vars /\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n\n --uui-dtp_body-content-font: var(--font-regular);\n\n / RangeDatePicker vars /\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n\n / Calendar vars /\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n\n / tab-button-vars /\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n\n / radio-input-vars /\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n\n --uui-radio-input-font: var(--font-regular);\n\n / Checkbox vars /\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n\n --uui-checkbox-font: var(--font-regular);\n\n / Tag vars /\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: var(--uui-border-radius);\n\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n\n / TextArea vars /\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n\n / DropMarker vars /\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n\n / Tooltip vars /\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 0 3px 0 rgba(29, 30, 38, 0.15)); / WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 /\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n\n --uui-tooltip-font: var(--font-regular);\n\n / PickerInput vars /\n --uui-picker_input-bg: var(--uui-surface);\n\n / PickerToggler vars /\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n\n --uui-picker-toggler-font: var(--font-regular);\n\n / Panel /\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n\n / Modals /\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n\n / TextPlaceholder /\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n\n / LabeledInput /\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n\n / Accordion /\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 0;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n\n / Switch /\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n\n --uui-switch-font: var(--font-regular);\n\n / DropdownContainer /\n --uui-dropdown-container-border-radius: 0;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n\n / DropdownMenu /\n // TODO: update tokens\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n\n / MainMenu /\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n\n / BurgerMenu /\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n\n / BurgerGroupHeader /\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n\n --uui-burger_group-font: var(--font-regular);\n\n / BurgerButton /\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n\n --uui-burger_btn-font: var(--font-regular);\n\n / BurgerSearch /\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n\n --uui-burger_search-font: var(--font-regular);\n\n / NumericInput /\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n\n / TimePicker /\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n\n / SearchPicker /\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-error);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n\n / Popover /\n --uui-popover-shadow: var(--uui-shadow-level-2);\n\n / Footer /\n --uui-footer-bg: var(--uui-surface-contrast);\n\n / FilterPanelItemToggler vars /\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n\n / NotificationCard /\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 1px;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: unset;\n\n / Alert /\n --uui-alert-border-radius: var(--uui-border-radius);\n\n / Panel /\n\n --uui-panel-bg: var(--uui-surface);\n\n / Spinner /\n --uui-spinner: var(--uui-primary);\n\n / Blocker /\n --uui-blocker-bg: var(--uui-app-bg);\n\n / FlexRow /\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n\n / DataTable vars /\n --uui-dt-border: var(--uui-divider-light);\n\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n\n --uui-dt-header-cell-font: var(--font-semibold);\n\n / AvatarStack /\n\n --uui-avatar-stack-font: var(--font-semibold);\n\n / Badge /\n\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n\n / Pagination /\n\n --uui-pagination-font: var(--font-regular);\n\n / FileCard /\n --uui-file-card-background: var(--gray40);\n --uui-file-card-background-loaading: var(--gray40);\n --uui-file-card-error: var(--uui-negative);\n --uui-file-card-error-block: var(--uui-negative-darkest);\n --uui-file-card-default: var(--uui-secondary);\n --uui-file-card-dropstart-border: var(--uui-primary);\n --uui-file-card-dropstart-background: var(--uui-primary-lightest);\n --uui-file-card-link-hover: var(--uui-primary-dark);\n\n / IndeterminateBar /\n\n --uui-indeterminate-bar-wrapper: var(--uui-secondary-light);\n --uui-indeterminate-bar-background: var(--uui-primary);\n\n / ProgressBar /\n\n --uui-progress-bar-wrapper: var(--uui-secondary-light);\n --uui-progress-bar-background: var(--uui-primary);\n --uui-progress-bar-label: var(--uui-surface-contrast-lower);\n\n / ------------------------------------ /\n\n .tooltip-contrast,\n .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n }\n\n .tooltip-default,\n .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n }\n\n .tooltip-critical,\n .tooltip-red {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n }\n\n .button-blue, .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-green, .button-accent {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-red, .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-gray50,\n .button-gray,\n .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .link-button-primary,\n .link-button-blue {\n --uui-link-button-text: var(--blue);\n --uui-link-button-text-hover: var(--blue-dark);\n --uui-link-button-text-active: var(--blue-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-secondary,\n .link-button-gray60 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-contrast,\n .link-button-gray10 {\n --uui-link-button-text: var(--gray10);\n --uui-link-button-text-hover: var(--gray20);\n --uui-link-button-text-active: var(--gray30);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-green {\n --uui-link-button-text: var(--green);\n --uui-link-button-text-hover: var(--green-dark);\n --uui-link-button-text-active: var(--green-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-amber {\n --uui-link-button-text: var(--amber);\n --uui-link-button-text-hover: var(--amber-dark);\n --uui-link-button-text-active: var(--amber-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-red {\n --uui-link-button-text: var(--red);\n --uui-link-button-text-hover: var(--red-dark);\n --uui-link-button-text-active: var(--red-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .icon-button-blue,\n .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-green,\n .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-amber,\n .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-red,\n .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-gray30 {\n --uui-icon-btn: var(--gray30);\n --uui-icon-btn-hover: var(--white);\n --uui-icon-btn-active: var(--gray5);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-gray50 {\n --uui-icon-btn: var(--gray50);\n --uui-icon-btn-hover: var(--gray60);\n --uui-icon-btn-active: var(--gray70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-gray60,\n .icon-button-default,\n .icon-button-secondary {\n --uui-icon-btn: var(--uui-secondary);\n --uui-icon-btn-hover: var(--uui-secondary-dark);\n --uui-icon-btn-active: var(--uui-secondary-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-amber,\n .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success ,\n .notification-card-green {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info,\n .notification-card-blue {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error,\n .notification-card-red {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-gray60 {\n --uui-notification-card-fill: var(--gray60);\n --uui-notification-card-border: var(--gray60);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error,\n .alert-red {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n }\n\n .alert-warning,\n .alert-amber {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n }\n\n .alert-success,\n .alert-green {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n }\n\n .alert-info,\n .alert-blue {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n }\n\n .badge-cyan {\n --uui-badge-bg: var(--cyan-30);\n --uui-badge-bg-hover: var(--cyan-40);\n --uui-badge-bg-halftone: var(--cyan-10);\n --uui-badge-bg-halftone-hover: var(--cyan-20);\n --uui-badge-border-halftone: var(--cyan-20);\n --uui-badge-border-halftone-hover: var(--cyan-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--cyan-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-violet {\n --uui-badge-bg: var(--violet-30);\n --uui-badge-bg-hover: var(--violet-40);\n --uui-badge-bg-halftone: var(--violet-10);\n --uui-badge-bg-halftone-hover: var(--violet-20);\n --uui-badge-border-halftone: var(--violet-20);\n --uui-badge-border-halftone-hover: var(--violet-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--violet-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-default, .badge-gray30 {\n --uui-badge-bg: var(--gray30);\n --uui-badge-bg-hover: var(--gray40);\n --uui-badge-bg-halftone: var(--gray20);\n --uui-badge-bg-halftone-hover: var(--gray30);\n --uui-badge-border-halftone: var(--gray40);\n --uui-badge-border-halftone-hover: var(--gray50);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-info, .badge-blue {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-success, .badge-green {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-warning, .badge-amber {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .badge-error, .badge-red {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n }\n\n .informer-default {\n --uui-informer-bg: var(--gray30);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--red);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .uui-text-info,\n .uui-text-blue {\n --uui-text: var(--uui-text-info);\n }\n\n .uui-text-success,\n .uui-text-green {\n --uui-text: var(--uui-text-success);\n }\n\n .uui-text-warning,\n .uui-text-amber {\n --uui-text: var(--uui-text-warning);\n }\n\n .uui-text-error,\n .uui-text-red {\n --uui-text: var(--uui-text-error);\n }\n\n .uui-text-brand,\n .uui-text-gray90 {\n --uui-text: var(--uui-text-brand);\n }\n\n .uui-text-primary,\n .uui-text-gray80 {\n --uui-text: var(--uui-text-primary);\n }\n\n .uui-text-secondary,\n .uui-text-gray60 {\n --uui-text: var(--uui-text-secondary);\n }\n\n .uui-text-disabled,\n .uui-text-gray50 {\n --uui-text: var(--uui-text-disabled);\n }\n\n .uui-text-contrast,\n .uui-text-gray5 {\n --uui-text: var(--uui-text-contrast);\n }\n\n .uui-text-white {\n --uui-text: var(--uui-text-white);\n }\n\n .uui-font-regular,\n .uui-font-sans {\n --uui-text-font: var(--font-regular);\n }\n\n .uui-font-semibold,\n .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n }\n\n .uui-font-italic,\n .uui-font-sans-italic {\n --uui-text-font: var(--font-italic);\n }\n\n .uui-font-primary,\n .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n }\n\n .uui-font-promo,\n .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n }\n\n .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n }\n\n .dropdown-container-gray70 {\n --uui-dropdown-container-bg: var(--gray70);\n }\n\n .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n }\n\n .flex-row-background-gray5 {\n --uui-flex-row-bg: var(--gray5);\n }\n\n .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n }\n\n .panel-white {\n --uui-panel-bg: var(--uui-surface);\n }\n\n .panel-gray90 {\n --uui-panel-bg: var(--uui-surface-contrast-lower);\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 --font-regular: \"Sans Regular\", Arial, sans-serif;\n --font-semibold: \"Sans Semibold\", Arial, sans-serif;\n --font-italic: \"Sans Italic\", Arial, sans-serif;\n --font-primary: \"Museo Sans\", \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --font-mono: \"Roboto Mono\", Arial, sans-serif;\n --font-redacted: \"Redacted\";\n --font-light: \"Sans Light\", Arial, sans-serif;\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 --uui-accent: var(--green);\n --uui-accent-light: var(--green-light);\n --uui-accent-lightest: var(--green-lightest);\n --uui-accent-dark: var(--green-dark);\n --uui-accent-darkest: var(--green-darkest);\n --uui-primary: var(--blue);\n --uui-primary-light: var(--blue-light);\n --uui-primary-lightest: var(--blue-lightest);\n --uui-primary-dark: var(--blue-dark);\n --uui-primary-darkest: var(--blue-darkest);\n --uui-secondary: var(--gray60);\n --uui-secondary-light: var(--gray30);\n --uui-secondary-lightest: var(--gray20);\n --uui-secondary-dark: var(--gray70);\n --uui-secondary-darkest: var(--gray80);\n --uui-negative: var(--red);\n --uui-negative-light: var(--red-light);\n --uui-negative-lightest: var(--red-lightest);\n --uui-negative-dark: var(--red-dark);\n --uui-negative-darkest: var(--red-darkest);\n --uui-link: var(--blue);\n --uui-link-hover: var(--blue-dark);\n --uui-link-wite-hover: var(--gray40);\n --uui-link-black-hover: var(--gray80);\n --uui-link-visited: #5214CC;\n --uui-link-disabled: var(--gray50);\n --uui-info: var(--blue);\n --uui-info-soft: var(--blue-soft);\n --uui-info-lightest: var(--blue-lightest);\n --uui-info-light: var(--blue-light);\n --uui-info-dark: var(--blue-dark);\n --uui-info-darkest: var(--blue-darkest);\n --uui-success: var(--green);\n --uui-success-soft: var(--green-soft);\n --uui-success-lightest: var(--green-lightest);\n --uui-success-light: var(--green-light);\n --uui-success-dark: var(--green-dark);\n --uui-success-darkest: var(--green-darkest);\n --uui-warning: var(--amber);\n --uui-warning-soft: var(--amber-soft);\n --uui-warning-lightest: var(--amber-lightest);\n --uui-warning-light: var(--amber-light);\n --uui-warning-dark: var(--amber-dark);\n --uui-warning-darkest: var(--amber-darkest);\n --uui-error: var(--red);\n --uui-error-soft: var(--red-soft);\n --uui-error-lightest: var(--red-lightest);\n --uui-error-light: var(--red-light);\n --uui-error-dark: var(--red-dark);\n --uui-error-darkest: var(--red-darkest);\n --uui-icon: var(--gray60);\n --uui-icon-hover: var(--gray70);\n --uui-icon-active: var(--gray80);\n --uui-icon-disabled: var(--gray50);\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(--gray10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface: var(--white);\n --uui-surface-low: var(--gray5);\n --uui-surface-lower: var(--gray10);\n --uui-surface-lowest: var(--gray20);\n --uui-surface-contrast: var(--gray70);\n --uui-surface-contrast-low: var(--gray80);\n --uui-surface-contrast-lower: var(--gray90);\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(--gray40);\n --uui-divider-light: var(--gray30);\n --uui-text-brand: var(--gray90);\n --uui-text-primary: var(--gray80);\n --uui-text-secondary: var(--gray70);\n --uui-text-tertiary: var(--gray60);\n --uui-text-disabled: var(--gray50);\n --uui-text-contrast: var(--gray5);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--gray80);\n --uui-text-info: var(--uui-info);\n --uui-text-warning: var(--uui-warning);\n --uui-text-error: var(--uui-error);\n --uui-text-success: var(--uui-success);\n / not accepted part /\n --uui-disabled: var(--gray30);\n / control specific /\n --uui-scroll_bars-bg: var(--gray40);\n --uui-scroll_bars-bg-active: var(--gray60);\n --uui-control-bg: var(--white);\n --uui-control-bg-hover: var(--gray60);\n --uui-control-bg-disabled: var(--gray5);\n --uui-control-bg-readonly: var(--gray5);\n --uui-control-bg-checked: var(--uui-primary);\n --uui-control-bg-checked-hover: var(--uui-primary-dark);\n --uui-control-bg-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-bg: var(--gray40);\n --uui-control_switch-toggler-bg: var(--white);\n --uui-control-border: var(--gray40);\n --uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--gray30);\n --uui-control-border-readonly: var(--gray30);\n --uui-control-border-checked: var(--uui-primary);\n --uui-control-border-checked-hover: var(--uui-primary-dark);\n --uui-control-border-checked-disabled: var(--uui-primary-light);\n --uui-control_switch-border-hover: var(--gray60);\n --uui-control_textinput-border-hover: var(--gray60);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--gray60);\n --uui-control-placeholder-disabled: var(--gray50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n --uui-control-icon: var(--gray50);\n --uui-control-icon-disabled: var(--gray50);\n --uui-control-checkbox-icon: var(--white);\n --uui-tag-bg: var(--gray30);\n --uui-tag-bg-hover: var(--gray40);\n --uui-skeleton: var(--gray40);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--gray40) 0%, var(--gray10) 50%, var(--gray40) 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 / Search results text highlighting /\n --uui-search-result-highlight: #FFEDC9;\n / core variables end /\n / find below the not core variables that are used and highlight them in the code /\n / TextInput vars /\n --uui-text-input-bg: var(--uui-control-bg);\n --uui-text-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-input-bg-readonly: var(--uui-control-bg-readonly);\n --uui-text-input-border: var(--uui-control-border);\n --uui-text-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error);\n --uui-text-input-border-disabled: var(--uui-control-border-disabled);\n --uui-text-input-border-readonly: var(--uui-control-border-readonly);\n --uui-text-input-placeholder: var(--uui-control-placeholder);\n --uui-text-input-placeholder-disabled: var(--uui-control-placeholder-disabled);\n --uui-text-input-text: var(--uui-control-text);\n --uui-text-input-text-disabled: var(--uui-control-text-disabled);\n --uui-text-input-icon: var(--uui-control-icon);\n --uui-text-input-icon-disabled: var(--uui-control-icon-disabled);\n --uui-text-input-icon-clickable: var(--uui-icon);\n --uui-text-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-text-input-border-radius: var(--uui-border-radius);\n --uui-text-input-font: var(--font-regular);\n / Button vars /\n --uui-btn-border-radius: var(--uui-border-radius);\n --uui-btn-font: var(--font-semibold);\n / LinkButton vars /\n --uui-link-button-font: var(--font-semibold);\n / DatePicker vars /\n --uui-dtp-title-bg: var(--uui-control-bg);\n --uui-dtp-text-selected: var(--uui-control-border-checked);\n --uui-dtp-text: var(--uui-control-text);\n --uui-dtp_body-content-font: var(--font-regular);\n / RangeDatePicker vars /\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-lightest);\n / Calendar vars /\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-dark);\n --uui-calendar-start-end-selected: var(--uui-control-border-checked);\n --uui-calendar-weekends-weekdates: var(--uui-control-placeholder);\n --uui-calendar-text: var(--uui-control-text);\n --uui-calendar-text-filtered: var(--uui-control-text-disabled);\n --uui-calendar-content-font: var(--font-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\n / tab-button-vars /\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary);\n --uui-tab_button-text-active: var(--uui-primary);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-semibold);\n / radio-input-vars /\n --uui-radio-input-bg: var(--uui-control-bg);\n --uui-radio-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-radio-input-border: var(--uui-control-border);\n --uui-radio-input-border-checked: var(--uui-control-border-checked);\n --uui-radio-input-border-hover: var(--uui-control-border-hover);\n --uui-radio-input-border-disabled: var(--uui-control-border-disabled);\n --uui-radio-input-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-label: var(--uui-control-label);\n --uui-radio-input-label-disabled: var(--uui-control-label-disabled);\n --uui-radio-input-fill-checked: var(--uui-control-border-checked);\n --uui-radio-input-fill-hover: var(--uui-control-border-hover);\n --uui-radio-input-fill-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-radio-input-error: var(--uui-negative);\n --uui-radio-input-font: var(--font-regular);\n / Checkbox vars /\n --uui-checkbox-border: var(--uui-control-border);\n --uui-checkbox-border-hover: var(--uui-control-border-hover);\n --uui-checkbox-border-disabled: var(--uui-control-border-disabled);\n --uui-checkbox-border-checked: var(--uui-control-border-checked);\n --uui-checkbox-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-checkbox-bg: var(--uui-control-bg);\n --uui-checkbox-bg-checked: var(--uui-control-bg-checked);\n --uui-checkbox-bg-disabled: var(--uui-control-bg-disabled);\n --uui-checkbox-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-checkbox-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-checkbox-error: var(--uui-negative);\n --uui-checkbox-fill: var(--uui-control-checkbox-icon);\n --uui-checkbox-label: var(--uui-control-label);\n --uui-checkbox-label-disabled: var(--uui-control-label-disabled);\n --uui-checkbox-border-radius: var(--uui-border-radius);\n --uui-checkbox-font: var(--font-regular);\n / Tag vars /\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-icon);\n --uui-tag-fill-hover: var(--uui-icon-hover);\n --uui-tag-count-bg: var(--uui-surface);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-border-radius: var(--uui-border-radius);\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n / TextArea vars /\n --uui-text-area-bg: var(--uui-control-bg);\n --uui-text-area-bg-disabled: var(--uui-control-bg-disabled);\n --uui-text-area-border: var(--uui-control-border);\n --uui-text-area-border-disabled: var(--uui-control-border-disabled);\n --uui-text-area-border-hover: var(--uui-control_textinput-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error);\n --uui-text-area-placeholder: var(--uui-control-placeholder);\n --uui-text-area-text: var(--uui-control-text);\n --uui-text-area-text-disabled: var(--uui-control-text-disabled);\n --uui-text-area-icon: var(--uui-icon);\n --uui-text-area-border-radius: var(--uui-border-radius);\n --uui-text-area-font: var(--font-regular);\n --uui-text-area-counter-font: var(--font-regular);\n / DropMarker vars /\n --uui-drop-marker: var(--uui-primary);\n --uui-drop-marker-blocked: var(--uui-error);\n / Tooltip vars /\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 0 3px 0 rgba(29, 30, 38, 0.15)); / WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 /\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n --uui-tooltip-border-radius: var(--uui-border-radius);\n --uui-tooltip-font: var(--font-regular);\n / PickerInput vars /\n --uui-picker_input-bg: var(--uui-surface);\n / PickerToggler vars /\n --uui-picker-toggler-bg: var(--uui-control-bg);\n --uui-picker-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-picker-toggler-border: var(--uui-control-border);\n --uui-picker-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-picker-toggler-border-hover: var(--uui-control_textinput-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error);\n --uui-picker-toggler-placeholder: var(--uui-control-placeholder);\n --uui-picker-toggler-text: var(--uui-control-text);\n --uui-picker-toggler-text-disabled: var(--uui-control-text-disabled);\n --uui-picker-toggler-icon: var(--uui-control-icon);\n --uui-picker-toggler-icon-disabled: var(--uui-control-icon-disabled);\n --uui-picker-toggler-icon-clickable: var(--uui-icon);\n --uui-picker-toggler-icon-clickable-hover: var(--uui-icon-hover);\n --uui-picker-toggler-border-radius: var(--uui-border-radius);\n --uui-picker-toggler-font: var(--font-regular);\n / Panel /\n --uui-panel-border-radius: var(--uui-border-radius);\n --uui-panel-shadow: var(--uui-shadow-level-1);\n / Modals /\n --uui-modals-border-radius: var(--uui-border-radius);\n --uui-modals-overlay: rgba(29, 30, 38, 0.8);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface);\n / TextPlaceholder /\n --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);\n --uui-text-placeholder: var(--uui-skeleton);\n / LabeledInput /\n --uui-labeled-input: var(--uui-text-primary);\n --uui-labeled-input-disabled: var(--uui-text-disabled);\n --uui-labeled-input-error: var(--uui-error);\n --uui-labeled-input-fill: var(--uui-icon);\n --uui-labeled-input-info-fill: var(--uui-icon);\n --uui-labeled-input-optional-text: var(--uui-text-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error);\n --uui-labeled-input-font: var(--font-semibold);\n --uui-labeled-input-optional-font: var(--font-italic);\n --uui-labeled-input-invalid-msg-font: var(--font-regular);\n / Accordion /\n --uui-accordion-bg: var(--uui-surface);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 0;\n --uui-accordion-text: var(--uui-text-primary);\n --uui-accordion-text-disabled: var(--uui-text-disabled);\n --uui-accordion-icon: var(--uui-icon);\n --uui-accordion-icon-disabled: var(--uui-text-input-icon-disabled);\n --uui-accordion-focus: var(--uui-primary);\n --uui-accordion-shadow: var(--uui-shadow-level-1);\n --uui-accordion-shadow-hovered: var(--uui-shadow-level-2);\n --uui-accordion-toggler-font: var(--font-semibold);\n --uui-accordion-body-font: var(--font-regular);\n / Switch /\n --uui-switch-bg: var(--uui-control_switch-bg);\n --uui-switch-border-hover: var(--uui-control_switch-border-hover);\n --uui-switch-bg-checked: var(--uui-control-bg-checked);\n --uui-switch-bg-hover: var(--uui-control-bg-hover);\n --uui-switch-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-bg-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-bg-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-border: var(--uui-control-border);\n --uui-switch-border-checked: var(--uui-control-border-checked);\n --uui-switch-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-border-checked-hover: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-hover-copy: var(--uui-control-border-checked-hover);\n --uui-switch-border-checked-disabled: var(--uui-control-border-checked-disabled);\n --uui-switch-label: var(--uui-control-label);\n --uui-switch-label-disabled: var(--uui-control-label-disabled);\n --uui-switch-toggler-bg: var(--uui-control_switch-toggler-bg);\n --uui-switch-toggler-bg-disabled: var(--uui-control-bg-disabled);\n --uui-switch-toggler-border-checked: var(--uui-control-bg-checked);\n --uui-switch-toggler-border-hover: var(--uui-control-bg-hover);\n --uui-switch-toggler-border-disabled: var(--uui-control-border-disabled);\n --uui-switch-toggler-border-checked-hover: var(--uui-control-bg-checked-hover);\n --uui-switch-toggler-border-checked-disabled: var(--uui-control-bg-checked-disabled);\n --uui-switch-font: var(--font-regular);\n / DropdownContainer /\n --uui-dropdown-container-border-radius: 0;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface);\n / DropdownMenu /\n --uui-dropdown-menu-bg: var(--uui-surface);\n --uui-dropdown-menu-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-menu-splitter: var(--uui-divider);\n --uui-dropdown-menu-item-hover: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-active: var(--uui-surface-lowest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n --uui-dropdown-menu-body-font: var(--font-regular);\n --uui-dropdown-menu-item-font: var(--font-regular);\n / MainMenu /\n --uui-main_menu-text: var(--uui-text-contrast);\n --uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: var(--uui-surface-contrast-low);\n --uui-main_menu-hover: var(--uui-surface-contrast-lower);\n --uui-main_menu-active: var(--uui-surface-contrast-lower);\n --uui-main_menu-border-active: var(--uui-primary);\n --uui-main_menu-dropdown-bg: var(--uui-surface-contrast-lower);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary);\n --uui-main_menu-dropdown-shadow: none;\n --uui-main_menu-dropdown-border-radius: none;\n --uui-main_menu-search-bg: var(--uui-secondary-darkest);\n --uui-main_menu-search-border: var(--uui-secondary-darkest);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-disabled);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n --uui-main_menu-icon: var(--uui-text-contrast);\n --uui-main_menu-icon-hover: var(--uui-text-contrast);\n --uui-main_menu-icon-active: var(--uui-text-contrast);\n --uui-main_menu-font: var(--font-semibold);\n --uui-main_menu-search-font: var(--font-regular);\n / BurgerMenu /\n --uui-burger_menu-bg: var(--uui-surface-contrast-lower);\n --uui-burger_menu-bg-hover: var(--uui-surface-contrast-lower);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-contrast);\n --uui-burger_item: var(--uui-text-brand);\n / BurgerGroupHeader /\n --uui-burger_group-text: var(--uui-text-disabled);\n --uui-burger_group-bg: var(--uui-surface-contrast);\n --uui-burger_group-line: var(--uui-text-secondary);\n --uui-burger_group-font: var(--font-regular);\n / BurgerButton /\n --uui-burger_btn_caption: var(--uui-text-contrast);\n --uui-burger_btn_caption-hover: var(--uui-primary);\n --uui-burger_btn_caption-active: var(--uui-primary);\n --uui-burger_btn-border: var(--uui-disabled);\n --uui-burger_btn-font: var(--font-regular);\n / BurgerSearch /\n --uui-burger_search: var(--uui-text-contrast);\n --uui-burger_search-fill: var(--uui-text-disabled);\n --uui-burger_search-bg: var(--uui-surface-contrast);\n --uui-burger_search-placeholder: var(--uui-text-disabled);\n --uui-burger_search-font: var(--font-regular);\n / NumericInput /\n --uui-numeric-input-bg: var(--uui-control-bg);\n --uui-numeric-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-numeric-input-border: var(--uui-control-border);\n --uui-numeric-input-border-disabled: var(--uui-control-border-disabled);\n --uui-numeric-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error);\n --uui-numeric-input-placeholder: var(--uui-control-placeholder);\n --uui-numeric-input-text: var(--uui-control-text);\n --uui-numeric-input-text-disabled: var(--uui-control-text-disabled);\n --uui-numeric-input-icon-clickable: var(--uui-icon);\n --uui-numeric-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-numeric-input-border-radius: var(--uui-border-radius);\n / TimePicker /\n --uui-time-picker-bg: var(--uui-control-bg);\n --uui-time-picker-bg-disabled: var(--uui-control-bg-disabled);\n --uui-time-picker-border: var(--uui-control-border);\n --uui-time-picker-border-disabled: var(--uui-control-border-disabled);\n --uui-time-picker-border-hover: var(--uui-control_textinput-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error);\n --uui-time-picker-placeholder: var(--uui-control-placeholder);\n --uui-time-picker-text: var(--uui-control-text);\n --uui-time-picker-text-disabled: var(--uui-control-text-disabled);\n --uui-time-picker-icon-clickable: var(--uui-icon);\n --uui-time-picker-icon-clickable-hover: var(--uui-icon-hover);\n --uui-time-picker-border-radius: var(--uui-border-radius);\n / SearchPicker /\n --uui-search-input-bg: var(--uui-control-bg);\n --uui-search-input-bg-disabled: var(--uui-control-bg-disabled);\n --uui-search-input-border: var(--uui-control-border);\n --uui-search-input-border-disabled: var(--uui-control-border-disabled);\n --uui-search-input-border-hover: var(--uui-control_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-error);\n --uui-search-input-placeholder: var(--uui-control-placeholder);\n --uui-search-input-text: var(--uui-control-text);\n --uui-search-input-text-disabled: var(--uui-control-text-disabled);\n --uui-search-input-icon-clickable: var(--uui-icon);\n --uui-search-input-icon-clickable-hover: var(--uui-icon-hover);\n --uui-search-input-icon-disabled: var(--uui-icon-disabled);\n --uui-search-input-border-radius: var(--uui-border-radius);\n / Popover /\n --uui-popover-shadow: var(--uui-shadow-level-2);\n / Footer /\n --uui-footer-bg: var(--uui-surface-contrast);\n / FilterPanelItemToggler vars /\n --uui-filters-toggler-border: var(--uui-text-input-border);\n --uui-filters-toggler-border-hover: var(--uui-text-input-border-hover);\n --uui-filters-toggler-border-radius: var(--uui-border-radius);\n --uui-filters-toggler-bg: var(--uui-surface);\n --uui-filters-toggler-bg-hover: var(--uui-surface-lower);\n --uui-filters-toggler-text: var(--uui-text-brand);\n --uui-filters-toggler-label: var(--uui-text-tertiary);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: none;\n --uui-filters-toggler-font: var(--font-regular);\n --uui-filters-panel-header-font: var(--font-regular);\n / NotificationCard /\n --uui-notification-card-border-radius: var(--uui-border-radius);\n --uui-notification-card-border-width: 1px;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: unset;\n / Alert /\n --uui-alert-border-radius: var(--uui-border-radius);\n / Panel /\n --uui-panel-bg: var(--uui-surface);\n / Spinner /\n --uui-spinner: var(--uui-primary);\n / Blocker /\n --uui-blocker-bg: var(--uui-app-bg);\n / FlexRow /\n --uui-flex-row-border-bottom: 1px solid var(--uui-divider);\n / DataTable vars /\n --uui-dt-border: var(--uui-divider-light);\n --uui-dt-cell-bg: transparent;\n --uui-dt-cell-bg-resize: #EF55331F;\n --uui-dt-cell-bg-invalid: var(--uui-negative-lightest);\n --uui-dt-cell-border-hover: var(--uui-control_textinput-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n --uui-dt-row-bg: var(--uui-surface);\n --uui-dt-row-bg-hover: var(--uui-surface-lower);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n --uui-dt-header-row-bg: var(--uui-surface-low);\n --uui-dt-header-row-bg-hover: var(--uui-surface-lowest);\n --uui-dt-top-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary);\n --uui-dt-header-cell-font: var(--font-semibold);\n / AvatarStack /\n --uui-avatar-stack-font: var(--font-semibold);\n / Badge /\n --uui-badge-font: var(--font-regular);\n --uui-badge-count-font: var(--font-semibold);\n / Pagination /\n --uui-pagination-font: var(--font-regular);\n / FileCard /\n --uui-file-card-background: var(--gray40);\n --uui-file-card-background-loaading: var(--gray40);\n --uui-file-card-error: var(--uui-negative);\n --uui-file-card-error-block: var(--uui-negative-darkest);\n --uui-file-card-default: var(--uui-secondary);\n --uui-file-card-dropstart-border: var(--uui-primary);\n --uui-file-card-dropstart-background: var(--uui-primary-lightest);\n --uui-file-card-link-hover: var(--uui-primary-dark);\n / IndeterminateBar /\n --uui-indeterminate-bar-wrapper: var(--uui-secondary-light);\n --uui-indeterminate-bar-background: var(--uui-primary);\n / ProgressBar /\n --uui-progress-bar-wrapper: var(--uui-secondary-light);\n --uui-progress-bar-background: var(--uui-primary);\n --uui-progress-bar-label: var(--uui-surface-contrast-lower);\n / ------------------------------------ */\n}\n.uui-theme-promo .tooltip-contrast,\n.uui-theme-promo .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n}\n.uui-theme-promo .tooltip-default,\n.uui-theme-promo .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-promo .tooltip-critical,\n.uui-theme-promo .tooltip-red {\n --uui-tooltip-bg: var(--uui-error-dark);\n --uui-tooltip-text: var(--uui-text-white);\n}\n.uui-theme-promo .button-blue, .uui-theme-promo .button-primary {\n --uui-btn-bg: var(--uui-primary);\n --uui-btn-bg-hover: var(--uui-primary-dark);\n --uui-btn-bg-active: var(--uui-primary-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-primary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-primary-light);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-dark);\n --uui-btn-border-active: var(--uui-primary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .button-green, .uui-theme-promo .button-accent {\n --uui-btn-bg: var(--uui-accent);\n --uui-btn-bg-hover: var(--uui-accent-dark);\n --uui-btn-bg-active: var(--uui-accent-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-accent-lightest);\n --uui-btn-bg-halftone-active: var(--uui-accent-light);\n --uui-btn-border: var(--uui-accent);\n --uui-btn-border-hover: var(--uui-accent-dark);\n --uui-btn-border-active: var(--uui-accent-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-accent);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .button-red, .uui-theme-promo .button-negative {\n --uui-btn-bg: var(--uui-negative);\n --uui-btn-bg-hover: var(--uui-negative-dark);\n --uui-btn-bg-active: var(--uui-negative-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-negative-lightest);\n --uui-btn-bg-halftone-active: var(--uui-negative-light);\n --uui-btn-border: var(--uui-negative);\n --uui-btn-border-hover: var(--uui-negative-dark);\n --uui-btn-border-active: var(--uui-negative-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-negative);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .button-gray50,\n.uui-theme-promo .button-gray,\n.uui-theme-promo .button-secondary {\n --uui-btn-bg: var(--uui-secondary);\n --uui-btn-bg-hover: var(--uui-secondary-dark);\n --uui-btn-bg-active: var(--uui-secondary-darkest);\n --uui-btn-bg-halftone: var(--white);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-lightest);\n --uui-btn-bg-halftone-active: var(--uui-secondary-light);\n --uui-btn-border: var(--uui-secondary);\n --uui-btn-border-hover: var(--uui-secondary-dark);\n --uui-btn-border-active: var(--uui-secondary-darkest);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--uui-text-white);\n --uui-btn-caption-halftone: var(--uui-secondary-dark);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-primary,\n.uui-theme-promo .link-button-blue {\n --uui-link-button-text: var(--blue);\n --uui-link-button-text-hover: var(--blue-dark);\n --uui-link-button-text-active: var(--blue-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-secondary,\n.uui-theme-promo .link-button-gray60 {\n --uui-link-button-text: var(--uui-secondary);\n --uui-link-button-text-hover: var(--uui-secondary-dark);\n --uui-link-button-text-active: var(--uui-secondary-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-contrast,\n.uui-theme-promo .link-button-gray10 {\n --uui-link-button-text: var(--gray10);\n --uui-link-button-text-hover: var(--gray20);\n --uui-link-button-text-active: var(--gray30);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-green {\n --uui-link-button-text: var(--green);\n --uui-link-button-text-hover: var(--green-dark);\n --uui-link-button-text-active: var(--green-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-amber {\n --uui-link-button-text: var(--amber);\n --uui-link-button-text-hover: var(--amber-dark);\n --uui-link-button-text-active: var(--amber-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .link-button-red {\n --uui-link-button-text: var(--red);\n --uui-link-button-text-hover: var(--red-dark);\n --uui-link-button-text-active: var(--red-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-promo .icon-button-blue,\n.uui-theme-promo .icon-button-info {\n --uui-icon-btn: var(--uui-info);\n --uui-icon-btn-hover: var(--uui-info-dark);\n --uui-icon-btn-active: var(--uui-info-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-green,\n.uui-theme-promo .icon-button-success {\n --uui-icon-btn: var(--uui-success);\n --uui-icon-btn-hover: var(--uui-success-dark);\n --uui-icon-btn-active: var(--uui-success-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-amber,\n.uui-theme-promo .icon-button-warning {\n --uui-icon-btn: var(--uui-warning);\n --uui-icon-btn-hover: var(--uui-warning-dark);\n --uui-icon-btn-active: var(--uui-warning-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-red,\n.uui-theme-promo .icon-button-error {\n --uui-icon-btn: var(--uui-error);\n --uui-icon-btn-hover: var(--uui-error-dark);\n --uui-icon-btn-active: var(--uui-error-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-gray30 {\n --uui-icon-btn: var(--gray30);\n --uui-icon-btn-hover: var(--white);\n --uui-icon-btn-active: var(--gray5);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-gray50 {\n --uui-icon-btn: var(--gray50);\n --uui-icon-btn-hover: var(--gray60);\n --uui-icon-btn-active: var(--gray70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .icon-button-gray60,\n.uui-theme-promo .icon-button-default,\n.uui-theme-promo .icon-button-secondary {\n --uui-icon-btn: var(--uui-secondary);\n --uui-icon-btn-hover: var(--uui-secondary-dark);\n --uui-icon-btn-active: var(--uui-secondary-darkest);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-promo .notification-card-amber,\n.uui-theme-promo .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning);\n --uui-notification-card-border: var(--uui-warning);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-success,\n.uui-theme-promo .notification-card-green {\n --uui-notification-card-fill: var(--uui-success);\n --uui-notification-card-border: var(--uui-success);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-info,\n.uui-theme-promo .notification-card-blue {\n --uui-notification-card-fill: var(--uui-info);\n --uui-notification-card-border: var(--uui-info);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-error,\n.uui-theme-promo .notification-card-red {\n --uui-notification-card-fill: var(--uui-error);\n --uui-notification-card-border: var(--uui-error);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .notification-card-gray60 {\n --uui-notification-card-fill: var(--gray60);\n --uui-notification-card-border: var(--gray60);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-promo .alert-error,\n.uui-theme-promo .alert-red {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-lightest);\n --uui-alert-border: var(--uui-error);\n --uui-alert-icon: var(--uui-error);\n}\n.uui-theme-promo .alert-warning,\n.uui-theme-promo .alert-amber {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-lightest);\n --uui-alert-border: var(--uui-warning);\n --uui-alert-icon: var(--uui-warning);\n}\n.uui-theme-promo .alert-success,\n.uui-theme-promo .alert-green {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-lightest);\n --uui-alert-border: var(--uui-success);\n --uui-alert-icon: var(--uui-success);\n}\n.uui-theme-promo .alert-info,\n.uui-theme-promo .alert-blue {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-lightest);\n --uui-alert-border: var(--uui-info);\n --uui-alert-icon: var(--uui-info);\n}\n.uui-theme-promo .badge-cyan {\n --uui-badge-bg: var(--cyan-30);\n --uui-badge-bg-hover: var(--cyan-40);\n --uui-badge-bg-halftone: var(--cyan-10);\n --uui-badge-bg-halftone-hover: var(--cyan-20);\n --uui-badge-border-halftone: var(--cyan-20);\n --uui-badge-border-halftone-hover: var(--cyan-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--cyan-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-violet {\n --uui-badge-bg: var(--violet-30);\n --uui-badge-bg-hover: var(--violet-40);\n --uui-badge-bg-halftone: var(--violet-10);\n --uui-badge-bg-halftone-hover: var(--violet-20);\n --uui-badge-border-halftone: var(--violet-20);\n --uui-badge-border-halftone-hover: var(--violet-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--violet-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-orange {\n --uui-badge-bg: var(--orange-30);\n --uui-badge-bg-hover: var(--orange-40);\n --uui-badge-bg-halftone: var(--orange-10);\n --uui-badge-bg-halftone-hover: var(--orange-20);\n --uui-badge-border-halftone: var(--orange-20);\n --uui-badge-border-halftone-hover: var(--orange-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--orange-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-purple {\n --uui-badge-bg: var(--purple-30);\n --uui-badge-bg-hover: var(--purple-40);\n --uui-badge-bg-halftone: var(--purple-10);\n --uui-badge-bg-halftone-hover: var(--purple-20);\n --uui-badge-border-halftone: var(--purple-20);\n --uui-badge-border-halftone-hover: var(--purple-30);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--purple-50);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-default, .uui-theme-promo .badge-gray30 {\n --uui-badge-bg: var(--gray30);\n --uui-badge-bg-hover: var(--gray40);\n --uui-badge-bg-halftone: var(--gray20);\n --uui-badge-bg-halftone-hover: var(--gray30);\n --uui-badge-border-halftone: var(--gray40);\n --uui-badge-border-halftone-hover: var(--gray50);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-info, .uui-theme-promo .badge-blue {\n --uui-badge-bg: var(--uui-info);\n --uui-badge-bg-hover: var(--uui-info-dark);\n --uui-badge-bg-halftone: var(--uui-info-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-info-light);\n --uui-badge-border-halftone: var(--uui-info-light);\n --uui-badge-border-halftone-hover: var(--uui-info);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-info-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-success, .uui-theme-promo .badge-green {\n --uui-badge-bg: var(--uui-success);\n --uui-badge-bg-hover: var(--uui-success-dark);\n --uui-badge-bg-halftone: var(--uui-success-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-success-light);\n --uui-badge-border-halftone: var(--uui-success-light);\n --uui-badge-border-halftone-hover: var(--uui-success);\n --uui-badge-caption-solid: var(--uui-text-contrast);\n --uui-badge-caption-halftone: var(--uui-success-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-warning, .uui-theme-promo .badge-amber {\n --uui-badge-bg: var(--uui-warning);\n --uui-badge-bg-hover: var(--uui-warning-dark);\n --uui-badge-bg-halftone: var(--uui-warning-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-warning-light);\n --uui-badge-border-halftone: var(--uui-warning-light);\n --uui-badge-border-halftone-hover: var(--uui-warning);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-caption-halftone: var(--uui-warning-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .badge-error, .uui-theme-promo .badge-red {\n --uui-badge-bg: var(--uui-error);\n --uui-badge-bg-hover: var(--uui-error-dark);\n --uui-badge-bg-halftone: var(--uui-error-lightest);\n --uui-badge-bg-halftone-hover: var(--uui-error-light);\n --uui-badge-border-halftone: var(--uui-error-light);\n --uui-badge-border-halftone-hover: var(--uui-error);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-caption-halftone: var(--uui-error-darkest);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-count-bg: var(--white);\n}\n.uui-theme-promo .informer-default {\n --uui-informer-bg: var(--gray30);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-promo .informer-focus {\n --uui-informer-bg: var(--red);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-promo .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-promo .uui-text-info,\n.uui-theme-promo .uui-text-blue {\n --uui-text: var(--uui-text-info);\n}\n.uui-theme-promo .uui-text-success,\n.uui-theme-promo .uui-text-green {\n --uui-text: var(--uui-text-success);\n}\n.uui-theme-promo .uui-text-warning,\n.uui-theme-promo .uui-text-amber {\n --uui-text: var(--uui-text-warning);\n}\n.uui-theme-promo .uui-text-error,\n.uui-theme-promo .uui-text-red {\n --uui-text: var(--uui-text-error);\n}\n.uui-theme-promo .uui-text-brand,\n.uui-theme-promo .uui-text-gray90 {\n --uui-text: var(--uui-text-brand);\n}\n.uui-theme-promo .uui-text-primary,\n.uui-theme-promo .uui-text-gray80 {\n --uui-text: var(--uui-text-primary);\n}\n.uui-theme-promo .uui-text-secondary,\n.uui-theme-promo .uui-text-gray60 {\n --uui-text: var(--uui-text-secondary);\n}\n.uui-theme-promo .uui-text-disabled,\n.uui-theme-promo .uui-text-gray50 {\n --uui-text: var(--uui-text-disabled);\n}\n.uui-theme-promo .uui-text-contrast,\n.uui-theme-promo .uui-text-gray5 {\n --uui-text: var(--uui-text-contrast);\n}\n.uui-theme-promo .uui-text-white {\n --uui-text: var(--uui-text-white);\n}\n.uui-theme-promo .uui-font-regular,\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--font-regular);\n}\n.uui-theme-promo .uui-font-semibold,\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n}\n.uui-theme-promo .uui-font-italic,\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--font-italic);\n}\n.uui-theme-promo .uui-font-primary,\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n}\n.uui-theme-promo .uui-font-promo,\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-promo);\n}\n.uui-theme-promo .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n}\n.uui-theme-promo .dropdown-container-gray70 {\n --uui-dropdown-container-bg: var(--gray70);\n}\n.uui-theme-promo .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n}\n.uui-theme-promo .flex-row-background-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .panel-white {\n --uui-panel-bg: var(--uui-surface);\n}\n.uui-theme-promo .panel-gray90 {\n --uui-panel-bg: var(--uui-surface-contrast-lower);\n}"]}

package/css/theme/theme_vanilla_thunder.css CHANGED Viewed

@@ -133,7 +133,6 @@
   --uui-disabled:var(--chromatic-150);
   --uui-scroll_bars-bg:var(--chromatic-200);
   --uui-scroll_bars-bg-active:var(--chromatic-300);
-  --uui-button-bg-halftone:var(--chromatic-0);
   --uui-control-bg:var(--chromatic-0);
   --uui-control-bg-hover:var(--chromatic-300);
   --uui-control-bg-disabled:var(--chromatic-100);
@@ -169,6 +168,7 @@
   --uui-shadow-level-1:0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);
   --uui-shadow-level-2:0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);
   --uui-shadow-level-3:0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);
+  --uui-search-result-highlight:#FFEDC9;
   --uui-text-input-bg:var(--uui-control-bg);
   --uui-text-input-bg-disabled:var(--uui-control-bg-disabled);
   --uui-text-input-bg-readonly:var(--uui-control-bg-readonly);
@@ -531,7 +531,7 @@
   --uui-btn-bg:var(--uui-primary);
   --uui-btn-bg-hover:var(--uui-primary-dark);
   --uui-btn-bg-active:var(--uui-primary-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--chromatic-0);
   --uui-btn-bg-halftone-hover:var(--blue-0);
   --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
   --uui-btn-bg-disabled:var(--uui-disabled);
@@ -547,7 +547,7 @@
   --uui-btn-bg:var(--uui-accent);
   --uui-btn-bg-hover:var(--uui-accent-dark);
   --uui-btn-bg-active:var(--uui-accent-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--chromatic-0);
   --uui-btn-bg-halftone-hover:var(--uui-accent-lightest);
   --uui-btn-bg-halftone-active:var(--uui-accent-light);
   --uui-btn-border:var(--uui-accent);
@@ -563,7 +563,7 @@
   --uui-btn-bg:var(--uui-negative);
   --uui-btn-bg-hover:var(--uui-negative-dark);
   --uui-btn-bg-active:var(--uui-negative-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--chromatic-0);
   --uui-btn-bg-halftone-hover:var(--uui-negative-lightest);
   --uui-btn-bg-halftone-active:var(--uui-negative-light);
   --uui-btn-border:var(--uui-negative);
@@ -579,7 +579,7 @@
   --uui-btn-bg:var(--uui-secondary);
   --uui-btn-bg-hover:var(--uui-secondary-dark);
   --uui-btn-bg-active:var(--uui-secondary-darkest);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--chromatic-0);
   --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
   --uui-btn-bg-halftone-active:var(--uui-secondary-light);
   --uui-btn-border:var(--uui-secondary);
@@ -595,7 +595,7 @@
   --uui-btn-bg:var(--white);
   --uui-btn-bg-hover:var(--blue-50);
   --uui-btn-bg-active:var(--blue-100);
-  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
+  --uui-btn-bg-halftone:var(--chromatic-0);
   --uui-btn-bg-halftone-hover:var(--blue-50);
   --uui-btn-bg-halftone-active:var(--uui-primary-lightest);
   --uui-btn-bg-disabled:var(--chromatic-0);