npm - @epam/assets - Versions diffs - 5.5.1 → 5.5.2 - Mend

@epam/assets 5.5.1 → 5.5.2

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

Files changed (4730) hide show

package/build/css/theme/theme_loveship_dark.css.map ADDED Viewed

@@ -0,0 +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 */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-loveship_dark {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #E1E3EB;\r\n --night200: #ACAFBF;\r\n --night300: #6C6F80;\r\n --night400: #585B69;\r\n --night500: #474A59;\r\n --night600: #383B4A;\r\n --night700: #303240;\r\n --night800: #272833;\r\n --night900: #1D1E26;\r\n\r\n --sky-5: #2C394B;\r\n --sky-10: #334052;\r\n --sky-20: #3E586F;\r\n --sky-50: #008ACE;\r\n --sky-60: #48A4D0;\r\n --sky-70: #7DBCDB;\r\n\r\n --grass-5: #343A3B;\r\n --grass-10: #39443D;\r\n --grass-20: #505F49;\r\n --grass-50: #669900;\r\n --grass-60: #83B918;\r\n --grass-70: #A6D151;\r\n\r\n --sun-5: #3F3B3B;\r\n --sun-10: #47433D;\r\n --sun-20: #625747;\r\n --sun-50: #F1A105;\r\n --sun-60: #F4B83A;\r\n --sun-70: #FFD06D;\r\n\r\n --fire-5: #3C343E;\r\n --fire-10: #473943;\r\n --fire-20: #6B4447;\r\n --fire-50: #CC482D;\r\n --fire-60: #E56248;\r\n --fire-70: #F78C77;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #403F40;\r\n --yellow-10: #4F4B3F;\r\n --yellow-20: #74683E;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #FEE376;\r\n --yellow-70: #FEEA9D;\r\n\r\n --orange-5: #413940;\r\n --orange-10: #4F3F40;\r\n --orange-20: #744F3F;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #FFAA70;\r\n --orange-70: #FFBF95;\r\n\r\n --fuchsia-5: #413346;\r\n --fuchsia-10: #51344C;\r\n --fuchsia-20: #713657;\r\n --fuchsia-50: #E93D82;\r\n --fuchsia-60: #ED5F98;\r\n --fuchsia-70: #F183AF;\r\n\r\n --purple-5: #3E2F4F;\r\n --purple-10: #4A2C5D;\r\n --purple-20: #68267F;\r\n --purple-50: #B915DA;\r\n --purple-60: #D34EEE;\r\n --purple-70: #D68AE5;\r\n\r\n --violet-5: #393251;\r\n --violet-10: #443166;\r\n --violet-20: #573088;\r\n --violet-50: #8E32EB;\r\n --violet-60: #A55CEF;\r\n --violet-70: #AE8BF4;\r\n\r\n --cobalt-5: #2C3A4F;\r\n --cobalt-10: #29405D;\r\n --cobalt-20: #20517F;\r\n --cobalt-50: #0091FF;\r\n --cobalt-60: #40ACFF;\r\n --cobalt-70: #7AC5FF;\r\n\r\n --cyan-5: #2E3E4B;\r\n --cyan-10: #2C4955;\r\n --cyan-20: #27656E;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #70E0E0;\r\n --cyan-70: #A1EBEB;\r\n\r\n --mint-5: #323E46;\r\n --mint-10: #34484B;\r\n --mint-20: #396258;\r\n --mint-50: #4CC38A;\r\n --mint-60: #79D2A7;\r\n --mint-70: #A6E1C5;\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\r\n --uui-primary-5: var(--sky-5);\r\n --uui-primary-10: var(--sky-10);\r\n --uui-primary-20: var(--sky-20);\r\n --uui-primary-50: var(--sky-50);\r\n --uui-primary-60: var(--sky-60);\r\n --uui-primary-70: var(--sky-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-accent-5: var(--grass-5);\r\n --uui-accent-10: var(--grass-10);\r\n --uui-accent-20: var(--grass-20);\r\n --uui-accent-50: var(--grass-50);\r\n --uui-accent-60: var(--grass-60);\r\n --uui-accent-70: var(--grass-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night800);\r\n --uui-secondary-10: var(--night700);\r\n --uui-secondary-20: var(--night600);\r\n --uui-secondary-50: var(--night500);\r\n --uui-secondary-60: var(--night400);\r\n --uui-secondary-70: var(--night300);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--fire-5);\r\n --uui-critical-10: var(--fire-10);\r\n --uui-critical-20: var(--fire-20);\r\n --uui-critical-50: var(--fire-50);\r\n --uui-critical-60: var(--fire-60);\r\n --uui-critical-70: var(--fire-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n /* semantic colors */\r\n\r\n --uui-info-5: var(--sky-5);\r\n --uui-info-10: var(--sky-10);\r\n --uui-info-20: var(--sky-20);\r\n --uui-info-50: var(--sky-50);\r\n --uui-info-60: var(--sky-60);\r\n --uui-info-70: var(--sky-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-5);\r\n --uui-success-10: var(--grass-10);\r\n --uui-success-20: var(--grass-20);\r\n --uui-success-50: var(--grass-50);\r\n --uui-success-60: var(--grass-60);\r\n --uui-success-70: var(--grass-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--sun-5);\r\n --uui-warning-10: var(--sun-10);\r\n --uui-warning-20: var(--sun-20);\r\n --uui-warning-50: var(--sun-50);\r\n --uui-warning-60: var(--sun-60);\r\n --uui-warning-70: var(--sun-70);\r\n --uui-warning-contrast: var(--night700);\r\n\r\n --uui-error-5: var(--fire-5);\r\n --uui-error-10: var(--fire-10);\r\n --uui-error-20: var(--fire-20);\r\n --uui-error-50: var(--fire-50);\r\n --uui-error-60: var(--fire-60);\r\n --uui-error-70: var(--fire-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--night50);\r\n --uui-neutral-10: var(--night100);\r\n --uui-neutral-20: var(--night200);\r\n --uui-neutral-30: var(--night300);\r\n --uui-neutral-40: var(--night400);\r\n --uui-neutral-50: var(--night500);\r\n --uui-neutral-60: var(--night600);\r\n --uui-neutral-70: var(--night700);\r\n --uui-neutral-80: var(--night800);\r\n --uui-neutral-90: var(--night900);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--uui-neutral-90);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-80);\r\n --uui-surface-main: var(--uui-neutral-70);\r\n --uui-surface-higher: var(--uui-neutral-60);\r\n --uui-surface-highest: var(--uui-neutral-50);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-50);\r\n\r\n --uui-text-brand: var(--uui-neutral-0);\r\n --uui-text-primary: var(--uui-neutral-5);\r\n --uui-text-secondary: var(--uui-neutral-10);\r\n --uui-text-tertiary: var(--uui-neutral-20);\r\n --uui-text-disabled: var(--uui-neutral-30);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--sky-60);\r\n --uui-link-hover: var(--sky-70);\r\n --uui-link-visited: #9062EC;\r\n --uui-link-visited-hover: #A884F0;\r\n --uui-link-disabled: var(--uui-neutral-60);\r\n\r\n --uui-icon: var(--uui-neutral-10);\r\n --uui-icon-hover: var(--uui-neutral-5);\r\n --uui-icon-active: var(--uui-neutral-5);\r\n --uui-icon-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-60);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-20);\r\n --uui-control-border-focus: var(--uui-primary-60);\r\n --uui-control-border-disabled: var(--uui-neutral-40);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-20);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-30);\r\n --uui-control-icon-disabled: var(--uui-neutral-30);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-30);\r\n\r\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\r\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\r\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-neutral,\r\n .uui-color-gray,\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-accent,\r\n .uui-color-grass {\r\n --uui-color-5: var(--grass-5);\r\n --uui-color-10: var(--grass-10);\r\n --uui-color-20: var(--grass-20);\r\n --uui-color-50: var(--grass-50);\r\n --uui-color-60: var(--grass-60);\r\n --uui-color-70: var(--grass-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-sky {\r\n --uui-color-5: var(--sky-5);\r\n --uui-color-10: var(--sky-10);\r\n --uui-color-20: var(--sky-20);\r\n --uui-color-50: var(--sky-50);\r\n --uui-color-60: var(--sky-60);\r\n --uui-color-70: var(--sky-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-fire {\r\n --uui-color-5: var(--fire-5);\r\n --uui-color-10: var(--fire-10);\r\n --uui-color-20: var(--fire-20);\r\n --uui-color-50: var(--fire-50);\r\n --uui-color-60: var(--fire-60);\r\n --uui-color-70: var(--fire-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-sun,\r\n .uui-color-warning {\r\n --uui-color-5: var(--sun-5);\r\n --uui-color-10: var(--sun-10);\r\n --uui-color-20: var(--sun-20);\r\n --uui-color-50: var(--sun-50);\r\n --uui-color-60: var(--sun-60);\r\n --uui-color-70: var(--sun-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--uui-neutral-10);\r\n --uui-color-70: var(--uui-neutral-20);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n /* override variables */\r\n\r\n /* isInvalid color */\r\n\r\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\r\n --uui-error-50: var(--uui-error-60);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n --uui-btn-bg-disabled: var(--uui-neutral-50);\r\n --uui-btn-border-disabled: var(--uui-neutral-50);\r\n\r\n &.uui-fill-outline {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-none {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border-hover: var(--uui-neutral-60);\r\n --uui-btn-border-active: var(--uui-neutral-50);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-none, &.uui-fill-ghost {\r\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\r\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-border: var(--uui-btn-bg);\r\n --uui-btn-border-hover: var(--uui-btn-bg);\r\n --uui-btn-border-active: var(--uui-btn-bg);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\r\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-blocker-container {\r\n --uui-blocker-bg: var(--uui-surface-main);\r\n --uui-blocker-bg-with-opacity: #303240CC;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge {\r\n &.uui-fill-outline {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-color-contrast: var(--uui-neutral-5);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-60);\r\n --uui-badge-bg-hover: var(--uui-neutral-50);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\r\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-50);\r\n --uui-count_indicator-border: var(--uui-neutral-50);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\r\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\r\n --uui-badge-border: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-80);\r\n --uui-badge-bg-hover: var(--uui-neutral-70);\r\n --uui-badge-border: var(--uui-neutral-80);\r\n --uui-badge-border-hover: var(--uui-neutral-70);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\r\n --uui-icon_btn: var(--uui-color-60);\r\n --uui-icon_btn-hover: var(--uui-color-70);\r\n --uui-icon_btn-active: var(--uui-color-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-40);\r\n --uui-icon_btn-hover: var(--uui-neutral-30);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-0);\r\n --uui-link_btn-text-hover: var(--uui-neutral-5);\r\n --uui-link_btn-text-active: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-link_button.uui-color-primary {\r\n --uui-link_btn-text: var(--uui-color-60);\r\n --uui-link_btn-text-hover: var(--uui-color-70);\r\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\r\n }\r\n\r\n /* TubButton */\r\n\r\n .uui-tab-button {\r\n --uui-tab_btn-text-hover: var(--uui-primary-60);\r\n --uui-tab_btn-text-active: var(--uui-primary-60);\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-text-brand);\r\n --uui-main_menu-bg: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--uui-neutral-5);\r\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\r\n --uui-main_menu-icon-active: var(--uui-neutral-5);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-text-brand);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-app-bg);\r\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\r\n --uui-burger_menu-caption: var(--uui-neutral-90);\r\n --uui-burger_menu-icon: var(--uui-neutral-5);\r\n --uui-burger_menu-item: var(--uui-app-bg);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--uui-text-brand);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--uui-text-brand);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-border: var(--uui-neutral-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-border: var(--uui-critical-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-10);\r\n --uui-tooltip-text: var(--uui-neutral-70);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\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) {\r\n --uui-count_indicator-bg: var(--uui-color-60);\r\n --uui-count_indicator-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-count_indicator {\r\n &.uui-color-neutral, &.uui-color-gray {\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--white);\r\n }\r\n }\r\n\r\n .uui-status_indicator.uui-color-night600,\r\n .uui-status_indicator.uui-color-neutral {\r\n .uui-status_indicator_dot {\r\n background-color: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n /* Alert */\r\n\r\n .uui-alert.uui-color-info {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-success {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-warning {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-error {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-10);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-10);\r\n --uui-tag-bg: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-10);\r\n --uui-tag-bg: var(--uui-neutral-60);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-5);\r\n --uui-tag-border-hover: var(--uui-neutral-5);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-text-brand);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-brand);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-5);\r\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\r\n --uui-tag-border: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-brand);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-80);\r\n --uui-tag-border: var(--uui-neutral-80);\r\n --uui-tag-bg-hover: var(--uui-neutral-70);\r\n --uui-tag-border-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-80);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-bg-hover: var(--uui-neutral-70);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-70);\r\n --uui-tag-fill: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .uui-presets-panel-input .uui-icon-cancel {\r\n &:hover {\r\n background-color: var(--uui-neutral-60);\r\n }\r\n\r\n &:active {\r\n background-color: var(--uui-neutral-50);\r\n }\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--uui-neutral-40);\r\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n .uui-highlight {\r\n background-color: var(--uui-warning-20);\r\n }\r\n\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-loveship_dark {\r\n @include theme-loveship_dark();\r\n}\r\n","/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-loveship_dark {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #E1E3EB;\r\n --night200: #ACAFBF;\r\n --night300: #6C6F80;\r\n --night400: #585B69;\r\n --night500: #474A59;\r\n --night600: #383B4A;\r\n --night700: #303240;\r\n --night800: #272833;\r\n --night900: #1D1E26;\r\n\r\n --sky-5: #2C394B;\r\n --sky-10: #334052;\r\n --sky-20: #3E586F;\r\n --sky-50: #008ACE;\r\n --sky-60: #48A4D0;\r\n --sky-70: #7DBCDB;\r\n\r\n --grass-5: #343A3B;\r\n --grass-10: #39443D;\r\n --grass-20: #505F49;\r\n --grass-50: #669900;\r\n --grass-60: #83B918;\r\n --grass-70: #A6D151;\r\n\r\n --sun-5: #3F3B3B;\r\n --sun-10: #47433D;\r\n --sun-20: #625747;\r\n --sun-50: #F1A105;\r\n --sun-60: #F4B83A;\r\n --sun-70: #FFD06D;\r\n\r\n --fire-5: #3C343E;\r\n --fire-10: #473943;\r\n --fire-20: #6B4447;\r\n --fire-50: #CC482D;\r\n --fire-60: #E56248;\r\n --fire-70: #F78C77;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #403F40;\r\n --yellow-10: #4F4B3F;\r\n --yellow-20: #74683E;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #FEE376;\r\n --yellow-70: #FEEA9D;\r\n\r\n --orange-5: #413940;\r\n --orange-10: #4F3F40;\r\n --orange-20: #744F3F;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #FFAA70;\r\n --orange-70: #FFBF95;\r\n\r\n --fuchsia-5: #413346;\r\n --fuchsia-10: #51344C;\r\n --fuchsia-20: #713657;\r\n --fuchsia-50: #E93D82;\r\n --fuchsia-60: #ED5F98;\r\n --fuchsia-70: #F183AF;\r\n\r\n --purple-5: #3E2F4F;\r\n --purple-10: #4A2C5D;\r\n --purple-20: #68267F;\r\n --purple-50: #B915DA;\r\n --purple-60: #D34EEE;\r\n --purple-70: #D68AE5;\r\n\r\n --violet-5: #393251;\r\n --violet-10: #443166;\r\n --violet-20: #573088;\r\n --violet-50: #8E32EB;\r\n --violet-60: #A55CEF;\r\n --violet-70: #AE8BF4;\r\n\r\n --cobalt-5: #2C3A4F;\r\n --cobalt-10: #29405D;\r\n --cobalt-20: #20517F;\r\n --cobalt-50: #0091FF;\r\n --cobalt-60: #40ACFF;\r\n --cobalt-70: #7AC5FF;\r\n\r\n --cyan-5: #2E3E4B;\r\n --cyan-10: #2C4955;\r\n --cyan-20: #27656E;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #70E0E0;\r\n --cyan-70: #A1EBEB;\r\n\r\n --mint-5: #323E46;\r\n --mint-10: #34484B;\r\n --mint-20: #396258;\r\n --mint-50: #4CC38A;\r\n --mint-60: #79D2A7;\r\n --mint-70: #A6E1C5;\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\r\n --uui-primary-5: var(--sky-5);\r\n --uui-primary-10: var(--sky-10);\r\n --uui-primary-20: var(--sky-20);\r\n --uui-primary-50: var(--sky-50);\r\n --uui-primary-60: var(--sky-60);\r\n --uui-primary-70: var(--sky-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-accent-5: var(--grass-5);\r\n --uui-accent-10: var(--grass-10);\r\n --uui-accent-20: var(--grass-20);\r\n --uui-accent-50: var(--grass-50);\r\n --uui-accent-60: var(--grass-60);\r\n --uui-accent-70: var(--grass-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night800);\r\n --uui-secondary-10: var(--night700);\r\n --uui-secondary-20: var(--night600);\r\n --uui-secondary-50: var(--night500);\r\n --uui-secondary-60: var(--night400);\r\n --uui-secondary-70: var(--night300);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--fire-5);\r\n --uui-critical-10: var(--fire-10);\r\n --uui-critical-20: var(--fire-20);\r\n --uui-critical-50: var(--fire-50);\r\n --uui-critical-60: var(--fire-60);\r\n --uui-critical-70: var(--fire-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n /* semantic colors */\r\n\r\n --uui-info-5: var(--sky-5);\r\n --uui-info-10: var(--sky-10);\r\n --uui-info-20: var(--sky-20);\r\n --uui-info-50: var(--sky-50);\r\n --uui-info-60: var(--sky-60);\r\n --uui-info-70: var(--sky-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-5);\r\n --uui-success-10: var(--grass-10);\r\n --uui-success-20: var(--grass-20);\r\n --uui-success-50: var(--grass-50);\r\n --uui-success-60: var(--grass-60);\r\n --uui-success-70: var(--grass-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--sun-5);\r\n --uui-warning-10: var(--sun-10);\r\n --uui-warning-20: var(--sun-20);\r\n --uui-warning-50: var(--sun-50);\r\n --uui-warning-60: var(--sun-60);\r\n --uui-warning-70: var(--sun-70);\r\n --uui-warning-contrast: var(--night700);\r\n\r\n --uui-error-5: var(--fire-5);\r\n --uui-error-10: var(--fire-10);\r\n --uui-error-20: var(--fire-20);\r\n --uui-error-50: var(--fire-50);\r\n --uui-error-60: var(--fire-60);\r\n --uui-error-70: var(--fire-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--night50);\r\n --uui-neutral-10: var(--night100);\r\n --uui-neutral-20: var(--night200);\r\n --uui-neutral-30: var(--night300);\r\n --uui-neutral-40: var(--night400);\r\n --uui-neutral-50: var(--night500);\r\n --uui-neutral-60: var(--night600);\r\n --uui-neutral-70: var(--night700);\r\n --uui-neutral-80: var(--night800);\r\n --uui-neutral-90: var(--night900);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--uui-neutral-90);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-80);\r\n --uui-surface-main: var(--uui-neutral-70);\r\n --uui-surface-higher: var(--uui-neutral-60);\r\n --uui-surface-highest: var(--uui-neutral-50);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-50);\r\n\r\n --uui-text-brand: var(--uui-neutral-0);\r\n --uui-text-primary: var(--uui-neutral-5);\r\n --uui-text-secondary: var(--uui-neutral-10);\r\n --uui-text-tertiary: var(--uui-neutral-20);\r\n --uui-text-disabled: var(--uui-neutral-30);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--sky-60);\r\n --uui-link-hover: var(--sky-70);\r\n --uui-link-visited: #9062EC;\r\n --uui-link-visited-hover: #A884F0;\r\n --uui-link-disabled: var(--uui-neutral-60);\r\n\r\n --uui-icon: var(--uui-neutral-10);\r\n --uui-icon-hover: var(--uui-neutral-5);\r\n --uui-icon-active: var(--uui-neutral-5);\r\n --uui-icon-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-60);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-20);\r\n --uui-control-border-focus: var(--uui-primary-60);\r\n --uui-control-border-disabled: var(--uui-neutral-40);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-20);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-30);\r\n --uui-control-icon-disabled: var(--uui-neutral-30);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-30);\r\n\r\n --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\r\n --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\r\n --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-neutral,\r\n .uui-color-gray,\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-accent,\r\n .uui-color-grass {\r\n --uui-color-5: var(--grass-5);\r\n --uui-color-10: var(--grass-10);\r\n --uui-color-20: var(--grass-20);\r\n --uui-color-50: var(--grass-50);\r\n --uui-color-60: var(--grass-60);\r\n --uui-color-70: var(--grass-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-sky {\r\n --uui-color-5: var(--sky-5);\r\n --uui-color-10: var(--sky-10);\r\n --uui-color-20: var(--sky-20);\r\n --uui-color-50: var(--sky-50);\r\n --uui-color-60: var(--sky-60);\r\n --uui-color-70: var(--sky-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-fire {\r\n --uui-color-5: var(--fire-5);\r\n --uui-color-10: var(--fire-10);\r\n --uui-color-20: var(--fire-20);\r\n --uui-color-50: var(--fire-50);\r\n --uui-color-60: var(--fire-60);\r\n --uui-color-70: var(--fire-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-sun,\r\n .uui-color-warning {\r\n --uui-color-5: var(--sun-5);\r\n --uui-color-10: var(--sun-10);\r\n --uui-color-20: var(--sun-20);\r\n --uui-color-50: var(--sun-50);\r\n --uui-color-60: var(--sun-60);\r\n --uui-color-70: var(--sun-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--uui-neutral-10);\r\n --uui-color-70: var(--uui-neutral-20);\r\n --uui-color-contrast: var(--night700);\r\n }\r\n\r\n /* override variables */\r\n\r\n /* isInvalid color */\r\n\r\n .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\r\n --uui-error-50: var(--uui-error-60);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n --uui-btn-bg-disabled: var(--uui-neutral-50);\r\n --uui-btn-border-disabled: var(--uui-neutral-50);\r\n\r\n &.uui-fill-outline {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-none {\r\n --uui-btn-border: var(--uui-color-60);\r\n --uui-btn-border-hover: var(--uui-color-60);\r\n --uui-btn-border-active: var(--uui-color-60);\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border: var(--uui-neutral-30);\r\n --uui-btn-border-hover: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-caption: var(--uui-color-60);\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-secondary {\r\n --uui-btn-bg-hover: var(--uui-neutral-60);\r\n --uui-btn-bg-active: var(--uui-neutral-50);\r\n --uui-btn-border-hover: var(--uui-neutral-60);\r\n --uui-btn-border-active: var(--uui-neutral-50);\r\n --uui-btn-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-none, &.uui-fill-ghost {\r\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\r\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-border: var(--uui-btn-bg);\r\n --uui-btn-border-hover: var(--uui-btn-bg);\r\n --uui-btn-border-active: var(--uui-btn-bg);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\r\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-blocker-container {\r\n --uui-blocker-bg: var(--uui-surface-main);\r\n --uui-blocker-bg-with-opacity: #303240CC;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge {\r\n &.uui-fill-outline {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-color-contrast: var(--uui-neutral-5);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-60);\r\n --uui-badge-bg-hover: var(--uui-neutral-50);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg: color-mix(in srgb, var(--white) 8%, transparent);\r\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 16%, transparent);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-50);\r\n --uui-count_indicator-border: var(--uui-neutral-50);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: color-mix(in srgb, var(--white) 20%, transparent);\r\n --uui-badge-bg-hover: color-mix(in srgb, var(--white) 25%, transparent);\r\n --uui-badge-border: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-80);\r\n --uui-badge-bg-hover: var(--uui-neutral-70);\r\n --uui-badge-border: var(--uui-neutral-80);\r\n --uui-badge-border-hover: var(--uui-neutral-70);\r\n --uui-badge-caption: var(--white);\r\n --uui-badge-caption-hover: var(--white);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-5);\r\n --uui-badge-caption-hover: var(--uui-neutral-5);\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error) {\r\n --uui-icon_btn: var(--uui-color-60);\r\n --uui-icon_btn-hover: var(--uui-color-70);\r\n --uui-icon_btn-active: var(--uui-color-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-40);\r\n --uui-icon_btn-hover: var(--uui-neutral-30);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-0);\r\n --uui-link_btn-text-hover: var(--uui-neutral-5);\r\n --uui-link_btn-text-active: var(--uui-neutral-10);\r\n }\r\n\r\n .uui-link_button.uui-color-primary {\r\n --uui-link_btn-text: var(--uui-color-60);\r\n --uui-link_btn-text-hover: var(--uui-color-70);\r\n --uui-link_btn-text-disabled: var(--uui-text-disabled);\r\n }\r\n\r\n /* TubButton */\r\n\r\n .uui-tab-button {\r\n --uui-tab_btn-text-hover: var(--uui-primary-60);\r\n --uui-tab_btn-text-active: var(--uui-primary-60);\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-text-brand);\r\n --uui-main_menu-bg: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--uui-neutral-5);\r\n --uui-main_menu-icon-hover: var(--uui-neutral-5);\r\n --uui-main_menu-icon-active: var(--uui-neutral-5);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-text-brand);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-app-bg);\r\n --uui-burger_menu-bg-hover: var(--uui-app-bg);\r\n --uui-burger_menu-caption: var(--uui-neutral-90);\r\n --uui-burger_menu-icon: var(--uui-neutral-5);\r\n --uui-burger_menu-item: var(--uui-app-bg);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--uui-text-brand);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--uui-text-brand);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-border: var(--uui-neutral-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-border: var(--uui-critical-50);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-10);\r\n --uui-tooltip-text: var(--uui-neutral-70);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\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) {\r\n --uui-count_indicator-bg: var(--uui-color-60);\r\n --uui-count_indicator-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-count_indicator {\r\n &.uui-color-neutral, &.uui-color-gray {\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--white);\r\n }\r\n }\r\n\r\n .uui-status_indicator.uui-color-night600,\r\n .uui-status_indicator.uui-color-neutral {\r\n .uui-status_indicator_dot {\r\n background-color: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n /* Alert */\r\n\r\n .uui-alert.uui-color-info {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-success {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-warning {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n .uui-alert.uui-color-error {\r\n --uui-alert-icon: var(--uui-color-60);\r\n --uui-alert-border: var(--uui-color-60);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-10);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-10);\r\n --uui-tag-bg: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-10);\r\n --uui-tag-bg: var(--uui-neutral-60);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-5);\r\n --uui-tag-border-hover: var(--uui-neutral-5);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-text-brand);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-brand);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-5);\r\n --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\r\n --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\r\n --uui-tag-border: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-40);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n --uui-count_indicator-caption: var(--uui-neutral-10);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-brand);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-80);\r\n --uui-tag-border: var(--uui-neutral-80);\r\n --uui-tag-bg-hover: var(--uui-neutral-70);\r\n --uui-tag-border-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-5);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-80);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-bg-hover: var(--uui-neutral-70);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n --uui-count_indicator-bg: var(--uui-neutral-70);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-70);\r\n --uui-tag-fill: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .uui-presets-panel-input .uui-icon-cancel {\r\n &:hover {\r\n background-color: var(--uui-neutral-60);\r\n }\r\n\r\n &:active {\r\n background-color: var(--uui-neutral-50);\r\n }\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--uui-neutral-40);\r\n --uui-scroll_bars-bg-active: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n .uui-highlight {\r\n background-color: var(--uui-warning-20);\r\n }\r\n\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-loveship_dark {\r\n @include theme-loveship_dark();\r\n}\r\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-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}"]}

package/build/css/theme/theme_promo.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../theme/theme_promo.scss%23sass","../../../../../theme/theme_promo.scss","../../../theme/theme_promo.scss"],"names":[],"mappings":"AAk1BA;EC/0BA,wCAAA;EDEI,wCAAA;EAGA,oEAAA;EACA,gEAAA;EAEA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAEA,eAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAMA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EAEA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;EAEA,+BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,qCAAA;EAEA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,oCAAA;EAIA,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAEA,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;EAEA,uBAAA;EACA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,yBAAA;EAIA,kCAAA;EACA,mCAAA;EAEA,yCAAA;EACA,uCAAA;EACA,0CAAA;EACA,2CAAA;EAEA,mCAAA;EACA,yCAAA;EAEA,sCAAA;EACA,wCAAA;EACA,0CAAA;EACA,yCAAA;EACA,yCAAA;EAEA,kCAAA;EACA,wCAAA;EACA,0CAAA;EACA,wCAAA;EAMA,yBAAA;EACA,6BAAA;EACA,+BAAA;EACA,0BAAA;EACA,gCAAA;EACA,yCAAA;EAEA,gCAAA;EACA,sCAAA;EACA,uCAAA;EACA,yCAAA;EAEA,qCAAA;EACA,4CAAA;EACA,8CAAA;EAEA,0CAAA;EACA,gDAAA;EACA,gDAAA;EACA,mDAAA;EAEA,+CAAA;EACA,wDAAA;EAEA,0CAAA;EACA,oDAAA;EAEA,wCAAA;EACA,iDAAA;EAEA,6BAAA;EAEA,oCAAA;EAEA,oFAAA;EACA,uHAAA;EACA,yHAAA;EAEA,qBAAA;AElCJ;AF0CI;;EAEI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AExCR;AF2CI;;EAEI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AEzCR;AF4CI;;;EAGI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AE1CR;AF6CI;;EAEI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AE3CR;AF8CI;EACI,+BAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,6CAAA;AE5CR;AF+CI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AE7CR;AFgDI;;EAEI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AE9CR;AFiDI;EACI,gCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,8CAAA;AE/CR;AFkDI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,kCAAA;AEhDR;AFmDI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,kCAAA;AEjDR;AFoDI;;EAEI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,kCAAA;AElDR;AFqDI;EACI,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,kCAAA;AEnDR;AFsDI;EACI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,kCAAA;AEpDR;AFuDI;;EAEI,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;AErDR;AFwDI;EACI,0BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;AEtDR;AFyDI;EACI,2BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,4BAAA;EACA,iCAAA;AEvDR;AF0DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;AExDR;AF2DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;AEzDR;AF4DI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;AE1DR;AF6DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE3DR;AF8DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE5DR;AF+DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE7DR;AFgEI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,kCAAA;AE9DR;AFiEI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,kCAAA;AE/DR;AFqEQ;EACI,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AEnEZ;AFyEQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,0CAAA;AEtEZ;AFyEQ;;EACI,oCAAA;EACA,wCAAA;EACA,0CAAA;EACA,yCAAA;EACA,+CAAA;AEtEZ;AF2EQ;EACI,0CAAA;EACA,8CAAA;AEzEZ;AF4EQ;EACI,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AE1EZ;AF+EQ;EACI,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AE7EZ;AFiFI;EACI,mCAAA;AE/ER;AFoFI;EACI,uCAAA;AElFR;AFuFY;EACI,kCAAA;AErFhB;AF4FI;;EAEI,oCAAA;EACA,0CAAA;EACA,2CAAA;AE1FR;AF6FI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;AE3FR;AFgGI;EACI,qCAAA;EACA,wCAAA;AE9FR;AFiGI;EACI,uCAAA;AE/FR;AFkGI;EACI,sCAAA;EACA,uCAAA;AEhGR;AFqGI;;EAEI,8CAAA;EACA,kDAAA;AEnGR;AFsGI;EACI,mDAAA;AEpGR;AF0GQ;EACI,kEAAA;EACA,sCAAA;AExGZ;AF8GI;EACI,6BAAA;AE5GR;AF+GI;EACI,8BAAA;AE7GR;AFgHI;EACI,8BAAA;AE9GR;AFiHI;EACI,2BAAA;AE/GR;AFkHI;EACI,4BAAA;AEhHR;AFqHI;EACI,uBAAA;AEnHR;AFsHY;EACI,wCAAA;EACA,4CAAA;EACA,oCAAA;AEpHhB;AFsHgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEpHpB;AFwHY;EACI,wCAAA;EACA,sCAAA;EACA,4CAAA;AEtHhB;AFwHgB;EACI,8CAAA;EACA,kDAAA;AEtHpB;AF4HY;EACI,4CAAA;EACA,oCAAA;AE1HhB;AF4HgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AE1HpB;AF8HY;EACI,iCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AE5HhB;AF8HgB;EACI,8CAAA;EACA,kDAAA;AE5HpB;AFmIY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;EACA,yCAAA;EACA,oCAAA;AEjIhB;AFmIgB;EACI,6CAAA;EACA,iDAAA;EACA,mDAAA;AEjIpB;AFqIY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AEnIhB;AFqIgB;EACI,8CAAA;EACA,kDAAA;AEnIpB;AFyIY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AEvIhB;AFyIgB;EACI,sFAAA;EACA,kFAAA;EACA,kDAAA;AEvIpB;AF2IY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AEzIhB;AFgJY;EACI,yCAAA;EACA,oCAAA;AE9IhB;AFgJgB;EACI,kFAAA;EACA,uFAAA;AE9IpB;AFkJY;EACI,6CAAA;EACA,kDAAA;AEhJhB;AFqJI;EACI,wCAAA;AEnJR;AFwJY;EACI,kCAAA;EACA,wBAAA;AEtJhB;AF6JI;EACI,+BAAA;EACA,0BAAA;AE3JR;AF8JI;EACI,+BAAA;EACA,0BAAA;AE5JR;AF+JI;EACI,+BAAA;EACA,0BAAA;EACA,4BAAA;AE7JR;AFgKI;EACI,sCAAA;EACA,6BAAA;AE9JR;AFiKI;EACI,sCAAA;EACA,6BAAA;AE/JR;AFqKQ;EACI,kCAAA;AEnKZ;AFsKQ;EACI,cAAA;AEpKZ;AFuKQ;EACI,kCAAA;AErKZ;AFwKQ;EACI,kCAAA;AEtKZ","file":"theme_promo.css","sourcesContent":["/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-promo {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n // theme specific fonts\r\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\r\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\r\n\r\n --gray5: #FAFAFC;\r\n --gray10: #F5F6FA;\r\n --gray20: #EBEDF5;\r\n --gray30: #E1E3EB;\r\n --gray40: #CED0DB;\r\n --gray50: #ACAFBF;\r\n --gray60: #6C6F80;\r\n --gray70: #474A59;\r\n --gray80: #303240;\r\n --gray90: #1D1E26;\r\n\r\n --blue-5: #F5FDFF;\r\n --blue-10: #D6F2FF;\r\n --blue-20: #99DDFF;\r\n --blue-50: #007BBD;\r\n --blue-60: #006AA3;\r\n --blue-70: #005685;\r\n\r\n --green-5: #FCFFF5;\r\n --green-10: #EEFFCC;\r\n --green-20: #CFF486;\r\n --green-50: #65A300;\r\n --green-60: #528500;\r\n --green-70: #446600;\r\n\r\n --amber-5: #FFFCF5;\r\n --amber-10: #FFF2CC;\r\n --amber-20: #FFE38F;\r\n --amber-50: #FFC000;\r\n --amber-60: #DB9D00;\r\n --amber-70: #9F6B04;\r\n\r\n --red-5: #FEF7F6;\r\n --red-10: #FADED9;\r\n --red-20: #F5B5A8;\r\n --red-50: #DB3A1A;\r\n --red-60: #C03316;\r\n --red-70: #A02B13;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\r\n --uui-primary-5: var(--blue-5);\r\n --uui-primary-10: var(--blue-10);\r\n --uui-primary-20: var(--blue-20);\r\n --uui-primary-50: var(--blue-50);\r\n --uui-primary-60: var(--blue-60);\r\n --uui-primary-70: var(--blue-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-accent-5: var(--green-5);\r\n --uui-accent-10: var(--green-10);\r\n --uui-accent-20: var(--green-20);\r\n --uui-accent-50: var(--green-50);\r\n --uui-accent-60: var(--green-60);\r\n --uui-accent-70: var(--green-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--gray10);\r\n --uui-secondary-10: var(--gray20);\r\n --uui-secondary-20: var(--gray30);\r\n --uui-secondary-50: var(--gray60);\r\n --uui-secondary-60: var(--gray70);\r\n --uui-secondary-70: var(--gray80);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--red-5);\r\n --uui-critical-10: var(--red-10);\r\n --uui-critical-20: var(--red-20);\r\n --uui-critical-50: var(--red-50);\r\n --uui-critical-60: var(--red-60);\r\n --uui-critical-70: var(--red-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n /* semantic colors */\r\n\r\n --uui-info-5: var(--blue-5);\r\n --uui-info-10: var(--blue-10);\r\n --uui-info-20: var(--blue-20);\r\n --uui-info-50: var(--blue-50);\r\n --uui-info-60: var(--blue-60);\r\n --uui-info-70: var(--blue-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--green-5);\r\n --uui-success-10: var(--green-10);\r\n --uui-success-20: var(--green-20);\r\n --uui-success-50: var(--green-50);\r\n --uui-success-60: var(--green-60);\r\n --uui-success-70: var(--green-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--amber-5);\r\n --uui-warning-10: var(--amber-10);\r\n --uui-warning-20: var(--amber-20);\r\n --uui-warning-50: var(--amber-50);\r\n --uui-warning-60: var(--amber-60);\r\n --uui-warning-70: var(--amber-70);\r\n --uui-warning-contrast: var(--gray80);\r\n\r\n --uui-error-5: var(--red-5);\r\n --uui-error-10: var(--red-10);\r\n --uui-error-20: var(--red-20);\r\n --uui-error-50: var(--red-50);\r\n --uui-error-60: var(--red-60);\r\n --uui-error-70: var(--red-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--gray5);\r\n --uui-neutral-10: var(--gray10);\r\n --uui-neutral-20: var(--gray20);\r\n --uui-neutral-30: var(--gray30);\r\n --uui-neutral-40: var(--gray40);\r\n --uui-neutral-50: var(--gray50);\r\n --uui-neutral-60: var(--gray60);\r\n --uui-neutral-70: var(--gray70);\r\n --uui-neutral-80: var(--gray80);\r\n --uui-neutral-90: var(--gray90);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\r\n\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-5);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n\r\n --uui-text-brand: var(--uui-neutral-90);\r\n --uui-text-primary: var(--uui-neutral-80);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--blue-50);\r\n --uui-link-soft: var(--blue-5);\r\n --uui-link-hover: var(--blue-60);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--uui-neutral-50);\r\n\r\n --uui-icon: var(--uui-neutral-60);\r\n --uui-icon-hover: var(--uui-neutral-70);\r\n --uui-icon-active: var(--uui-neutral-80);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-bg: var(--uui-neutral-0);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\r\n\r\n --uui-border-radius: 0;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-green {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-blue {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-secondary,\r\n .uui-color-neutral,\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-critical,\r\n .uui-color-red {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--uui-info-contrast);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--uui-success-contrast);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-amber {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--gray10);\r\n --uui-color-70: var(--gray20);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray5 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--gray5);\r\n --uui-color-60: var(--gray10);\r\n --uui-color-70: var(--gray20);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-link_button.uui-color-contrast,\r\n .uui-color-gray10 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--gray5);\r\n --uui-color-50: var(--gray10);\r\n --uui-color-60: var(--gray20);\r\n --uui-color-70: var(--gray30);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray30 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray30);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray30);\r\n --uui-color-60: var(--gray40);\r\n --uui-color-70: var(--gray50);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray50 {\r\n --uui-color-5: var(--gray5);\r\n --uui-color-10: var(--gray10);\r\n --uui-color-20: var(--gray20);\r\n --uui-color-50: var(--gray50);\r\n --uui-color-60: var(--gray60);\r\n --uui-color-70: var(--gray70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-button.uui-color-gray50,\r\n .uui-color-gray60 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray60);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray60);\r\n --uui-color-60: var(--gray70);\r\n --uui-color-70: var(--gray80);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-gray80 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--gray10);\r\n --uui-color-20: var(--gray20);\r\n --uui-color-50: var(--gray80);\r\n --uui-color-60: var(--gray80);\r\n --uui-color-70: var(--gray80);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-gray90 {\r\n --uui-color-5: var(--gray60);\r\n --uui-color-10: var(--gray70);\r\n --uui-color-20: var(--gray80);\r\n --uui-color-50: var(--gray90);\r\n --uui-color-60: var(--gray90);\r\n --uui-color-70: var(--gray90);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray60 {\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n .uui-caption {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-neutral,\r\n .uui-icon_button.uui-color-gray60 {\r\n --uui-icon_btn: var(--uui-neutral-60);\r\n --uui-icon_btn-hover: var(--uui-neutral-70);\r\n --uui-icon_btn-active: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-color-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-color-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-color-gray5 {\r\n --uui-flex-row-bg: var(--gray5);\r\n }\r\n\r\n .uui-panel.uui-color-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-color-gray90 {\r\n --uui-panel-bg: var(--gray90);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n --uui-border-radius: 3px;\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray70 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-amber {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n .uui-dropdown-body {\r\n --uui-dropdown_container-border-radius: 0;\r\n }\r\n\r\n .uui-link_button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n text-transform: uppercase;\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-italic {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n --uui-text-font-style: italic;\r\n }\r\n\r\n .uui-font-museo-sans {\r\n --uui-text-font: var(--font-museo-sans);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n .uui-font-museo-slab {\r\n --uui-text-font: var(--font-museo-slab);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1, h2, h3 {\r\n font-family: var(--font-museo-sans);\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-header {\r\n font-family: var(--font-museo-slab);\r\n }\r\n\r\n .promo-header:is(h1, h2, h3) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-promo {\r\n @include theme-promo();\r\n}\r\n\r\n","/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-promo {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n // theme specific fonts\r\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\r\n --font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;\r\n\r\n --gray5: #FAFAFC;\r\n --gray10: #F5F6FA;\r\n --gray20: #EBEDF5;\r\n --gray30: #E1E3EB;\r\n --gray40: #CED0DB;\r\n --gray50: #ACAFBF;\r\n --gray60: #6C6F80;\r\n --gray70: #474A59;\r\n --gray80: #303240;\r\n --gray90: #1D1E26;\r\n\r\n --blue-5: #F5FDFF;\r\n --blue-10: #D6F2FF;\r\n --blue-20: #99DDFF;\r\n --blue-50: #007BBD;\r\n --blue-60: #006AA3;\r\n --blue-70: #005685;\r\n\r\n --green-5: #FCFFF5;\r\n --green-10: #EEFFCC;\r\n --green-20: #CFF486;\r\n --green-50: #65A300;\r\n --green-60: #528500;\r\n --green-70: #446600;\r\n\r\n --amber-5: #FFFCF5;\r\n --amber-10: #FFF2CC;\r\n --amber-20: #FFE38F;\r\n --amber-50: #FFC000;\r\n --amber-60: #DB9D00;\r\n --amber-70: #9F6B04;\r\n\r\n --red-5: #FEF7F6;\r\n --red-10: #FADED9;\r\n --red-20: #F5B5A8;\r\n --red-50: #DB3A1A;\r\n --red-60: #C03316;\r\n --red-70: #A02B13;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\r\n --uui-primary-5: var(--blue-5);\r\n --uui-primary-10: var(--blue-10);\r\n --uui-primary-20: var(--blue-20);\r\n --uui-primary-50: var(--blue-50);\r\n --uui-primary-60: var(--blue-60);\r\n --uui-primary-70: var(--blue-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-accent-5: var(--green-5);\r\n --uui-accent-10: var(--green-10);\r\n --uui-accent-20: var(--green-20);\r\n --uui-accent-50: var(--green-50);\r\n --uui-accent-60: var(--green-60);\r\n --uui-accent-70: var(--green-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--gray10);\r\n --uui-secondary-10: var(--gray20);\r\n --uui-secondary-20: var(--gray30);\r\n --uui-secondary-50: var(--gray60);\r\n --uui-secondary-60: var(--gray70);\r\n --uui-secondary-70: var(--gray80);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--red-5);\r\n --uui-critical-10: var(--red-10);\r\n --uui-critical-20: var(--red-20);\r\n --uui-critical-50: var(--red-50);\r\n --uui-critical-60: var(--red-60);\r\n --uui-critical-70: var(--red-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n /* semantic colors */\r\n\r\n --uui-info-5: var(--blue-5);\r\n --uui-info-10: var(--blue-10);\r\n --uui-info-20: var(--blue-20);\r\n --uui-info-50: var(--blue-50);\r\n --uui-info-60: var(--blue-60);\r\n --uui-info-70: var(--blue-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--green-5);\r\n --uui-success-10: var(--green-10);\r\n --uui-success-20: var(--green-20);\r\n --uui-success-50: var(--green-50);\r\n --uui-success-60: var(--green-60);\r\n --uui-success-70: var(--green-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--amber-5);\r\n --uui-warning-10: var(--amber-10);\r\n --uui-warning-20: var(--amber-20);\r\n --uui-warning-50: var(--amber-50);\r\n --uui-warning-60: var(--amber-60);\r\n --uui-warning-70: var(--amber-70);\r\n --uui-warning-contrast: var(--gray80);\r\n\r\n --uui-error-5: var(--red-5);\r\n --uui-error-10: var(--red-10);\r\n --uui-error-20: var(--red-20);\r\n --uui-error-50: var(--red-50);\r\n --uui-error-60: var(--red-60);\r\n --uui-error-70: var(--red-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--gray5);\r\n --uui-neutral-10: var(--gray10);\r\n --uui-neutral-20: var(--gray20);\r\n --uui-neutral-30: var(--gray30);\r\n --uui-neutral-40: var(--gray40);\r\n --uui-neutral-50: var(--gray50);\r\n --uui-neutral-60: var(--gray60);\r\n --uui-neutral-70: var(--gray70);\r\n --uui-neutral-80: var(--gray80);\r\n --uui-neutral-90: var(--gray90);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\r\n\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-5);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n\r\n --uui-text-brand: var(--uui-neutral-90);\r\n --uui-text-primary: var(--uui-neutral-80);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--blue-50);\r\n --uui-link-soft: var(--blue-5);\r\n --uui-link-hover: var(--blue-60);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--uui-neutral-50);\r\n\r\n --uui-icon: var(--uui-neutral-60);\r\n --uui-icon-hover: var(--uui-neutral-70);\r\n --uui-icon-active: var(--uui-neutral-80);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-bg: var(--uui-neutral-0);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\r\n\r\n --uui-border-radius: 0;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-green {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-blue {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-secondary,\r\n .uui-color-neutral,\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-critical,\r\n .uui-color-red {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--uui-info-contrast);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--uui-success-contrast);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-amber {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--gray10);\r\n --uui-color-70: var(--gray20);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray5 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--gray5);\r\n --uui-color-60: var(--gray10);\r\n --uui-color-70: var(--gray20);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-link_button.uui-color-contrast,\r\n .uui-color-gray10 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--gray5);\r\n --uui-color-50: var(--gray10);\r\n --uui-color-60: var(--gray20);\r\n --uui-color-70: var(--gray30);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray30 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray30);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray30);\r\n --uui-color-60: var(--gray40);\r\n --uui-color-70: var(--gray50);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-gray50 {\r\n --uui-color-5: var(--gray5);\r\n --uui-color-10: var(--gray10);\r\n --uui-color-20: var(--gray20);\r\n --uui-color-50: var(--gray50);\r\n --uui-color-60: var(--gray60);\r\n --uui-color-70: var(--gray70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-button.uui-color-gray50,\r\n .uui-color-gray60 {\r\n --uui-color-5: var(--gray20);\r\n --uui-color-10: var(--gray60);\r\n --uui-color-20: var(--gray40);\r\n --uui-color-50: var(--gray60);\r\n --uui-color-60: var(--gray70);\r\n --uui-color-70: var(--gray80);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-gray80 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--gray10);\r\n --uui-color-20: var(--gray20);\r\n --uui-color-50: var(--gray80);\r\n --uui-color-60: var(--gray80);\r\n --uui-color-70: var(--gray80);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-gray90 {\r\n --uui-color-5: var(--gray60);\r\n --uui-color-10: var(--gray70);\r\n --uui-color-20: var(--gray80);\r\n --uui-color-50: var(--gray90);\r\n --uui-color-60: var(--gray90);\r\n --uui-color-70: var(--gray90);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--gray80);\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-gray60 {\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n .uui-caption {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-neutral,\r\n .uui-icon_button.uui-color-gray60 {\r\n --uui-icon_btn: var(--uui-neutral-60);\r\n --uui-icon_btn-hover: var(--uui-neutral-70);\r\n --uui-icon_btn-active: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-color-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-color-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-color-gray5 {\r\n --uui-flex-row-bg: var(--gray5);\r\n }\r\n\r\n .uui-panel.uui-color-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-color-gray90 {\r\n --uui-panel-bg: var(--gray90);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n --uui-border-radius: 3px;\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray10 {\r\n &.uui-fill-solid {\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-gray30 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-gray70 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-amber {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n .uui-dropdown-body {\r\n --uui-dropdown_container-border-radius: 0;\r\n }\r\n\r\n .uui-link_button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n text-transform: uppercase;\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-italic {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n --uui-text-font-style: italic;\r\n }\r\n\r\n .uui-font-museo-sans {\r\n --uui-text-font: var(--font-museo-sans);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n .uui-font-museo-slab {\r\n --uui-text-font: var(--font-museo-slab);\r\n --uui-text-font-weight: normal;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1, h2, h3 {\r\n font-family: var(--font-museo-sans);\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n }\r\n\r\n .hero-header {\r\n font-family: var(--font-museo-slab);\r\n }\r\n\r\n .promo-header:is(h1, h2, h3) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-promo {\r\n @include theme-promo();\r\n}\r\n\r\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-promo {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --font-museo-slab: \"Museo Slab\", \"Roboto Slab\", Arial, sans-serif;\n --gray5: #FAFAFC;\n --gray10: #F5F6FA;\n --gray20: #EBEDF5;\n --gray30: #E1E3EB;\n --gray40: #CED0DB;\n --gray50: #ACAFBF;\n --gray60: #6C6F80;\n --gray70: #474A59;\n --gray80: #303240;\n --gray90: #1D1E26;\n --blue-5: #F5FDFF;\n --blue-10: #D6F2FF;\n --blue-20: #99DDFF;\n --blue-50: #007BBD;\n --blue-60: #006AA3;\n --blue-70: #005685;\n --green-5: #FCFFF5;\n --green-10: #EEFFCC;\n --green-20: #CFF486;\n --green-50: #65A300;\n --green-60: #528500;\n --green-70: #446600;\n --amber-5: #FFFCF5;\n --amber-10: #FFF2CC;\n --amber-20: #FFE38F;\n --amber-50: #FFC000;\n --amber-60: #DB9D00;\n --amber-70: #9F6B04;\n --red-5: #FEF7F6;\n --red-10: #FADED9;\n --red-20: #F5B5A8;\n --red-50: #DB3A1A;\n --red-60: #C03316;\n --red-70: #A02B13;\n --white: #FFFFFF;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n /* core variables start */\n /* brand colors */\n --uui-primary-5: var(--blue-5);\n --uui-primary-10: var(--blue-10);\n --uui-primary-20: var(--blue-20);\n --uui-primary-50: var(--blue-50);\n --uui-primary-60: var(--blue-60);\n --uui-primary-70: var(--blue-70);\n --uui-primary-contrast: var(--white);\n --uui-accent-5: var(--green-5);\n --uui-accent-10: var(--green-10);\n --uui-accent-20: var(--green-20);\n --uui-accent-50: var(--green-50);\n --uui-accent-60: var(--green-60);\n --uui-accent-70: var(--green-70);\n --uui-accent-contrast: var(--white);\n --uui-secondary-5: var(--gray10);\n --uui-secondary-10: var(--gray20);\n --uui-secondary-20: var(--gray30);\n --uui-secondary-50: var(--gray60);\n --uui-secondary-60: var(--gray70);\n --uui-secondary-70: var(--gray80);\n --uui-secondary-contrast: var(--white);\n --uui-critical-5: var(--red-5);\n --uui-critical-10: var(--red-10);\n --uui-critical-20: var(--red-20);\n --uui-critical-50: var(--red-50);\n --uui-critical-60: var(--red-60);\n --uui-critical-70: var(--red-70);\n --uui-critical-contrast: var(--white);\n /* semantic colors */\n --uui-info-5: var(--blue-5);\n --uui-info-10: var(--blue-10);\n --uui-info-20: var(--blue-20);\n --uui-info-50: var(--blue-50);\n --uui-info-60: var(--blue-60);\n --uui-info-70: var(--blue-70);\n --uui-info-contrast: var(--white);\n --uui-success-5: var(--green-5);\n --uui-success-10: var(--green-10);\n --uui-success-20: var(--green-20);\n --uui-success-50: var(--green-50);\n --uui-success-60: var(--green-60);\n --uui-success-70: var(--green-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--amber-5);\n --uui-warning-10: var(--amber-10);\n --uui-warning-20: var(--amber-20);\n --uui-warning-50: var(--amber-50);\n --uui-warning-60: var(--amber-60);\n --uui-warning-70: var(--amber-70);\n --uui-warning-contrast: var(--gray80);\n --uui-error-5: var(--red-5);\n --uui-error-10: var(--red-10);\n --uui-error-20: var(--red-20);\n --uui-error-50: var(--red-50);\n --uui-error-60: var(--red-60);\n --uui-error-70: var(--red-70);\n --uui-error-contrast: var(--white);\n --uui-neutral-0: #FFFFFF;\n --uui-neutral-5: var(--gray5);\n --uui-neutral-10: var(--gray10);\n --uui-neutral-20: var(--gray20);\n --uui-neutral-30: var(--gray30);\n --uui-neutral-40: var(--gray40);\n --uui-neutral-50: var(--gray50);\n --uui-neutral-60: var(--gray60);\n --uui-neutral-70: var(--gray70);\n --uui-neutral-80: var(--gray80);\n --uui-neutral-90: var(--gray90);\n --uui-neutral-100: #000000;\n /* Surfaces Figma - https://www.figma.com/file/UyChXPLmyv5zMrOU37KdUL/Promo-aka-UUI4-(Components)?type=design&node-id=39112-321568&mode=dev */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--blue-50);\n --uui-link-soft: var(--blue-5);\n --uui-link-hover: var(--blue-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-control-bg: var(--uui-neutral-0);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n --uui-border-radius: 0;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Badge */\n /* Button */\n /* IconButton */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-promo .uui-color-accent,\n.uui-theme-promo .uui-color-green {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-promo .uui-color-primary,\n.uui-theme-promo .uui-color-blue {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-promo .uui-color-secondary,\n.uui-theme-promo .uui-color-neutral,\n.uui-theme-promo .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-promo .uui-color-critical,\n.uui-theme-promo .uui-color-red {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-promo .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-promo .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-promo .uui-color-warning,\n.uui-theme-promo .uui-color-amber {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-promo .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-promo .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray5 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--gray5);\n --uui-color-60: var(--gray10);\n --uui-color-70: var(--gray20);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-link_button.uui-color-contrast,\n.uui-theme-promo .uui-color-gray10 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--gray5);\n --uui-color-50: var(--gray10);\n --uui-color-60: var(--gray20);\n --uui-color-70: var(--gray30);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray30 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray30);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray30);\n --uui-color-60: var(--gray40);\n --uui-color-70: var(--gray50);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-gray50 {\n --uui-color-5: var(--gray5);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray50);\n --uui-color-60: var(--gray60);\n --uui-color-70: var(--gray70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-button.uui-color-gray50,\n.uui-theme-promo .uui-color-gray60 {\n --uui-color-5: var(--gray20);\n --uui-color-10: var(--gray60);\n --uui-color-20: var(--gray40);\n --uui-color-50: var(--gray60);\n --uui-color-60: var(--gray70);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray80 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--gray10);\n --uui-color-20: var(--gray20);\n --uui-color-50: var(--gray80);\n --uui-color-60: var(--gray80);\n --uui-color-70: var(--gray80);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-gray90 {\n --uui-color-5: var(--gray60);\n --uui-color-10: var(--gray70);\n --uui-color-20: var(--gray80);\n --uui-color-50: var(--gray90);\n --uui-color-60: var(--gray90);\n --uui-color-70: var(--gray90);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-promo .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--gray80);\n}\n.uui-theme-promo .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-promo .uui-badge.uui-color-gray30.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-promo .uui-badge.uui-color-gray10.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-gray60.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-promo .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-gray50, .uui-color-gray60):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-button.uui-size-42 .uui-caption, .uui-theme-promo .uui-button.uui-size-48 .uui-caption {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-icon_button.uui-color-neutral,\n.uui-theme-promo .uui-icon_button.uui-color-gray60 {\n --uui-icon_btn: var(--uui-neutral-60);\n --uui-icon_btn-hover: var(--uui-neutral-70);\n --uui-icon_btn-active: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-promo .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-promo .uui-count_indicator.uui-color-gray,\n.uui-theme-promo .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-promo .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-promo .uui-flex-row.uui-color-gray5 {\n --uui-flex-row-bg: var(--gray5);\n}\n.uui-theme-promo .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-promo .uui-panel.uui-color-gray90 {\n --uui-panel-bg: var(--gray90);\n}\n.uui-theme-promo .uui-tag {\n --uui-border-radius: 3px;\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid {\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray10.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.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 --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-gray30.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.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-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-promo .uui-tag.uui-color-gray70.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-promo .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-promo .uui-tag.uui-color-amber.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-promo .uui-dropdown-body {\n --uui-dropdown_container-border-radius: 0;\n}\n.uui-theme-promo .uui-link_button.uui-size-42 :global(.uui-caption), .uui-theme-promo .uui-link_button.uui-size-48 :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n text-transform: uppercase;\n}\n.uui-theme-promo .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-promo .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-promo .uui-font-sans-italic {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n --uui-text-font-style: italic;\n}\n.uui-theme-promo .uui-font-museo-sans {\n --uui-text-font: var(--font-museo-sans);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-font-museo-slab {\n --uui-text-font: var(--font-museo-slab);\n --uui-text-font-weight: normal;\n}\n.uui-theme-promo .uui-typography h1, .uui-theme-promo .uui-typography h2, .uui-theme-promo .uui-typography h3 {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-promo .uui-typography h1 {\n font-size: 36px;\n}\n.uui-theme-promo .uui-typography .hero-header {\n font-family: var(--font-museo-slab);\n}\n.uui-theme-promo .uui-typography .promo-header:is(h1, h2, h3) {\n font-family: var(--font-museo-sans);\n}"]}

package/build/css/theme/theme_vanilla_thunder.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../theme/theme_vanilla_thunder.scss%23sass","../../../theme/theme_vanilla_thunder.scss"],"names":[],"mappings":"AAEA;EACI,4BAAA;EAEA,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,qBAAA;EACA,uBAAA;EACA,uBAAA;EACA,uBAAA;EACA,uBAAA;EACA,uBAAA;EACA,uBAAA;EAIA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,eAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAMA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,kCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAEA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,qCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAGA,0BAAA;EACA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,gCAAA;EAEA,+BAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,mCAAA;EAEA,6BAAA;EACA,8BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EAEA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;EAEA,uBAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,yBAAA;EAIA,iCAAA;EACA,mCAAA;EAEA,mCAAA;EACA,qCAAA;EACA,oCAAA;EACA,qCAAA;EAEA,kCAAA;EACA,wCAAA;EAEA,qCAAA;EACA,uCAAA;EACA,yCAAA;EACA,wCAAA;EACA,wCAAA;EAEA,kCAAA;EACA,wCAAA;EACA,0CAAA;EACA,wCAAA;EAMA,0BAAA;EACA,gCAAA;EACA,0BAAA;EACA,gCAAA;EACA,wCAAA;EAEA,+BAAA;EACA,qCAAA;EACA,sCAAA;EACA,wCAAA;EAEA,mCAAA;EACA,2CAAA;EACA,8CAAA;EAEA,yCAAA;EACA,+CAAA;EACA,gDAAA;EACA,kDAAA;EAEA,yCAAA;EACA,kDAAA;EAEA,uCAAA;EACA,gDAAA;EAEA,uCAAA;EACA,gDAAA;EAEA,6BAAA;EAEA,mCAAA;EAEA,+EAAA;EACA,+GAAA;EACA,gHAAA;EAEA,uBAAA;AC5BJ;ADoCI;;;EAGI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AClCR;ADqCI;;;EAGI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;ACnCR;ADsCI;;EAEI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;ACpCR;ADuCI;EACI,gCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,8CAAA;ACrCR;ADwCI;;EAEI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;ACtCR;ADyCI;;EAEI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;ACvCR;AD0CI;EACI,uBAAA;EACA,qCAAA;EACA,yBAAA;ACxCR;AD0CQ;EACI,0BAAA;EACA,6BAAA;EACA,mCAAA;EACA,mCAAA;EACA,6BAAA;EACA,8BAAA;EACA,4CAAA;ACxCZ;AD2CQ;EACI,gCAAA;EACA,6BAAA;EACA,oCAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,4CAAA;ACzCZ;AD6CI;EACI,oDAAA;EACA,gDAAA;EACA,uCAAA;EACA,gDAAA;EACA,4CAAA;EACA,oDAAA;EACA,iDAAA;EACA,0CAAA;EACA,sDAAA;EAEA,0CAAA;EACA,qCAAA;AC5CR;ADiDI;EACI,0CAAA;EACA,8CAAA;EACA,oCAAA;EACA,0CAAA;EACA,2CAAA;EACA,kDAAA;EAEA,8CAAA;EACA,mDAAA;EACA,2DAAA;EACA,mDAAA;EACA,iDAAA;EAEA,0CAAA;EACA,gDAAA;EACA,iDAAA;ACjDR;ADoDI;EACI,0CAAA;EACA,iDAAA;EACA,uDAAA;AClDR;ADuDI;EACI,sCAAA;EACA,+CAAA;EACA,+CAAA;EACA,4CAAA;EACA,wCAAA;ACrDR;ADyDI;EACI,8CAAA;EACA,oDAAA;EACA,qDAAA;EACA,6CAAA;ACvDR;AD4DI;EACI,yCAAA;EACA,8CAAA;EACA,4CAAA;EACA,wDAAA;AC1DR;AD6DI;EACI,0CAAA;EACA,iDAAA;EAEA,8CAAA;EACA,sDAAA;EACA,yDAAA;EACA,0CAAA;AC5DR;AD+DI;EACI,yCAAA;EACA,gDAAA;AC7DR;ADgEI;EACI,gJAAA;AC9DR;ADmEI;EACI,qCAAA;EACA,0CAAA;ACjER;ADoEI;EACI,uCAAA;AClER;ADqEI;EACI,sCAAA;EACA,uCAAA;ACnER;ADyEQ;EACI,yCAAA;EACA,oCAAA;ACvEZ;ADyEY;EACI,kFAAA;EACA,uFAAA;ACvEhB;AD0EY;EACI,6CAAA;EACA,kDAAA;ACxEhB;AD6EQ;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;EACA,yCAAA;EACA,oCAAA;AC3EZ;AD6EY;EACI,6CAAA;EACA,iDAAA;AC3EhB;AD8EY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AC5EhB;AD8EgB;EACI,8CAAA;EACA,kDAAA;AC5EpB;ADqFQ;EACI,gCAAA;EACA,6BAAA;EACA,oCAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;ACnFZ;ADsFQ;EACI,mDAAA;ACpFZ;AD0FY;EACI,kCAAA;ACxFhB","file":"theme_vanilla_thunder.css","sourcesContent":["/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n.uui-theme-vanilla_thunder {\r\n --uui-font: var(--font-inter);\r\n\r\n --blue-0: #F0F7FC;\r\n --blue-50: #E1F4FA;\r\n --blue-100: #D4F0FE;\r\n --blue-200: #76CDD8;\r\n --blue-300: #2BC1F0;\r\n --blue-400: #1CA5D3;\r\n --blue-500: #008ACE;\r\n\r\n --grass-25: #EBFCC7;\r\n --grass-50: #E4ED94;\r\n --grass-100: #CEDB56;\r\n --grass-200: #91C229;\r\n --grass-300: #4FA762;\r\n --grass-400: #329247;\r\n --grass-500: #157D2C;\r\n\r\n --sun-50: #FFF1A7;\r\n --sun-100: #FFD602;\r\n --sun-200: #F7A02C;\r\n --sun-250: #F67E00;\r\n --sun-300: #F2682A;\r\n\r\n --chromatic-0: #FFFFFF;\r\n --chromatic-100: #F7F7FD;\r\n --chromatic-150: #E5E5EE;\r\n --chromatic-200: #CDCDD9;\r\n --chromatic-300: #8D8D9C;\r\n --chromatic-400: #34384A;\r\n --chromatic-500: #191F3D;\r\n\r\n /* start Loveship colors for controllers */\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FCC8C8;\r\n --fire-50: #FA4B4B;\r\n --fire-60: #CC2929;\r\n --fire-70: #B32424;\r\n\r\n --white: #FFFFFF;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n /* end Loveship colors for controllers */\r\n\r\n /* core variables start */\r\n\r\n --uui-accent-5: var(--grass-50);\r\n --uui-accent-10: var(--grass-100);\r\n --uui-accent-20: var(--grass-200);\r\n --uui-accent-50: var(--grass-300);\r\n --uui-accent-60: var(--grass-400);\r\n --uui-accent-70: var(--grass-500);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-primary-5: var(--blue-50);\r\n --uui-primary-10: var(--blue-100);\r\n --uui-primary-20: var(--blue-200);\r\n --uui-primary-50: var(--blue-300);\r\n --uui-primary-60: var(--blue-400);\r\n --uui-primary-70: var(--blue-500);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night100);\r\n --uui-secondary-10: var(--night200);\r\n --uui-secondary-20: var(--night300);\r\n --uui-secondary-50: var(--night500);\r\n --uui-secondary-60: var(--night600);\r\n --uui-secondary-70: var(--night700);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--fire-5);\r\n --uui-critical-10: var(--fire-10);\r\n --uui-critical-20: var(--fire-20);\r\n --uui-critical-50: var(--fire-50);\r\n --uui-critical-60: var(--fire-60);\r\n --uui-critical-70: var(--fire-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n\r\n --uui-info-5: var(--blue-0);\r\n --uui-info-10: var(--blue-0);\r\n --uui-info-20: var(--blue-100);\r\n --uui-info-50: var(--blue-300);\r\n --uui-info-60: var(--blue-400);\r\n --uui-info-70: var(--blue-500);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-25);\r\n --uui-success-10: var(--grass-100);\r\n --uui-success-20: var(--grass-200);\r\n --uui-success-50: var(--grass-300);\r\n --uui-success-60: var(--grass-400);\r\n --uui-success-70: var(--grass-500);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--sun-50);\r\n --uui-warning-10: var(--sun-50);\r\n --uui-warning-20: var(--sun-100);\r\n --uui-warning-50: var(--sun-200);\r\n --uui-warning-60: var(--sun-250);\r\n --uui-warning-70: var(--sun-300);\r\n --uui-warning-contrast: var(--white);\r\n\r\n --uui-error-5: var(--fire-5);\r\n --uui-error-10: var(--fire-10);\r\n --uui-error-20: var(--fire-20);\r\n --uui-error-50: var(--fire-50);\r\n --uui-error-60: var(--fire-60);\r\n --uui-error-70: var(--fire-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--night50);\r\n --uui-neutral-10: var(--night100);\r\n --uui-neutral-20: var(--night200);\r\n --uui-neutral-30: var(--night300);\r\n --uui-neutral-40: var(--night400);\r\n --uui-neutral-50: var(--night500);\r\n --uui-neutral-60: var(--night600);\r\n --uui-neutral-70: var(--night700);\r\n --uui-neutral-80: var(--night800);\r\n --uui-neutral-90: var(--night900);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--chromatic-100);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--night50);\r\n --uui-surface-main: var(--chromatic-0);\r\n --uui-surface-higher: var(--night100);\r\n --uui-surface-highest: var(--night200);\r\n\r\n --uui-divider: var(--chromatic-200);\r\n --uui-divider-light: var(--chromatic-150);\r\n\r\n --uui-text-brand: var(--chromatic-500);\r\n --uui-text-primary: var(--chromatic-500);\r\n --uui-text-secondary: var(--chromatic-300);\r\n --uui-text-tertiary: var(--chromatic-300);\r\n --uui-text-disabled: var(--chromatic-200);\r\n\r\n --uui-text-info: var(--uui-info-50);\r\n --uui-text-warning: var(--uui-warning-50);\r\n --uui-text-critical: var(--uui-critical-50);\r\n --uui-text-success: var(--uui-success-50);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--blue-300);\r\n --uui-link-hover: var(--blue-400);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--chromatic-200);\r\n\r\n --uui-icon: var(--chromatic-300);\r\n --uui-icon-hover: var(--chromatic-400);\r\n --uui-icon-active: var(--chromatic-500);\r\n --uui-icon-disabled: var(--chromatic-200);\r\n\r\n --uui-control-bg: var(--chromatic-0);\r\n --uui-control-bg-hover: var(--chromatic-300);\r\n --uui-control-bg-disabled: var(--chromatic-100);\r\n\r\n --uui-control-border: var(--chromatic-200);\r\n --uui-control-border-hover: var(--chromatic-300);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--chromatic-150);\r\n\r\n --uui-control-placeholder: var(--night600);\r\n --uui-control-placeholder-disabled: var(--night600);\r\n\r\n --uui-control-text: var(--chromatic-500);\r\n --uui-control-text-disabled: var(--chromatic-300);\r\n\r\n --uui-control-icon: var(--chromatic-200);\r\n --uui-control-icon-disabled: var(--chromatic-200);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--chromatic-200);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\r\n --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\r\n --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-grass,\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-blue,\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-fire,\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-sun {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-neutral,\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-button {\r\n --uui-border-radius: 8px;\r\n --uui-btn-font: var(--font-museo-sans);\r\n --uui-btn-font-weight: 700;\r\n\r\n &.uui-color-gray {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-5);\r\n --uui-color-50: var(--chromatic-100);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n --uui-color-contrast: var(--uui-text-primary);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-color-5: var(--chromatic-0);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-10);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n --uui-color-contrast: var(--uui-text-primary);\r\n }\r\n }\r\n\r\n .uui-filters-panel-item-toggler.uui-input-box {\r\n --uui-filters_toggler-border: var(--uui-surface-main);\r\n --uui-filters_toggler-border-hover: var(--blue-0);\r\n --uui-filters_toggler-border-radius: 8px;\r\n --uui-filters_toggler-bg: var(--uui-surface-main);\r\n --uui-filters_toggler-bg-hover: var(--blue-0);\r\n --uui-filters_toggler-text: var(--uui-text-secondary);\r\n --uui-filters_toggler-label: var(--uui-text-brand);\r\n --uui-filters_toggler-icon: var(--uui-icon);\r\n --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\r\n\r\n --uui-filters_toggler-font: var(--uui-font);\r\n --uui-filters_toggler-font-weight: 400;\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-info-50);\r\n --uui-main_menu-bg: var(--uui-info-5);\r\n --uui-main_menu-hover: var(--uui-neutral-0);\r\n --uui-main_menu-active: var(--uui-neutral-0);\r\n --uui-main_menu-border-active: var(--uui-neutral-0);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--uui-text-brand);\r\n --uui-main_menu-icon-hover: var(--uui-text-brand);\r\n --uui-main_menu-icon-active: var(--uui-text-brand);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-text-brand);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-info-5);\r\n --uui-burger_menu-bg-hover: var(--uui-neutral-0);\r\n --uui-burger_menu-caption: var(--uui-text-brand);\r\n --uui-burger_menu-icon: var(--uui-text-brand);\r\n --uui-burger_menu-item: var(--uui-info-5);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--uui-text-brand);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--uui-text-brand);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--uui-text-brand);\r\n --uui-main_menu-text-active: var(--uui-text-brand);\r\n\r\n --uui-main_menu-dropdown-bg: var(--chromatic-0);\r\n --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\r\n --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\r\n --uui-main_menu-dropdown-border-radius: 8px;\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--chromatic-200);\r\n --uui-scroll_bars-bg-active: var(--chromatic-300);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-text-primary);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-color-warning, &.uui-color-sun {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n\r\n }\r\n\r\n &.uui-color-neutral, &.uui-color-night300 {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator {\r\n &.uui-color-white {\r\n --uui-color-5: var(--chromatic-0);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-10);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n }\r\n\r\n &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n}","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n --uui-font: var(--font-inter);\n --blue-0: #F0F7FC;\n --blue-50: #E1F4FA;\n --blue-100: #D4F0FE;\n --blue-200: #76CDD8;\n --blue-300: #2BC1F0;\n --blue-400: #1CA5D3;\n --blue-500: #008ACE;\n --grass-25: #EBFCC7;\n --grass-50: #E4ED94;\n --grass-100: #CEDB56;\n --grass-200: #91C229;\n --grass-300: #4FA762;\n --grass-400: #329247;\n --grass-500: #157D2C;\n --sun-50: #FFF1A7;\n --sun-100: #FFD602;\n --sun-200: #F7A02C;\n --sun-250: #F67E00;\n --sun-300: #F2682A;\n --chromatic-0: #FFFFFF;\n --chromatic-100: #F7F7FD;\n --chromatic-150: #E5E5EE;\n --chromatic-200: #CDCDD9;\n --chromatic-300: #8D8D9C;\n --chromatic-400: #34384A;\n --chromatic-500: #191F3D;\n /* start Loveship colors for controllers */\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FCC8C8;\n --fire-50: #FA4B4B;\n --fire-60: #CC2929;\n --fire-70: #B32424;\n --white: #FFFFFF;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n /* end Loveship colors for controllers */\n /* core variables start */\n --uui-accent-5: var(--grass-50);\n --uui-accent-10: var(--grass-100);\n --uui-accent-20: var(--grass-200);\n --uui-accent-50: var(--grass-300);\n --uui-accent-60: var(--grass-400);\n --uui-accent-70: var(--grass-500);\n --uui-accent-contrast: var(--white);\n --uui-primary-5: var(--blue-50);\n --uui-primary-10: var(--blue-100);\n --uui-primary-20: var(--blue-200);\n --uui-primary-50: var(--blue-300);\n --uui-primary-60: var(--blue-400);\n --uui-primary-70: var(--blue-500);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night500);\n --uui-secondary-60: var(--night600);\n --uui-secondary-70: var(--night700);\n --uui-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 --uui-info-5: var(--blue-0);\n --uui-info-10: var(--blue-0);\n --uui-info-20: var(--blue-100);\n --uui-info-50: var(--blue-300);\n --uui-info-60: var(--blue-400);\n --uui-info-70: var(--blue-500);\n --uui-info-contrast: var(--white);\n --uui-success-5: var(--grass-25);\n --uui-success-10: var(--grass-100);\n --uui-success-20: var(--grass-200);\n --uui-success-50: var(--grass-300);\n --uui-success-60: var(--grass-400);\n --uui-success-70: var(--grass-500);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--sun-50);\n --uui-warning-10: var(--sun-50);\n --uui-warning-20: var(--sun-100);\n --uui-warning-50: var(--sun-200);\n --uui-warning-60: var(--sun-250);\n --uui-warning-70: var(--sun-300);\n --uui-warning-contrast: var(--white);\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(--chromatic-100);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--night50);\n --uui-surface-main: var(--chromatic-0);\n --uui-surface-higher: var(--night100);\n --uui-surface-highest: var(--night200);\n --uui-divider: var(--chromatic-200);\n --uui-divider-light: var(--chromatic-150);\n --uui-text-brand: var(--chromatic-500);\n --uui-text-primary: var(--chromatic-500);\n --uui-text-secondary: var(--chromatic-300);\n --uui-text-tertiary: var(--chromatic-300);\n --uui-text-disabled: var(--chromatic-200);\n --uui-text-info: var(--uui-info-50);\n --uui-text-warning: var(--uui-warning-50);\n --uui-text-critical: var(--uui-critical-50);\n --uui-text-success: var(--uui-success-50);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--blue-300);\n --uui-link-hover: var(--blue-400);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--chromatic-200);\n --uui-icon: var(--chromatic-300);\n --uui-icon-hover: var(--chromatic-400);\n --uui-icon-active: var(--chromatic-500);\n --uui-icon-disabled: var(--chromatic-200);\n --uui-control-bg: var(--chromatic-0);\n --uui-control-bg-hover: var(--chromatic-300);\n --uui-control-bg-disabled: var(--chromatic-100);\n --uui-control-border: var(--chromatic-200);\n --uui-control-border-hover: var(--chromatic-300);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--chromatic-150);\n --uui-control-placeholder: var(--night600);\n --uui-control-placeholder-disabled: var(--night600);\n --uui-control-text: var(--chromatic-500);\n --uui-control-text-disabled: var(--chromatic-300);\n --uui-control-icon: var(--chromatic-200);\n --uui-control-icon-disabled: var(--chromatic-200);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--chromatic-200);\n --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* MainMenu */\n /* BurgerMenu */\n /* BurgerButton */\n /* BurgerSearch */\n /* Tooltip */\n /* Tag */\n /* CountIndicator */\n}\n.uui-theme-vanilla_thunder .uui-color-accent,\n.uui-theme-vanilla_thunder .uui-color-grass,\n.uui-theme-vanilla_thunder .uui-color-success {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-primary,\n.uui-theme-vanilla_thunder .uui-color-blue,\n.uui-theme-vanilla_thunder .uui-color-info {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-fire,\n.uui-theme-vanilla_thunder .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(--uui-critical-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-error {\n --uui-color-5: var(--uui-error-5);\n --uui-color-10: var(--uui-error-10);\n --uui-color-20: var(--uui-error-20);\n --uui-color-50: var(--uui-error-50);\n --uui-color-60: var(--uui-error-60);\n --uui-color-70: var(--uui-error-70);\n --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-warning,\n.uui-theme-vanilla_thunder .uui-color-sun {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-neutral,\n.uui-theme-vanilla_thunder .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(--uui-secondary-contrast);\n}\n.uui-theme-vanilla_thunder .uui-button {\n --uui-border-radius: 8px;\n --uui-btn-font: var(--font-museo-sans);\n --uui-btn-font-weight: 700;\n}\n.uui-theme-vanilla_thunder .uui-button.uui-color-gray {\n --uui-color-5: var(--white);\n --uui-color-10: var(--blue-50);\n --uui-color-20: var(--uui-primary-5);\n --uui-color-50: var(--chromatic-100);\n --uui-color-60: var(--blue-50);\n --uui-color-70: var(--blue-100);\n --uui-color-contrast: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-button.uui-color-white {\n --uui-color-5: var(--chromatic-0);\n --uui-color-10: var(--blue-50);\n --uui-color-20: var(--uui-primary-10);\n --uui-color-50: var(--white);\n --uui-color-60: var(--blue-50);\n --uui-color-70: var(--blue-100);\n --uui-color-contrast: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-filters-panel-item-toggler.uui-input-box {\n --uui-filters_toggler-border: var(--uui-surface-main);\n --uui-filters_toggler-border-hover: var(--blue-0);\n --uui-filters_toggler-border-radius: 8px;\n --uui-filters_toggler-bg: var(--uui-surface-main);\n --uui-filters_toggler-bg-hover: var(--blue-0);\n --uui-filters_toggler-text: var(--uui-text-secondary);\n --uui-filters_toggler-label: var(--uui-text-brand);\n --uui-filters_toggler-icon: var(--uui-icon);\n --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n --uui-filters_toggler-font: var(--uui-font);\n --uui-filters_toggler-font-weight: 400;\n}\n.uui-theme-vanilla_thunder .uui-main_menu {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-info-50);\n --uui-main_menu-bg: var(--uui-info-5);\n --uui-main_menu-hover: var(--uui-neutral-0);\n --uui-main_menu-active: var(--uui-neutral-0);\n --uui-main_menu-border-active: var(--uui-neutral-0);\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-text-brand);\n --uui-main_menu-icon-hover: var(--uui-text-brand);\n --uui-main_menu-icon-active: var(--uui-text-brand);\n}\n.uui-theme-vanilla_thunder .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-vanilla_thunder .uui-burger {\n --uui-burger_menu-bg: var(--uui-info-5);\n --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n --uui-burger_menu-caption: var(--uui-text-brand);\n --uui-burger_menu-icon: var(--uui-text-brand);\n --uui-burger_menu-item: var(--uui-info-5);\n}\n.uui-theme-vanilla_thunder .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-vanilla_thunder .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-vanilla_thunder .uui-main_menu-dropdown {\n --uui-main_menu-text: var(--uui-text-brand);\n --uui-main_menu-text-active: var(--uui-text-brand);\n --uui-main_menu-dropdown-bg: var(--chromatic-0);\n --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n --uui-main_menu-dropdown-border-radius: 8px;\n}\n.uui-theme-vanilla_thunder .uui-scroll-bars {\n --uui-scroll_bars-bg: var(--chromatic-200);\n --uui-scroll_bars-bg-active: var(--chromatic-300);\n}\n.uui-theme-vanilla_thunder .uui-text-placeholder {\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-neutral {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-critical {\n --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-inverted {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300 {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300 .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-vanilla_thunder .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-color-white {\n --uui-color-5: var(--chromatic-0);\n --uui-color-10: var(--blue-50);\n --uui-color-20: var(--uui-primary-10);\n --uui-color-50: var(--white);\n --uui-color-60: var(--blue-50);\n --uui-color-70: var(--blue-100);\n}\n.uui-theme-vanilla_thunder .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-vanilla_thunder .uui-button.uui-size-42 :global(.uui-caption), .uui-theme-vanilla_thunder .uui-button.uui-size-48 :global(.uui-caption) {\n font-family: var(--font-museo-sans);\n}"]}

package/build/icon-sources/12/Behance.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M10.144 3.645H7.84v.688h2.303v-.688Z"/>
+  <path fill="#6C6F80" fill-rule="evenodd" d="M4.904 8.898s1.773.056 1.773-1.647c0 0 .077-1.386-1.045-1.386 0 0 .851-.064.851-1.062 0-.999-.696-1.486-1.579-1.486H2v5.581h2.904Zm0-2.483H3.28v1.491h1.543c.23-.005.67-.072.67-.725 0-.774-.588-.766-.588-.766Zm0-2.106s.395 0 .395.58-.232.665-.495.665H3.28V4.309h1.625ZM8.093 7.16h2.892s.316-2.423-1.943-2.423c-2.147 0-2.144 2.144-2.144 2.144S6.75 9.015 9.042 9.015c0 0 1.91.109 1.91-1.485H9.97s.032.6-.895.6c0 0-.982.066-.982-.97Zm-.013-.745s.12-.861.982-.861c.863 0 .851.86.851.86H8.08Z" clip-rule="evenodd"/>
+</svg>

package/build/icon-sources/12/Dribble.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" fill-rule="evenodd" d="M6.5 1c-2.76 0-5 2.24-5 5s2.24 5 5 5c2.755 0 5-2.24 5-5s-2.245-5-5-5Zm3.303 2.305c.596.726.954 1.654.965 2.657-.141-.027-1.551-.314-2.972-.136-.032-.07-.06-.146-.092-.222a12.796 12.796 0 0 0-.282-.618c1.573-.64 2.288-1.562 2.38-1.681ZM6.5 1.738c1.085 0 2.077.406 2.83 1.073-.075.109-.72.971-2.239 1.54-.7-1.285-1.475-2.337-1.594-2.5.32-.076.656-.113 1.003-.113Zm-1.817.4c.114.153.873 1.21 1.584 2.468-1.996.532-3.758.52-3.948.52A4.29 4.29 0 0 1 4.683 2.14ZM2.227 6.006v-.13c.184.006 2.256.033 4.387-.607.125.239.239.483.347.727l-.168.048c-2.202.71-3.373 2.652-3.47 2.815a4.26 4.26 0 0 1-1.096-2.853ZM6.5 10.273a4.241 4.241 0 0 1-2.62-.9c.077-.157.944-1.827 3.352-2.668.01-.005.016-.005.027-.01.602 1.556.846 2.862.911 3.237a4.2 4.2 0 0 1-1.67.341Zm2.38-.732A18.373 18.373 0 0 0 8.052 6.5a6.237 6.237 0 0 1 2.657.184 4.234 4.234 0 0 1-1.827 2.858Z" clip-rule="evenodd"/>
+</svg>

package/build/icon-sources/12/Flickr.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" fill="none" viewBox="0 0 13 12">
+  <path fill="#6C6F80" d="M4.13 8.258A2.13 2.13 0 1 0 4.13 4a2.13 2.13 0 0 0 0 4.258Zm4.74 0A2.13 2.13 0 1 0 8.87 4a2.13 2.13 0 0 0 0 4.258Z"/>
+</svg>