@epam/assets 5.2.0-rc.1 → 5.2.0-rc.3

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 (23) hide show
  1. package/css/theme/theme_electric.css +473 -0
  2. package/css/theme/theme_electric.css.map +1 -0
  3. package/css/theme/theme_loveship.css +160 -376
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +168 -520
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +350 -906
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +11 -13
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/scss/electric/font-faces.scss +131 -0
  13. package/scss/loveship/font-faces.scss +120 -0
  14. package/scss/loveship/fonts.scss +20 -4
  15. package/scss/loveship/typography.scss +12 -5
  16. package/scss/promo/font-faces.scss +118 -3
  17. package/scss/promo/fonts.scss +14 -4
  18. package/scss/promo/typography.scss +11 -4
  19. package/theme/theme_electric.scss +486 -0
  20. package/theme/theme_loveship.scss +163 -911
  21. package/theme/theme_loveship_dark.scss +176 -647
  22. package/theme/theme_promo.scss +376 -1127
  23. package/theme/theme_vanilla_thunder.scss +11 -17
package/css/theme/theme_loveship_dark.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../theme/theme_loveship_dark.scss%23sass","../../../../../theme/theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss"],"names":[],"mappings":"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","file":"theme_loveship_dark.css","sourcesContent":["// 5 - soft,\n// 10 - lightest,\n// 20 - light,\n// 50 - main,\n// 60 - dark,\n// 70 - darkest,\n// contrast-text - caption-contrast,\n// text - halftone\n\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n// refactor indentions for this page using co-pilot\n\n.uui-theme-loveship_dark {\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: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: 'Redacted';\n --font-light: 'Sans Light', Arial, sans-serif;\n\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n\n --blue-5: #2C394B;\n --blue-10: #334052;\n --blue-20: #3E586F;\n --blue-30: #008ACE;\n --blue-40: #48A4D0;\n --blue-50: #7DBCDB;\n\n --green-5: #343A3B;\n --green-10: #39443D;\n --green-20: #505F49;\n --green-30: #669900;\n --green-40: #83B918;\n --green-50: #A6D151;\n\n --amber-5: #3F3B3B;\n --amber-10: #47433D;\n --amber-20: #625747;\n --amber-30: #F1A105;\n --amber-40: #F4B83A;\n --amber-50: #FFD06D;\n\n --red-5: #3C343E;\n --red-10: #473943;\n --red-20: #6B4447;\n --red-30: #CC482D;\n --red-40: #E56248;\n --red-50: #F78C77;\n\n --white: #FFFFFF;\n\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-30: #FDD63B;\n --yellow-40: #FEE376;\n --yellow-50: #FEEA9D;\n\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-30: #FF8B3E;\n --orange-40: #FFAA70;\n --orange-50: #FFBF95;\n\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-30: #E93D82;\n --fuchsia-40: #ED5F98;\n --fuchsia-50: #F183AF;\n\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-30: #B915DA;\n --purple-40: #D34EEE;\n --purple-50: #D68AE5;\n\n --lavanda-5: #393251;\n --lavanda-10: #443166;\n --lavanda-20: #573088;\n --lavanda-30: #8E32EB;\n --lavanda-40: #A55CEF;\n --lavanda-50: #AE8BF4;\n\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-30: #0091FF;\n --cobalt-40: #40ACFF;\n --cobalt-50: #7AC5FF;\n\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-30: #14CCCC;\n --cyan-40: #70E0E0;\n --cyan-50: #A1EBEB;\n\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-30: #4CC38A;\n --mint-40: #79D2A7;\n --mint-50: #A6E1C5;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-30);\n --uui-accent-60: var(--green-40);\n --uui-accent-70: var(--green-50);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-30);\n --uui-primary-60: var(--blue-40);\n --uui-primary-70: var(--blue-50);\n\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n\n --uui-negative-5: var(--red-5);\n --uui-negative-10: var(--red-10);\n --uui-negative-20: var(--red-20);\n --uui-negative-50: var(--red-30);\n --uui-negative-60: var(--red-40);\n --uui-negative-70: var(--red-50);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-30);\n --uui-info-60: var(--blue-40);\n --uui-info-70: var(--blue-50);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-30);\n --uui-success-60: var(--green-40);\n --uui-success-70: var(--green-50);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-30);\n --uui-warning-60: var(--amber-40);\n --uui-warning-70: var(--amber-50);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-30);\n --uui-error-60: var(--red-40);\n --uui-error-70: var(--red-50);\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(--night900);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--night700);\n --uui-surface-low: var(--night800);\n --uui-surface-lower: var(--night800);\n --uui-surface-lowest: var(--night500);\n --uui-surface-contrast: var(--white);\n --uui-surface-contrast-low: var(--night100);\n --uui-surface-contrast-lower: var(--night200);\n\n --uui-surface-active: var(--blue-10);\n --uui-surface-critical: var(--red-10);\n --uui-surface-warning: var(--amber-10);\n\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night500);\n\n --uui-text-brand: var(--white);\n --uui-text-primary: var(--night50);\n --uui-text-secondary: var(--night100);\n --uui-text-tertiary: var(--night200);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night700);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night700);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n --uui-disabled: var(--night500); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-icon: var(--night100);\n --uui-icon-hover: var(--night50);\n --uui-icon-active: var(--white);\n --uui-icon-disabled: var(--night300);\n\n --uui-link: var(--blue-30);\n --uui-link-hover: var(--blue-40);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n\n --uui-scroll_bars-bg: var(--night600);\n --uui-scroll_bars-bg-active: var(--night400);\n\n --uui-control-bg: var(--uui-surface);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night600);\n --uui-control-bg-readonly: var(--night400);\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(--night400);\n --uui-control_switch-toggler-bg: var(--white);\n\n --uui-control-border: var(--night400);\n //--uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--night400);\n --uui-control-border-readonly: var(--night400);\n --uui-control-border-checked: var(--uui-primary-50);\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(--night600);\n --uui-control_textinput-border-hover: var(--night200);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-secondary);\n\n --uui-control-placeholder: var(--uui-text-secondary);\n --uui-control-placeholder-disabled: var(--night300); // one place of usage\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--night300);\n --uui-control-icon-disabled: var(--night300);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-tag-bg: var(--night600); // one place of usage\n --uui-tag-bg-hover: var(--night300); // one place of usage\n\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n /* Search results text highlighting */\n //????\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\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-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-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\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: 30px;\n\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n\n\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 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* 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-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-regular);\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-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-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error-50);\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: 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-semibold);\n --uui-accordion-body-font: var(--font-regular);\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);\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 /* BurgerGroupHeader */\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-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_textinput-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_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative-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 /* 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: 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 /* Spinner */\n --uui-spinner: var(--uui-primary-50);\n\n /* Blocker */\n --uui-blocker-bg: var(--uui-app-bg);\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 /* BurgerMenu */\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--night50);\n --uui-burger_icon: var(--night50);\n --uui-burger_item: var(--uui-app-bg);\n }\n\n /* tab-button-vars */\n .uui-tab-button {\n --uui-tab_button-text-hover: var(--uui-primary-60);\n --uui-tab_button-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n .uui-mainMenu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-bg: var(--uui-surface);\n --uui-main_menu-hover: var(--uui-app-bg);\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\n .uui-mainMenu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--uui-app-bg);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface);\n }\n\n /* BurgerButton */\n .uui-mainMenu-burger-button {\n --uui-burger_btn_caption: var(--uui-text-brand);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n }\n\n /* BurgerSearch */\n .uui-mainMenu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-secondary-70);\n --uui-burger_search-bg: var(--uui-secondary-50);\n --uui-burger_search-placeholder: var(--uui-secondary-70);\n }\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-white {\n --uui-color-5: var(--night700);\n --uui-color-10: var(--night800);\n --uui-color-20: var(--night900);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night500);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--night100);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-accent,\n .uui-color-green,\n .uui-color-success {\n --uui-color-5: var(--green-5);\n --uui-color-10: var(--green-10);\n --uui-color-20: var(--green-20);\n --uui-color-50: var(--green-30);\n --uui-color-60: var(--green-40);\n --uui-color-70: var(--green-50);\n --uui-color-text: var(--green-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-primary,\n .uui-color-blue,\n .uui-color-info {\n --uui-color-5: var(--blue-5);\n --uui-color-10: var(--blue-10);\n --uui-color-20: var(--blue-20);\n --uui-color-50: var(--blue-30);\n --uui-color-60: var(--blue-40);\n --uui-color-70: var(--blue-50);\n --uui-color-text: var(--blue-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-negative,\n .uui-color-red,\n .uui-color-error {\n --uui-color-5: var(--red-5);\n --uui-color-10: var(--red-10);\n --uui-color-20: var(--red-20);\n --uui-color-50: var(--red-30);\n --uui-color-60: var(--red-40);\n --uui-color-70: var(--red-50);\n --uui-color-text: var(--red-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-amber,\n .uui-color-warning {\n --uui-color-5: var(--amber-5);\n --uui-color-10: var(--amber-10);\n --uui-color-20: var(--amber-20);\n --uui-color-50: var(--amber-30);\n --uui-color-60: var(--amber-40);\n --uui-color-70: var(--amber-50);\n --uui-color-text: var(--amber-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-lavanda {\n --uui-color-5: var(--lavanda-5);\n --uui-color-10: var(--lavanda-10);\n --uui-color-20: var(--lavanda-20);\n --uui-color-50: var(--lavanda-30);\n --uui-color-60: var(--lavanda-40);\n --uui-color-70: var(--lavanda-50);\n --uui-color-text: var(--lavanda-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n\n .uui-badge.uui-color-default {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night700);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night300);\n --uui-color-70: var(--night200);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--night50);\n }\n\n .uui-badge.fill-semitransparent {\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-default {\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night50);\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night200);\n }\n\n .uui-link_button.uui-color-contrast {\n --uui-color-50: var(--night200);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night50);\n }\n\n .uui-button.uui-fill-outline.uui-color-secondary,\n .uui-button.uui-fill-none.uui-color-secondary {\n --uui-color-50: var(--night200);\n }\n\n /* end color classes */\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-fire {\n --uui-tooltip-bg: var(--uui-error-60);\n --uui-tooltip-text: var(--uui-text-white);\n }\n\n .link-button-primary,\n .link-button-sky {\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\n .link-button-secondary,\n .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary-50);\n --uui-link-button-text-hover: var(--uui-secondary-60);\n --uui-link-button-text-active: var(--uui-secondary-70);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-contrast,\n .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .icon-button-sky,\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-grass,\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-sun,\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-fire,\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-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night500 {\n --uui-icon-btn: var(--night500);\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-night600,\n .icon-button-secondary,\n .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-sun,\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success,\n .notification-card-grass {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info,\n .notification-card-sky {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error,\n .notification-card-fire {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error,\n .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-10);\n --uui-alert-border: var(--uui-error-50);\n --uui-alert-icon: var(--uui-error-50);\n }\n\n .alert-warning,\n .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-10);\n --uui-alert-border: var(--uui-warning-50);\n --uui-alert-icon: var(--uui-warning-50);\n }\n\n\n .alert-success,\n .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-10);\n --uui-alert-border: var(--uui-success-50);\n --uui-alert-icon: var(--uui-success-50);\n }\n\n .alert-info,\n .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-10);\n --uui-alert-border: var(--uui-info-50);\n --uui-alert-icon: var(--uui-info-50);\n }\n\n .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--fire);\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-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-sans-light {\n --uui-text-font: var(--font-light);\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);\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);\n }\n\n .panel-night50 {\n --uui-panel-bg: var(--night50);\n }\n}\n","// 5 - soft,\n// 10 - lightest,\n// 20 - light,\n// 50 - main,\n// 60 - dark,\n// 70 - darkest,\n// contrast-text - caption-contrast,\n// text - halftone\n\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n// refactor indentions for this page using co-pilot\n\n.uui-theme-loveship_dark {\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: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: 'Redacted';\n --font-light: 'Sans Light', Arial, sans-serif;\n\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n\n --blue-5: #2C394B;\n --blue-10: #334052;\n --blue-20: #3E586F;\n --blue-30: #008ACE;\n --blue-40: #48A4D0;\n --blue-50: #7DBCDB;\n\n --green-5: #343A3B;\n --green-10: #39443D;\n --green-20: #505F49;\n --green-30: #669900;\n --green-40: #83B918;\n --green-50: #A6D151;\n\n --amber-5: #3F3B3B;\n --amber-10: #47433D;\n --amber-20: #625747;\n --amber-30: #F1A105;\n --amber-40: #F4B83A;\n --amber-50: #FFD06D;\n\n --red-5: #3C343E;\n --red-10: #473943;\n --red-20: #6B4447;\n --red-30: #CC482D;\n --red-40: #E56248;\n --red-50: #F78C77;\n\n --white: #FFFFFF;\n\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-30: #FDD63B;\n --yellow-40: #FEE376;\n --yellow-50: #FEEA9D;\n\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-30: #FF8B3E;\n --orange-40: #FFAA70;\n --orange-50: #FFBF95;\n\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-30: #E93D82;\n --fuchsia-40: #ED5F98;\n --fuchsia-50: #F183AF;\n\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-30: #B915DA;\n --purple-40: #D34EEE;\n --purple-50: #D68AE5;\n\n --lavanda-5: #393251;\n --lavanda-10: #443166;\n --lavanda-20: #573088;\n --lavanda-30: #8E32EB;\n --lavanda-40: #A55CEF;\n --lavanda-50: #AE8BF4;\n\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-30: #0091FF;\n --cobalt-40: #40ACFF;\n --cobalt-50: #7AC5FF;\n\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-30: #14CCCC;\n --cyan-40: #70E0E0;\n --cyan-50: #A1EBEB;\n\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-30: #4CC38A;\n --mint-40: #79D2A7;\n --mint-50: #A6E1C5;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-30);\n --uui-accent-60: var(--green-40);\n --uui-accent-70: var(--green-50);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-30);\n --uui-primary-60: var(--blue-40);\n --uui-primary-70: var(--blue-50);\n\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n\n --uui-negative-5: var(--red-5);\n --uui-negative-10: var(--red-10);\n --uui-negative-20: var(--red-20);\n --uui-negative-50: var(--red-30);\n --uui-negative-60: var(--red-40);\n --uui-negative-70: var(--red-50);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-30);\n --uui-info-60: var(--blue-40);\n --uui-info-70: var(--blue-50);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-30);\n --uui-success-60: var(--green-40);\n --uui-success-70: var(--green-50);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-30);\n --uui-warning-60: var(--amber-40);\n --uui-warning-70: var(--amber-50);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-30);\n --uui-error-60: var(--red-40);\n --uui-error-70: var(--red-50);\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(--night900);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--night700);\n --uui-surface-low: var(--night800);\n --uui-surface-lower: var(--night800);\n --uui-surface-lowest: var(--night500);\n --uui-surface-contrast: var(--white);\n --uui-surface-contrast-low: var(--night100);\n --uui-surface-contrast-lower: var(--night200);\n\n --uui-surface-active: var(--blue-10);\n --uui-surface-critical: var(--red-10);\n --uui-surface-warning: var(--amber-10);\n\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night500);\n\n --uui-text-brand: var(--white);\n --uui-text-primary: var(--night50);\n --uui-text-secondary: var(--night100);\n --uui-text-tertiary: var(--night200);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night700);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night700);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n --uui-disabled: var(--night500); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-icon: var(--night100);\n --uui-icon-hover: var(--night50);\n --uui-icon-active: var(--white);\n --uui-icon-disabled: var(--night300);\n\n --uui-link: var(--blue-30);\n --uui-link-hover: var(--blue-40);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n\n --uui-scroll_bars-bg: var(--night600);\n --uui-scroll_bars-bg-active: var(--night400);\n\n --uui-control-bg: var(--uui-surface);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night600);\n --uui-control-bg-readonly: var(--night400);\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(--night400);\n --uui-control_switch-toggler-bg: var(--white);\n\n --uui-control-border: var(--night400);\n //--uui-control-border-hover: var(--uui-primary-dark);\n --uui-control-border-disabled: var(--night400);\n --uui-control-border-readonly: var(--night400);\n --uui-control-border-checked: var(--uui-primary-50);\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(--night600);\n --uui-control_textinput-border-hover: var(--night200);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-secondary);\n\n --uui-control-placeholder: var(--uui-text-secondary);\n --uui-control-placeholder-disabled: var(--night300); // one place of usage\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--night300);\n --uui-control-icon-disabled: var(--night300);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-tag-bg: var(--night600); // one place of usage\n --uui-tag-bg-hover: var(--night300); // one place of usage\n\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n /* Search results text highlighting */\n //????\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\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-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-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\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: 30px;\n\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\n\n\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 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* 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-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-regular);\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-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-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error-50);\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: 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-semibold);\n --uui-accordion-body-font: var(--font-regular);\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);\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 /* BurgerGroupHeader */\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-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_textinput-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_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative-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 /* 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: 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 /* Spinner */\n --uui-spinner: var(--uui-primary-50);\n\n /* Blocker */\n --uui-blocker-bg: var(--uui-app-bg);\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 /* BurgerMenu */\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--night50);\n --uui-burger_icon: var(--night50);\n --uui-burger_item: var(--uui-app-bg);\n }\n\n /* tab-button-vars */\n .uui-tab-button {\n --uui-tab_button-text-hover: var(--uui-primary-60);\n --uui-tab_button-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n .uui-mainMenu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-bg: var(--uui-surface);\n --uui-main_menu-hover: var(--uui-app-bg);\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\n .uui-mainMenu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--uui-app-bg);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface);\n }\n\n /* BurgerButton */\n .uui-mainMenu-burger-button {\n --uui-burger_btn_caption: var(--uui-text-brand);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n }\n\n /* BurgerSearch */\n .uui-mainMenu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-secondary-70);\n --uui-burger_search-bg: var(--uui-secondary-50);\n --uui-burger_search-placeholder: var(--uui-secondary-70);\n }\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-white {\n --uui-color-5: var(--night700);\n --uui-color-10: var(--night800);\n --uui-color-20: var(--night900);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night500);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--night100);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-accent,\n .uui-color-green,\n .uui-color-success {\n --uui-color-5: var(--green-5);\n --uui-color-10: var(--green-10);\n --uui-color-20: var(--green-20);\n --uui-color-50: var(--green-30);\n --uui-color-60: var(--green-40);\n --uui-color-70: var(--green-50);\n --uui-color-text: var(--green-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-primary,\n .uui-color-blue,\n .uui-color-info {\n --uui-color-5: var(--blue-5);\n --uui-color-10: var(--blue-10);\n --uui-color-20: var(--blue-20);\n --uui-color-50: var(--blue-30);\n --uui-color-60: var(--blue-40);\n --uui-color-70: var(--blue-50);\n --uui-color-text: var(--blue-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-negative,\n .uui-color-red,\n .uui-color-error {\n --uui-color-5: var(--red-5);\n --uui-color-10: var(--red-10);\n --uui-color-20: var(--red-20);\n --uui-color-50: var(--red-30);\n --uui-color-60: var(--red-40);\n --uui-color-70: var(--red-50);\n --uui-color-text: var(--red-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-amber,\n .uui-color-warning {\n --uui-color-5: var(--amber-5);\n --uui-color-10: var(--amber-10);\n --uui-color-20: var(--amber-20);\n --uui-color-50: var(--amber-30);\n --uui-color-60: var(--amber-40);\n --uui-color-70: var(--amber-50);\n --uui-color-text: var(--amber-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-lavanda {\n --uui-color-5: var(--lavanda-5);\n --uui-color-10: var(--lavanda-10);\n --uui-color-20: var(--lavanda-20);\n --uui-color-50: var(--lavanda-30);\n --uui-color-60: var(--lavanda-40);\n --uui-color-70: var(--lavanda-50);\n --uui-color-text: var(--lavanda-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n\n .uui-badge.uui-color-default {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night700);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night300);\n --uui-color-70: var(--night200);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--night50);\n }\n\n .uui-badge.fill-semitransparent {\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-default {\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night50);\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night200);\n }\n\n .uui-link_button.uui-color-contrast {\n --uui-color-50: var(--night200);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night50);\n }\n\n .uui-button.uui-fill-outline.uui-color-secondary,\n .uui-button.uui-fill-none.uui-color-secondary {\n --uui-color-50: var(--night200);\n }\n\n /* end color classes */\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-fire {\n --uui-tooltip-bg: var(--uui-error-60);\n --uui-tooltip-text: var(--uui-text-white);\n }\n\n .link-button-primary,\n .link-button-sky {\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\n .link-button-secondary,\n .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary-50);\n --uui-link-button-text-hover: var(--uui-secondary-60);\n --uui-link-button-text-active: var(--uui-secondary-70);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-contrast,\n .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n }\n\n .icon-button-sky,\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-grass,\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-sun,\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-fire,\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-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .icon-button-night500 {\n --uui-icon-btn: var(--night500);\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-night600,\n .icon-button-secondary,\n .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n }\n\n .notification-card-sun,\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-success,\n .notification-card-grass {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-info,\n .notification-card-sky {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-error,\n .notification-card-fire {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n }\n\n .alert-error,\n .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-10);\n --uui-alert-border: var(--uui-error-50);\n --uui-alert-icon: var(--uui-error-50);\n }\n\n .alert-warning,\n .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-10);\n --uui-alert-border: var(--uui-warning-50);\n --uui-alert-icon: var(--uui-warning-50);\n }\n\n\n .alert-success,\n .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-10);\n --uui-alert-border: var(--uui-success-50);\n --uui-alert-icon: var(--uui-success-50);\n }\n\n .alert-info,\n .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-10);\n --uui-alert-border: var(--uui-info-50);\n --uui-alert-icon: var(--uui-info-50);\n }\n\n .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--uui-text-secondary);\n }\n\n .informer-focus {\n --uui-informer-bg: var(--fire);\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-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-sans-light {\n --uui-text-font: var(--font-light);\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);\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);\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-loveship_dark {\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: \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Sans Semibold\", Arial, sans-serif;\n --font-mono: monospace;\n --font-redacted: \"Redacted\";\n --font-light: \"Sans Light\", Arial, sans-serif;\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n --blue-5: #2C394B;\n --blue-10: #334052;\n --blue-20: #3E586F;\n --blue-30: #008ACE;\n --blue-40: #48A4D0;\n --blue-50: #7DBCDB;\n --green-5: #343A3B;\n --green-10: #39443D;\n --green-20: #505F49;\n --green-30: #669900;\n --green-40: #83B918;\n --green-50: #A6D151;\n --amber-5: #3F3B3B;\n --amber-10: #47433D;\n --amber-20: #625747;\n --amber-30: #F1A105;\n --amber-40: #F4B83A;\n --amber-50: #FFD06D;\n --red-5: #3C343E;\n --red-10: #473943;\n --red-20: #6B4447;\n --red-30: #CC482D;\n --red-40: #E56248;\n --red-50: #F78C77;\n --white: #FFFFFF;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-30: #FDD63B;\n --yellow-40: #FEE376;\n --yellow-50: #FEEA9D;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-30: #FF8B3E;\n --orange-40: #FFAA70;\n --orange-50: #FFBF95;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-30: #E93D82;\n --fuchsia-40: #ED5F98;\n --fuchsia-50: #F183AF;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-30: #B915DA;\n --purple-40: #D34EEE;\n --purple-50: #D68AE5;\n --lavanda-5: #393251;\n --lavanda-10: #443166;\n --lavanda-20: #573088;\n --lavanda-30: #8E32EB;\n --lavanda-40: #A55CEF;\n --lavanda-50: #AE8BF4;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-30: #0091FF;\n --cobalt-40: #40ACFF;\n --cobalt-50: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-30: #14CCCC;\n --cyan-40: #70E0E0;\n --cyan-50: #A1EBEB;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-30: #4CC38A;\n --mint-40: #79D2A7;\n --mint-50: #A6E1C5;\n /* core variables start */\n /* brand colors */\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-30);\n --uui-accent-60: var(--green-40);\n --uui-accent-70: var(--green-50);\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-30);\n --uui-primary-60: var(--blue-40);\n --uui-primary-70: var(--blue-50);\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n --uui-negative-5: var(--red-5);\n --uui-negative-10: var(--red-10);\n --uui-negative-20: var(--red-20);\n --uui-negative-50: var(--red-30);\n --uui-negative-60: var(--red-40);\n --uui-negative-70: var(--red-50);\n /* semantic colors */\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-30);\n --uui-info-60: var(--blue-40);\n --uui-info-70: var(--blue-50);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-30);\n --uui-success-60: var(--green-40);\n --uui-success-70: var(--green-50);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-30);\n --uui-warning-60: var(--amber-40);\n --uui-warning-70: var(--amber-50);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-30);\n --uui-error-60: var(--red-40);\n --uui-error-70: var(--red-50);\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(--night900);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface: var(--night700);\n --uui-surface-low: var(--night800);\n --uui-surface-lower: var(--night800);\n --uui-surface-lowest: var(--night500);\n --uui-surface-contrast: var(--white);\n --uui-surface-contrast-low: var(--night100);\n --uui-surface-contrast-lower: var(--night200);\n --uui-surface-active: var(--blue-10);\n --uui-surface-critical: var(--red-10);\n --uui-surface-warning: var(--amber-10);\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night500);\n --uui-text-brand: var(--white);\n --uui-text-primary: var(--night50);\n --uui-text-secondary: var(--night100);\n --uui-text-tertiary: var(--night200);\n --uui-text-disabled: var(--night500);\n --uui-text-contrast: var(--night700);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night700);\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n /* not accepted part */\n --uui-disabled: var(--night500);\n /* control specific */\n --uui-icon: var(--night100);\n --uui-icon-hover: var(--night50);\n --uui-icon-active: var(--white);\n --uui-icon-disabled: var(--night300);\n --uui-link: var(--blue-30);\n --uui-link-hover: var(--blue-40);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n --uui-scroll_bars-bg: var(--night600);\n --uui-scroll_bars-bg-active: var(--night400);\n --uui-control-bg: var(--uui-surface);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night600);\n --uui-control-bg-readonly: var(--night400);\n --uui-control_switch-bg: var(--night400);\n --uui-control_switch-toggler-bg: var(--white);\n --uui-control-border: var(--night400);\n --uui-control-border-disabled: var(--night400);\n --uui-control-border-readonly: var(--night400);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control_switch-border-hover: var(--night600);\n --uui-control_textinput-border-hover: var(--night200);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-secondary);\n --uui-control-placeholder: var(--uui-text-secondary);\n --uui-control-placeholder-disabled: var(--night300);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n --uui-control-icon: var(--night300);\n --uui-control-icon-disabled: var(--night300);\n --uui-control-checkbox-icon: var(--white);\n --uui-tag-bg: var(--night600);\n --uui-tag-bg-hover: var(--night300);\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n /* 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 /* 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-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-regular);\n --uui-calendar-weekday-font: var(--font-regular);\n --uui-calendar-selected_day-font: var(--font-semibold);\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: 30px;\n --uui-tag-font: var(--font-regular);\n --uui-tag-count-font: var(--font-semibold);\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 rgba(44, 47, 60, 0.3), 0 1px 4px 0 rgba(44, 47, 60, 0.5)); /* 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-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-regular);\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-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-tertiary);\n --uui-labeled-input-asterisk: var(--uui-error-50);\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: 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-semibold);\n --uui-accordion-body-font: var(--font-regular);\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);\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 /* BurgerGroupHeader */\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-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_textinput-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_textinput-border-hover);\n --uui-search-input-border-active: var(--uui-control-border-checked);\n --uui-search-input-border-error: var(--uui-negative-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 /* 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: 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 /* Spinner */\n --uui-spinner: var(--uui-primary-50);\n /* Blocker */\n --uui-blocker-bg: var(--uui-app-bg);\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 /* BurgerMenu */\n /* tab-button-vars */\n /* MainMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* ------------------------------------ */\n /* begin color classes */\n /* end color classes */\n}\n.uui-theme-loveship_dark .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--night50);\n --uui-burger_icon: var(--night50);\n --uui-burger_item: var(--uui-app-bg);\n}\n.uui-theme-loveship_dark .uui-tab-button {\n --uui-tab_button-text-hover: var(--uui-primary-60);\n --uui-tab_button-text-active: var(--uui-primary-60);\n}\n.uui-theme-loveship_dark .uui-mainMenu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-bg: var(--uui-surface);\n --uui-main_menu-hover: var(--uui-app-bg);\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-theme-loveship_dark .uui-mainMenu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--uui-app-bg);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface);\n}\n.uui-theme-loveship_dark .uui-mainMenu-burger-button {\n --uui-burger_btn_caption: var(--uui-text-brand);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n}\n.uui-theme-loveship_dark .uui-mainMenu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-secondary-70);\n --uui-burger_search-bg: var(--uui-secondary-50);\n --uui-burger_search-placeholder: var(--uui-secondary-70);\n}\n.uui-theme-loveship_dark .uui-color-white {\n --uui-color-5: var(--night700);\n --uui-color-10: var(--night800);\n --uui-color-20: var(--night900);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-loveship_dark .uui-color-gray,\n.uui-theme-loveship_dark .uui-color-secondary {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night500);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--night100);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-accent,\n.uui-theme-loveship_dark .uui-color-green,\n.uui-theme-loveship_dark .uui-color-success {\n --uui-color-5: var(--green-5);\n --uui-color-10: var(--green-10);\n --uui-color-20: var(--green-20);\n --uui-color-50: var(--green-30);\n --uui-color-60: var(--green-40);\n --uui-color-70: var(--green-50);\n --uui-color-text: var(--green-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-primary,\n.uui-theme-loveship_dark .uui-color-blue,\n.uui-theme-loveship_dark .uui-color-info {\n --uui-color-5: var(--blue-5);\n --uui-color-10: var(--blue-10);\n --uui-color-20: var(--blue-20);\n --uui-color-50: var(--blue-30);\n --uui-color-60: var(--blue-40);\n --uui-color-70: var(--blue-50);\n --uui-color-text: var(--blue-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-negative,\n.uui-theme-loveship_dark .uui-color-red,\n.uui-theme-loveship_dark .uui-color-error {\n --uui-color-5: var(--red-5);\n --uui-color-10: var(--red-10);\n --uui-color-20: var(--red-20);\n --uui-color-50: var(--red-30);\n --uui-color-60: var(--red-40);\n --uui-color-70: var(--red-50);\n --uui-color-text: var(--red-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-amber,\n.uui-theme-loveship_dark .uui-color-warning {\n --uui-color-5: var(--amber-5);\n --uui-color-10: var(--amber-10);\n --uui-color-20: var(--amber-20);\n --uui-color-50: var(--amber-30);\n --uui-color-60: var(--amber-40);\n --uui-color-70: var(--amber-50);\n --uui-color-text: var(--amber-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-lavanda {\n --uui-color-5: var(--lavanda-5);\n --uui-color-10: var(--lavanda-10);\n --uui-color-20: var(--lavanda-20);\n --uui-color-50: var(--lavanda-30);\n --uui-color-60: var(--lavanda-40);\n --uui-color-70: var(--lavanda-50);\n --uui-color-text: var(--lavanda-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-default {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night700);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night300);\n --uui-color-70: var(--night200);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--night50);\n}\n.uui-theme-loveship_dark .uui-badge.fill-semitransparent {\n --uui-color-70: var(--night50);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-default {\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night50);\n --uui-color-70: var(--night50);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-secondary {\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night200);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-contrast {\n --uui-color-50: var(--night200);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night50);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary,\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-color-50: var(--night200);\n}\n.uui-theme-loveship_dark .tooltip-contrast,\n.uui-theme-loveship_dark .tooltip-gray {\n --uui-tooltip-bg: var(--uui-surface-contrast);\n --uui-tooltip-text: var(--uui-text-contrast);\n}\n.uui-theme-loveship_dark .tooltip-default,\n.uui-theme-loveship_dark .tooltip-white {\n --uui-tooltip-bg: var(--uui-surface);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .tooltip-critical,\n.uui-theme-loveship_dark .tooltip-fire {\n --uui-tooltip-bg: var(--uui-error-60);\n --uui-tooltip-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .link-button-primary,\n.uui-theme-loveship_dark .link-button-sky {\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-theme-loveship_dark .link-button-secondary,\n.uui-theme-loveship_dark .link-button-night600 {\n --uui-link-button-text: var(--uui-secondary-50);\n --uui-link-button-text-hover: var(--uui-secondary-60);\n --uui-link-button-text-active: var(--uui-secondary-70);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-contrast,\n.uui-theme-loveship_dark .link-button-night100 {\n --uui-link-button-text: var(--night100);\n --uui-link-button-text-hover: var(--uui-color-night100-800);\n --uui-link-button-text-active: var(--uui-color-night100-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-grass {\n --uui-link-button-text: var(--grass);\n --uui-link-button-text-hover: var(--grass-dark);\n --uui-link-button-text-active: var(--grass-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-sun {\n --uui-link-button-text: var(--sun);\n --uui-link-button-text-hover: var(--sun-dark);\n --uui-link-button-text-active: var(--sun-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-fire {\n --uui-link-button-text: var(--fire);\n --uui-link-button-text-hover: var(--fire-dark);\n --uui-link-button-text-active: var(--fire-darkest);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-cobalt {\n --uui-link-button-text: var(--cobalt-30);\n --uui-link-button-text-hover: var(--cobalt-40);\n --uui-link-button-text-active: var(--cobalt-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-lavanda {\n --uui-link-button-text: var(--lavanda-30);\n --uui-link-button-text-hover: var(--lavanda-40);\n --uui-link-button-text-active: var(--lavanda-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-fuchsia {\n --uui-link-button-text: var(--fuchia-30);\n --uui-link-button-text-hover: var(--fuchia-40);\n --uui-link-button-text-active: var(--fuchia-50);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-white {\n --uui-link-button-text: var(--white);\n --uui-link-button-text-hover: var(--uui-color-white-800);\n --uui-link-button-text-active: var(--uui-color-white-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night50 {\n --uui-link-button-text: var(--night50);\n --uui-link-button-text-hover: var(--uui-color-night50-800);\n --uui-link-button-text-active: var(--uui-color-night50-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night200 {\n --uui-link-button-text: var(--night200);\n --uui-link-button-text-hover: var(--uui-color-night200-800);\n --uui-link-button-text-active: var(--uui-color-night200-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night300 {\n --uui-link-button-text: var(--night300);\n --uui-link-button-text-hover: var(--uui-color-night300-800);\n --uui-link-button-text-active: var(--uui-color-night300-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night400 {\n --uui-link-button-text: var(--night400);\n --uui-link-button-text-hover: var(--uui-color-night400-800);\n --uui-link-button-text-active: var(--uui-color-night400-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night500 {\n --uui-link-button-text: var(--night500);\n --uui-link-button-text-hover: var(--uui-color-night500-800);\n --uui-link-button-text-active: var(--uui-color-night500-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night700 {\n --uui-link-button-text: var(--night700);\n --uui-link-button-text-hover: var(--uui-color-night700-800);\n --uui-link-button-text-active: var(--uui-color-night700-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night800 {\n --uui-link-button-text: var(--night800);\n --uui-link-button-text-hover: var(--uui-color-night800-800);\n --uui-link-button-text-active: var(--uui-color-night800-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .link-button-night900 {\n --uui-link-button-text: var(--night900);\n --uui-link-button-text-hover: var(--uui-color-night900-800);\n --uui-link-button-text-active: var(--uui-color-night900-900);\n --uui-link-button-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .icon-button-sky,\n.uui-theme-loveship_dark .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-loveship_dark .icon-button-grass,\n.uui-theme-loveship_dark .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-loveship_dark .icon-button-sun,\n.uui-theme-loveship_dark .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-loveship_dark .icon-button-fire,\n.uui-theme-loveship_dark .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-loveship_dark .icon-button-cobalt {\n --uui-icon-btn: var(--cobalt-30);\n --uui-icon-btn-hover: var(--cobalt-40);\n --uui-icon-btn-active: var(--cobalt-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-lavanda {\n --uui-icon-btn: var(--lavanda-30);\n --uui-icon-btn-hover: var(--lavanda-40);\n --uui-icon-btn-active: var(--lavanda-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-fuchsia {\n --uui-icon-btn: var(--fuchia-30);\n --uui-icon-btn-hover: var(--fuchia-40);\n --uui-icon-btn-active: var(--fuchia-50);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-white {\n --uui-icon-btn: var(--white);\n --uui-icon-btn-hover: var(--uui-color-white-800);\n --uui-icon-btn-active: var(--uui-color-white-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-night200 {\n --uui-icon-btn: var(--night200);\n --uui-icon-btn-hover: var(--uui-color-night200-800);\n --uui-icon-btn-active: var(--uui-color-night200-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-night300 {\n --uui-icon-btn: var(--night300);\n --uui-icon-btn-hover: var(--uui-color-night300-800);\n --uui-icon-btn-active: var(--uui-color-night300-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-night400 {\n --uui-icon-btn: var(--night400);\n --uui-icon-btn-hover: var(--uui-color-night400-800);\n --uui-icon-btn-active: var(--uui-color-night400-900);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .icon-button-night500 {\n --uui-icon-btn: var(--night500);\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-loveship_dark .icon-button-night600,\n.uui-theme-loveship_dark .icon-button-secondary,\n.uui-theme-loveship_dark .icon-button-default {\n --uui-icon-btn: var(--night600);\n --uui-icon-btn-hover: var(--uui-icon-hover);\n --uui-icon-btn-active: var(--uui-icon-active);\n --uui-icon-btn-disabled: var(--uui-icon-disabled);\n}\n.uui-theme-loveship_dark .notification-card-sun,\n.uui-theme-loveship_dark .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);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .notification-card-success,\n.uui-theme-loveship_dark .notification-card-grass {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .notification-card-info,\n.uui-theme-loveship_dark .notification-card-sky {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .notification-card-error,\n.uui-theme-loveship_dark .notification-card-fire {\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);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .notification-card-night600 {\n --uui-notification-card-fill: var(--night600);\n --uui-notification-card-border: var(--night600);\n --uui-notification-card-bg: var(--uui-surface);\n --uui-notification-card-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .alert-error,\n.uui-theme-loveship_dark .alert-fire {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-error-10);\n --uui-alert-border: var(--uui-error-50);\n --uui-alert-icon: var(--uui-error-50);\n}\n.uui-theme-loveship_dark .alert-warning,\n.uui-theme-loveship_dark .alert-sun {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-warning-10);\n --uui-alert-border: var(--uui-warning-50);\n --uui-alert-icon: var(--uui-warning-50);\n}\n.uui-theme-loveship_dark .alert-success,\n.uui-theme-loveship_dark .alert-grass {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-success-10);\n --uui-alert-border: var(--uui-success-50);\n --uui-alert-icon: var(--uui-success-50);\n}\n.uui-theme-loveship_dark .alert-info,\n.uui-theme-loveship_dark .alert-sky {\n --uui-alert-text: var(--uui-text-primary);\n --uui-alert-bg: var(--uui-info-10);\n --uui-alert-border: var(--uui-info-50);\n --uui-alert-icon: var(--uui-info-50);\n}\n.uui-theme-loveship_dark .informer-default {\n --uui-informer-bg: var(--night300);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-loveship_dark .informer-focus {\n --uui-informer-bg: var(--fire);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .informer-white {\n --uui-informer-bg: var(--uui-surface);\n --uui-informer-caption: var(--uui-text-secondary);\n}\n.uui-theme-loveship_dark .uui-font-regular,\n.uui-theme-loveship_dark .uui-font-sans {\n --uui-text-font: var(--font-regular);\n}\n.uui-theme-loveship_dark .uui-font-semibold,\n.uui-theme-loveship_dark .uui-font-sans-semibold {\n --uui-text-font: var(--font-semibold);\n}\n.uui-theme-loveship_dark .uui-font-sans-light {\n --uui-text-font: var(--font-light);\n}\n.uui-theme-loveship_dark .dropdown-container-white {\n --uui-dropdown-container-bg: var(--white);\n}\n.uui-theme-loveship_dark .dropdown-container-night700 {\n --uui-dropdown-container-bg: var(--night700);\n}\n.uui-theme-loveship_dark .flex-row-background-white {\n --uui-flex-row-bg: var(--uui-surface);\n}\n.uui-theme-loveship_dark .flex-row-background-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship_dark .flex-row-background-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship_dark .flex-row-background-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship_dark .panel-white {\n --uui-panel-bg: var(--uui-surface);\n}\n.uui-theme-loveship_dark .panel-night50 {\n --uui-panel-bg: var(--night50);\n}"]}
1
+ {"version":3,"sources":["../../../theme/theme_loveship_dark.scss%23sass","../../../../../theme/theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss"],"names":[],"mappings":"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","file":"theme_loveship_dark.css","sourcesContent":["/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n.uui-theme-loveship_dark{\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n\n --blue-5: #2C394B;\n --blue-10: #334052;\n --blue-20: #3E586F;\n --blue-30: #008ACE;\n --blue-40: #48A4D0;\n --blue-50: #7DBCDB;\n\n --green-5: #343A3B;\n --green-10: #39443D;\n --green-20: #505F49;\n --green-30: #669900;\n --green-40: #83B918;\n --green-50: #A6D151;\n\n --amber-5: #3F3B3B;\n --amber-10: #47433D;\n --amber-20: #625747;\n --amber-30: #F1A105;\n --amber-40: #F4B83A;\n --amber-50: #FFD06D;\n\n --red-5: #3C343E;\n --red-10: #473943;\n --red-20: #6B4447;\n --red-30: #CC482D;\n --red-40: #E56248;\n --red-50: #F78C77;\n\n --white: #FFFFFF;\n\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-30: #FDD63B;\n --yellow-40: #FEE376;\n --yellow-50: #FEEA9D;\n\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-30: #FF8B3E;\n --orange-40: #FFAA70;\n --orange-50: #FFBF95;\n\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-30: #E93D82;\n --fuchsia-40: #ED5F98;\n --fuchsia-50: #F183AF;\n\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-30: #B915DA;\n --purple-40: #D34EEE;\n --purple-50: #D68AE5;\n\n --lavanda-5: #393251;\n --lavanda-10: #443166;\n --lavanda-20: #573088;\n --lavanda-30: #8E32EB;\n --lavanda-40: #A55CEF;\n --lavanda-50: #AE8BF4;\n\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-30: #0091FF;\n --cobalt-40: #40ACFF;\n --cobalt-50: #7AC5FF;\n\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-30: #14CCCC;\n --cyan-40: #70E0E0;\n --cyan-50: #A1EBEB;\n\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-30: #4CC38A;\n --mint-40: #79D2A7;\n --mint-50: #A6E1C5;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-30);\n --uui-accent-60: var(--green-40);\n --uui-accent-70: var(--green-50);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-30);\n --uui-primary-60: var(--blue-40);\n --uui-primary-70: var(--blue-50);\n\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-30);\n --uui-critical-60: var(--red-40);\n --uui-critical-70: var(--red-50);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-30);\n --uui-info-60: var(--blue-40);\n --uui-info-70: var(--blue-50);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-30);\n --uui-success-60: var(--green-40);\n --uui-success-70: var(--green-50);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-30);\n --uui-warning-60: var(--amber-40);\n --uui-warning-70: var(--amber-50);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-30);\n --uui-error-60: var(--red-40);\n --uui-error-70: var(--red-50);\n\n --uui-neutral-0: #000000;\n --uui-neutral-5: var(--night900);\n --uui-neutral-10: var(--night800);\n --uui-neutral-20: var(--night700);\n --uui-neutral-30: var(--night600);\n --uui-neutral-40: var(--night500);\n --uui-neutral-50: var(--night400);\n --uui-neutral-60: var(--night300);\n --uui-neutral-70: var(--night200);\n --uui-neutral-80: var(--night100);\n --uui-neutral-90: var(--night50);\n --uui-neutral-100: #FFFFFF;\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(--night900);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--night700);\n --uui-surface-low: var(--night800);\n --uui-surface-lower: var(--night800);\n --uui-surface-lowest: var(--night500);\n --uui-surface-contrast: var(--white);\n --uui-surface-contrast-low: var(--night100);\n --uui-surface-contrast-lower: var(--night200);\n\n --uui-surface-active: var(--blue-10);\n --uui-surface-critical: var(--red-10);\n --uui-surface-warning: var(--amber-10);\n\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night500);\n\n --uui-text-brand: var(--white);\n --uui-text-primary: var(--night50);\n --uui-text-secondary: var(--night100);\n --uui-text-tertiary: var(--night200);\n --uui-text-disabled: var(--night300);\n --uui-text-contrast: var(--night700);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night700);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n --uui-disabled: var(--night500); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-link: var(--blue-30);\n --uui-link-hover: var(--blue-40);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n\n --uui-icon: var(--night100);\n --uui-icon-hover: var(--night50);\n --uui-icon-active: var(--white);\n --uui-icon-disabled: var(--night300);\n\n --uui-scroll_bars-bg: var(--night600);\n --uui-scroll_bars-bg-active: var(--night400);\n\n --uui-control-bg: var(--uui-surface);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night600);\n --uui-control-bg-readonly: var(--night400);\n\n --uui-control-border: var(--night400);\n --uui-control-border-hover: var(--night200);\n --uui-control-border-disabled: var(--night400);\n --uui-control-border-readonly: var(--night400);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-secondary);\n\n --uui-control-placeholder: var(--uui-text-secondary);\n --uui-control-placeholder-disabled: var(--night300); // one place of usage\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--night300);\n --uui-control-icon-disabled: var(--night300);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-control-focus: #008ACE80;\n\n --uui-search-result-highlight: var(--uui-warning-20);\n\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* override variables */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n .uui-switch {\n --uui-switch-bg: var(--uui-neutral-50);\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n .uui-count {\n --uui-badge-count: var(--uui-text-dark);\n }\n\n /* begin color classes */\n\n .uui-color-white {\n --uui-color-5: var(--night700);\n --uui-color-10: var(--night800);\n --uui-color-20: var(--night900);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-basic,\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night500);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--night100);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-accent,\n .uui-color-grass {\n --uui-color-5: var(--green-5);\n --uui-color-10: var(--green-10);\n --uui-color-20: var(--green-20);\n --uui-color-50: var(--green-30);\n --uui-color-60: var(--green-40);\n --uui-color-70: var(--green-50);\n --uui-color-text: var(--green-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-primary,\n .uui-color-sky {\n --uui-color-5: var(--blue-5);\n --uui-color-10: var(--blue-10);\n --uui-color-20: var(--blue-20);\n --uui-color-50: var(--blue-30);\n --uui-color-60: var(--blue-40);\n --uui-color-70: var(--blue-50);\n --uui-color-text: var(--blue-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-critical,\n .uui-color-fire {\n --uui-color-5: var(--red-5);\n --uui-color-10: var(--red-10);\n --uui-color-20: var(--red-20);\n --uui-color-50: var(--red-30);\n --uui-color-60: var(--red-40);\n --uui-color-70: var(--red-50);\n --uui-color-text: var(--red-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-text: var(--uui-info-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-text: var(--uui-success-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-sun,\n .uui-color-warning {\n --uui-color-5: var(--amber-5);\n --uui-color-10: var(--amber-10);\n --uui-color-20: var(--amber-20);\n --uui-color-50: var(--amber-30);\n --uui-color-60: var(--amber-40);\n --uui-color-70: var(--amber-50);\n --uui-color-text: var(--amber-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-40);\n --uui-color-text: var(--uui-error-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-lavanda {\n --uui-color-5: var(--lavanda-5);\n --uui-color-10: var(--lavanda-10);\n --uui-color-20: var(--lavanda-20);\n --uui-color-50: var(--lavanda-30);\n --uui-color-60: var(--lavanda-40);\n --uui-color-70: var(--lavanda-50);\n --uui-color-text: var(--lavanda-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n\n .uui-badge.uui-color-neutral {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night700);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night300);\n --uui-color-70: var(--night200);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--night50);\n }\n\n .uui-badge.fill-semitransparent {\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-neutral {\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night50);\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night200);\n }\n\n .uui-link_button.uui-color-contrast {\n --uui-color-50: var(--night200);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night50);\n }\n\n .uui-link_button.uui-color-primary {\n --uui-link_button-text: var(--uui-color-60);\n --uui-link_button-text-hover: var(--uui-color-70);\n --uui-link_button-text-disabled: var(--uui-secondary-20);\n }\n\n .uui-button.uui-fill-outline.uui-color-secondary,\n .uui-button.uui-fill-none.uui-color-secondary {\n --uui-color-50: var(--night200);\n }\n\n /* BurgerMenu */\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--night50);\n --uui-burger_icon: var(--night50);\n --uui-burger_item: var(--uui-app-bg);\n }\n\n /* tab-button-vars */\n .uui-tab-button {\n --uui-tab_button-text-hover: var(--uui-primary-60);\n --uui-tab_button-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-bg: var(--uui-surface);\n --uui-main_menu-hover: var(--uui-app-bg);\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\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--uui-app-bg);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-text-brand);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n }\n\n /* BurgerSearch */\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-secondary-70);\n --uui-burger_search-bg: var(--uui-secondary-50);\n --uui-burger_search-placeholder: var(--uui-secondary-70);\n }\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-color-50: var(--uui-surface);\n --uui-color-contrast-text: var(--uui-text-primary);\n }\n\n .uui-tooltip-container.uui-color-contrast {\n --uui-color-50: var(--uui-surface-contrast-low);\n --uui-color-contrast-text: var(--uui-text-contrast);\n }\n\n /* Informer */\n\n .uui-informer.uui-color-neutral {\n --uui-color-50: var(--uui-neutral-60);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-info {\n --uui-color-50: var(--blue-40);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-grass,\n .uui-informer.uui-color-success {\n --uui-color-50: var(--green-40);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-negative {\n --uui-color-50: var(--red-40);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-warning {\n --uui-color-50: var(--amber-40);\n --uui-informer-caption: var(--uui-text-contrast);\n }\n\n // Alert\n\n .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n // fonts\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n\n }\n\n .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n}\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n.uui-theme-loveship_dark{\n --uui-font: 'Source Sans Pro', sans-serif;\n --font-primary: 'Sans Semibold', Arial, sans-serif;\n --font-promo: 'Sans Semibold', Arial, sans-serif;\n --font-mono: monospace;\n\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n\n --blue-5: #2C394B;\n --blue-10: #334052;\n --blue-20: #3E586F;\n --blue-30: #008ACE;\n --blue-40: #48A4D0;\n --blue-50: #7DBCDB;\n\n --green-5: #343A3B;\n --green-10: #39443D;\n --green-20: #505F49;\n --green-30: #669900;\n --green-40: #83B918;\n --green-50: #A6D151;\n\n --amber-5: #3F3B3B;\n --amber-10: #47433D;\n --amber-20: #625747;\n --amber-30: #F1A105;\n --amber-40: #F4B83A;\n --amber-50: #FFD06D;\n\n --red-5: #3C343E;\n --red-10: #473943;\n --red-20: #6B4447;\n --red-30: #CC482D;\n --red-40: #E56248;\n --red-50: #F78C77;\n\n --white: #FFFFFF;\n\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-30: #FDD63B;\n --yellow-40: #FEE376;\n --yellow-50: #FEEA9D;\n\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-30: #FF8B3E;\n --orange-40: #FFAA70;\n --orange-50: #FFBF95;\n\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-30: #E93D82;\n --fuchsia-40: #ED5F98;\n --fuchsia-50: #F183AF;\n\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-30: #B915DA;\n --purple-40: #D34EEE;\n --purple-50: #D68AE5;\n\n --lavanda-5: #393251;\n --lavanda-10: #443166;\n --lavanda-20: #573088;\n --lavanda-30: #8E32EB;\n --lavanda-40: #A55CEF;\n --lavanda-50: #AE8BF4;\n\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-30: #0091FF;\n --cobalt-40: #40ACFF;\n --cobalt-50: #7AC5FF;\n\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-30: #14CCCC;\n --cyan-40: #70E0E0;\n --cyan-50: #A1EBEB;\n\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-30: #4CC38A;\n --mint-40: #79D2A7;\n --mint-50: #A6E1C5;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-30);\n --uui-accent-60: var(--green-40);\n --uui-accent-70: var(--green-50);\n\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-30);\n --uui-primary-60: var(--blue-40);\n --uui-primary-70: var(--blue-50);\n\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-30);\n --uui-critical-60: var(--red-40);\n --uui-critical-70: var(--red-50);\n\n /* semantic colors */\n\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-30);\n --uui-info-60: var(--blue-40);\n --uui-info-70: var(--blue-50);\n\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-30);\n --uui-success-60: var(--green-40);\n --uui-success-70: var(--green-50);\n\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-30);\n --uui-warning-60: var(--amber-40);\n --uui-warning-70: var(--amber-50);\n\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-30);\n --uui-error-60: var(--red-40);\n --uui-error-70: var(--red-50);\n\n --uui-neutral-0: #000000;\n --uui-neutral-5: var(--night900);\n --uui-neutral-10: var(--night800);\n --uui-neutral-20: var(--night700);\n --uui-neutral-30: var(--night600);\n --uui-neutral-40: var(--night500);\n --uui-neutral-50: var(--night400);\n --uui-neutral-60: var(--night300);\n --uui-neutral-70: var(--night200);\n --uui-neutral-80: var(--night100);\n --uui-neutral-90: var(--night50);\n --uui-neutral-100: #FFFFFF;\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(--night900);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface: var(--night700);\n --uui-surface-low: var(--night800);\n --uui-surface-lower: var(--night800);\n --uui-surface-lowest: var(--night500);\n --uui-surface-contrast: var(--white);\n --uui-surface-contrast-low: var(--night100);\n --uui-surface-contrast-lower: var(--night200);\n\n --uui-surface-active: var(--blue-10);\n --uui-surface-critical: var(--red-10);\n --uui-surface-warning: var(--amber-10);\n\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night500);\n\n --uui-text-brand: var(--white);\n --uui-text-primary: var(--night50);\n --uui-text-secondary: var(--night100);\n --uui-text-tertiary: var(--night200);\n --uui-text-disabled: var(--night300);\n --uui-text-contrast: var(--night700);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night700);\n\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n\n /* not accepted part */\n\n --uui-disabled: var(--night500); // TODO: name does not clearly reflect the meaning\n\n /* control specific */\n\n --uui-link: var(--blue-30);\n --uui-link-hover: var(--blue-40);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n\n --uui-icon: var(--night100);\n --uui-icon-hover: var(--night50);\n --uui-icon-active: var(--white);\n --uui-icon-disabled: var(--night300);\n\n --uui-scroll_bars-bg: var(--night600);\n --uui-scroll_bars-bg-active: var(--night400);\n\n --uui-control-bg: var(--uui-surface);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night600);\n --uui-control-bg-readonly: var(--night400);\n\n --uui-control-border: var(--night400);\n --uui-control-border-hover: var(--night200);\n --uui-control-border-disabled: var(--night400);\n --uui-control-border-readonly: var(--night400);\n --uui-control-border-checked: var(--uui-primary-50);\n\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-secondary);\n\n --uui-control-placeholder: var(--uui-text-secondary);\n --uui-control-placeholder-disabled: var(--night300); // one place of usage\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n\n --uui-control-icon: var(--night300);\n --uui-control-icon-disabled: var(--night300);\n\n --uui-control-checkbox-icon: var(--white);\n\n --uui-control-focus: #008ACE80;\n\n --uui-search-result-highlight: var(--uui-warning-20);\n\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* override variables */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n .uui-switch {\n --uui-switch-bg: var(--uui-neutral-50);\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n .uui-count {\n --uui-badge-count: var(--uui-text-dark);\n }\n\n /* begin color classes */\n\n .uui-color-white {\n --uui-color-5: var(--night700);\n --uui-color-10: var(--night800);\n --uui-color-20: var(--night900);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-dark);\n }\n\n .uui-color-basic,\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night500);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--night100);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-accent,\n .uui-color-grass {\n --uui-color-5: var(--green-5);\n --uui-color-10: var(--green-10);\n --uui-color-20: var(--green-20);\n --uui-color-50: var(--green-30);\n --uui-color-60: var(--green-40);\n --uui-color-70: var(--green-50);\n --uui-color-text: var(--green-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-primary,\n .uui-color-sky {\n --uui-color-5: var(--blue-5);\n --uui-color-10: var(--blue-10);\n --uui-color-20: var(--blue-20);\n --uui-color-50: var(--blue-30);\n --uui-color-60: var(--blue-40);\n --uui-color-70: var(--blue-50);\n --uui-color-text: var(--blue-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-critical,\n .uui-color-fire {\n --uui-color-5: var(--red-5);\n --uui-color-10: var(--red-10);\n --uui-color-20: var(--red-20);\n --uui-color-50: var(--red-30);\n --uui-color-60: var(--red-40);\n --uui-color-70: var(--red-50);\n --uui-color-text: var(--red-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-text: var(--uui-info-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-text: var(--uui-success-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-sun,\n .uui-color-warning {\n --uui-color-5: var(--amber-5);\n --uui-color-10: var(--amber-10);\n --uui-color-20: var(--amber-20);\n --uui-color-50: var(--amber-30);\n --uui-color-60: var(--amber-40);\n --uui-color-70: var(--amber-50);\n --uui-color-text: var(--amber-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-40);\n --uui-color-text: var(--uui-error-50);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-lavanda {\n --uui-color-5: var(--lavanda-5);\n --uui-color-10: var(--lavanda-10);\n --uui-color-20: var(--lavanda-20);\n --uui-color-50: var(--lavanda-30);\n --uui-color-60: var(--lavanda-40);\n --uui-color-70: var(--lavanda-50);\n --uui-color-text: var(--lavanda-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-30);\n --uui-color-contrast-text: var(--uui-text-white);\n }\n\n\n .uui-badge.uui-color-neutral {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night700);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night300);\n --uui-color-70: var(--night200);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--night50);\n }\n\n .uui-badge.fill-semitransparent {\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-neutral {\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night50);\n --uui-color-70: var(--night50);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night200);\n }\n\n .uui-link_button.uui-color-contrast {\n --uui-color-50: var(--night200);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night50);\n }\n\n .uui-link_button.uui-color-primary {\n --uui-link_button-text: var(--uui-color-60);\n --uui-link_button-text-hover: var(--uui-color-70);\n --uui-link_button-text-disabled: var(--uui-secondary-20);\n }\n\n .uui-button.uui-fill-outline.uui-color-secondary,\n .uui-button.uui-fill-none.uui-color-secondary {\n --uui-color-50: var(--night200);\n }\n\n /* BurgerMenu */\n .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--night50);\n --uui-burger_icon: var(--night50);\n --uui-burger_item: var(--uui-app-bg);\n }\n\n /* tab-button-vars */\n .uui-tab-button {\n --uui-tab_button-text-hover: var(--uui-primary-60);\n --uui-tab_button-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-bg: var(--uui-surface);\n --uui-main_menu-hover: var(--uui-app-bg);\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\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--uui-app-bg);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-text-brand);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n }\n\n /* BurgerSearch */\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-secondary-70);\n --uui-burger_search-bg: var(--uui-secondary-50);\n --uui-burger_search-placeholder: var(--uui-secondary-70);\n }\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-color-50: var(--uui-surface);\n --uui-color-contrast-text: var(--uui-text-primary);\n }\n\n .uui-tooltip-container.uui-color-contrast {\n --uui-color-50: var(--uui-surface-contrast-low);\n --uui-color-contrast-text: var(--uui-text-contrast);\n }\n\n /* Informer */\n\n .uui-informer.uui-color-neutral {\n --uui-color-50: var(--uui-neutral-60);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-info {\n --uui-color-50: var(--blue-40);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-grass,\n .uui-informer.uui-color-success {\n --uui-color-50: var(--green-40);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-negative {\n --uui-color-50: var(--red-40);\n --uui-informer-caption: var(--uui-text-white);\n }\n\n .uui-informer.uui-color-warning {\n --uui-color-50: var(--amber-40);\n --uui-informer-caption: var(--uui-text-contrast);\n }\n\n // Alert\n\n .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n }\n\n // fonts\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n\n }\n\n .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n }\n\n .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n --uui-text-font-weight: normal;\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\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-loveship_dark {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --font-primary: \"Sans Semibold\", Arial, sans-serif;\n --font-promo: \"Sans Semibold\", Arial, sans-serif;\n --font-mono: monospace;\n --night50: #FAFAFC;\n --night100: #E1E3EB;\n --night200: #ACAFBF;\n --night300: #6C6F80;\n --night400: #585B69;\n --night500: #474A59;\n --night600: #383B4A;\n --night700: #303240;\n --night800: #272833;\n --night900: #1D1E26;\n --blue-5: #2C394B;\n --blue-10: #334052;\n --blue-20: #3E586F;\n --blue-30: #008ACE;\n --blue-40: #48A4D0;\n --blue-50: #7DBCDB;\n --green-5: #343A3B;\n --green-10: #39443D;\n --green-20: #505F49;\n --green-30: #669900;\n --green-40: #83B918;\n --green-50: #A6D151;\n --amber-5: #3F3B3B;\n --amber-10: #47433D;\n --amber-20: #625747;\n --amber-30: #F1A105;\n --amber-40: #F4B83A;\n --amber-50: #FFD06D;\n --red-5: #3C343E;\n --red-10: #473943;\n --red-20: #6B4447;\n --red-30: #CC482D;\n --red-40: #E56248;\n --red-50: #F78C77;\n --white: #FFFFFF;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-30: #FDD63B;\n --yellow-40: #FEE376;\n --yellow-50: #FEEA9D;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-30: #FF8B3E;\n --orange-40: #FFAA70;\n --orange-50: #FFBF95;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-30: #E93D82;\n --fuchsia-40: #ED5F98;\n --fuchsia-50: #F183AF;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-30: #B915DA;\n --purple-40: #D34EEE;\n --purple-50: #D68AE5;\n --lavanda-5: #393251;\n --lavanda-10: #443166;\n --lavanda-20: #573088;\n --lavanda-30: #8E32EB;\n --lavanda-40: #A55CEF;\n --lavanda-50: #AE8BF4;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-30: #0091FF;\n --cobalt-40: #40ACFF;\n --cobalt-50: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-30: #14CCCC;\n --cyan-40: #70E0E0;\n --cyan-50: #A1EBEB;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-30: #4CC38A;\n --mint-40: #79D2A7;\n --mint-50: #A6E1C5;\n /* core variables start */\n /* brand colors */\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-30);\n --uui-accent-60: var(--green-40);\n --uui-accent-70: var(--green-50);\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-30);\n --uui-primary-60: var(--blue-40);\n --uui-primary-70: var(--blue-50);\n --uui-secondary-5: var(--night800);\n --uui-secondary-10: var(--night700);\n --uui-secondary-20: var(--night600);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night400);\n --uui-secondary-70: var(--night300);\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-30);\n --uui-critical-60: var(--red-40);\n --uui-critical-70: var(--red-50);\n /* semantic colors */\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-30);\n --uui-info-60: var(--blue-40);\n --uui-info-70: var(--blue-50);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-30);\n --uui-success-60: var(--green-40);\n --uui-success-70: var(--green-50);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-30);\n --uui-warning-60: var(--amber-40);\n --uui-warning-70: var(--amber-50);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-30);\n --uui-error-60: var(--red-40);\n --uui-error-70: var(--red-50);\n --uui-neutral-0: #000000;\n --uui-neutral-5: var(--night900);\n --uui-neutral-10: var(--night800);\n --uui-neutral-20: var(--night700);\n --uui-neutral-30: var(--night600);\n --uui-neutral-40: var(--night500);\n --uui-neutral-50: var(--night400);\n --uui-neutral-60: var(--night300);\n --uui-neutral-70: var(--night200);\n --uui-neutral-80: var(--night100);\n --uui-neutral-90: var(--night50);\n --uui-neutral-100: #FFFFFF;\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(--night900);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface: var(--night700);\n --uui-surface-low: var(--night800);\n --uui-surface-lower: var(--night800);\n --uui-surface-lowest: var(--night500);\n --uui-surface-contrast: var(--white);\n --uui-surface-contrast-low: var(--night100);\n --uui-surface-contrast-lower: var(--night200);\n --uui-surface-active: var(--blue-10);\n --uui-surface-critical: var(--red-10);\n --uui-surface-warning: var(--amber-10);\n --uui-divider: var(--night400);\n --uui-divider-light: var(--night500);\n --uui-text-brand: var(--white);\n --uui-text-primary: var(--night50);\n --uui-text-secondary: var(--night100);\n --uui-text-tertiary: var(--night200);\n --uui-text-disabled: var(--night300);\n --uui-text-contrast: var(--night700);\n --uui-text-white: var(--white);\n --uui-text-dark: var(--night700);\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-error: var(--uui-error-50);\n --uui-text-success: var(--uui-success-50);\n /* not accepted part */\n --uui-disabled: var(--night500);\n /* control specific */\n --uui-link: var(--blue-30);\n --uui-link-hover: var(--blue-40);\n --uui-link-wite-hover: var(--night400);\n --uui-link-black-hover: var(--night800);\n --uui-link-visited: #8018A0;\n --uui-link-disabled: var(--night500);\n --uui-icon: var(--night100);\n --uui-icon-hover: var(--night50);\n --uui-icon-active: var(--white);\n --uui-icon-disabled: var(--night300);\n --uui-scroll_bars-bg: var(--night600);\n --uui-scroll_bars-bg-active: var(--night400);\n --uui-control-bg: var(--uui-surface);\n --uui-control-bg-hover: var(--night600);\n --uui-control-bg-disabled: var(--night600);\n --uui-control-bg-readonly: var(--night400);\n --uui-control-border: var(--night400);\n --uui-control-border-hover: var(--night200);\n --uui-control-border-disabled: var(--night400);\n --uui-control-border-readonly: var(--night400);\n --uui-control-border-checked: var(--uui-primary-50);\n --uui-control-label: var(--uui-text-primary);\n --uui-control-label-disabled: var(--uui-text-secondary);\n --uui-control-placeholder: var(--uui-text-secondary);\n --uui-control-placeholder-disabled: var(--night300);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-disabled);\n --uui-control-icon: var(--night300);\n --uui-control-icon-disabled: var(--night300);\n --uui-control-checkbox-icon: var(--white);\n --uui-control-focus: #008ACE80;\n --uui-search-result-highlight: var(--uui-warning-20);\n --uui-skeleton: var(--night400);\n --uui-skeleton-gradient: linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);\n --uui-border-radius: 3px;\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n /* core variables end */\n /* ------------------------------------ */\n /* override variables */\n /* begin color classes */\n /* BurgerMenu */\n /* tab-button-vars */\n /* MainMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Informer */\n}\n.uui-theme-loveship_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-switch {\n --uui-switch-bg: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n}\n.uui-theme-loveship_dark .uui-count {\n --uui-badge-count: var(--uui-text-dark);\n}\n.uui-theme-loveship_dark .uui-color-white {\n --uui-color-5: var(--night700);\n --uui-color-10: var(--night800);\n --uui-color-20: var(--night900);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--uui-text-dark);\n}\n.uui-theme-loveship_dark .uui-color-basic,\n.uui-theme-loveship_dark .uui-color-gray,\n.uui-theme-loveship_dark .uui-color-secondary {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night500);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night300);\n --uui-color-text: var(--night100);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-accent,\n.uui-theme-loveship_dark .uui-color-grass {\n --uui-color-5: var(--green-5);\n --uui-color-10: var(--green-10);\n --uui-color-20: var(--green-20);\n --uui-color-50: var(--green-30);\n --uui-color-60: var(--green-40);\n --uui-color-70: var(--green-50);\n --uui-color-text: var(--green-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-primary,\n.uui-theme-loveship_dark .uui-color-sky {\n --uui-color-5: var(--blue-5);\n --uui-color-10: var(--blue-10);\n --uui-color-20: var(--blue-20);\n --uui-color-50: var(--blue-30);\n --uui-color-60: var(--blue-40);\n --uui-color-70: var(--blue-50);\n --uui-color-text: var(--blue-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-critical,\n.uui-theme-loveship_dark .uui-color-fire {\n --uui-color-5: var(--red-5);\n --uui-color-10: var(--red-10);\n --uui-color-20: var(--red-20);\n --uui-color-50: var(--red-30);\n --uui-color-60: var(--red-40);\n --uui-color-70: var(--red-50);\n --uui-color-text: var(--red-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-text: var(--uui-info-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-text: var(--uui-success-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-sun,\n.uui-theme-loveship_dark .uui-color-warning {\n --uui-color-5: var(--amber-5);\n --uui-color-10: var(--amber-10);\n --uui-color-20: var(--amber-20);\n --uui-color-50: var(--amber-30);\n --uui-color-60: var(--amber-40);\n --uui-color-70: var(--amber-50);\n --uui-color-text: var(--amber-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-40);\n --uui-color-text: var(--uui-error-50);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-30);\n --uui-color-60: var(--yellow-40);\n --uui-color-70: var(--yellow-50);\n --uui-color-text: var(--yellow-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-30);\n --uui-color-60: var(--orange-40);\n --uui-color-70: var(--orange-50);\n --uui-color-text: var(--orange-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-30);\n --uui-color-60: var(--fuchsia-40);\n --uui-color-70: var(--fuchsia-50);\n --uui-color-text: var(--fuchsia-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-30);\n --uui-color-60: var(--purple-40);\n --uui-color-70: var(--purple-50);\n --uui-color-text: var(--purple-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-lavanda {\n --uui-color-5: var(--lavanda-5);\n --uui-color-10: var(--lavanda-10);\n --uui-color-20: var(--lavanda-20);\n --uui-color-50: var(--lavanda-30);\n --uui-color-60: var(--lavanda-40);\n --uui-color-70: var(--lavanda-50);\n --uui-color-text: var(--lavanda-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-30);\n --uui-color-60: var(--cobalt-40);\n --uui-color-70: var(--cobalt-50);\n --uui-color-text: var(--cobalt-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-30);\n --uui-color-60: var(--cyan-40);\n --uui-color-70: var(--cyan-50);\n --uui-color-text: var(--cyan-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-30);\n --uui-color-60: var(--mint-40);\n --uui-color-70: var(--mint-50);\n --uui-color-text: var(--mint-30);\n --uui-color-contrast-text: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral {\n --uui-color-5: var(--night800);\n --uui-color-10: var(--night700);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night300);\n --uui-color-70: var(--night200);\n --uui-color-text: var(--uui-secondary-60);\n --uui-color-contrast-text: var(--night50);\n}\n.uui-theme-loveship_dark .uui-badge.fill-semitransparent {\n --uui-color-70: var(--night50);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-neutral {\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night50);\n --uui-color-70: var(--night50);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-secondary {\n --uui-color-50: var(--night400);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night200);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-contrast {\n --uui-color-50: var(--night200);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night50);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-primary {\n --uui-link_button-text: var(--uui-color-60);\n --uui-link_button-text-hover: var(--uui-color-70);\n --uui-link_button-text-disabled: var(--uui-secondary-20);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary,\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-color-50: var(--night200);\n}\n.uui-theme-loveship_dark .uui-burger {\n --uui-burger_menu-bg: var(--uui-app-bg);\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\n --uui-burger_menu-caption: var(--night50);\n --uui-burger_icon: var(--night50);\n --uui-burger_item: var(--uui-app-bg);\n}\n.uui-theme-loveship_dark .uui-tab-button {\n --uui-tab_button-text-hover: var(--uui-primary-60);\n --uui-tab_button-text-active: var(--uui-primary-60);\n}\n.uui-theme-loveship_dark .uui-main_menu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-bg: var(--uui-surface);\n --uui-main_menu-hover: var(--uui-app-bg);\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-theme-loveship_dark .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--uui-app-bg);\n --uui-main_menu-dropdown-bg-hover: var(--uui-surface);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-text-brand);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-secondary-70);\n --uui-burger_search-bg: var(--uui-secondary-50);\n --uui-burger_search-placeholder: var(--uui-secondary-70);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral {\n --uui-color-50: var(--uui-surface);\n --uui-color-contrast-text: var(--uui-text-primary);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-contrast {\n --uui-color-50: var(--uui-surface-contrast-low);\n --uui-color-contrast-text: var(--uui-text-contrast);\n}\n.uui-theme-loveship_dark .uui-informer.uui-color-neutral {\n --uui-color-50: var(--uui-neutral-60);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-informer.uui-color-info {\n --uui-color-50: var(--blue-40);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-informer.uui-color-grass,\n.uui-theme-loveship_dark .uui-informer.uui-color-success {\n --uui-color-50: var(--green-40);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-informer.uui-color-negative {\n --uui-color-50: var(--red-40);\n --uui-informer-caption: var(--uui-text-white);\n}\n.uui-theme-loveship_dark .uui-informer.uui-color-warning {\n --uui-color-50: var(--amber-40);\n --uui-informer-caption: var(--uui-text-contrast);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-info {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-success {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-warning {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-alert.uui-color-error {\n --uui-alert-icon: var(--uui-color-60);\n --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-loveship_dark .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n}\n.uui-theme-loveship_dark .uui-font-museo-sans {\n --uui-text-font: var(--font-primary);\n --uui-text-font-weight: normal;\n}\n.uui-theme-loveship_dark .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}"]}