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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/css/theme/theme_electric.css +154 -131
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +262 -228
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +381 -301
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +249 -221
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder(old).css +805 -0
  10. package/css/theme/theme_vanilla_thunder(old).css.map +1 -0
  11. package/css/theme/theme_vanilla_thunder.css +104 -687
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/loveship/colors.scss +7 -7
  15. package/scss/promo/typography.scss +0 -2
  16. package/theme/theme_electric.scss +186 -136
  17. package/theme/theme_loveship.scss +306 -240
  18. package/theme/theme_loveship_dark.scss +456 -320
  19. package/theme/theme_promo.scss +289 -236
  20. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  21. package/theme/theme_vanilla_thunder.scss +114 -864
package/css/theme/theme_vanilla_thunder(old).css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../theme/theme_vanilla_thunder(old).scss%23sass","../../../theme/theme_vanilla_thunder(old).scss"],"names":[],"mappings":"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","file":"theme_vanilla_thunder(old).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-vanilla_thunder {\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 --blue-0: #F0F7FC;\n --blue-50: #E1F4FA;\n --blue-100: #D4F0FE;\n --blue-200: #76CDD8;\n --blue-300: #2BC1F0;\n --blue-400: #1CA5D3;\n --blue-500: #008ACE;\n\n --grass-25: #EBFCC7;\n --grass-50: #E4ED94;\n --grass-100: #CEDB56;\n --grass-200: #91C229;\n --grass-300: #4FA762;\n --grass-400: #329247;\n --grass-500: #157D2C;\n\n --sun-50: #FFF1A7;\n --sun-100: #FFD602;\n --sun-200: #F7A02C;\n --sun-250: #F67E00;\n --sun-300: #F2682A;\n\n --chromatic-0: #FFF;\n --chromatic-100: #F7F7FD;\n --chromatic-150: #E5E5EE;\n --chromatic-200: #CDCDD9;\n --chromatic-300: #8D8D9C;\n --chromatic-400: #34384A;\n --chromatic-500: #191F3D;\n\n /* start Loveship colors for controllers */\n\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FCC8C8;\n --fire-50: #FA4B4B;\n --fire-60: #CC2929;\n --fire-70: #B32424;\n\n --white: #FFF;\n\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n\n /* end Loveship colors for controllers */\n\n /* core variables start */\n\n --uui-accent-10: var(--grass-100);\n --uui-accent-20: var(--grass-200);\n --uui-accent-50: var(--grass-300);\n --uui-accent-60: var(--grass-400);\n --uui-accent-70: var(--grass-500);\n\n --uui-primary-10: var(--blue-100);\n --uui-primary-20: var(--blue-200);\n --uui-primary-50: var(--blue-300);\n --uui-primary-60: var(--blue-400);\n --uui-primary-70: var(--blue-500);\n\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night600);\n --uui-secondary-70: var(--night700);\n\n --uui-negative-10: var(--sun-50);\n --uui-negative-20: var(--sun-100);\n --uui-negative-50: var(--sun-200);\n --uui-negative-60: var(--sun-250);\n --uui-negative-70: var(--sun-300);\n\n\n\n --uui-info-5: var(--blue-0);\n --uui-info-10: var(--blue-0);\n --uui-info-20: var(--blue-100);\n --uui-info-50: var(--blue-300);\n --uui-info-60: var(--blue-400);\n --uui-info-70: var(--blue-500);\n\n --uui-success-5: var(--grass-25);\n --uui-success-10: var(--grass-100);\n --uui-success-20: var(--grass-200);\n --uui-success-50: var(--grass-300);\n --uui-success-60: var(--grass-400);\n --uui-success-70: var(--grass-500);\n\n --uui-warning-5: var(--sun-50);\n --uui-warning-10: var(--sun-50);\n --uui-warning-20: var(--sun-100);\n --uui-warning-50: var(--sun-200);\n --uui-warning-60: var(--sun-250);\n --uui-warning-70: var(--sun-300);\n\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n --uui-app-bg: var(--chromatic-100);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--night50);\n --uui-surface-main: var(--chromatic-0);\n --uui-surface-higher: var(--night100);\n --uui-surface-highest: var(--night200);\n --uui-surface-contrast: var(--night800);\n --uui-surface-contrast-low: var(--night800);\n --uui-surface-contrast-lower: var(--night900);\n\n --uui-divider: var(--chromatic-200);\n --uui-divider-light: var(--chromatic-150);\n\n --uui-text-brand: var(--chromatic-500);\n --uui-text-primary: var(--chromatic-500);\n --uui-text-secondary: var(--chromatic-300);\n --uui-text-tertiary: var(--chromatic-300);\n --uui-text-disabled: var(--chromatic-200);\n --uui-text-contrast: var(--chromatic-0);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-critical: var(--uui-critical-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-icon: var(--chromatic-300);\n --uui-icon-hover: var(--chromatic-400);\n --uui-icon-active: var(--chromatic-500);\n --uui-icon-disabled: var(--chromatic-200);\n\n --uui-link: var(--blue-300);\n --uui-link-hover: var(--blue-400);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--chromatic-200);\n\n --uui-scroll_bars-bg: var(--chromatic-200);\n --uui-scroll_bars-bg-active: var(--chromatic-300);\n\n --uui-control-bg: var(--chromatic-0);\n --uui-control-bg-hover: var(--chromatic-300);\n --uui-control-bg-disabled: var(--chromatic-100);\n --uui-control-bg-readonly: var(--chromatic-100);\n --uui-control-bg-checked: var(--uui-primary-50);\n --uui-control-bg-checked-hover: var(--uui-primary-60);\n --uui-control-bg-checked-disabled: var(--uui-primary-20);\n --uui-control_switch-bg: var(--chromatic-200);\n --uui-control_switch-toggler-bg: var(--chromatic-0);\n\n --uui-control-border: var(--chromatic-200);\n --uui-control-border-hover: var(--chromatic-300);\n --uui-control-border-disabled: var(--chromatic-150);\n --uui-control-border-readonly: var(--chromatic-150);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control-border-checked-hover: var(--uui-primary-60);\n --uui-control-border-checked-disabled: var(--uui-primary-20);\n\n --uui-control_switch-border-hover: var(--chromatic-300);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night500);\n\n --uui-control-text: var(--chromatic-500);\n --uui-control-text-disabled: var(--chromatic-200);\n\n --uui-control-icon: var(--chromatic-200);\n --uui-control-icon-disabled: var(--chromatic-200);\n\n --uui-control-checkbox-icon: var(--chromatic-0);\n\n --uui-tag-bg: var(--night300);\n --uui-tag-bg-hover: var(--night400);\n\n --uui-skeleton: var(--chromatic-200);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--chromatic-200) 0%, var(--chromatic-100) 50%, var(--chromatic-200) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n --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%);\n --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%);\n\n --uui-outline-focus: #008ACE80;\n\n /* Search results text highlighting */\n --uui-search_result-bg-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-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error-50);\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-placeholder-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-inter);\n --uui-text-input-font-weight: 400;\n\n /* Button vars */\n --uui-btn-border-radius: 8px;\n\n --uui-btn-font: var(--font-museo-sans);\n --uui-btn-font-weight: 700;\n\n\n /* LinkButton vars */\n --uui-link-button-text: var(--uui-primary-50);\n --uui-link-button-text-hover: var(--uui-primary-60);\n --uui-link-button-text-active: var(--uui-primary-70);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n\n --uui-link-button-font: var(--font-inter);\n --uui-link-button-font-weight: 400;\n\n /* DatePicker vars */\n --uui-dtp_body-title-bg: var(--uui-control-bg);\n --uui-dtp_body-text-selected: var(--uui-control-border-checked);\n --uui-dtp_body-text: var(--uui-control-text);\n\n --uui-dtp_body-content-font: var(--font-inter);\n --uui-dtp_body-content-font-weight: 400;\n\n /* RangeDatePicker vars */\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-10);\n\n /* Calendar vars */\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-60);\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-inter);\n --uui-calendar-content-font-weight: 400;\n --uui-calendar-weekday-font: var(--font-inter);\n --uui-calendar-weekday-font-weight: 400;\n --uui-calendar-selected_day-font: var(--font-inter);\n --uui-calendar-selected_day-font-weight: 600;\n\n /* tab-button-vars */\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary-50);\n --uui-tab_button-text-active: var(--uui-primary-50);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n\n --uui-tab_button-font: var(--font-inter);\n --uui-tab_button-font-weight: 600;\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-error-50);\n\n --uui-radio-input-font: var(--font-inter);\n --uui-radio-input-font-weight: 400;\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-error-50);\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-inter);\n --uui-checkbox-font-weight: 400;\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-main);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-label: var(--uui-text-secondary);\n --uui-tag-border-radius: 30px;\n\n --uui-tag-font: var(--font-inter);\n --uui-tag-font-weight: 400;\n --uui-tag-count-font: var(--font-inter);\n --uui-tag-count-font-weight: 500;\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-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error-50);\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-inter);\n --uui-text-area-font-weight: 400;\n --uui-text-area-counter-font: var(--font-inter);\n --uui-text-area-counter-font-weight: 400;\n\n /* DropMarker vars */\n --uui-drop-marker: var(--uui-primary-50);\n --uui-drop-marker-blocked: var(--uui-error-50);\n\n /* Tooltip vars */\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgb(44 47 60 / 30%), 0 1px 4px 0 rgb(44 47 60 / 50%)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);\n --uui-tooltip-border-radius: 8px;\n\n --uui-tooltip-font: var(--font-inter);\n --uui-tooltip-font-weight: 400;\n\n /* PickerInput vars */\n --uui-picker_input-bg: var(--uui-surface-main);\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-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error-50);\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-inter);\n --uui-picker-toggler-font-weight: 400;\n\n /* Panel */\n --uui-panel-border-radius: 8px;\n --uui-panel-shadow: var(--uui-shadow-level-1);\n\n /* Modals */\n --uui-modals-border-radius: 16px;\n --uui-modals-overlay: rgb(29 30 38 / 80%);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface-main);\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-50);\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-secondary);\n --uui-labeled-input-asterisk: var(--uui-error-50);\n\n --uui-labeled-input-font: var(--font-inter);\n --uui-labeled-input-font-weight: 500;\n --uui-labeled-input-optional-font: var(--font-inter);\n --uui-labeled-input-optional-font-weight: 300;\n --uui-labeled-input-invalid-msg-font: var(--font-inter);\n --uui-labeled-input-invalid-msg-font-weight: 400;\n\n /* Accordion */\n --uui-accordion-bg: var(--uui-surface-main);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 6px;\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-50);\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-inter);\n --uui-accordion-toggler-font-weight: 500;\n --uui-accordion-body-font: var(--font-inter);\n --uui-accordion-body-font-weight: 400;\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-inter);\n --uui-switch-font-weight: 400;\n\n /* DropdownContainer */\n --uui-dropdown-container-border-radius: 6px;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface-main);\n\n /* DropdownMenu */\n // TODO: update tokens\n --uui-dropdown-menu-bg: var(--uui-surface-main);\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-highest);\n --uui-dropdown-menu-item-active: var(--uui-surface-highest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n\n --uui-dropdown-menu-body-font: var(--font-inter);\n --uui-dropdown-menu-body-font-weight: 400;\n --uui-dropdown-menu-item-font: var(--font-inter);\n --uui-dropdown-menu-item-font-weight: 400;\n\n /* MainMenu */\n --uui-main_menu-text: var(--uui-text-primary);\n //--uui-main_menu-text-active: var(--uui-text-contrast);\n --uui-main_menu-bg: #F0F7FCD9;\n --uui-main_menu-hover: #FFF;\n --uui-main_menu-active: #FFF;\n --uui-main_menu-border-active: #FFF;\n\n --uui-main_menu-dropdown-bg: var(--uui-surface-main);\n //--uui-main_menu-dropdown-bg-hover: var(--uui-surface-contrast-low);\n --uui-main_menu-dropdown-hover: var(--uui-primary-50);\n --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n --uui-main_menu-dropdown-border-radius: 8px;\n\n --uui-main_menu-search-bg: var(--uui-secondary-70);\n --uui-main_menu-search-border: var(--uui-secondary-70);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-contrast);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n\n --uui-main_menu-icon: var(--uui-text-primary);\n --uui-main_menu-icon-hover: var(--uui-text-primary);\n --uui-main_menu-icon-active: var(--uui-text-primary);\n\n --uui-main_menu-font: var(--font-museo-sans);\n --uui-main_menu-font-weight: 500;\n --uui-main_menu-search-font: var(--font-inter);\n --uui-main_menu-search-font-weight: 400;\n\n /* BurgerMenu */\n --uui-burger_menu-bg: var(--uui-surface-main);\n --uui-burger_menu-bg-hover: var(--uui-surface-higher);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary-50);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-primary);\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-divider);\n\n --uui-burger_group-font: var(--font-inter);\n --uui-burger_group-font-weight: 400;\n\n /* BurgerButton */\n --uui-burger_btn_caption: var(--uui-text-primary);\n --uui-burger_btn_caption-hover: var(--uui-text-primary);\n --uui-burger_btn_caption-active: var(--uui-text-primary);\n --uui-burger_btn-border: var(--uui-divider-light);\n\n --uui-burger_btn-font: var(--font-inter);\n --uui-burger_btn-font-weight: 400;\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-inter);\n --uui-burger_search-font-weight: 400;\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-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error-50);\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-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error-50);\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-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-error-50);\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 /* FilterPanelItemToggler vars */\n --uui-filters-toggler-border: var(--uui-surface-main);\n --uui-filters-toggler-border-hover: var(--blue-0);\n --uui-filters-toggler-border-radius: 8px;\n --uui-filters-toggler-bg: var(--uui-surface-main);\n --uui-filters-toggler-bg-hover: var(--blue-0);\n --uui-filters-toggler-text: var(--uui-text-secondary);\n --uui-filters-toggler-label: var(--uui-text-brand);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: var(--uui-shadow-level-1);\n\n --uui-filters-toggler-font: var(--font-inter);\n --uui-filters-toggler-font-weight: 400;\n --uui-filters-panel-header-font: var(--font-inter);\n --uui-filters-panel-header-font-weight: 400;\n\n /* NotificationCard */\n --uui-notification-card-border-radius: 8px;\n --uui-notification-card-border-width: 0;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: var(--uui-shadow-level-2); //TODO: may change in the future\n\n /* Alert */\n --uui-alert-border-radius: 6px;\n\n /* Panel */\n\n --uui-panel-bg: var(--uui-surface-main);\n\n /* Spinner */\n --uui-spinner: var(--uui-primary-50);\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-10);\n --uui-dt-cell-border-hover: var(--uui-control-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n\n --uui-dt-row-bg: var(--uui-surface-main);\n --uui-dt-row-bg-hover: var(--uui-surface-higher);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n --uui-dt-header-row-bg-hover: var(--uui-surface-highest);\n\n --uui-dt-top-shadow: linear-gradient(to bottom, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary-50);\n\n --uui-dt-header-cell-font: var(--font-inter);\n --uui-dt-header-cell-font-weight: 500;\n\n /* AvatarStack */\n\n --uui-avatar-stack-font: var(--font-inter);\n --uui-avatar-stack-font-weight: 400;\n\n /* Badge */\n\n --uui-badge-font: var(--font-museo-sans);\n --uui-badge-font-weight: 700;\n --uui-badge-count-font: var(--font-museo-sans);\n --uui-badge-count-font-weight: 700;\n\n /* Pagination */\n\n --uui-pagination-font: var(--font-inter);\n --uui-pagination-font-weight: 400;\n\n /* ------------------------------------ */\n\n .tooltip-contrast {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n }\n\n .tooltip-default {\n --uui-tooltip-bg: var(--uui-surface-main);\n --uui-tooltip-text: var(--uui-text-primary);\n }\n\n .tooltip-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n --uui-tooltip-text: var(--uui-text-contrast);\n }\n\n .button-primary {\n --uui-btn-bg: var(--uui-primary-50);\n --uui-btn-bg-hover: var(--uui-primary-60);\n --uui-btn-bg-active: var(--uui-primary-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--blue-0);\n --uui-btn-bg-halftone-active: var(--uui-primary-10);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-60);\n --uui-btn-border-active: var(--uui-primary-70);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-accent {\n --uui-btn-bg: var(--uui-accent-50);\n --uui-btn-bg-hover: var(--uui-accent-60);\n --uui-btn-bg-active: var(--uui-accent-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--uui-accent-10);\n --uui-btn-bg-halftone-active: var(--uui-accent-20);\n --uui-btn-border: var(--uui-accent-50);\n --uui-btn-border-hover: var(--uui-accent-60);\n --uui-btn-border-active: var(--uui-accent-70);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-negative {\n --uui-btn-bg: var(--uui-negative-50);\n --uui-btn-bg-hover: var(--uui-negative-60);\n --uui-btn-bg-active: var(--uui-negative-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--uui-negative-10);\n --uui-btn-bg-halftone-active: var(--uui-negative-20);\n --uui-btn-border: var(--uui-negative-50);\n --uui-btn-border-hover: var(--uui-negative-60);\n --uui-btn-border-active: var(--uui-negative-70);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-secondary {\n --uui-btn-bg: var(--uui-secondary-50);\n --uui-btn-bg-hover: var(--uui-secondary-60);\n --uui-btn-bg-active: var(--uui-secondary-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-10);\n --uui-btn-bg-halftone-active: var(--uui-secondary-20);\n --uui-btn-border: var(--uui-secondary-50);\n --uui-btn-border-hover: var(--uui-secondary-60);\n --uui-btn-border-active: var(--uui-secondary-70);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--night600);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n }\n\n .button-white {\n --uui-btn-bg: var(--white);\n --uui-btn-bg-hover: var(--blue-50);\n --uui-btn-bg-active: var(--blue-100);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--blue-50);\n --uui-btn-bg-halftone-active: var(--uui-primary-10);\n --uui-btn-bg-disabled: var(--chromatic-0);\n --uui-btn-border: var(--white);\n --uui-btn-border-hover: var(--blue-50);\n --uui-btn-border-active: var(--blue-100);\n --uui-btn-border-disabled: var(--chromatic-0);\n --uui-btn-caption: var(--chromatic-500);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--chromatic-200);\n }\n\n .icon-button-info {\n --uui-icon-btn: var(--uui-info-50);\n --uui-icon-btn-hover: var(--uui-info-60);\n --uui-icon-btn-active: var(--uui-info-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-success {\n --uui-icon-btn: var(--uui-success-50);\n --uui-icon-btn-hover: var(--uui-success-60);\n --uui-icon-btn-active: var(--uui-success-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-warning {\n --uui-icon-btn: var(--uui-warning-50);\n --uui-icon-btn-hover: var(--uui-warning-60);\n --uui-icon-btn-active: var(--uui-warning-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-error {\n --uui-icon-btn: var(--uui-error-50);\n --uui-icon-btn-hover: var(--uui-error-60);\n --uui-icon-btn-active: var(--uui-error-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-secondary {\n --uui-icon-btn: var(--gray50);\n --uui-icon-btn-hover: var(--uui-color-night500-800);\n --uui-icon-btn-active: var(--uui-color-night500-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-default {\n --uui-icon-btn: var(--gray60);\n --uui-icon-btn-hover: var(--uui-color-night600-800);\n --uui-icon-btn-active: var(--uui-color-night600-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning-50);\n --uui-notification-card-border: var(--uui-warning-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success {\n --uui-notification-card-fill: var(--uui-success-50);\n --uui-notification-card-border: var(--uui-success-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info {\n --uui-notification-card-fill: var(--uui-info-50);\n --uui-notification-card-border: var(--uui-info-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error {\n --uui-notification-card-fill: var(--uui-error-50);\n --uui-notification-card-border: var(--uui-error-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #F5E5E9;\n --uui-alert-border: var(--uui-error-50);\n --uui-alert-icon: var(--uui-error-50);\n }\n\n .alert-warning {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #F6EEE1;\n --uui-alert-border: var(--uui-warning-50);\n --uui-alert-icon: var(--uui-warning-50);\n }\n\n .alert-success {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #E7EEE1;\n --uui-alert-border: var(--uui-success-50);\n --uui-alert-icon: var(--uui-success-50);\n }\n\n .alert-info {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #DCEDF6;\n --uui-alert-border: var(--uui-info-50);\n --uui-alert-icon: var(--uui-info-50);\n }\n\n .badge-default {\n --uui-badge-bg: var(--night300);\n --uui-badge-bg-hover: var(--night400);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--night200);\n --uui-badge-bg-halftone-hover: var(--night300);\n --uui-badge-border-halftone: var(--night400);\n --uui-badge-border-halftone-hover: var(--night500);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n }\n\n .badge-info {\n --uui-badge-bg: var(--uui-info-50);\n --uui-badge-bg-hover: var(--uui-info-60);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-info-10);\n --uui-badge-bg-halftone-hover: var(--uui-info-20);\n --uui-badge-border-halftone: var(--uui-info-20);\n --uui-badge-border-halftone-hover: var(--uui-info-50);\n --uui-badge-caption-halftone: var(--uui-info-70);\n }\n\n .badge-success {\n --uui-badge-bg: var(--uui-success-50);\n --uui-badge-bg-hover: var(--uui-success-60);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-success-10);\n --uui-badge-bg-halftone-hover: var(--uui-success-20);\n --uui-badge-border-halftone: var(--uui-success-20);\n --uui-badge-border-halftone-hover: var(--uui-success-50);\n --uui-badge-caption-halftone: var(--uui-success-70);\n }\n\n .badge-warning {\n --uui-badge-bg: var(--uui-warning-50);\n --uui-badge-bg-hover: var(--uui-warning-60);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-warning-10);\n --uui-badge-bg-halftone-hover: var(--uui-warning-20);\n --uui-badge-border-halftone: var(--uui-warning-20);\n --uui-badge-border-halftone-hover: var(--uui-warning-50);\n --uui-badge-caption-halftone: var(--uui-warning-70);\n }\n\n .badge-error {\n --uui-badge-bg: var(--uui-error-50);\n --uui-badge-bg-hover: var(--uui-error-60);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-error-10);\n --uui-badge-bg-halftone-hover: var(--uui-error-20);\n --uui-badge-border-halftone: var(--uui-error-20);\n --uui-badge-border-halftone-hover: var(--uui-error-50);\n --uui-badge-caption-halftone: var(--uui-error-70);\n }\n\n .informer-default {\n --uui-informer-bg: var(--uui-secondary-20);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--uui-negative-50);\n --uui-informer-caption: var(--uui-caption);\n }\n\n .informer-white {\n --uui-informer-bg: var(--uui-surface-main);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .uui-text-brand {\n --uui-text: var(--uui-text-brand);\n }\n\n .uui-text-primary {\n --uui-text: var(--uui-text-primary);\n }\n\n .uui-text-secondary {\n --uui-text: var(--uui-text-secondary);\n }\n\n .uui-text-disabled {\n --uui-text: var(--uui-text-disabled);\n }\n\n .uui-text-contrast {\n --uui-text: var(--uui-text-contrast);\n }\n\n .uui-font-inter, .uui-font-regular {\n --uui-text-font: var(--font-inter);\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n }\n\n .uui-font-semibold {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: 700;\n }\n\n .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n }\n\n .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n }\n\n .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface-main);\n }\n\n .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\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-main);\n }\n\n .panel-night50 {\n --uui-panel-bg: var(--night50);\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-vanilla_thunder {\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 --blue-0: #F0F7FC;\n --blue-50: #E1F4FA;\n --blue-100: #D4F0FE;\n --blue-200: #76CDD8;\n --blue-300: #2BC1F0;\n --blue-400: #1CA5D3;\n --blue-500: #008ACE;\n --grass-25: #EBFCC7;\n --grass-50: #E4ED94;\n --grass-100: #CEDB56;\n --grass-200: #91C229;\n --grass-300: #4FA762;\n --grass-400: #329247;\n --grass-500: #157D2C;\n --sun-50: #FFF1A7;\n --sun-100: #FFD602;\n --sun-200: #F7A02C;\n --sun-250: #F67E00;\n --sun-300: #F2682A;\n --chromatic-0: #FFF;\n --chromatic-100: #F7F7FD;\n --chromatic-150: #E5E5EE;\n --chromatic-200: #CDCDD9;\n --chromatic-300: #8D8D9C;\n --chromatic-400: #34384A;\n --chromatic-500: #191F3D;\n /* start Loveship colors for controllers */\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FCC8C8;\n --fire-50: #FA4B4B;\n --fire-60: #CC2929;\n --fire-70: #B32424;\n --white: #FFF;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n /* end Loveship colors for controllers */\n /* core variables start */\n --uui-accent-10: var(--grass-100);\n --uui-accent-20: var(--grass-200);\n --uui-accent-50: var(--grass-300);\n --uui-accent-60: var(--grass-400);\n --uui-accent-70: var(--grass-500);\n --uui-primary-10: var(--blue-100);\n --uui-primary-20: var(--blue-200);\n --uui-primary-50: var(--blue-300);\n --uui-primary-60: var(--blue-400);\n --uui-primary-70: var(--blue-500);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night600);\n --uui-secondary-70: var(--night700);\n --uui-negative-10: var(--sun-50);\n --uui-negative-20: var(--sun-100);\n --uui-negative-50: var(--sun-200);\n --uui-negative-60: var(--sun-250);\n --uui-negative-70: var(--sun-300);\n --uui-info-5: var(--blue-0);\n --uui-info-10: var(--blue-0);\n --uui-info-20: var(--blue-100);\n --uui-info-50: var(--blue-300);\n --uui-info-60: var(--blue-400);\n --uui-info-70: var(--blue-500);\n --uui-success-5: var(--grass-25);\n --uui-success-10: var(--grass-100);\n --uui-success-20: var(--grass-200);\n --uui-success-50: var(--grass-300);\n --uui-success-60: var(--grass-400);\n --uui-success-70: var(--grass-500);\n --uui-warning-5: var(--sun-50);\n --uui-warning-10: var(--sun-50);\n --uui-warning-20: var(--sun-100);\n --uui-warning-50: var(--sun-200);\n --uui-warning-60: var(--sun-250);\n --uui-warning-70: var(--sun-300);\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n --uui-app-bg: var(--chromatic-100);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--night50);\n --uui-surface-main: var(--chromatic-0);\n --uui-surface-higher: var(--night100);\n --uui-surface-highest: var(--night200);\n --uui-surface-contrast: var(--night800);\n --uui-surface-contrast-low: var(--night800);\n --uui-surface-contrast-lower: var(--night900);\n --uui-divider: var(--chromatic-200);\n --uui-divider-light: var(--chromatic-150);\n --uui-text-brand: var(--chromatic-500);\n --uui-text-primary: var(--chromatic-500);\n --uui-text-secondary: var(--chromatic-300);\n --uui-text-tertiary: var(--chromatic-300);\n --uui-text-disabled: var(--chromatic-200);\n --uui-text-contrast: var(--chromatic-0);\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-critical: var(--uui-critical-50);\n --uui-text-success: var(--uui-success-50);\n /* not accepted part */\n /* control specific */\n --uui-icon: var(--chromatic-300);\n --uui-icon-hover: var(--chromatic-400);\n --uui-icon-active: var(--chromatic-500);\n --uui-icon-disabled: var(--chromatic-200);\n --uui-link: var(--blue-300);\n --uui-link-hover: var(--blue-400);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--chromatic-200);\n --uui-scroll_bars-bg: var(--chromatic-200);\n --uui-scroll_bars-bg-active: var(--chromatic-300);\n --uui-control-bg: var(--chromatic-0);\n --uui-control-bg-hover: var(--chromatic-300);\n --uui-control-bg-disabled: var(--chromatic-100);\n --uui-control-bg-readonly: var(--chromatic-100);\n --uui-control-bg-checked: var(--uui-primary-50);\n --uui-control-bg-checked-hover: var(--uui-primary-60);\n --uui-control-bg-checked-disabled: var(--uui-primary-20);\n --uui-control_switch-bg: var(--chromatic-200);\n --uui-control_switch-toggler-bg: var(--chromatic-0);\n --uui-control-border: var(--chromatic-200);\n --uui-control-border-hover: var(--chromatic-300);\n --uui-control-border-disabled: var(--chromatic-150);\n --uui-control-border-readonly: var(--chromatic-150);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control-border-checked-hover: var(--uui-primary-60);\n --uui-control-border-checked-disabled: var(--uui-primary-20);\n --uui-control_switch-border-hover: var(--chromatic-300);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-disabled);\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night500);\n --uui-control-text: var(--chromatic-500);\n --uui-control-text-disabled: var(--chromatic-200);\n --uui-control-icon: var(--chromatic-200);\n --uui-control-icon-disabled: var(--chromatic-200);\n --uui-control-checkbox-icon: var(--chromatic-0);\n --uui-tag-bg: var(--night300);\n --uui-tag-bg-hover: var(--night400);\n --uui-skeleton: var(--chromatic-200);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--chromatic-200) 0%, var(--chromatic-100) 50%, var(--chromatic-200) 100%);\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n --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%);\n --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%);\n --uui-outline-focus: #008ACE80;\n /* Search results text highlighting */\n --uui-search_result-bg-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-border-hover);\n --uui-text-input-border-active: var(--uui-control-border-checked);\n --uui-text-input-border-error: var(--uui-error-50);\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-placeholder-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-inter);\n --uui-text-input-font-weight: 400;\n /* Button vars */\n --uui-btn-border-radius: 8px;\n --uui-btn-font: var(--font-museo-sans);\n --uui-btn-font-weight: 700;\n /* LinkButton vars */\n --uui-link-button-text: var(--uui-primary-50);\n --uui-link-button-text-hover: var(--uui-primary-60);\n --uui-link-button-text-active: var(--uui-primary-70);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n --uui-link-button-font: var(--font-inter);\n --uui-link-button-font-weight: 400;\n /* DatePicker vars */\n --uui-dtp_body-title-bg: var(--uui-control-bg);\n --uui-dtp_body-text-selected: var(--uui-control-border-checked);\n --uui-dtp_body-text: var(--uui-control-text);\n --uui-dtp_body-content-font: var(--font-inter);\n --uui-dtp_body-content-font-weight: 400;\n /* RangeDatePicker vars */\n --uui-rdtp-bg: var(--uui-control-bg);\n --uui-rdtp-bg-selected-date: var(--uui-primary-10);\n /* Calendar vars */\n --uui-calendar-selected-hover: var(--uui-control-bg);\n --uui-calendar-start-end-selected-hover: var(--uui-primary-60);\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-inter);\n --uui-calendar-content-font-weight: 400;\n --uui-calendar-weekday-font: var(--font-inter);\n --uui-calendar-weekday-font-weight: 400;\n --uui-calendar-selected_day-font: var(--font-inter);\n --uui-calendar-selected_day-font-weight: 600;\n /* tab-button-vars */\n --uui-tab_button-text: var(--uui-text-primary);\n --uui-tab_button-text-hover: var(--uui-primary-50);\n --uui-tab_button-text-active: var(--uui-primary-50);\n --uui-tab_button-text-disabled: var(--uui-text-disabled);\n --uui-tab_button-font: var(--font-inter);\n --uui-tab_button-font-weight: 600;\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-error-50);\n --uui-radio-input-font: var(--font-inter);\n --uui-radio-input-font-weight: 400;\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-error-50);\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-inter);\n --uui-checkbox-font-weight: 400;\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-main);\n --uui-tag-count: var(--uui-text-secondary);\n --uui-tag-label: var(--uui-text-secondary);\n --uui-tag-border-radius: 30px;\n --uui-tag-font: var(--font-inter);\n --uui-tag-font-weight: 400;\n --uui-tag-count-font: var(--font-inter);\n --uui-tag-count-font-weight: 500;\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-border-hover);\n --uui-text-area-border-active: var(--uui-control-border-checked);\n --uui-text-area-border-error: var(--uui-error-50);\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-inter);\n --uui-text-area-font-weight: 400;\n --uui-text-area-counter-font: var(--font-inter);\n --uui-text-area-counter-font-weight: 400;\n /* DropMarker vars */\n --uui-drop-marker: var(--uui-primary-50);\n --uui-drop-marker-blocked: var(--uui-error-50);\n /* Tooltip vars */\n --uui-tooltip-shadow: var(--uui-shadow-level-2, 0 2px 18px 0 rgb(44 47 60 / 30%), 0 1px 4px 0 rgb(44 47 60 / 50%)); /* WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442 */\n --uui-tooltip-arrow-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);\n --uui-tooltip-border-radius: 8px;\n --uui-tooltip-font: var(--font-inter);\n --uui-tooltip-font-weight: 400;\n /* PickerInput vars */\n --uui-picker_input-bg: var(--uui-surface-main);\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-border-hover);\n --uui-picker-toggler-border-active: var(--uui-control-border-checked);\n --uui-picker-toggler-border-error: var(--uui-error-50);\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-inter);\n --uui-picker-toggler-font-weight: 400;\n /* Panel */\n --uui-panel-border-radius: 8px;\n --uui-panel-shadow: var(--uui-shadow-level-1);\n /* Modals */\n --uui-modals-border-radius: 16px;\n --uui-modals-overlay: rgb(29 30 38 / 80%);\n --uui-modals-shadow: var(--uui-shadow-level-3);\n --uui-modals-bg: var(--uui-surface-main);\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-50);\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-secondary);\n --uui-labeled-input-asterisk: var(--uui-error-50);\n --uui-labeled-input-font: var(--font-inter);\n --uui-labeled-input-font-weight: 500;\n --uui-labeled-input-optional-font: var(--font-inter);\n --uui-labeled-input-optional-font-weight: 300;\n --uui-labeled-input-invalid-msg-font: var(--font-inter);\n --uui-labeled-input-invalid-msg-font-weight: 400;\n /* Accordion */\n --uui-accordion-bg: var(--uui-surface-main);\n --uui-accordion-border: var(--uui-divider);\n --uui-accordion-border-radius: 6px;\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-50);\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-inter);\n --uui-accordion-toggler-font-weight: 500;\n --uui-accordion-body-font: var(--font-inter);\n --uui-accordion-body-font-weight: 400;\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-inter);\n --uui-switch-font-weight: 400;\n /* DropdownContainer */\n --uui-dropdown-container-border-radius: 6px;\n --uui-dropdown-container-shadow: var(--uui-shadow-level-2);\n --uui-dropdown-container-bg: var(--uui-surface-main);\n /* DropdownMenu */\n --uui-dropdown-menu-bg: var(--uui-surface-main);\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-highest);\n --uui-dropdown-menu-item-active: var(--uui-surface-highest);\n --uui-dropdown-menu-item-text: var(--uui-text-primary);\n --uui-dropdown-menu-body-font: var(--font-inter);\n --uui-dropdown-menu-body-font-weight: 400;\n --uui-dropdown-menu-item-font: var(--font-inter);\n --uui-dropdown-menu-item-font-weight: 400;\n /* MainMenu */\n --uui-main_menu-text: var(--uui-text-primary);\n --uui-main_menu-bg: #F0F7FCD9;\n --uui-main_menu-hover: #FFF;\n --uui-main_menu-active: #FFF;\n --uui-main_menu-border-active: #FFF;\n --uui-main_menu-dropdown-bg: var(--uui-surface-main);\n --uui-main_menu-dropdown-hover: var(--uui-primary-50);\n --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n --uui-main_menu-dropdown-border-radius: 8px;\n --uui-main_menu-search-bg: var(--uui-secondary-70);\n --uui-main_menu-search-border: var(--uui-secondary-70);\n --uui-main_menu-search-placeholder: var(--uui-text-disabled);\n --uui-main_menu-search-text: var(--uui-text-contrast);\n --uui-main_menu-search-icon: var(--uui-icon-disabled);\n --uui-main_menu-icon: var(--uui-text-primary);\n --uui-main_menu-icon-hover: var(--uui-text-primary);\n --uui-main_menu-icon-active: var(--uui-text-primary);\n --uui-main_menu-font: var(--font-museo-sans);\n --uui-main_menu-font-weight: 500;\n --uui-main_menu-search-font: var(--font-inter);\n --uui-main_menu-search-font-weight: 400;\n /* BurgerMenu */\n --uui-burger_menu-bg: var(--uui-surface-main);\n --uui-burger_menu-bg-hover: var(--uui-surface-higher);\n --uui-burger_menu-caption: var(--uui-text-contrast);\n --uui-burger_menu-caption-hover: var(--uui-primary-50);\n --uui-burger_menu-overlay: var(--uui-overlay);\n --uui-burger_icon: var(--uui-text-primary);\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-divider);\n --uui-burger_group-font: var(--font-inter);\n --uui-burger_group-font-weight: 400;\n /* BurgerButton */\n --uui-burger_btn_caption: var(--uui-text-primary);\n --uui-burger_btn_caption-hover: var(--uui-text-primary);\n --uui-burger_btn_caption-active: var(--uui-text-primary);\n --uui-burger_btn-border: var(--uui-divider-light);\n --uui-burger_btn-font: var(--font-inter);\n --uui-burger_btn-font-weight: 400;\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-inter);\n --uui-burger_search-font-weight: 400;\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-border-hover);\n --uui-numeric-input-border-active: var(--uui-control-border-checked);\n --uui-numeric-input-border-error: var(--uui-error-50);\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-border-hover);\n --uui-time-picker-border-active: var(--uui-control-border-checked);\n --uui-time-picker-border-error: var(--uui-error-50);\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-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-error-50);\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 /* FilterPanelItemToggler vars */\n --uui-filters-toggler-border: var(--uui-surface-main);\n --uui-filters-toggler-border-hover: var(--blue-0);\n --uui-filters-toggler-border-radius: 8px;\n --uui-filters-toggler-bg: var(--uui-surface-main);\n --uui-filters-toggler-bg-hover: var(--blue-0);\n --uui-filters-toggler-text: var(--uui-text-secondary);\n --uui-filters-toggler-label: var(--uui-text-brand);\n --uui-filters-toggler-icon: var(--uui-text-input-icon-clickable);\n --uui-filters-toggler-shadow: var(--uui-shadow-level-1);\n --uui-filters-toggler-font: var(--font-inter);\n --uui-filters-toggler-font-weight: 400;\n --uui-filters-panel-header-font: var(--font-inter);\n --uui-filters-panel-header-font-weight: 400;\n /* NotificationCard */\n --uui-notification-card-border-radius: 8px;\n --uui-notification-card-border-width: 0;\n --uui-notification-card-border-top-width: 6px;\n --uui-notification-card-shadow: var(--uui-shadow-level-2);\n /* Alert */\n --uui-alert-border-radius: 6px;\n /* Panel */\n --uui-panel-bg: var(--uui-surface-main);\n /* Spinner */\n --uui-spinner: var(--uui-primary-50);\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-10);\n --uui-dt-cell-border-hover: var(--uui-control-border-hover);\n --uui-dt-cell-border-focus: var(--uui-control-border-checked);\n --uui-dt-row-bg: var(--uui-surface-main);\n --uui-dt-row-bg-hover: var(--uui-surface-higher);\n --uui-dt-row-bg-invalid: #FEF7F6;\n --uui-dt-row-bg-selected: #EBF7FF;\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n --uui-dt-header-row-bg-hover: var(--uui-surface-highest);\n --uui-dt-top-shadow: linear-gradient(to bottom, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);\n --uui-dt-left-shadow: linear-gradient(to left, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);\n --uui-dt-right-shadow: linear-gradient(to right, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 0%) 100%);\n --uui-dt_header-drop_marker: var(--uui-primary-50);\n --uui-dt-header-cell-font: var(--font-inter);\n --uui-dt-header-cell-font-weight: 500;\n /* AvatarStack */\n --uui-avatar-stack-font: var(--font-inter);\n --uui-avatar-stack-font-weight: 400;\n /* Badge */\n --uui-badge-font: var(--font-museo-sans);\n --uui-badge-font-weight: 700;\n --uui-badge-count-font: var(--font-museo-sans);\n --uui-badge-count-font-weight: 700;\n /* Pagination */\n --uui-pagination-font: var(--font-inter);\n --uui-pagination-font-weight: 400;\n /* ------------------------------------ */\n}\n.uui-theme-vanilla_thunder .tooltip-contrast {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n}\n.uui-theme-vanilla_thunder .tooltip-default {\n --uui-tooltip-bg: var(--uui-surface-main);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .tooltip-critical {\n --uui-tooltip-bg: var(--uui-error-60);\n --uui-tooltip-text: var(--uui-text-contrast);\n}\n.uui-theme-vanilla_thunder .button-primary {\n --uui-btn-bg: var(--uui-primary-50);\n --uui-btn-bg-hover: var(--uui-primary-60);\n --uui-btn-bg-active: var(--uui-primary-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--blue-0);\n --uui-btn-bg-halftone-active: var(--uui-primary-10);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border: var(--uui-primary);\n --uui-btn-border-hover: var(--uui-primary-60);\n --uui-btn-border-active: var(--uui-primary-70);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-vanilla_thunder .button-accent {\n --uui-btn-bg: var(--uui-accent-50);\n --uui-btn-bg-hover: var(--uui-accent-60);\n --uui-btn-bg-active: var(--uui-accent-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--uui-accent-10);\n --uui-btn-bg-halftone-active: var(--uui-accent-20);\n --uui-btn-border: var(--uui-accent-50);\n --uui-btn-border-hover: var(--uui-accent-60);\n --uui-btn-border-active: var(--uui-accent-70);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-vanilla_thunder .button-negative {\n --uui-btn-bg: var(--uui-negative-50);\n --uui-btn-bg-hover: var(--uui-negative-60);\n --uui-btn-bg-active: var(--uui-negative-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--uui-negative-10);\n --uui-btn-bg-halftone-active: var(--uui-negative-20);\n --uui-btn-border: var(--uui-negative-50);\n --uui-btn-border-hover: var(--uui-negative-60);\n --uui-btn-border-active: var(--uui-negative-70);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-vanilla_thunder .button-secondary {\n --uui-btn-bg: var(--uui-secondary-50);\n --uui-btn-bg-hover: var(--uui-secondary-60);\n --uui-btn-bg-active: var(--uui-secondary-70);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--uui-secondary-10);\n --uui-btn-bg-halftone-active: var(--uui-secondary-20);\n --uui-btn-border: var(--uui-secondary-50);\n --uui-btn-border-hover: var(--uui-secondary-60);\n --uui-btn-border-active: var(--uui-secondary-70);\n --uui-btn-bg-disabled: var(--uui-disabled);\n --uui-btn-border-disabled: var(--uui-disabled);\n --uui-btn-caption: var(--white);\n --uui-btn-caption-halftone: var(--night600);\n --uui-btn-caption-disabled: var(--uui-text-disabled);\n}\n.uui-theme-vanilla_thunder .button-white {\n --uui-btn-bg: var(--white);\n --uui-btn-bg-hover: var(--blue-50);\n --uui-btn-bg-active: var(--blue-100);\n --uui-btn-bg-halftone: var(--chromatic-0);\n --uui-btn-bg-halftone-hover: var(--blue-50);\n --uui-btn-bg-halftone-active: var(--uui-primary-10);\n --uui-btn-bg-disabled: var(--chromatic-0);\n --uui-btn-border: var(--white);\n --uui-btn-border-hover: var(--blue-50);\n --uui-btn-border-active: var(--blue-100);\n --uui-btn-border-disabled: var(--chromatic-0);\n --uui-btn-caption: var(--chromatic-500);\n --uui-btn-caption-halftone: var(--uui-text-primary);\n --uui-btn-caption-disabled: var(--chromatic-200);\n}\n.uui-theme-vanilla_thunder .icon-button-info {\n --uui-icon-btn: var(--uui-info-50);\n --uui-icon-btn-hover: var(--uui-info-60);\n --uui-icon-btn-active: var(--uui-info-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-vanilla_thunder .icon-button-success {\n --uui-icon-btn: var(--uui-success-50);\n --uui-icon-btn-hover: var(--uui-success-60);\n --uui-icon-btn-active: var(--uui-success-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-vanilla_thunder .icon-button-warning {\n --uui-icon-btn: var(--uui-warning-50);\n --uui-icon-btn-hover: var(--uui-warning-60);\n --uui-icon-btn-active: var(--uui-warning-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-vanilla_thunder .icon-button-error {\n --uui-icon-btn: var(--uui-error-50);\n --uui-icon-btn-hover: var(--uui-error-60);\n --uui-icon-btn-active: var(--uui-error-70);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-vanilla_thunder .icon-button-secondary {\n --uui-icon-btn: var(--gray50);\n --uui-icon-btn-hover: var(--uui-color-night500-800);\n --uui-icon-btn-active: var(--uui-color-night500-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-vanilla_thunder .icon-button-default {\n --uui-icon-btn: var(--gray60);\n --uui-icon-btn-hover: var(--uui-color-night600-800);\n --uui-icon-btn-active: var(--uui-color-night600-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-vanilla_thunder .notification-card-warning {\n --uui-notification-card-fill: var(--uui-warning-50);\n --uui-notification-card-border: var(--uui-warning-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .notification-card-success {\n --uui-notification-card-fill: var(--uui-success-50);\n --uui-notification-card-border: var(--uui-success-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .notification-card-info {\n --uui-notification-card-fill: var(--uui-info-50);\n --uui-notification-card-border: var(--uui-info-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .notification-card-error {\n --uui-notification-card-fill: var(--uui-error-50);\n --uui-notification-card-border: var(--uui-error-50);\n --uui-notification-card-bg: var(--uui-surface-main);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .alert-error {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #F5E5E9;\n --uui-alert-border: var(--uui-error-50);\n --uui-alert-icon: var(--uui-error-50);\n}\n.uui-theme-vanilla_thunder .alert-warning {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #F6EEE1;\n --uui-alert-border: var(--uui-warning-50);\n --uui-alert-icon: var(--uui-warning-50);\n}\n.uui-theme-vanilla_thunder .alert-success {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #E7EEE1;\n --uui-alert-border: var(--uui-success-50);\n --uui-alert-icon: var(--uui-success-50);\n}\n.uui-theme-vanilla_thunder .alert-info {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: #DCEDF6;\n --uui-alert-border: var(--uui-info-50);\n --uui-alert-icon: var(--uui-info-50);\n}\n.uui-theme-vanilla_thunder .badge-default {\n --uui-badge-bg: var(--night300);\n --uui-badge-bg-hover: var(--night400);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--night200);\n --uui-badge-bg-halftone-hover: var(--night300);\n --uui-badge-border-halftone: var(--night400);\n --uui-badge-border-halftone-hover: var(--night500);\n --uui-badge-caption-halftone: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .badge-info {\n --uui-badge-bg: var(--uui-info-50);\n --uui-badge-bg-hover: var(--uui-info-60);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-info-10);\n --uui-badge-bg-halftone-hover: var(--uui-info-20);\n --uui-badge-border-halftone: var(--uui-info-20);\n --uui-badge-border-halftone-hover: var(--uui-info-50);\n --uui-badge-caption-halftone: var(--uui-info-70);\n}\n.uui-theme-vanilla_thunder .badge-success {\n --uui-badge-bg: var(--uui-success-50);\n --uui-badge-bg-hover: var(--uui-success-60);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-success-10);\n --uui-badge-bg-halftone-hover: var(--uui-success-20);\n --uui-badge-border-halftone: var(--uui-success-20);\n --uui-badge-border-halftone-hover: var(--uui-success-50);\n --uui-badge-caption-halftone: var(--uui-success-70);\n}\n.uui-theme-vanilla_thunder .badge-warning {\n --uui-badge-bg: var(--uui-warning-50);\n --uui-badge-bg-hover: var(--uui-warning-60);\n --uui-badge-caption-solid: var(--uui-text-primary);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-warning-10);\n --uui-badge-bg-halftone-hover: var(--uui-warning-20);\n --uui-badge-border-halftone: var(--uui-warning-20);\n --uui-badge-border-halftone-hover: var(--uui-warning-50);\n --uui-badge-caption-halftone: var(--uui-warning-70);\n}\n.uui-theme-vanilla_thunder .badge-error {\n --uui-badge-bg: var(--uui-error-50);\n --uui-badge-bg-hover: var(--uui-error-60);\n --uui-badge-caption-solid: var(--white);\n --uui-badge-count-bg: var(--white);\n --uui-badge-count: var(--uui-text-secondary);\n --uui-badge-bg-halftone: var(--uui-error-10);\n --uui-badge-bg-halftone-hover: var(--uui-error-20);\n --uui-badge-border-halftone: var(--uui-error-20);\n --uui-badge-border-halftone-hover: var(--uui-error-50);\n --uui-badge-caption-halftone: var(--uui-error-70);\n}\n.uui-theme-vanilla_thunder .informer-default {\n --uui-informer-bg: var(--uui-secondary-20);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-vanilla_thunder .informer-focus {\n --uui-informer-bg: var(--uui-negative-50);\n --uui-informer-caption: var(--uui-caption);\n}\n.uui-theme-vanilla_thunder .informer-white {\n --uui-informer-bg: var(--uui-surface-main);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-vanilla_thunder .uui-text-brand {\n --uui-text: var(--uui-text-brand);\n}\n.uui-theme-vanilla_thunder .uui-text-primary {\n --uui-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-text-secondary {\n --uui-text: var(--uui-text-secondary);\n}\n.uui-theme-vanilla_thunder .uui-text-disabled {\n --uui-text: var(--uui-text-disabled);\n}\n.uui-theme-vanilla_thunder .uui-text-contrast {\n --uui-text: var(--uui-text-contrast);\n}\n.uui-theme-vanilla_thunder .uui-font-inter, .uui-theme-vanilla_thunder .uui-font-regular {\n --uui-text-font: var(--font-inter);\n}\n.uui-theme-vanilla_thunder .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n}\n.uui-theme-vanilla_thunder .uui-font-semibold {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: 700;\n}\n.uui-theme-vanilla_thunder .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n}\n.uui-theme-vanilla_thunder .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n}\n.uui-theme-vanilla_thunder .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface-main);\n}\n.uui-theme-vanilla_thunder .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-vanilla_thunder .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-vanilla_thunder .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-vanilla_thunder .panel-white {\n --uui-panel-bg: var(--uui-surface-main);\n}\n.uui-theme-vanilla_thunder .panel-night50 {\n --uui-panel-bg: var(--night50);\n}"]}