@epam/assets 5.4.2 → 5.4.3

package/css/theme/theme_loveship.css

@@ -483,6 +483,22 @@
 .uui-theme-loveship .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost){
   --uui-btn-caption:var(--uui-neutral-70);
 }
+.uui-theme-loveship .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship .uui-button.uui-color-white.uui-fill-ghost{
+  --uui-btn-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
+  --uui-btn-bg-active:color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
+}
+.uui-theme-loveship .uui-button.uui-color-white.uui-fill-ghost{
+  --uui-btn-border:var(--uui-btn-bg);
+  --uui-btn-border-hover:var(--uui-btn-bg);
+  --uui-btn-border-active:var(--uui-btn-bg);
+}
+.uui-theme-loveship .uui-button.uui-color-white.uui-fill-outline, .uui-theme-loveship .uui-button.uui-color-white.uui-fill-solid{
+  --uui-btn-caption:var(--uui-neutral-70);
+  --uui-btn-bg-hover:var(--uui-neutral-20);
+  --uui-btn-border-hover:var(--uui-neutral-20);
+  --uui-btn-bg-active:var(--uui-neutral-30);
+  --uui-btn-border-active:var(--uui-neutral-30);
+}
 .uui-theme-loveship .uui-icon_button.uui-color-neutral,
 .uui-theme-loveship .uui-icon_button.uui-color-night600{
   --uui-icon_btn:var(--uui-neutral-60);

package/css/theme/theme_loveship.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"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","file":"theme_loveship.css","sourcesContent":["/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship {\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    --sky-5: #F5FDFF;\n    --sky-10: #E1F4FA;\n    --sky-20: #A0DDEE;\n    --sky-50: #009ECC;\n    --sky-60: #0086AD;\n    --sky-70: #006B8A;\n\n    --grass-5: #FCFFF5;\n    --grass-10: #EBF3D8;\n    --grass-20: #C1E288;\n    --grass-50: #67A300;\n    --grass-60: #528500;\n    --grass-70: #396F1F;\n\n    --sun-5: #FFFCF5;\n    --sun-10: #FFEDC9;\n    --sun-20: #FFD785;\n    --sun-50: #FCAA00;\n    --sun-60: #FF9000;\n    --sun-70: #BD5800;\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FBB6B6;\n    --fire-50: #FF4242;\n    --fire-60: #E22A2A;\n    --fire-70: #AD0000;\n\n    --white: #FFFFFF;\n\n    --yellow-5: #FFFFF0;\n    --yellow-10: #FFFECC;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #F9B71D;\n    --yellow-70: #D3910C;\n\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\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\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\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\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\n    --cyan-5: #F5FBFF;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #0F9E9E;\n    --cyan-70: #0B6F6F;\n\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #2E9E68;\n    --mint-70: #236E4A;\n\n    /* Loveship old colors */\n    --uui-color-white-800: #E6E6E6;\n    --uui-color-white-900: #CCCCCC;\n\n    --uui-color-night50-800: #DADAE9;\n    --uui-color-night50-900: #BABAD6;\n\n    --uui-color-night100-800: #D3D7E9;\n    --uui-color-night100-900: #B1B9D8;\n\n    --uui-color-night200-700: #E6E8F2;\n    --uui-color-night200-800: #C9CEE4;\n    --uui-color-night200-900: #A7B0D3;\n\n    --uui-color-night300-700: #D9DCE6;\n    --uui-color-night300-800: #C2C6D7;\n    --uui-color-night300-900: #A4AAC2;\n\n    --uui-color-night400-700: #C3C5D2;\n    --uui-color-night400-800: #B1B4C5;\n    --uui-color-night400-900: #9398B0;\n\n    --uui-color-night500-700: #9D9FB2;\n    --uui-color-night500-800: #8F93A9;\n    --uui-color-night500-900: #727793;\n\n    --uui-color-night600-700: #595B6D;\n    --uui-color-night600-800: #555764;\n\n    --uui-color-night700-800: #30323D;\n    --uui-color-night700-900: #1A1B20;\n\n    --uui-color-night800-800: #1A1B23;\n    --uui-color-night800-900: #040406;\n\n    --uui-color-night900-800: #070709;\n    --uui-color-night900-900: #000000;\n    /* end Loveship old colors */\n\n    /* core variables start */\n\n    /* brand colors */\n\n    --uui-accent-5: var(--grass-5);\n    --uui-accent-10: var(--grass-10);\n    --uui-accent-20: var(--grass-20);\n    --uui-accent-50: var(--grass-50);\n    --uui-accent-60: var(--grass-60);\n    --uui-accent-70: var(--grass-70);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--sky-5);\n    --uui-primary-10: var(--sky-10);\n    --uui-primary-20: var(--sky-20);\n    --uui-primary-50: var(--sky-50);\n    --uui-primary-60: var(--sky-60);\n    --uui-primary-70: var(--sky-70);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night600);\n    --uui-secondary-60: var(--night700);\n    --uui-secondary-70: var(--night800);\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-5: var(--fire-5);\n    --uui-critical-10: var(--fire-10);\n    --uui-critical-20: var(--fire-20);\n    --uui-critical-50: var(--fire-50);\n    --uui-critical-60: var(--fire-60);\n    --uui-critical-70: var(--fire-70);\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-5: var(--sky-5);\n    --uui-info-10: var(--sky-10);\n    --uui-info-20: var(--sky-20);\n    --uui-info-50: var(--sky-50);\n    --uui-info-60: var(--sky-60);\n    --uui-info-70: var(--sky-70);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-5);\n    --uui-success-10: var(--grass-10);\n    --uui-success-20: var(--grass-20);\n    --uui-success-50: var(--grass-50);\n    --uui-success-60: var(--grass-60);\n    --uui-success-70: var(--grass-70);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-5);\n    --uui-warning-10: var(--sun-10);\n    --uui-warning-20: var(--sun-20);\n    --uui-warning-50: var(--sun-50);\n    --uui-warning-60: var(--sun-60);\n    --uui-warning-70: var(--sun-70);\n    --uui-warning-contrast: var(--night800);\n\n    --uui-error-5: var(--fire-5);\n    --uui-error-10: var(--fire-10);\n    --uui-error-20: var(--fire-20);\n    --uui-error-50: var(--fire-50);\n    --uui-error-60: var(--fire-60);\n    --uui-error-70: var(--fire-70);\n    --uui-error-contrast: var(--white);\n\n    --uui-neutral-0: #FFFFFF;\n    --uui-neutral-5: var(--night50);\n    --uui-neutral-10: var(--night100);\n    --uui-neutral-20: var(--night200);\n    --uui-neutral-30: var(--night300);\n    --uui-neutral-40: var(--night400);\n    --uui-neutral-50: var(--night500);\n    --uui-neutral-60: var(--night600);\n    --uui-neutral-70: var(--night700);\n    --uui-neutral-80: var(--night800);\n    --uui-neutral-90: var(--night900);\n    --uui-neutral-100: #000000;\n\n    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\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\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n\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\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-warning: var(--uui-warning-70);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-success: var(--uui-success-70);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--sky-50);\n    --uui-link-hover: var(--sky-60);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--uui-neutral-50);\n\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\n    // TODO: should be updated\n\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n\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\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n    --uui-control-text: var(--uui-text-primary);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--uui-neutral-40);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\n    .uui-color-grass,\n    .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\n    .uui-color-primary,\n    .uui-color-sky,\n    .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\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night50 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--night50);\n        --uui-color-60: var(--uui-color-night50-800);\n        --uui-color-70: var(--uui-color-night50-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--uui-color-night100-800);\n        --uui-color-70: var(--uui-color-night100-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night200 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--night50);\n        --uui-color-20: var(--night100);\n        --uui-color-50: var(--night200);\n        --uui-color-60: var(--uui-color-night200-800);\n        --uui-color-70: var(--uui-color-night200-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--uui-color-night300-800);\n        --uui-color-70: var(--uui-color-night300-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night400 {\n        --uui-color-5: var(--night100);\n        --uui-color-10: var(--night200);\n        --uui-color-20: var(--night300);\n        --uui-color-50: var(--night400);\n        --uui-color-60: var(--uui-color-night400-800);\n        --uui-color-70: var(--uui-color-night400-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night500 {\n        --uui-color-5: var(--night200);\n        --uui-color-10: var(--night300);\n        --uui-color-20: var(--night400);\n        --uui-color-50: var(--night500);\n        --uui-color-60: var(--uui-color-night500-800);\n        --uui-color-70: var(--uui-color-night500-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night600,\n    .uui-color-neutral,\n    .uui-color-gray,\n    .uui-color-secondary {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--uui-color-night700-800);\n        --uui-color-70: var(--uui-color-night700-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night800 {\n        --uui-color-5: var(--night500);\n        --uui-color-10: var(--night600);\n        --uui-color-20: var(--night700);\n        --uui-color-50: var(--night800);\n        --uui-color-60: var(--uui-color-night800-800);\n        --uui-color-70: var(--uui-color-night800-900);\n        --uui-color-contrast: var(--white);\n    }\n\n\n    .uui-color-warning,\n    .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\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .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\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\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-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    }\n\n    .uui-badge.uui-color-night100 {\n        --uui-badge-bg-hover: var(--uui-neutral-20);\n        --uui-badge-border-hover: var(--uui-neutral-20);\n\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600.uui-fill-outline {\n        --uui-badge-border: var(--night600);\n        --uui-badge-border-hover: var(--night600);\n        --uui-badge-caption: var(--night800);\n        --uui-badge-caption-hover: var(--night800);\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral,\n    .uui-icon_button.uui-color-night600 {\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\n    .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\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* TooltipContainer */\n\n    .uui-tooltip-container.uui-color-white,\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--white);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red,\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-error-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray,\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--white);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-gray,\n    .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\n    .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* FlexRow */\n\n    .uui-flex-row.uui-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-night50 {\n        --uui-flex-row-bg: var(--night50);\n    }\n\n    .uui-flex-row.uui-color-night100 {\n        --uui-flex-row-bg: var(--night100);\n    }\n\n    .uui-panel.uui-color-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-color-night50 {\n        --uui-panel-bg: var(--night50);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-white {\n            &.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-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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-night300 {\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-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-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            }\n\n            &.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            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-90);\n\n                .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            }\n\n            &.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        }\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n    }\n\n    .uui-font-sans-light {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 300;\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1 {\n            font-weight: 600;\n        }\n\n        h2 {\n            font-weight: 700;\n        }\n\n        h3 {\n            font-weight: 600;\n        }\n\n        .hero-header {\n            font-size: 72px;\n            line-height: 72px;\n            font-weight: 700;\n        }\n    }\n}\n\n.uui-theme-loveship {\n    @include theme-loveship();\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship {\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    --sky-5: #F5FDFF;\n    --sky-10: #E1F4FA;\n    --sky-20: #A0DDEE;\n    --sky-50: #009ECC;\n    --sky-60: #0086AD;\n    --sky-70: #006B8A;\n\n    --grass-5: #FCFFF5;\n    --grass-10: #EBF3D8;\n    --grass-20: #C1E288;\n    --grass-50: #67A300;\n    --grass-60: #528500;\n    --grass-70: #396F1F;\n\n    --sun-5: #FFFCF5;\n    --sun-10: #FFEDC9;\n    --sun-20: #FFD785;\n    --sun-50: #FCAA00;\n    --sun-60: #FF9000;\n    --sun-70: #BD5800;\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FBB6B6;\n    --fire-50: #FF4242;\n    --fire-60: #E22A2A;\n    --fire-70: #AD0000;\n\n    --white: #FFFFFF;\n\n    --yellow-5: #FFFFF0;\n    --yellow-10: #FFFECC;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #F9B71D;\n    --yellow-70: #D3910C;\n\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\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\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\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\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\n    --cyan-5: #F5FBFF;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #0F9E9E;\n    --cyan-70: #0B6F6F;\n\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #2E9E68;\n    --mint-70: #236E4A;\n\n    /* Loveship old colors */\n    --uui-color-white-800: #E6E6E6;\n    --uui-color-white-900: #CCCCCC;\n\n    --uui-color-night50-800: #DADAE9;\n    --uui-color-night50-900: #BABAD6;\n\n    --uui-color-night100-800: #D3D7E9;\n    --uui-color-night100-900: #B1B9D8;\n\n    --uui-color-night200-700: #E6E8F2;\n    --uui-color-night200-800: #C9CEE4;\n    --uui-color-night200-900: #A7B0D3;\n\n    --uui-color-night300-700: #D9DCE6;\n    --uui-color-night300-800: #C2C6D7;\n    --uui-color-night300-900: #A4AAC2;\n\n    --uui-color-night400-700: #C3C5D2;\n    --uui-color-night400-800: #B1B4C5;\n    --uui-color-night400-900: #9398B0;\n\n    --uui-color-night500-700: #9D9FB2;\n    --uui-color-night500-800: #8F93A9;\n    --uui-color-night500-900: #727793;\n\n    --uui-color-night600-700: #595B6D;\n    --uui-color-night600-800: #555764;\n\n    --uui-color-night700-800: #30323D;\n    --uui-color-night700-900: #1A1B20;\n\n    --uui-color-night800-800: #1A1B23;\n    --uui-color-night800-900: #040406;\n\n    --uui-color-night900-800: #070709;\n    --uui-color-night900-900: #000000;\n    /* end Loveship old colors */\n\n    /* core variables start */\n\n    /* brand colors */\n\n    --uui-accent-5: var(--grass-5);\n    --uui-accent-10: var(--grass-10);\n    --uui-accent-20: var(--grass-20);\n    --uui-accent-50: var(--grass-50);\n    --uui-accent-60: var(--grass-60);\n    --uui-accent-70: var(--grass-70);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--sky-5);\n    --uui-primary-10: var(--sky-10);\n    --uui-primary-20: var(--sky-20);\n    --uui-primary-50: var(--sky-50);\n    --uui-primary-60: var(--sky-60);\n    --uui-primary-70: var(--sky-70);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night600);\n    --uui-secondary-60: var(--night700);\n    --uui-secondary-70: var(--night800);\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-5: var(--fire-5);\n    --uui-critical-10: var(--fire-10);\n    --uui-critical-20: var(--fire-20);\n    --uui-critical-50: var(--fire-50);\n    --uui-critical-60: var(--fire-60);\n    --uui-critical-70: var(--fire-70);\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-5: var(--sky-5);\n    --uui-info-10: var(--sky-10);\n    --uui-info-20: var(--sky-20);\n    --uui-info-50: var(--sky-50);\n    --uui-info-60: var(--sky-60);\n    --uui-info-70: var(--sky-70);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-5);\n    --uui-success-10: var(--grass-10);\n    --uui-success-20: var(--grass-20);\n    --uui-success-50: var(--grass-50);\n    --uui-success-60: var(--grass-60);\n    --uui-success-70: var(--grass-70);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-5);\n    --uui-warning-10: var(--sun-10);\n    --uui-warning-20: var(--sun-20);\n    --uui-warning-50: var(--sun-50);\n    --uui-warning-60: var(--sun-60);\n    --uui-warning-70: var(--sun-70);\n    --uui-warning-contrast: var(--night800);\n\n    --uui-error-5: var(--fire-5);\n    --uui-error-10: var(--fire-10);\n    --uui-error-20: var(--fire-20);\n    --uui-error-50: var(--fire-50);\n    --uui-error-60: var(--fire-60);\n    --uui-error-70: var(--fire-70);\n    --uui-error-contrast: var(--white);\n\n    --uui-neutral-0: #FFFFFF;\n    --uui-neutral-5: var(--night50);\n    --uui-neutral-10: var(--night100);\n    --uui-neutral-20: var(--night200);\n    --uui-neutral-30: var(--night300);\n    --uui-neutral-40: var(--night400);\n    --uui-neutral-50: var(--night500);\n    --uui-neutral-60: var(--night600);\n    --uui-neutral-70: var(--night700);\n    --uui-neutral-80: var(--night800);\n    --uui-neutral-90: var(--night900);\n    --uui-neutral-100: #000000;\n\n    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\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\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n\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\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-warning: var(--uui-warning-70);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-success: var(--uui-success-70);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--sky-50);\n    --uui-link-hover: var(--sky-60);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--uui-neutral-50);\n\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\n    // TODO: should be updated\n\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n\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\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n    --uui-control-text: var(--uui-text-primary);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--uui-neutral-40);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\n    .uui-color-grass,\n    .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\n    .uui-color-primary,\n    .uui-color-sky,\n    .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\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night50 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--night50);\n        --uui-color-60: var(--uui-color-night50-800);\n        --uui-color-70: var(--uui-color-night50-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--uui-color-night100-800);\n        --uui-color-70: var(--uui-color-night100-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night200 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--night50);\n        --uui-color-20: var(--night100);\n        --uui-color-50: var(--night200);\n        --uui-color-60: var(--uui-color-night200-800);\n        --uui-color-70: var(--uui-color-night200-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--uui-color-night300-800);\n        --uui-color-70: var(--uui-color-night300-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night400 {\n        --uui-color-5: var(--night100);\n        --uui-color-10: var(--night200);\n        --uui-color-20: var(--night300);\n        --uui-color-50: var(--night400);\n        --uui-color-60: var(--uui-color-night400-800);\n        --uui-color-70: var(--uui-color-night400-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night500 {\n        --uui-color-5: var(--night200);\n        --uui-color-10: var(--night300);\n        --uui-color-20: var(--night400);\n        --uui-color-50: var(--night500);\n        --uui-color-60: var(--uui-color-night500-800);\n        --uui-color-70: var(--uui-color-night500-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night600,\n    .uui-color-neutral,\n    .uui-color-gray,\n    .uui-color-secondary {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--uui-color-night700-800);\n        --uui-color-70: var(--uui-color-night700-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night800 {\n        --uui-color-5: var(--night500);\n        --uui-color-10: var(--night600);\n        --uui-color-20: var(--night700);\n        --uui-color-50: var(--night800);\n        --uui-color-60: var(--uui-color-night800-800);\n        --uui-color-70: var(--uui-color-night800-900);\n        --uui-color-contrast: var(--white);\n    }\n\n\n    .uui-color-warning,\n    .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\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .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\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\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-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    }\n\n    .uui-badge.uui-color-night100 {\n        --uui-badge-bg-hover: var(--uui-neutral-20);\n        --uui-badge-border-hover: var(--uui-neutral-20);\n\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600.uui-fill-outline {\n        --uui-badge-border: var(--night600);\n        --uui-badge-border-hover: var(--night600);\n        --uui-badge-caption: var(--night800);\n        --uui-badge-caption-hover: var(--night800);\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n        --uui-btn-caption: var(--uui-neutral-70);\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral,\n    .uui-icon_button.uui-color-night600 {\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\n    .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\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* TooltipContainer */\n\n    .uui-tooltip-container.uui-color-white,\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--white);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red,\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-error-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray,\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--white);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-gray,\n    .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\n    .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* FlexRow */\n\n    .uui-flex-row.uui-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-night50 {\n        --uui-flex-row-bg: var(--night50);\n    }\n\n    .uui-flex-row.uui-color-night100 {\n        --uui-flex-row-bg: var(--night100);\n    }\n\n    .uui-panel.uui-color-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-color-night50 {\n        --uui-panel-bg: var(--night50);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-white {\n            &.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-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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-night300 {\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-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-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            }\n\n            &.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            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-90);\n\n                .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            }\n\n            &.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        }\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n    }\n\n    .uui-font-sans-light {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 300;\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1 {\n            font-weight: 600;\n        }\n\n        h2 {\n            font-weight: 700;\n        }\n\n        h3 {\n            font-weight: 600;\n        }\n\n        .hero-header {\n            font-size: 72px;\n            line-height: 72px;\n            font-weight: 700;\n        }\n    }\n}\n\n.uui-theme-loveship {\n    @include theme-loveship();\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-loveship {\n  --uui-font: \"Source Sans Pro\", sans-serif;\n  --uui-font-mono: \"Roboto Mono\", monospace;\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  --sky-5: #F5FDFF;\n  --sky-10: #E1F4FA;\n  --sky-20: #A0DDEE;\n  --sky-50: #009ECC;\n  --sky-60: #0086AD;\n  --sky-70: #006B8A;\n  --grass-5: #FCFFF5;\n  --grass-10: #EBF3D8;\n  --grass-20: #C1E288;\n  --grass-50: #67A300;\n  --grass-60: #528500;\n  --grass-70: #396F1F;\n  --sun-5: #FFFCF5;\n  --sun-10: #FFEDC9;\n  --sun-20: #FFD785;\n  --sun-50: #FCAA00;\n  --sun-60: #FF9000;\n  --sun-70: #BD5800;\n  --fire-5: #FEF6F6;\n  --fire-10: #FDE1E1;\n  --fire-20: #FBB6B6;\n  --fire-50: #FF4242;\n  --fire-60: #E22A2A;\n  --fire-70: #AD0000;\n  --white: #FFFFFF;\n  --yellow-5: #FFFFF0;\n  --yellow-10: #FFFECC;\n  --yellow-20: #FFFCA4;\n  --yellow-50: #FDD63B;\n  --yellow-60: #F9B71D;\n  --yellow-70: #D3910C;\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: #F5FBFF;\n  --cyan-10: #D1FAFA;\n  --cyan-20: #AAEEEE;\n  --cyan-50: #14CCCC;\n  --cyan-60: #0F9E9E;\n  --cyan-70: #0B6F6F;\n  --mint-5: #F2FCF5;\n  --mint-10: #DDF3E4;\n  --mint-20: #B4DFC4;\n  --mint-50: #4FC48C;\n  --mint-60: #2E9E68;\n  --mint-70: #236E4A;\n  /* Loveship old colors */\n  --uui-color-white-800: #E6E6E6;\n  --uui-color-white-900: #CCCCCC;\n  --uui-color-night50-800: #DADAE9;\n  --uui-color-night50-900: #BABAD6;\n  --uui-color-night100-800: #D3D7E9;\n  --uui-color-night100-900: #B1B9D8;\n  --uui-color-night200-700: #E6E8F2;\n  --uui-color-night200-800: #C9CEE4;\n  --uui-color-night200-900: #A7B0D3;\n  --uui-color-night300-700: #D9DCE6;\n  --uui-color-night300-800: #C2C6D7;\n  --uui-color-night300-900: #A4AAC2;\n  --uui-color-night400-700: #C3C5D2;\n  --uui-color-night400-800: #B1B4C5;\n  --uui-color-night400-900: #9398B0;\n  --uui-color-night500-700: #9D9FB2;\n  --uui-color-night500-800: #8F93A9;\n  --uui-color-night500-900: #727793;\n  --uui-color-night600-700: #595B6D;\n  --uui-color-night600-800: #555764;\n  --uui-color-night700-800: #30323D;\n  --uui-color-night700-900: #1A1B20;\n  --uui-color-night800-800: #1A1B23;\n  --uui-color-night800-900: #040406;\n  --uui-color-night900-800: #070709;\n  --uui-color-night900-900: #000000;\n  /* end Loveship old colors */\n  /* core variables start */\n  /* brand colors */\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-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-secondary-5: var(--night100);\n  --uui-secondary-10: var(--night200);\n  --uui-secondary-20: var(--night300);\n  --uui-secondary-50: var(--night600);\n  --uui-secondary-60: var(--night700);\n  --uui-secondary-70: var(--night800);\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(--night800);\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-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(--sky-50);\n  --uui-link-hover: var(--sky-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-surface-main);\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: 3px;\n  /* core variables end */\n  /* ------------------------------------ */\n  /* begin color classes */\n  /* Accordion */\n  /* FileCard */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* TooltipContainer */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* FlexRow */\n  /* Tag */\n  /* fonts */\n  /* Typography */\n}\n.uui-theme-loveship .uui-color-accent,\n.uui-theme-loveship .uui-color-grass,\n.uui-theme-loveship .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-loveship .uui-color-primary,\n.uui-theme-loveship .uui-color-sky,\n.uui-theme-loveship .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-loveship .uui-color-fire,\n.uui-theme-loveship .uui-color-critical,\n.uui-theme-loveship .uui-color-error {\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-loveship .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(--night100);\n  --uui-color-70: var(--night200);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night50 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--night50);\n  --uui-color-60: var(--uui-color-night50-800);\n  --uui-color-70: var(--uui-color-night50-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night100 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--night50);\n  --uui-color-50: var(--night100);\n  --uui-color-60: var(--uui-color-night100-800);\n  --uui-color-70: var(--uui-color-night100-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night200 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--night50);\n  --uui-color-20: var(--night100);\n  --uui-color-50: var(--night200);\n  --uui-color-60: var(--uui-color-night200-800);\n  --uui-color-70: var(--uui-color-night200-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night300 {\n  --uui-color-5: var(--night50);\n  --uui-color-10: var(--night100);\n  --uui-color-20: var(--night200);\n  --uui-color-50: var(--night300);\n  --uui-color-60: var(--uui-color-night300-800);\n  --uui-color-70: var(--uui-color-night300-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night400 {\n  --uui-color-5: var(--night100);\n  --uui-color-10: var(--night200);\n  --uui-color-20: var(--night300);\n  --uui-color-50: var(--night400);\n  --uui-color-60: var(--uui-color-night400-800);\n  --uui-color-70: var(--uui-color-night400-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night500 {\n  --uui-color-5: var(--night200);\n  --uui-color-10: var(--night300);\n  --uui-color-20: var(--night400);\n  --uui-color-50: var(--night500);\n  --uui-color-60: var(--uui-color-night500-800);\n  --uui-color-70: var(--uui-color-night500-900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night600,\n.uui-theme-loveship .uui-color-neutral,\n.uui-theme-loveship .uui-color-gray,\n.uui-theme-loveship .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-loveship .uui-color-night700 {\n  --uui-color-5: var(--night400);\n  --uui-color-10: var(--night500);\n  --uui-color-20: var(--night600);\n  --uui-color-50: var(--night700);\n  --uui-color-60: var(--uui-color-night700-800);\n  --uui-color-70: var(--uui-color-night700-900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night800 {\n  --uui-color-5: var(--night500);\n  --uui-color-10: var(--night600);\n  --uui-color-20: var(--night700);\n  --uui-color-50: var(--night800);\n  --uui-color-60: var(--uui-color-night800-800);\n  --uui-color-70: var(--uui-color-night800-900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-warning,\n.uui-theme-loveship .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-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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 .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 .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 .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 .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-accordion-container {\n  --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship .uui-file_card {\n  --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship .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-loveship .uui-badge.uui-color-neutral,\n.uui-theme-loveship .uui-badge.uui-color-night300 {\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-loveship .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship .uui-badge.uui-color-night300.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-loveship .uui-badge.uui-color-night100 {\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100.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-loveship .uui-badge.uui-color-night600.uui-fill-outline {\n  --uui-badge-border: var(--night600);\n  --uui-badge-border-hover: var(--night600);\n  --uui-badge-caption: var(--night800);\n  --uui-badge-caption-hover: var(--night800);\n}\n.uui-theme-loveship .uui-badge.uui-color-yellow.uui-fill-outline {\n  --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-loveship .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n  --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-neutral,\n.uui-theme-loveship .uui-icon_button.uui-color-night600 {\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-loveship .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-loveship .uui-icon_button.uui-color-white {\n  --uui-icon_btn-hover: var(--uui-neutral-20);\n  --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-white,\n.uui-theme-loveship .uui-tooltip-container.uui-color-neutral {\n  --uui-tooltip-bg: var(--white);\n  --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-red,\n.uui-theme-loveship .uui-tooltip-container.uui-color-critical {\n  --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-gray,\n.uui-theme-loveship .uui-tooltip-container.uui-color-inverted {\n  --uui-tooltip-bg: var(--uui-neutral-80);\n  --uui-tooltip-text: var(--white);\n}\n.uui-theme-loveship .uui-count_indicator.uui-color-gray,\n.uui-theme-loveship .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-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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-loveship .uui-flex-row.uui-color-none {\n  --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .uui-flex-row.uui-color-white {\n  --uui-flex-row-bg: var(--white);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night50 {\n  --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night100 {\n  --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .uui-panel.uui-color-white {\n  --uui-panel-bg: var(--white);\n}\n.uui-theme-loveship .uui-panel.uui-color-night50 {\n  --uui-panel-bg: var(--night50);\n}\n.uui-theme-loveship .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-loveship .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-loveship .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-loveship .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-loveship .uui-tag.uui-color-night100.uui-fill-solid {\n  --uui-tag-border-hover: var(--uui-neutral-20);\n  --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-loveship .uui-tag.uui-color-night100.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-loveship .uui-tag.uui-color-night100.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-loveship .uui-tag.uui-color-night100.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-loveship .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship .uui-tag.uui-color-night300.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-loveship .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship .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 .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship .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-loveship .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship .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-loveship .uui-tag.uui-color-night700.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-0);\n  --uui-tag-fill: var(--uui-neutral-0);\n  --uui-tag-bg: var(--uui-neutral-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-loveship .uui-tag.uui-color-night700.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-loveship .uui-tag.uui-color-night700.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-loveship .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-loveship .uui-tag.uui-color-sun.uui-fill-solid {\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-loveship .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship .uui-tag.uui-color-sun.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-loveship .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-loveship .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-loveship .uui-font-sans {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 400;\n}\n.uui-theme-loveship .uui-font-sans-semibold {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 600;\n}\n.uui-theme-loveship .uui-font-sans-light {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 300;\n}\n.uui-theme-loveship .uui-typography h1 {\n  font-weight: 600;\n}\n.uui-theme-loveship .uui-typography h2 {\n  font-weight: 700;\n}\n.uui-theme-loveship .uui-typography h3 {\n  font-weight: 600;\n}\n.uui-theme-loveship .uui-typography .hero-header {\n  font-size: 72px;\n  line-height: 72px;\n  font-weight: 700;\n}"]}
+{"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"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","file":"theme_loveship.css","sourcesContent":["/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship {\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    --sky-5: #F5FDFF;\n    --sky-10: #E1F4FA;\n    --sky-20: #A0DDEE;\n    --sky-50: #009ECC;\n    --sky-60: #0086AD;\n    --sky-70: #006B8A;\n\n    --grass-5: #FCFFF5;\n    --grass-10: #EBF3D8;\n    --grass-20: #C1E288;\n    --grass-50: #67A300;\n    --grass-60: #528500;\n    --grass-70: #396F1F;\n\n    --sun-5: #FFFCF5;\n    --sun-10: #FFEDC9;\n    --sun-20: #FFD785;\n    --sun-50: #FCAA00;\n    --sun-60: #FF9000;\n    --sun-70: #BD5800;\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FBB6B6;\n    --fire-50: #FF4242;\n    --fire-60: #E22A2A;\n    --fire-70: #AD0000;\n\n    --white: #FFFFFF;\n\n    --yellow-5: #FFFFF0;\n    --yellow-10: #FFFECC;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #F9B71D;\n    --yellow-70: #D3910C;\n\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\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\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\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\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\n    --cyan-5: #F5FBFF;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #0F9E9E;\n    --cyan-70: #0B6F6F;\n\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #2E9E68;\n    --mint-70: #236E4A;\n\n    /* Loveship old colors */\n    --uui-color-white-800: #E6E6E6;\n    --uui-color-white-900: #CCCCCC;\n\n    --uui-color-night50-800: #DADAE9;\n    --uui-color-night50-900: #BABAD6;\n\n    --uui-color-night100-800: #D3D7E9;\n    --uui-color-night100-900: #B1B9D8;\n\n    --uui-color-night200-700: #E6E8F2;\n    --uui-color-night200-800: #C9CEE4;\n    --uui-color-night200-900: #A7B0D3;\n\n    --uui-color-night300-700: #D9DCE6;\n    --uui-color-night300-800: #C2C6D7;\n    --uui-color-night300-900: #A4AAC2;\n\n    --uui-color-night400-700: #C3C5D2;\n    --uui-color-night400-800: #B1B4C5;\n    --uui-color-night400-900: #9398B0;\n\n    --uui-color-night500-700: #9D9FB2;\n    --uui-color-night500-800: #8F93A9;\n    --uui-color-night500-900: #727793;\n\n    --uui-color-night600-700: #595B6D;\n    --uui-color-night600-800: #555764;\n\n    --uui-color-night700-800: #30323D;\n    --uui-color-night700-900: #1A1B20;\n\n    --uui-color-night800-800: #1A1B23;\n    --uui-color-night800-900: #040406;\n\n    --uui-color-night900-800: #070709;\n    --uui-color-night900-900: #000000;\n    /* end Loveship old colors */\n\n    /* core variables start */\n\n    /* brand colors */\n\n    --uui-accent-5: var(--grass-5);\n    --uui-accent-10: var(--grass-10);\n    --uui-accent-20: var(--grass-20);\n    --uui-accent-50: var(--grass-50);\n    --uui-accent-60: var(--grass-60);\n    --uui-accent-70: var(--grass-70);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--sky-5);\n    --uui-primary-10: var(--sky-10);\n    --uui-primary-20: var(--sky-20);\n    --uui-primary-50: var(--sky-50);\n    --uui-primary-60: var(--sky-60);\n    --uui-primary-70: var(--sky-70);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night600);\n    --uui-secondary-60: var(--night700);\n    --uui-secondary-70: var(--night800);\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-5: var(--fire-5);\n    --uui-critical-10: var(--fire-10);\n    --uui-critical-20: var(--fire-20);\n    --uui-critical-50: var(--fire-50);\n    --uui-critical-60: var(--fire-60);\n    --uui-critical-70: var(--fire-70);\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-5: var(--sky-5);\n    --uui-info-10: var(--sky-10);\n    --uui-info-20: var(--sky-20);\n    --uui-info-50: var(--sky-50);\n    --uui-info-60: var(--sky-60);\n    --uui-info-70: var(--sky-70);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-5);\n    --uui-success-10: var(--grass-10);\n    --uui-success-20: var(--grass-20);\n    --uui-success-50: var(--grass-50);\n    --uui-success-60: var(--grass-60);\n    --uui-success-70: var(--grass-70);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-5);\n    --uui-warning-10: var(--sun-10);\n    --uui-warning-20: var(--sun-20);\n    --uui-warning-50: var(--sun-50);\n    --uui-warning-60: var(--sun-60);\n    --uui-warning-70: var(--sun-70);\n    --uui-warning-contrast: var(--night800);\n\n    --uui-error-5: var(--fire-5);\n    --uui-error-10: var(--fire-10);\n    --uui-error-20: var(--fire-20);\n    --uui-error-50: var(--fire-50);\n    --uui-error-60: var(--fire-60);\n    --uui-error-70: var(--fire-70);\n    --uui-error-contrast: var(--white);\n\n    --uui-neutral-0: #FFFFFF;\n    --uui-neutral-5: var(--night50);\n    --uui-neutral-10: var(--night100);\n    --uui-neutral-20: var(--night200);\n    --uui-neutral-30: var(--night300);\n    --uui-neutral-40: var(--night400);\n    --uui-neutral-50: var(--night500);\n    --uui-neutral-60: var(--night600);\n    --uui-neutral-70: var(--night700);\n    --uui-neutral-80: var(--night800);\n    --uui-neutral-90: var(--night900);\n    --uui-neutral-100: #000000;\n\n    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\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\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n\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\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-warning: var(--uui-warning-70);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-success: var(--uui-success-70);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--sky-50);\n    --uui-link-hover: var(--sky-60);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--uui-neutral-50);\n\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\n    // TODO: should be updated\n\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n\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\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n    --uui-control-text: var(--uui-text-primary);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--uui-neutral-40);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\n    .uui-color-grass,\n    .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\n    .uui-color-primary,\n    .uui-color-sky,\n    .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\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night50 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--night50);\n        --uui-color-60: var(--uui-color-night50-800);\n        --uui-color-70: var(--uui-color-night50-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--uui-color-night100-800);\n        --uui-color-70: var(--uui-color-night100-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night200 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--night50);\n        --uui-color-20: var(--night100);\n        --uui-color-50: var(--night200);\n        --uui-color-60: var(--uui-color-night200-800);\n        --uui-color-70: var(--uui-color-night200-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--uui-color-night300-800);\n        --uui-color-70: var(--uui-color-night300-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night400 {\n        --uui-color-5: var(--night100);\n        --uui-color-10: var(--night200);\n        --uui-color-20: var(--night300);\n        --uui-color-50: var(--night400);\n        --uui-color-60: var(--uui-color-night400-800);\n        --uui-color-70: var(--uui-color-night400-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night500 {\n        --uui-color-5: var(--night200);\n        --uui-color-10: var(--night300);\n        --uui-color-20: var(--night400);\n        --uui-color-50: var(--night500);\n        --uui-color-60: var(--uui-color-night500-800);\n        --uui-color-70: var(--uui-color-night500-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night600,\n    .uui-color-neutral,\n    .uui-color-gray,\n    .uui-color-secondary {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--uui-color-night700-800);\n        --uui-color-70: var(--uui-color-night700-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night800 {\n        --uui-color-5: var(--night500);\n        --uui-color-10: var(--night600);\n        --uui-color-20: var(--night700);\n        --uui-color-50: var(--night800);\n        --uui-color-60: var(--uui-color-night800-800);\n        --uui-color-70: var(--uui-color-night800-900);\n        --uui-color-contrast: var(--white);\n    }\n\n\n    .uui-color-warning,\n    .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\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .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\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\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-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    }\n\n    .uui-badge.uui-color-night100 {\n        --uui-badge-bg-hover: var(--uui-neutral-20);\n        --uui-badge-border-hover: var(--uui-neutral-20);\n\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600.uui-fill-outline {\n        --uui-badge-border: var(--night600);\n        --uui-badge-border-hover: var(--night600);\n        --uui-badge-caption: var(--night800);\n        --uui-badge-caption-hover: var(--night800);\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button {\n        &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n            --uui-btn-caption: var(--uui-neutral-70);\n        }\n\n        &.uui-color-white {\n            &.uui-fill-none, &.uui-fill-ghost {\n                --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n                --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n            }\n\n            &.uui-fill-ghost {\n                --uui-btn-border: var(--uui-btn-bg);\n                --uui-btn-border-hover: var(--uui-btn-bg);\n                --uui-btn-border-active: var(--uui-btn-bg);\n            }\n\n            &.uui-fill-outline, &.uui-fill-solid {\n                --uui-btn-caption: var(--uui-neutral-70);\n                --uui-btn-bg-hover: var(--uui-neutral-20);\n                --uui-btn-border-hover: var(--uui-neutral-20);\n                --uui-btn-bg-active: var(--uui-neutral-30);\n                --uui-btn-border-active: var(--uui-neutral-30);\n            }\n        }\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral,\n    .uui-icon_button.uui-color-night600 {\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\n    .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\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* TooltipContainer */\n\n    .uui-tooltip-container.uui-color-white,\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--white);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red,\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-error-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray,\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--white);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-gray,\n    .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\n    .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* FlexRow */\n\n    .uui-flex-row.uui-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-night50 {\n        --uui-flex-row-bg: var(--night50);\n    }\n\n    .uui-flex-row.uui-color-night100 {\n        --uui-flex-row-bg: var(--night100);\n    }\n\n    .uui-panel.uui-color-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-color-night50 {\n        --uui-panel-bg: var(--night50);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-white {\n            &.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-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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-night300 {\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-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-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            }\n\n            &.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            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-90);\n\n                .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            }\n\n            &.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        }\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n    }\n\n    .uui-font-sans-light {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 300;\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1 {\n            font-weight: 600;\n        }\n\n        h2 {\n            font-weight: 700;\n        }\n\n        h3 {\n            font-weight: 600;\n        }\n\n        .hero-header {\n            font-size: 72px;\n            line-height: 72px;\n            font-weight: 700;\n        }\n    }\n}\n\n.uui-theme-loveship {\n    @include theme-loveship();\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-loveship {\n    --uui-font: 'Source Sans Pro', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    --sky-5: #F5FDFF;\n    --sky-10: #E1F4FA;\n    --sky-20: #A0DDEE;\n    --sky-50: #009ECC;\n    --sky-60: #0086AD;\n    --sky-70: #006B8A;\n\n    --grass-5: #FCFFF5;\n    --grass-10: #EBF3D8;\n    --grass-20: #C1E288;\n    --grass-50: #67A300;\n    --grass-60: #528500;\n    --grass-70: #396F1F;\n\n    --sun-5: #FFFCF5;\n    --sun-10: #FFEDC9;\n    --sun-20: #FFD785;\n    --sun-50: #FCAA00;\n    --sun-60: #FF9000;\n    --sun-70: #BD5800;\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FBB6B6;\n    --fire-50: #FF4242;\n    --fire-60: #E22A2A;\n    --fire-70: #AD0000;\n\n    --white: #FFFFFF;\n\n    --yellow-5: #FFFFF0;\n    --yellow-10: #FFFECC;\n    --yellow-20: #FFFCA4;\n    --yellow-50: #FDD63B;\n    --yellow-60: #F9B71D;\n    --yellow-70: #D3910C;\n\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\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\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\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\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\n    --cyan-5: #F5FBFF;\n    --cyan-10: #D1FAFA;\n    --cyan-20: #AAEEEE;\n    --cyan-50: #14CCCC;\n    --cyan-60: #0F9E9E;\n    --cyan-70: #0B6F6F;\n\n    --mint-5: #F2FCF5;\n    --mint-10: #DDF3E4;\n    --mint-20: #B4DFC4;\n    --mint-50: #4FC48C;\n    --mint-60: #2E9E68;\n    --mint-70: #236E4A;\n\n    /* Loveship old colors */\n    --uui-color-white-800: #E6E6E6;\n    --uui-color-white-900: #CCCCCC;\n\n    --uui-color-night50-800: #DADAE9;\n    --uui-color-night50-900: #BABAD6;\n\n    --uui-color-night100-800: #D3D7E9;\n    --uui-color-night100-900: #B1B9D8;\n\n    --uui-color-night200-700: #E6E8F2;\n    --uui-color-night200-800: #C9CEE4;\n    --uui-color-night200-900: #A7B0D3;\n\n    --uui-color-night300-700: #D9DCE6;\n    --uui-color-night300-800: #C2C6D7;\n    --uui-color-night300-900: #A4AAC2;\n\n    --uui-color-night400-700: #C3C5D2;\n    --uui-color-night400-800: #B1B4C5;\n    --uui-color-night400-900: #9398B0;\n\n    --uui-color-night500-700: #9D9FB2;\n    --uui-color-night500-800: #8F93A9;\n    --uui-color-night500-900: #727793;\n\n    --uui-color-night600-700: #595B6D;\n    --uui-color-night600-800: #555764;\n\n    --uui-color-night700-800: #30323D;\n    --uui-color-night700-900: #1A1B20;\n\n    --uui-color-night800-800: #1A1B23;\n    --uui-color-night800-900: #040406;\n\n    --uui-color-night900-800: #070709;\n    --uui-color-night900-900: #000000;\n    /* end Loveship old colors */\n\n    /* core variables start */\n\n    /* brand colors */\n\n    --uui-accent-5: var(--grass-5);\n    --uui-accent-10: var(--grass-10);\n    --uui-accent-20: var(--grass-20);\n    --uui-accent-50: var(--grass-50);\n    --uui-accent-60: var(--grass-60);\n    --uui-accent-70: var(--grass-70);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--sky-5);\n    --uui-primary-10: var(--sky-10);\n    --uui-primary-20: var(--sky-20);\n    --uui-primary-50: var(--sky-50);\n    --uui-primary-60: var(--sky-60);\n    --uui-primary-70: var(--sky-70);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night600);\n    --uui-secondary-60: var(--night700);\n    --uui-secondary-70: var(--night800);\n    --uui-secondary-contrast: var(--white);\n\n    --uui-critical-5: var(--fire-5);\n    --uui-critical-10: var(--fire-10);\n    --uui-critical-20: var(--fire-20);\n    --uui-critical-50: var(--fire-50);\n    --uui-critical-60: var(--fire-60);\n    --uui-critical-70: var(--fire-70);\n    --uui-critical-contrast: var(--white);\n\n    /* semantic colors */\n\n    --uui-info-5: var(--sky-5);\n    --uui-info-10: var(--sky-10);\n    --uui-info-20: var(--sky-20);\n    --uui-info-50: var(--sky-50);\n    --uui-info-60: var(--sky-60);\n    --uui-info-70: var(--sky-70);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-5);\n    --uui-success-10: var(--grass-10);\n    --uui-success-20: var(--grass-20);\n    --uui-success-50: var(--grass-50);\n    --uui-success-60: var(--grass-60);\n    --uui-success-70: var(--grass-70);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-5);\n    --uui-warning-10: var(--sun-10);\n    --uui-warning-20: var(--sun-20);\n    --uui-warning-50: var(--sun-50);\n    --uui-warning-60: var(--sun-60);\n    --uui-warning-70: var(--sun-70);\n    --uui-warning-contrast: var(--night800);\n\n    --uui-error-5: var(--fire-5);\n    --uui-error-10: var(--fire-10);\n    --uui-error-20: var(--fire-20);\n    --uui-error-50: var(--fire-50);\n    --uui-error-60: var(--fire-60);\n    --uui-error-70: var(--fire-70);\n    --uui-error-contrast: var(--white);\n\n    --uui-neutral-0: #FFFFFF;\n    --uui-neutral-5: var(--night50);\n    --uui-neutral-10: var(--night100);\n    --uui-neutral-20: var(--night200);\n    --uui-neutral-30: var(--night300);\n    --uui-neutral-40: var(--night400);\n    --uui-neutral-50: var(--night500);\n    --uui-neutral-60: var(--night600);\n    --uui-neutral-70: var(--night700);\n    --uui-neutral-80: var(--night800);\n    --uui-neutral-90: var(--night900);\n    --uui-neutral-100: #000000;\n\n    /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n\n    --uui-app-bg: var(--uui-neutral-10);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\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\n    --uui-divider: var(--uui-neutral-40);\n    --uui-divider-light: var(--uui-neutral-30);\n\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\n    --uui-text-info: var(--uui-info-70);\n    --uui-text-warning: var(--uui-warning-70);\n    --uui-text-critical: var(--uui-critical-70);\n    --uui-text-success: var(--uui-success-70);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--sky-50);\n    --uui-link-hover: var(--sky-60);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--uui-neutral-50);\n\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\n    // TODO: should be updated\n\n    --uui-control-bg: var(--uui-surface-main);\n    --uui-control-bg-hover: var(--uui-neutral-60);\n    --uui-control-bg-disabled: var(--uui-neutral-5);\n\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\n    --uui-control-placeholder: var(--uui-neutral-50);\n    --uui-control-placeholder-disabled: var(--uui-neutral-50);\n\n    --uui-control-text: var(--uui-text-primary);\n    --uui-control-text-disabled: var(--uui-text-tertiary);\n\n    --uui-control-icon: var(--uui-neutral-50);\n    --uui-control-icon-disabled: var(--uui-neutral-50);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--uui-neutral-40);\n\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n    --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-accent,\n    .uui-color-grass,\n    .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\n    .uui-color-primary,\n    .uui-color-sky,\n    .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\n    .uui-color-fire,\n    .uui-color-critical,\n    .uui-color-error {\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\n    .uui-color-white {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--white);\n        --uui-color-60: var(--night100);\n        --uui-color-70: var(--night200);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night50 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--white);\n        --uui-color-50: var(--night50);\n        --uui-color-60: var(--uui-color-night50-800);\n        --uui-color-70: var(--uui-color-night50-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night100 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--white);\n        --uui-color-20: var(--night50);\n        --uui-color-50: var(--night100);\n        --uui-color-60: var(--uui-color-night100-800);\n        --uui-color-70: var(--uui-color-night100-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night200 {\n        --uui-color-5: var(--white);\n        --uui-color-10: var(--night50);\n        --uui-color-20: var(--night100);\n        --uui-color-50: var(--night200);\n        --uui-color-60: var(--uui-color-night200-800);\n        --uui-color-70: var(--uui-color-night200-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night300 {\n        --uui-color-5: var(--night50);\n        --uui-color-10: var(--night100);\n        --uui-color-20: var(--night200);\n        --uui-color-50: var(--night300);\n        --uui-color-60: var(--uui-color-night300-800);\n        --uui-color-70: var(--uui-color-night300-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night400 {\n        --uui-color-5: var(--night100);\n        --uui-color-10: var(--night200);\n        --uui-color-20: var(--night300);\n        --uui-color-50: var(--night400);\n        --uui-color-60: var(--uui-color-night400-800);\n        --uui-color-70: var(--uui-color-night400-900);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-night500 {\n        --uui-color-5: var(--night200);\n        --uui-color-10: var(--night300);\n        --uui-color-20: var(--night400);\n        --uui-color-50: var(--night500);\n        --uui-color-60: var(--uui-color-night500-800);\n        --uui-color-70: var(--uui-color-night500-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night600,\n    .uui-color-neutral,\n    .uui-color-gray,\n    .uui-color-secondary {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\n    .uui-color-night700 {\n        --uui-color-5: var(--night400);\n        --uui-color-10: var(--night500);\n        --uui-color-20: var(--night600);\n        --uui-color-50: var(--night700);\n        --uui-color-60: var(--uui-color-night700-800);\n        --uui-color-70: var(--uui-color-night700-900);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night800 {\n        --uui-color-5: var(--night500);\n        --uui-color-10: var(--night600);\n        --uui-color-20: var(--night700);\n        --uui-color-50: var(--night800);\n        --uui-color-60: var(--uui-color-night800-800);\n        --uui-color-70: var(--uui-color-night800-900);\n        --uui-color-contrast: var(--white);\n    }\n\n\n    .uui-color-warning,\n    .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\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--uui-neutral-80);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Badge */\n\n    .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\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\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-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    }\n\n    .uui-badge.uui-color-night100 {\n        --uui-badge-bg-hover: var(--uui-neutral-20);\n        --uui-badge-border-hover: var(--uui-neutral-20);\n\n        &.uui-fill-outline {\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\n\n    .uui-badge.uui-color-night600.uui-fill-outline {\n        --uui-badge-border: var(--night600);\n        --uui-badge-border-hover: var(--night600);\n        --uui-badge-caption: var(--night800);\n        --uui-badge-caption-hover: var(--night800);\n    }\n\n    .uui-badge.uui-color-yellow.uui-fill-outline {\n        --uui-badge-border: var(--yellow-20);\n    }\n\n    /* Button */\n\n    .uui-button {\n        &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n            --uui-btn-caption: var(--uui-neutral-70);\n        }\n\n        &.uui-color-white {\n            &.uui-fill-none, &.uui-fill-ghost {\n                --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n                --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n            }\n\n            &.uui-fill-ghost {\n                --uui-btn-border: var(--uui-btn-bg);\n                --uui-btn-border-hover: var(--uui-btn-bg);\n                --uui-btn-border-active: var(--uui-btn-bg);\n            }\n\n            &.uui-fill-outline, &.uui-fill-solid {\n                --uui-btn-caption: var(--uui-neutral-70);\n                --uui-btn-bg-hover: var(--uui-neutral-20);\n                --uui-btn-border-hover: var(--uui-neutral-20);\n                --uui-btn-bg-active: var(--uui-neutral-30);\n                --uui-btn-border-active: var(--uui-neutral-30);\n            }\n        }\n    }\n\n    /* IconButton */\n\n    .uui-icon_button.uui-color-neutral,\n    .uui-icon_button.uui-color-night600 {\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\n    .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\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* TooltipContainer */\n\n    .uui-tooltip-container.uui-color-white,\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--white);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red,\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-error-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray,\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--white);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator.uui-color-gray,\n    .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\n    .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n        --uui-count_indicator-caption: var(--uui-neutral-70);\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--uui-neutral-40);\n        }\n    }\n\n    /* FlexRow */\n\n    .uui-flex-row.uui-color-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-color-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-color-night50 {\n        --uui-flex-row-bg: var(--night50);\n    }\n\n    .uui-flex-row.uui-color-night100 {\n        --uui-flex-row-bg: var(--night100);\n    }\n\n    .uui-panel.uui-color-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-color-night50 {\n        --uui-panel-bg: var(--night50);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-white {\n            &.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-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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-border-hover: var(--uui-neutral-20);\n                --uui-tag-fill: var(--uui-neutral-60);\n\n                .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            }\n\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-night300 {\n            &.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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-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-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-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-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            }\n\n            &.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            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-text-primary);\n                --uui-tag-fill: var(--uui-neutral-90);\n\n                .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            }\n\n            &.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        }\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n    }\n\n    .uui-font-sans-light {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 300;\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1 {\n            font-weight: 600;\n        }\n\n        h2 {\n            font-weight: 700;\n        }\n\n        h3 {\n            font-weight: 600;\n        }\n\n        .hero-header {\n            font-size: 72px;\n            line-height: 72px;\n            font-weight: 700;\n        }\n    }\n}\n\n.uui-theme-loveship {\n    @include theme-loveship();\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-loveship {\n  --uui-font: \"Source Sans Pro\", sans-serif;\n  --uui-font-mono: \"Roboto Mono\", monospace;\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  --sky-5: #F5FDFF;\n  --sky-10: #E1F4FA;\n  --sky-20: #A0DDEE;\n  --sky-50: #009ECC;\n  --sky-60: #0086AD;\n  --sky-70: #006B8A;\n  --grass-5: #FCFFF5;\n  --grass-10: #EBF3D8;\n  --grass-20: #C1E288;\n  --grass-50: #67A300;\n  --grass-60: #528500;\n  --grass-70: #396F1F;\n  --sun-5: #FFFCF5;\n  --sun-10: #FFEDC9;\n  --sun-20: #FFD785;\n  --sun-50: #FCAA00;\n  --sun-60: #FF9000;\n  --sun-70: #BD5800;\n  --fire-5: #FEF6F6;\n  --fire-10: #FDE1E1;\n  --fire-20: #FBB6B6;\n  --fire-50: #FF4242;\n  --fire-60: #E22A2A;\n  --fire-70: #AD0000;\n  --white: #FFFFFF;\n  --yellow-5: #FFFFF0;\n  --yellow-10: #FFFECC;\n  --yellow-20: #FFFCA4;\n  --yellow-50: #FDD63B;\n  --yellow-60: #F9B71D;\n  --yellow-70: #D3910C;\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: #F5FBFF;\n  --cyan-10: #D1FAFA;\n  --cyan-20: #AAEEEE;\n  --cyan-50: #14CCCC;\n  --cyan-60: #0F9E9E;\n  --cyan-70: #0B6F6F;\n  --mint-5: #F2FCF5;\n  --mint-10: #DDF3E4;\n  --mint-20: #B4DFC4;\n  --mint-50: #4FC48C;\n  --mint-60: #2E9E68;\n  --mint-70: #236E4A;\n  /* Loveship old colors */\n  --uui-color-white-800: #E6E6E6;\n  --uui-color-white-900: #CCCCCC;\n  --uui-color-night50-800: #DADAE9;\n  --uui-color-night50-900: #BABAD6;\n  --uui-color-night100-800: #D3D7E9;\n  --uui-color-night100-900: #B1B9D8;\n  --uui-color-night200-700: #E6E8F2;\n  --uui-color-night200-800: #C9CEE4;\n  --uui-color-night200-900: #A7B0D3;\n  --uui-color-night300-700: #D9DCE6;\n  --uui-color-night300-800: #C2C6D7;\n  --uui-color-night300-900: #A4AAC2;\n  --uui-color-night400-700: #C3C5D2;\n  --uui-color-night400-800: #B1B4C5;\n  --uui-color-night400-900: #9398B0;\n  --uui-color-night500-700: #9D9FB2;\n  --uui-color-night500-800: #8F93A9;\n  --uui-color-night500-900: #727793;\n  --uui-color-night600-700: #595B6D;\n  --uui-color-night600-800: #555764;\n  --uui-color-night700-800: #30323D;\n  --uui-color-night700-900: #1A1B20;\n  --uui-color-night800-800: #1A1B23;\n  --uui-color-night800-900: #040406;\n  --uui-color-night900-800: #070709;\n  --uui-color-night900-900: #000000;\n  /* end Loveship old colors */\n  /* core variables start */\n  /* brand colors */\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-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-secondary-5: var(--night100);\n  --uui-secondary-10: var(--night200);\n  --uui-secondary-20: var(--night300);\n  --uui-secondary-50: var(--night600);\n  --uui-secondary-60: var(--night700);\n  --uui-secondary-70: var(--night800);\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(--night800);\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-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(--sky-50);\n  --uui-link-hover: var(--sky-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-surface-main);\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: 3px;\n  /* core variables end */\n  /* ------------------------------------ */\n  /* begin color classes */\n  /* Accordion */\n  /* FileCard */\n  /* Badge */\n  /* Button */\n  /* IconButton */\n  /* TooltipContainer */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* FlexRow */\n  /* Tag */\n  /* fonts */\n  /* Typography */\n}\n.uui-theme-loveship .uui-color-accent,\n.uui-theme-loveship .uui-color-grass,\n.uui-theme-loveship .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-loveship .uui-color-primary,\n.uui-theme-loveship .uui-color-sky,\n.uui-theme-loveship .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-loveship .uui-color-fire,\n.uui-theme-loveship .uui-color-critical,\n.uui-theme-loveship .uui-color-error {\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-loveship .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(--night100);\n  --uui-color-70: var(--night200);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night50 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--white);\n  --uui-color-50: var(--night50);\n  --uui-color-60: var(--uui-color-night50-800);\n  --uui-color-70: var(--uui-color-night50-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night100 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--white);\n  --uui-color-20: var(--night50);\n  --uui-color-50: var(--night100);\n  --uui-color-60: var(--uui-color-night100-800);\n  --uui-color-70: var(--uui-color-night100-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night200 {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--night50);\n  --uui-color-20: var(--night100);\n  --uui-color-50: var(--night200);\n  --uui-color-60: var(--uui-color-night200-800);\n  --uui-color-70: var(--uui-color-night200-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night300 {\n  --uui-color-5: var(--night50);\n  --uui-color-10: var(--night100);\n  --uui-color-20: var(--night200);\n  --uui-color-50: var(--night300);\n  --uui-color-60: var(--uui-color-night300-800);\n  --uui-color-70: var(--uui-color-night300-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night400 {\n  --uui-color-5: var(--night100);\n  --uui-color-10: var(--night200);\n  --uui-color-20: var(--night300);\n  --uui-color-50: var(--night400);\n  --uui-color-60: var(--uui-color-night400-800);\n  --uui-color-70: var(--uui-color-night400-900);\n  --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night500 {\n  --uui-color-5: var(--night200);\n  --uui-color-10: var(--night300);\n  --uui-color-20: var(--night400);\n  --uui-color-50: var(--night500);\n  --uui-color-60: var(--uui-color-night500-800);\n  --uui-color-70: var(--uui-color-night500-900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night600,\n.uui-theme-loveship .uui-color-neutral,\n.uui-theme-loveship .uui-color-gray,\n.uui-theme-loveship .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-loveship .uui-color-night700 {\n  --uui-color-5: var(--night400);\n  --uui-color-10: var(--night500);\n  --uui-color-20: var(--night600);\n  --uui-color-50: var(--night700);\n  --uui-color-60: var(--uui-color-night700-800);\n  --uui-color-70: var(--uui-color-night700-900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night800 {\n  --uui-color-5: var(--night500);\n  --uui-color-10: var(--night600);\n  --uui-color-20: var(--night700);\n  --uui-color-50: var(--night800);\n  --uui-color-60: var(--uui-color-night800-800);\n  --uui-color-70: var(--uui-color-night800-900);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-warning,\n.uui-theme-loveship .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-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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 .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 .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 .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 .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-accordion-container {\n  --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship .uui-file_card {\n  --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship .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-loveship .uui-badge.uui-color-neutral,\n.uui-theme-loveship .uui-badge.uui-color-night300 {\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-loveship .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship .uui-badge.uui-color-night300.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-loveship .uui-badge.uui-color-night100 {\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100.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-loveship .uui-badge.uui-color-night600.uui-fill-outline {\n  --uui-badge-border: var(--night600);\n  --uui-badge-border-hover: var(--night600);\n  --uui-badge-caption: var(--night800);\n  --uui-badge-caption-hover: var(--night800);\n}\n.uui-theme-loveship .uui-badge.uui-color-yellow.uui-fill-outline {\n  --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-loveship .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n  --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship .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 .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 .uui-button.uui-color-white.uui-fill-outline, .uui-theme-loveship .uui-button.uui-color-white.uui-fill-solid {\n  --uui-btn-caption: var(--uui-neutral-70);\n  --uui-btn-bg-hover: var(--uui-neutral-20);\n  --uui-btn-border-hover: var(--uui-neutral-20);\n  --uui-btn-bg-active: var(--uui-neutral-30);\n  --uui-btn-border-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-neutral,\n.uui-theme-loveship .uui-icon_button.uui-color-night600 {\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-loveship .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-loveship .uui-icon_button.uui-color-white {\n  --uui-icon_btn-hover: var(--uui-neutral-20);\n  --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-white,\n.uui-theme-loveship .uui-tooltip-container.uui-color-neutral {\n  --uui-tooltip-bg: var(--white);\n  --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-red,\n.uui-theme-loveship .uui-tooltip-container.uui-color-critical {\n  --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-gray,\n.uui-theme-loveship .uui-tooltip-container.uui-color-inverted {\n  --uui-tooltip-bg: var(--uui-neutral-80);\n  --uui-tooltip-text: var(--white);\n}\n.uui-theme-loveship .uui-count_indicator.uui-color-gray,\n.uui-theme-loveship .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-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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-loveship .uui-flex-row.uui-color-none {\n  --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .uui-flex-row.uui-color-white {\n  --uui-flex-row-bg: var(--white);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night50 {\n  --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night100 {\n  --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .uui-panel.uui-color-white {\n  --uui-panel-bg: var(--white);\n}\n.uui-theme-loveship .uui-panel.uui-color-night50 {\n  --uui-panel-bg: var(--night50);\n}\n.uui-theme-loveship .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-loveship .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-loveship .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-loveship .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-loveship .uui-tag.uui-color-night100.uui-fill-solid {\n  --uui-tag-border-hover: var(--uui-neutral-20);\n  --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-loveship .uui-tag.uui-color-night100.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-loveship .uui-tag.uui-color-night100.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-loveship .uui-tag.uui-color-night100.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-loveship .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship .uui-tag.uui-color-night300.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-loveship .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship .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 .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship .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-loveship .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship .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-loveship .uui-tag.uui-color-night700.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-0);\n  --uui-tag-fill: var(--uui-neutral-0);\n  --uui-tag-bg: var(--uui-neutral-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-loveship .uui-tag.uui-color-night700.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-loveship .uui-tag.uui-color-night700.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-loveship .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-loveship .uui-tag.uui-color-sun.uui-fill-solid {\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-loveship .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship .uui-tag.uui-color-sun.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-loveship .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-loveship .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-loveship .uui-font-sans {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 400;\n}\n.uui-theme-loveship .uui-font-sans-semibold {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 600;\n}\n.uui-theme-loveship .uui-font-sans-light {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 300;\n}\n.uui-theme-loveship .uui-typography h1 {\n  font-weight: 600;\n}\n.uui-theme-loveship .uui-typography h2 {\n  font-weight: 700;\n}\n.uui-theme-loveship .uui-typography h3 {\n  font-weight: 600;\n}\n.uui-theme-loveship .uui-typography .hero-header {\n  font-size: 72px;\n  line-height: 72px;\n  font-weight: 700;\n}"]}

package/css/theme/theme_loveship_dark.css

@@ -422,6 +422,19 @@
   --uui-btn-border-active:var(--uui-neutral-50);
   --uui-btn-caption:var(--uui-neutral-10);
 }
+.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost{
+  --uui-btn-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
+  --uui-btn-bg-active:color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
+}
+.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost{
+  --uui-btn-border:var(--uui-btn-bg);
+  --uui-btn-border-hover:var(--uui-btn-bg);
+  --uui-btn-border-active:var(--uui-btn-bg);
+}
+.uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-outline{
+  --uui-btn-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
+  --uui-btn-bg-active:color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
+}
 .uui-theme-loveship_dark .uui-blocker-container{
   --uui-blocker-bg:var(--uui-surface-main);
   --uui-blocker-bg-with-opacity:#303240CC;

package/css/theme/theme_loveship_dark.css.map

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

@@ -1,6 +1,6 @@
 {
   "name": "@epam/assets",
-  "version": "5.4.2",
+  "version": "5.4.3",
   "description": "EPAM Assets Library",
   "author": "EPAM",
   "license": "MIT",
@@ -13,7 +13,7 @@
     "type": "git",
     "url": "https://github.com/epam/UUI"
   },
-  "gitHead": "28a28c54a6d0b1b0e66b06e011a1a39f231bafb4",
+  "gitHead": "1fc5731e9df923e1057aded2e8e486b6b01a62ff",
   "publishConfig": {
     "directory": "build"
   }

package/theme/theme_loveship.scss

@@ -594,8 +594,31 @@
 
     /* Button */
 
-    .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {
-        --uui-btn-caption: var(--uui-neutral-70);
+    .uui-button {
+        &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {
+            --uui-btn-caption: var(--uui-neutral-70);
+        }
+
+        &.uui-color-white {
+            &.uui-fill-none, &.uui-fill-ghost {
+                --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
+                --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
+            }
+
+            &.uui-fill-ghost {
+                --uui-btn-border: var(--uui-btn-bg);
+                --uui-btn-border-hover: var(--uui-btn-bg);
+                --uui-btn-border-active: var(--uui-btn-bg);
+            }
+
+            &.uui-fill-outline, &.uui-fill-solid {
+                --uui-btn-caption: var(--uui-neutral-70);
+                --uui-btn-bg-hover: var(--uui-neutral-20);
+                --uui-btn-border-hover: var(--uui-neutral-20);
+                --uui-btn-bg-active: var(--uui-neutral-30);
+                --uui-btn-border-active: var(--uui-neutral-30);
+            }
+        }
     }
 
     /* IconButton */

package/theme/theme_loveship_dark.scss

@@ -519,6 +519,24 @@
                 --uui-btn-caption: var(--uui-neutral-10);
             }
         }
+
+        &.uui-color-white {
+            &.uui-fill-none, &.uui-fill-ghost {
+                --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
+                --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
+            }
+
+            &.uui-fill-ghost {
+                --uui-btn-border: var(--uui-btn-bg);
+                --uui-btn-border-hover: var(--uui-btn-bg);
+                --uui-btn-border-active: var(--uui-btn-bg);
+            }
+
+            &.uui-fill-outline {
+                --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
+                --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
+            }
+        }
     }
 
     .uui-blocker-container {