@epam/assets 5.5.4 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/css/theme/theme_electric.css +117 -116
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +129 -128
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +134 -125
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +113 -113
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +15 -14
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/theme/theme_electric.scss +2 -211
  13. package/theme/theme_loveship.scss +2 -209
  14. package/theme/theme_loveship_dark.scss +21 -219
  15. package/theme/theme_promo.scss +2 -209
  16. package/theme/theme_vanilla_thunder.scss +15 -14
  17. package/theme/tokens/_theme_electric.scss +263 -0
  18. package/theme/tokens/_theme_loveship.scss +261 -0
  19. package/theme/tokens/_theme_loveship_dark.scss +261 -0
  20. package/theme/tokens/_theme_promo.scss +261 -0
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":["/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship_dark {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto 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 --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n\n --white: #FFFFFF;\n\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\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 --uui-secondary-contrast: var(--white);\n\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night700);\n\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-error-contrast: var(--white);\n\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: #000000;\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(--uui-neutral-90);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-80);\n --uui-surface-main: var(--uui-neutral-70);\n --uui-surface-higher: var(--uui-neutral-60);\n --uui-surface-highest: var(--uui-neutral-50);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-50);\n\n --uui-text-brand: var(--uui-neutral-0);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-disabled: var(--uui-neutral-30);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: #9062EC;\n --uui-link-visited-hover: #A884F0;\n --uui-link-disabled: var(--uui-neutral-60);\n\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-disabled: var(--uui-neutral-40);\n\n --uui-control-placeholder: var(--uui-neutral-20);\n --uui-control-placeholder-disabled: var(--uui-neutral-30);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-30);\n\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 --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-neutral,\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-accent,\n .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-primary,\n .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--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-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-sun,\n .uui-color-warning {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--night700);\n }\n\n /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-white {\n &.uui-fill-none, &.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n\n &.uui-fill-ghost {\n --uui-btn-border: var(--uui-btn-bg);\n --uui-btn-border-hover: var(--uui-btn-bg);\n --uui-btn-border-active: var(--uui-btn-bg);\n }\n\n &.uui-fill-outline {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n }\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-color-contrast: var(--uui-neutral-5);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-50);\n --uui-count_indicator-border: var(--uui-neutral-50);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\n --uui-badge-border: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-80);\n --uui-badge-border-hover: var(--uui-neutral-70);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\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-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\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-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\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(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\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 --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-border: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n }\n\n .uui-count_indicator {\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\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 /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-60);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-5);\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-80);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\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-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n}\n\n.uui-theme-loveship_dark {\n @include theme-loveship_dark();\n}\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship_dark {\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto 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 --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n\n --white: #FFFFFF;\n\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n\n /* core variables start */\n\n /* brand colors */\n\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\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 --uui-secondary-contrast: var(--white);\n\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night700);\n\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-error-contrast: var(--white);\n\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: #000000;\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(--uui-neutral-90);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n\n --uui-surface-sunken: var(--uui-neutral-80);\n --uui-surface-main: var(--uui-neutral-70);\n --uui-surface-higher: var(--uui-neutral-60);\n --uui-surface-highest: var(--uui-neutral-50);\n\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-50);\n\n --uui-text-brand: var(--uui-neutral-0);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-disabled: var(--uui-neutral-30);\n\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n\n /* not accepted part */\n\n /* control specific */\n\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: #9062EC;\n --uui-link-visited-hover: #A884F0;\n --uui-link-disabled: var(--uui-neutral-60);\n\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-disabled: var(--uui-neutral-40);\n\n --uui-control-placeholder: var(--uui-neutral-20);\n --uui-control-placeholder-disabled: var(--uui-neutral-30);\n\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n\n --uui-outline-focus: #008ACE80;\n\n --uui-skeleton: var(--uui-neutral-30);\n\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 --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-neutral,\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-accent,\n .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-primary,\n .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--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-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-sun,\n .uui-color-warning {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--night700);\n }\n\n /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-white {\n &.uui-fill-none, &.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n\n &.uui-fill-ghost {\n --uui-btn-border: var(--uui-btn-bg);\n --uui-btn-border-hover: var(--uui-btn-bg);\n --uui-btn-border-active: var(--uui-btn-bg);\n }\n\n &.uui-fill-outline {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n }\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-color-contrast: var(--uui-neutral-5);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-50);\n --uui-count_indicator-border: var(--uui-neutral-50);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\n --uui-badge-border: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-80);\n --uui-badge-border-hover: var(--uui-neutral-70);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\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-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\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-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\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(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\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 --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-text-brand);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-border: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n }\n\n .uui-count_indicator {\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\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 /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-60);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-5);\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-80);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\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-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n}\n\n.uui-theme-loveship_dark {\n @include theme-loveship_dark();\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 --uui-font-mono: \"Roboto 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 --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n --white: #FFFFFF;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n /* core variables start */\n /* brand colors */\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\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-secondary-contrast: var(--white);\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-critical-contrast: var(--white);\n /* semantic colors */\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night700);\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-error-contrast: var(--white);\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: #000000;\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(--uui-neutral-90);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-80);\n --uui-surface-main: var(--uui-neutral-70);\n --uui-surface-higher: var(--uui-neutral-60);\n --uui-surface-highest: var(--uui-neutral-50);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-50);\n --uui-text-brand: var(--uui-neutral-0);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: #9062EC;\n --uui-link-visited-hover: #A884F0;\n --uui-link-disabled: var(--uui-neutral-60);\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-disabled: var(--uui-neutral-40);\n --uui-control-placeholder: var(--uui-neutral-20);\n --uui-control-placeholder-disabled: var(--uui-neutral-30);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-30);\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 --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* override variables */\n /* isInvalid color */\n /* Accordion */\n /* FileCard */\n /* Button */\n /* Badge */\n /* IconButton */\n /* LinkButton */\n /* TubButton */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* Alert */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-loveship_dark .uui-color-neutral,\n.uui-theme-loveship_dark .uui-color-gray,\n.uui-theme-loveship_dark .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-accent,\n.uui-theme-loveship_dark .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--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-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-primary,\n.uui-theme-loveship_dark .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--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-contrast: var(--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-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-sun,\n.uui-theme-loveship_dark .uui-color-warning {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\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-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--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-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\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-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\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-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-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-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-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-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-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-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\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-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-loveship_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n}\n.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost {\n --uui-btn-border: var(--uui-btn-bg);\n --uui-btn-border-hover: var(--uui-btn-bg);\n --uui-btn-border-active: var(--uui-btn-bg);\n}\n.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-outline {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\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-badge.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-color-contrast: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-50);\n --uui-count_indicator-border: var(--uui-neutral-50);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\n --uui-badge-border: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-80);\n --uui-badge-border-hover: var(--uui-neutral-70);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-primary,\n.uui-theme-loveship_dark .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-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-neutral-70);\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\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-hover: var(--uui-neutral-70);\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(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\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 --uui-burger_btn-border: var(--uui-neutral-40);\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-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-border: var(--uui-critical-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-count_indicator.uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\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-tag .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-60);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-5);\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-brand);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-80);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n background-color: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:active {\n background-color: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\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-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-loveship_dark .uui-typography .uui-highlight {\n background-color: var(--uui-warning-20);\n}\n.uui-theme-loveship_dark .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-loveship_dark .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}"]}
1
+ {"version":3,"sources":["../../../theme/theme_loveship_dark.scss%23sass","../../../theme/tokens/_theme_loveship_dark.scss","../../../theme/theme_loveship_dark.scss","../../../../../theme/theme_loveship_dark.scss"],"names":[],"mappings":"AAqzBA;EC5yBI,eAAA;EACA,eAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAOA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EAGA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EAGA,yBAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EAGA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EAMA,4BAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EAOA,kCAAA;EACA,mCAAA;EACA,yCAAA;EACA,uBAAA;EACA,0CAAA;EACA,2CAAA;EACA,wCAAA;EACA,0CAAA;EAGA,qBAAA;EAGA,wCAAA;EACA,+CAAA;EACA,4CAAA;EACA,0CAAA;EACA,gDAAA;EACA,wCAAA;EACA,iDAAA;EACA,kDAAA;EACA,2DAAA;EACA,0CAAA;EACA,oDAAA;EAGA,gCAAA;EACA,sCAAA;EACA,yCAAA;EACA,qCAAA;EAGA,wBAAA;EACA,8BAAA;EACA,0BAAA;EAGA,6BAAA;EACA,oCAAA;EAGA,6CAAA;EACA,0CAAA;EACA,yCAAA;EACA,kCAAA;EACA,uCAAA;EACA,0CAAA;EACA,wCAAA;EACA,yCAAA;EACA,wCAAA;ED7PA,wCAAA;EACA,wCAAA;EAKA,mCAAA;EAEA,kCAAA;EAEA,qCAAA;EAEA,oCAAA;EAIA,gCAAA;EAEA,mCAAA;EAEA,sCAAA;EAEA,iCAAA;EAOA,gCAAA;EAEA,gDAAA;EACA,mDAAA;EAEA,6EAAA;EACA,qFAAA;EACA,qFAAA;EAEA,uBAAA;AEuMJ;AF/LI;;;EAGI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,iCAAA;AEiMR;AF9LI;;EAEI,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,iCAAA;AEgMR;AF7LI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,iCAAA;AE+LR;AF5LI;;EAEI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;AE8LR;AF3LI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;AE6LR;AF1LI;EACI,+BAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;AE4LR;AFzLI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,iCAAA;AE2LR;AFxLI;;EAEI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,oCAAA;AE0LR;AFvLI;EACI,gCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,iCAAA;AEyLR;AFtLI;EACI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iCAAA;AEwLR;AFrLI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;AEuLR;AFpLI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;AEsLR;AFnLI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;AEqLR;AFlLI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AEoLR;AFjLI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AEmLR;AFhLI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AEkLR;AF/KI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,oCAAA;AEiLR;AF9KI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,oCAAA;AEgLR;AF7KI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;AE+KR;AFxKI;EACI,kCAAA;AE0KR;AFrKI;EACI,iCAAA;AEuKR;AFlKI;EACI,iCAAA;AEoKR;AF/JI;EACI,2CAAA;EACA,+CAAA;AEiKR;AF/JQ;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;EACA,qCAAA;AEiKZ;AF/JY;EAEI,wCAAA;EACA,yCAAA;EACA,sCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;AEgKhB;AF5JQ;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;EACA,qCAAA;AE8JZ;AF5JY;EAEI,wCAAA;EACA,yCAAA;EACA,sCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;AE6JhB;AFzJQ;EACI,qCAAA;AE2JZ;AFzJY;EAEI,wCAAA;EACA,yCAAA;EACA,4CAAA;EACA,6CAAA;EACA,uCAAA;AE0JhB;AFrJY;EACI,4EAAA;EACA,6EAAA;AEuJhB;AFpJY;EACI,kCAAA;EACA,wCAAA;EACA,yCAAA;AEsJhB;AFnJY;EACI,4EAAA;EACA,6EAAA;AEqJhB;AFhJI;EACI,wCAAA;EACA,uCAAA;AEkJR;AF3IY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AE6IhB;AFtIQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;AEyIZ;AFtIQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;AEyIZ;AFpIQ;EACI,+DAAA;EACA,sEAAA;EACA,gCAAA;EACA,sCAAA;AEsIZ;AFpIY;EACI,iFAAA;EACA,sFAAA;EACA,kDAAA;AEsIhB;AFhIQ;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,gCAAA;EACA,sCAAA;AEkIZ;AFhIY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEkIhB;AF9HQ;EACI,gEAAA;EACA,sEAAA;EACA,wCAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;AEgIZ;AF3HQ;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,gCAAA;EACA,sCAAA;AE6HZ;AF1HQ;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,wCAAA;EACA,8CAAA;AE4HZ;AFtHI;EACI,kCAAA;EACA,wCAAA;EACA,yCAAA;AEwHR;AFrHI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;AEuHR;AFlHI;EACI,wCAAA;EACA,8CAAA;EACA,gDAAA;AEoHR;AFjHI;;EAEI,uCAAA;EACA,6CAAA;EACA,qDAAA;AEmHR;AF9GI;EACI,8CAAA;EACA,+CAAA;AEgHR;AF3GI;EACI,yCAAA;EACA,gDAAA;EACA,wCAAA;EAEA,8CAAA;EACA,mDAAA;EACA,2DAAA;EACA,mDAAA;EACA,iDAAA;EAEA,yCAAA;EACA,+CAAA;EACA,gDAAA;AE2GR;AFxGI;EACI,yCAAA;EACA,gDAAA;EACA,uDAAA;AE0GR;AFrGI;EACI,sCAAA;EACA,4CAAA;EACA,+CAAA;EACA,2CAAA;EACA,wCAAA;AEuGR;AFnGI;EACI,6CAAA;EACA,oDAAA;EACA,qDAAA;EACA,6CAAA;AEqGR;AFhGI;EACI,wCAAA;EACA,8CAAA;EACA,4CAAA;EACA,wDAAA;AEkGR;AF7FI;EACI,0CAAA;AE+FR;AF5FI;EACI,2CAAA;AE8FR;AF3FI;EACI,sCAAA;EACA,wCAAA;AE6FR;AFxFI;EACI,4CAAA;EACA,gDAAA;AE0FR;AFtFQ;EACI,mDAAA;AEwFZ;AFjFQ;EACI,kEAAA;EACA,6BAAA;AEmFZ;AF7EQ;;EACI,sCAAA;AEgFZ;AF5EY;;EACI,2EAAA;EACA,sCAAA;AE+EhB;AFxEI;EACI,oCAAA;EACA,sCAAA;AE0ER;AFvEI;EACI,oCAAA;EACA,sCAAA;AEyER;AFtEI;EACI,oCAAA;EACA,sCAAA;AEwER;AFrEI;EACI,oCAAA;EACA,sCAAA;AEuER;AFjEQ;EACI,0EAAA;EACA,8EAAA;AEmEZ;AFhEQ;EACI,yCAAA;EACA,oCAAA;AEkEZ;AFhEY;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEkEhB;AF5DY;EACI,sCAAA;EACA,oCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AE8DhB;AF5DgB;EACI,6CAAA;EACA,iDAAA;AE8DpB;AF1DY;EACI,sCAAA;EACA,oCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AE4DhB;AF1DgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AE4DpB;AFtDY;EACI,uCAAA;EACA,2CAAA;AEwDhB;AFtDgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEwDpB;AFpDY;EACI,sCAAA;EACA,mCAAA;EACA,6DAAA;EACA,oEAAA;AEsDhB;AFpDgB;EACI,8CAAA;EACA,kDAAA;AEsDpB;AFhDY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AEkDhB;AFhDgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEkDpB;AF9CY;EACI,sCAAA;EACA,mCAAA;EACA,sEAAA;EACA,4EAAA;EACA,sCAAA;EACA,4CAAA;AEgDhB;AF9CgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEgDpB;AF1CY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AE4ChB;AF1CgB;EACI,kDAAA;AE4CpB;AFxCY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AE0ChB;AFxCgB;EACI,kDAAA;EACA,8CAAA;EACA,kDAAA;AE0CpB;AFnCY;EACI,uCAAA;EACA,oCAAA;AEqChB;AFnCgB;EACI,iFAAA;EACA,uFAAA;AEqCpB;AF9BQ;EACI,sCAAA;AEgCZ;AF7BQ;EACI,sCAAA;AE+BZ;AF3BI;EACI,0CAAA;EACA,iDAAA;AE6BR;AF1BI;EACI,mJAAA;AE4BR;AFzBI;EACI,gDAAA;AE2BR;AFxBI;EACI,oDAAA;AE0BR;AFrBI;EACI,+BAAA;EACA,0BAAA;AEuBR;AFpBI;EACI,+BAAA;EACA,0BAAA;AEsBR;AFlBI;EACI,+BAAA;EACA,0BAAA;AEoBR;AFdQ;EACI,sCAAA;AEgBZ;AFbQ;EACI,eAAA;AEeZ;AFZQ;EGcR,eAAA;ADCA;AFXQ;EACI,eAAA;AGaZ;AHVQ;EACI,cAAA;EACA,gBAAA;EACA,eAAA;AEYZ","file":"theme_loveship_dark.css","sourcesContent":["@use './tokens/_theme_loveship_dark.scss' as tokens;\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship_dark {\n @include tokens.theme-tokens;\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* core variables start */\n\n /* brand colors */\n --uui-primary-contrast: var(--white);\n\n --uui-accent-contrast: var(--white);\n\n --uui-secondary-contrast: var(--white);\n\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-contrast: var(--white);\n\n --uui-success-contrast: var(--white);\n\n --uui-warning-contrast: var(--night700);\n\n --uui-error-contrast: var(--white);\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 /* not accepted part */\n\n /* control specific */\n --uui-link-visited-hover: #A884F0;\n\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-disabled: var(--uui-neutral-40);\n\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 --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-neutral,\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-accent,\n .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-primary,\n .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--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-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-sun,\n .uui-color-warning {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--night700);\n }\n\n /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-white {\n &.uui-fill-none, &.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n\n &.uui-fill-ghost {\n --uui-btn-border: var(--uui-btn-bg);\n --uui-btn-border-hover: var(--uui-btn-bg);\n --uui-btn-border-active: var(--uui-btn-bg);\n }\n\n &.uui-fill-outline {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n }\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-color-contrast: var(--uui-neutral-5);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-50);\n --uui-count_indicator-border: var(--uui-neutral-50);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\n --uui-badge-border: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-80);\n --uui-badge-border-hover: var(--uui-neutral-70);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n }\n\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\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(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-border: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n }\n\n .uui-count_indicator {\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\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 /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-60);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-5);\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-80);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n }\n\n .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n }\n\n .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\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-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n}\n\n.uui-theme-loveship_dark {\n @include theme-loveship_dark();\n}\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-tokens {\n\n /***************/\n /*** Palette ***/\n /***************/\n\n // \"\"\n --black: #000000;\n --white: #FFFFFF;\n\n // \"palette-additional/cobalt\"\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n\n // \"palette-additional/cyan\"\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n\n // \"palette/fire\"\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n\n // \"palette-additional/fuchsia\"\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n\n // \"palette/grass\"\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n\n // \"palette-additional/mint\"\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\n\n // \"palette/night\"\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 // \"palette-additional/orange\"\n --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n\n // \"palette-additional/purple\"\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n\n // \"palette/sky\"\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n\n // \"palette/sun\"\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n\n // \"palette-additional/violet\"\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n\n // \"palette-additional/yellow\"\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n\n // \"core/semantic/accent-\"\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n\n // \"core/semantic/critical-\"\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n\n // \"core/semantic/error-\"\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n\n // \"core/semantic/info-\"\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n\n // \"core/semantic/primary-\"\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n\n // \"core/semantic/secondary-\"\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 // \"core/semantic/success-\"\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n\n // \"core/semantic/warning-\"\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n\n /********************/\n /*** Core Neutral ***/\n /********************/\n\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: var(--black);\n\n /************/\n /*** Core ***/\n /************/\n\n // \"core/surfaces\"\n --uui-app-bg: var(--uui-neutral-90);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-50);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-60);\n --uui-surface-highest: var(--uui-neutral-50);\n --uui-surface-main: var(--uui-neutral-70);\n --uui-surface-sunken: var(--uui-neutral-80);\n\n // \"\"\n --uui-border-radius: 3;\n\n // \"core/controls\"\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n // \"core/icons\"\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n\n // \"core/links\"\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: #9062EC;\n\n // \"core/other\"\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n\n // \"core/text\"\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\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 /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #2C3A4F;\n --cobalt-10: #29405D;\n --cobalt-20: #20517F;\n --cobalt-50: #0091FF;\n --cobalt-60: #40ACFF;\n --cobalt-70: #7AC5FF;\n --cyan-5: #2E3E4B;\n --cyan-10: #2C4955;\n --cyan-20: #27656E;\n --cyan-50: #14CCCC;\n --cyan-60: #70E0E0;\n --cyan-70: #A1EBEB;\n --fire-5: #3C343E;\n --fire-10: #473943;\n --fire-20: #6B4447;\n --fire-50: #CC482D;\n --fire-60: #E56248;\n --fire-70: #F78C77;\n --fuchsia-5: #413346;\n --fuchsia-10: #51344C;\n --fuchsia-20: #713657;\n --fuchsia-50: #E93D82;\n --fuchsia-60: #ED5F98;\n --fuchsia-70: #F183AF;\n --grass-5: #343A3B;\n --grass-10: #39443D;\n --grass-20: #505F49;\n --grass-50: #669900;\n --grass-60: #83B918;\n --grass-70: #A6D151;\n --mint-5: #323E46;\n --mint-10: #34484B;\n --mint-20: #396258;\n --mint-50: #4CC38A;\n --mint-60: #79D2A7;\n --mint-70: #A6E1C5;\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 --orange-5: #413940;\n --orange-10: #4F3F40;\n --orange-20: #744F3F;\n --orange-50: #FF8B3E;\n --orange-60: #FFAA70;\n --orange-70: #FFBF95;\n --purple-5: #3E2F4F;\n --purple-10: #4A2C5D;\n --purple-20: #68267F;\n --purple-50: #B915DA;\n --purple-60: #D34EEE;\n --purple-70: #D68AE5;\n --sky-5: #2C394B;\n --sky-10: #334052;\n --sky-20: #3E586F;\n --sky-50: #008ACE;\n --sky-60: #48A4D0;\n --sky-70: #7DBCDB;\n --sun-5: #3F3B3B;\n --sun-10: #47433D;\n --sun-20: #625747;\n --sun-50: #F1A105;\n --sun-60: #F4B83A;\n --sun-70: #FFD06D;\n --violet-5: #393251;\n --violet-10: #443166;\n --violet-20: #573088;\n --violet-50: #8E32EB;\n --violet-60: #A55CEF;\n --violet-70: #AE8BF4;\n --yellow-5: #403F40;\n --yellow-10: #4F4B3F;\n --yellow-20: #74683E;\n --yellow-50: #FDD63B;\n --yellow-60: #FEE376;\n --yellow-70: #FEEA9D;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-critical-5: var(--fire-5);\n --uui-critical-10: var(--fire-10);\n --uui-critical-20: var(--fire-20);\n --uui-critical-50: var(--fire-50);\n --uui-critical-60: var(--fire-60);\n --uui-critical-70: var(--fire-70);\n --uui-error-5: var(--fire-5);\n --uui-error-10: var(--fire-10);\n --uui-error-20: var(--fire-20);\n --uui-error-50: var(--fire-50);\n --uui-error-60: var(--fire-60);\n --uui-error-70: var(--fire-70);\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\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-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\n --uui-neutral-5: var(--night50);\n --uui-neutral-10: var(--night100);\n --uui-neutral-20: var(--night200);\n --uui-neutral-30: var(--night300);\n --uui-neutral-40: var(--night400);\n --uui-neutral-50: var(--night500);\n --uui-neutral-60: var(--night600);\n --uui-neutral-70: var(--night700);\n --uui-neutral-80: var(--night800);\n --uui-neutral-90: var(--night900);\n --uui-neutral-100: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-90);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-50);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-60);\n --uui-surface-highest: var(--uui-neutral-50);\n --uui-surface-main: var(--uui-neutral-70);\n --uui-surface-sunken: var(--uui-neutral-80);\n --uui-border-radius: 3;\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-60);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-20);\n --uui-control-icon: var(--uui-neutral-30);\n --uui-control-icon-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-text-tertiary);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-10);\n --uui-icon-active: var(--uui-neutral-5);\n --uui-icon-disabled: var(--uui-neutral-30);\n --uui-icon-hover: var(--uui-neutral-5);\n --uui-link: var(--sky-60);\n --uui-link-hover: var(--sky-70);\n --uui-link-visited: #9062EC;\n --uui-outline-focus: #008ACE7F;\n --uui-skeleton: var(--uui-neutral-30);\n --uui-text-bg-highlight: var(--uui-warning-20);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-30);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-5);\n --uui-text-secondary: var(--uui-neutral-10);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-20);\n --uui-text-warning: var(--uui-warning-70);\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* core variables start */\n /* brand colors */\n --uui-primary-contrast: var(--white);\n --uui-accent-contrast: var(--white);\n --uui-secondary-contrast: var(--white);\n --uui-critical-contrast: var(--white);\n /* semantic colors */\n --uui-info-contrast: var(--white);\n --uui-success-contrast: var(--white);\n --uui-warning-contrast: var(--night700);\n --uui-error-contrast: var(--white);\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 /* not accepted part */\n /* control specific */\n --uui-link-visited-hover: #A884F0;\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-disabled: var(--uui-neutral-40);\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 --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* override variables */\n /* isInvalid color */\n /* Accordion */\n /* FileCard */\n /* Button */\n /* Badge */\n /* IconButton */\n /* LinkButton */\n /* TubButton */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* Alert */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-loveship_dark .uui-color-neutral,\n.uui-theme-loveship_dark .uui-color-gray,\n.uui-theme-loveship_dark .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-accent,\n.uui-theme-loveship_dark .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--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-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-primary,\n.uui-theme-loveship_dark .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--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-contrast: var(--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-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-sun,\n.uui-theme-loveship_dark .uui-color-warning {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\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-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--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-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\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-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\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-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-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-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship_dark .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-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-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-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-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\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-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--night700);\n}\n.uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-loveship_dark .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship_dark .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n}\n.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost {\n --uui-btn-border: var(--uui-btn-bg);\n --uui-btn-border-hover: var(--uui-btn-bg);\n --uui-btn-border-active: var(--uui-btn-bg);\n}\n.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-outline {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\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-badge.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-color-contrast: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-50);\n --uui-count_indicator-border: var(--uui-neutral-50);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\n --uui-badge-border: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-80);\n --uui-badge-border-hover: var(--uui-neutral-70);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-loveship_dark .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-link_button.uui-color-primary,\n.uui-theme-loveship_dark .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\n}\n.uui-theme-loveship_dark .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n}\n.uui-theme-loveship_dark .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\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(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-border: var(--uui-critical-50);\n}\n.uui-theme-loveship_dark .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-loveship_dark .uui-count_indicator.uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,\n.uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\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-tag .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-60);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-5);\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-80);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n background-color: var(--uui-neutral-60);\n}\n.uui-theme-loveship_dark .uui-presets-panel-input .uui-icon-cancel:active {\n background-color: var(--uui-neutral-50);\n}\n.uui-theme-loveship_dark .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship_dark .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n}\n.uui-theme-loveship_dark .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n}\n.uui-theme-loveship_dark .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\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-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-loveship_dark .uui-typography .uui-highlight {\n background-color: var(--uui-warning-20);\n}\n.uui-theme-loveship_dark .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-loveship_dark .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-loveship_dark .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}","@use './tokens/_theme_loveship_dark.scss' as tokens;\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship_dark {\n @include tokens.theme-tokens;\n --uui-font: 'Source Sans Pro', sans-serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* core variables start */\n\n /* brand colors */\n --uui-primary-contrast: var(--white);\n\n --uui-accent-contrast: var(--white);\n\n --uui-secondary-contrast: var(--white);\n\n --uui-critical-contrast: var(--white);\n\n /* semantic colors */\n\n --uui-info-contrast: var(--white);\n\n --uui-success-contrast: var(--white);\n\n --uui-warning-contrast: var(--night700);\n\n --uui-error-contrast: var(--white);\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 /* not accepted part */\n\n /* control specific */\n --uui-link-visited-hover: #A884F0;\n\n --uui-control-border-focus: var(--uui-primary-60);\n --uui-control-border-disabled: var(--uui-neutral-40);\n\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 --uui-border-radius: 3px;\n\n /* core variables end */\n\n /* ------------------------------------ */\n\n /* begin color classes */\n\n .uui-color-neutral,\n .uui-color-gray,\n .uui-color-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-accent,\n .uui-color-grass {\n --uui-color-5: var(--grass-5);\n --uui-color-10: var(--grass-10);\n --uui-color-20: var(--grass-20);\n --uui-color-50: var(--grass-50);\n --uui-color-60: var(--grass-60);\n --uui-color-70: var(--grass-70);\n --uui-color-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-primary,\n .uui-color-sky {\n --uui-color-5: var(--sky-5);\n --uui-color-10: var(--sky-10);\n --uui-color-20: var(--sky-20);\n --uui-color-50: var(--sky-50);\n --uui-color-60: var(--sky-60);\n --uui-color-70: var(--sky-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--fire-5);\n --uui-color-10: var(--fire-10);\n --uui-color-20: var(--fire-20);\n --uui-color-50: var(--fire-50);\n --uui-color-60: var(--fire-60);\n --uui-color-70: var(--fire-70);\n --uui-color-contrast: var(--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-contrast: var(--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-contrast: var(--white);\n }\n\n .uui-color-sun,\n .uui-color-warning {\n --uui-color-5: var(--sun-5);\n --uui-color-10: var(--sun-10);\n --uui-color-20: var(--sun-20);\n --uui-color-50: var(--sun-50);\n --uui-color-60: var(--sun-60);\n --uui-color-70: var(--sun-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-critical {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--night700);\n }\n\n .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--night700);\n }\n\n /* override variables */\n\n /* isInvalid color */\n\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n --uui-error-50: var(--uui-error-60);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Button */\n\n .uui-button {\n --uui-btn-bg-disabled: var(--uui-neutral-50);\n --uui-btn-border-disabled: var(--uui-neutral-50);\n\n &.uui-fill-outline {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-none {\n --uui-btn-border: var(--uui-color-60);\n --uui-btn-border-hover: var(--uui-color-60);\n --uui-btn-border-active: var(--uui-color-60);\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border: var(--uui-neutral-30);\n --uui-btn-border-hover: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-ghost {\n --uui-btn-caption: var(--uui-color-60);\n\n &.uui-color-neutral,\n &.uui-color-secondary {\n --uui-btn-bg-hover: var(--uui-neutral-60);\n --uui-btn-bg-active: var(--uui-neutral-50);\n --uui-btn-border-hover: var(--uui-neutral-60);\n --uui-btn-border-active: var(--uui-neutral-50);\n --uui-btn-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-white {\n &.uui-fill-none, &.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n\n &.uui-fill-ghost {\n --uui-btn-border: var(--uui-btn-bg);\n --uui-btn-border-hover: var(--uui-btn-bg);\n --uui-btn-border-active: var(--uui-btn-bg);\n }\n\n &.uui-fill-outline {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n }\n }\n }\n\n .uui-blocker-container {\n --uui-blocker-bg: var(--uui-surface-main);\n --uui-blocker-bg-with-opacity: #303240CC;\n }\n\n /* Badge */\n\n .uui-badge {\n &.uui-fill-outline {\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-color-contrast: var(--uui-neutral-5);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-60);\n --uui-badge-bg-hover: var(--uui-neutral-50);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-white {\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-50);\n --uui-count_indicator-border: var(--uui-neutral-50);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\n --uui-badge-border: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-80);\n --uui-badge-border-hover: var(--uui-neutral-70);\n --uui-badge-caption: var(--white);\n --uui-badge-caption-hover: var(--white);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-80);\n --uui-badge-bg-hover: var(--uui-neutral-70);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-5);\n --uui-badge-caption-hover: var(--uui-neutral-5);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\n --uui-icon_btn: var(--uui-color-60);\n --uui-icon_btn-hover: var(--uui-color-70);\n --uui-icon_btn-active: var(--uui-color-70);\n }\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-40);\n --uui-icon_btn-hover: var(--uui-neutral-30);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-0);\n --uui-link_btn-text-hover: var(--uui-neutral-5);\n --uui-link_btn-text-active: var(--uui-neutral-10);\n }\n\n .uui-link_button.uui-color-primary,\n .uui-link_button.uui-color-sky {\n --uui-link_btn-text: var(--uui-color-60);\n --uui-link_btn-text-hover: var(--uui-color-70);\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\n }\n\n /* TubButton */\n\n .uui-tab-button {\n --uui-tab_btn-text-hover: var(--uui-primary-60);\n --uui-tab_btn-text-active: var(--uui-primary-60);\n }\n\n /* MainMenu */\n\n .uui-main_menu {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-bg: var(--uui-neutral-70);\n\n --uui-main_menu-search-bg: var(--uui-neutral-5);\n --uui-main_menu-search-border: var(--uui-neutral-40);\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n --uui-main_menu-search-text: var(--uui-text-primary);\n --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n --uui-main_menu-icon: var(--uui-neutral-5);\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\n --uui-main_menu-icon-active: var(--uui-neutral-5);\n }\n\n .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-neutral-0);\n --uui-main_menu-text-active: var(--uui-neutral-0);\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n }\n\n /* BurgerMenu */\n\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(--uui-neutral-90);\n --uui-burger_menu-icon: var(--uui-neutral-5);\n --uui-burger_menu-item: var(--uui-app-bg);\n }\n\n /* BurgerButton */\n .uui-main_menu-burger-button {\n --uui-burger_btn_caption: var(--uui-neutral-0);\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\n --uui-burger_btn_caption-active: var(--uui-primary-50);\n --uui-burger_btn-border: var(--uui-neutral-40);\n }\n\n /* BurgerSearch */\n\n .uui-main_menu-burger-search {\n --uui-burger_search: var(--uui-neutral-0);\n --uui-burger_search-fill: var(--uui-neutral-70);\n --uui-burger_search-bg: var(--uui-neutral-40);\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-border: var(--uui-neutral-50);\n }\n\n .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-border: var(--uui-critical-50);\n }\n\n .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-10);\n --uui-tooltip-text: var(--uui-neutral-70);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n --uui-count_indicator-bg: var(--uui-color-60);\n --uui-count_indicator-border: var(--uui-color-60);\n }\n\n .uui-count_indicator {\n &.uui-color-neutral, &.uui-color-gray {\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--white);\n }\n }\n\n .uui-status_indicator.uui-color-night600,\n .uui-status_indicator.uui-color-neutral {\n .uui-status_indicator_dot {\n background-color: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n border: 1px solid var(--uui-neutral-30);\n }\n }\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 /* Tag */\n\n .uui-tag {\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-10);\n --uui-tag-bg: var(--uui-neutral-60);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-5);\n --uui-tag-border-hover: var(--uui-neutral-5);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-5);\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n --uui-tag-border: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-40);\n --uui-count_indicator-border: var(--uui-neutral-40);\n --uui-count_indicator-caption: var(--uui-neutral-10);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-80);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-5);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-80);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-bg-hover: var(--uui-neutral-70);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n .uui-count_indicator {\n --uui-count_indicator-caption: var(--uui-neutral-0);\n --uui-count_indicator-bg: var(--uui-neutral-70);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n }\n }\n }\n }\n\n .uui-presets-panel-input .uui-icon-cancel {\n &:hover {\n background-color: var(--uui-neutral-60);\n }\n\n &:active {\n background-color: var(--uui-neutral-50);\n }\n }\n\n .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--uui-neutral-40);\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n }\n\n .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n }\n\n .uui-dt-vars {\n --uui-dt-header-row-bg: var(--uui-surface-sunken);\n }\n\n .uui-filters-panel-item-toggler {\n --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\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-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n .uui-highlight {\n background-color: var(--uui-warning-20);\n }\n\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n}\n\n.uui-theme-loveship_dark {\n @include theme-loveship_dark();\n}\n"]}