@epam/assets 6.2.0-alpha.2 → 6.3.0

package/css/theme/theme_vanilla_thunder.css

@@ -282,9 +282,17 @@
   --uui-line-height:18px;
   --uui-font-size:14px;
 }
-.uui-theme-vanilla_thunder .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60){
+.uui-theme-vanilla_thunder .uui-vertical-tab-button.uui-size-30{
+  --uui-horizontal-padding:12px;
+  --uui-icon-size:12px;
+}
+.uui-theme-vanilla_thunder .uui-vertical-tab-button.uui-size-36{
   --uui-horizontal-padding:18px;
-  --uui-horizontal-gap:12px;
+}
+.uui-theme-vanilla_thunder .uui-vertical-tab-button.uui-size-48{
+  --uui-horizontal-padding:18px;
+  --uui-font-size:14px;
+  --uui-icon-size:18px;
 }
 .uui-theme-vanilla_thunder .uui-tag.uui-size-18{
   --uui-font-size:12px;

package/css/theme/theme_vanilla_thunder.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../theme/theme_vanilla_thunder.scss%23sass","../../../../../theme/theme_vanilla_thunder.scss","../../../theme/theme_vanilla_thunder.scss","../../../theme/variables/6px_grid.scss"],"names":[],"mappings":"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","file":"theme_vanilla_thunder.css","sourcesContent":["@use './variables/6px_grid' as *;\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n    --uui-font: var(--font-inter);\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --blue-0: #F0F7FC;\n    --blue-50: #E1F4FA;\n    --blue-100: #D4F0FE;\n    --blue-200: #76CDD8;\n    --blue-300: #2BC1F0;\n    --blue-400: #1CA5D3;\n    --blue-500: #008ACE;\n\n    --grass-25: #EBFCC7;\n    --grass-50: #E4ED94;\n    --grass-100: #CEDB56;\n    --grass-200: #91C229;\n    --grass-300: #4FA762;\n    --grass-400: #329247;\n    --grass-500: #157D2C;\n\n    --sun-50: #FFF1A7;\n    --sun-100: #FFD602;\n    --sun-200: #F7A02C;\n    --sun-250: #F67E00;\n    --sun-300: #F2682A;\n\n    --chromatic-0: #FFFFFF;\n    --chromatic-100: #F7F7FD;\n    --chromatic-150: #E5E5EE;\n    --chromatic-200: #CDCDD9;\n    --chromatic-300: #8D8D9C;\n    --chromatic-400: #34384A;\n    --chromatic-500: #191F3D;\n\n    /* start Loveship colors for controllers */\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FCC8C8;\n    --fire-50: #FA4B4B;\n    --fire-60: #CC2929;\n    --fire-70: #B32424;\n\n    --white: #FFFFFF;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    /* end Loveship colors for controllers */\n\n    /* core variables start */\n\n    --uui-accent-5: var(--grass-50);\n    --uui-accent-10: var(--grass-100);\n    --uui-accent-20: var(--grass-200);\n    --uui-accent-50: var(--grass-300);\n    --uui-accent-60: var(--grass-400);\n    --uui-accent-70: var(--grass-500);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--blue-50);\n    --uui-primary-10: var(--blue-100);\n    --uui-primary-20: var(--blue-200);\n    --uui-primary-50: var(--blue-300);\n    --uui-primary-60: var(--blue-400);\n    --uui-primary-70: var(--blue-500);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night500);\n    --uui-secondary-60: var(--night600);\n    --uui-secondary-70: var(--night700);\n    --uui-secondary-contrast: var(--white);\n\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\n    --uui-info-5: var(--blue-0);\n    --uui-info-10: var(--blue-0);\n    --uui-info-20: var(--blue-100);\n    --uui-info-50: var(--blue-300);\n    --uui-info-60: var(--blue-400);\n    --uui-info-70: var(--blue-500);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-25);\n    --uui-success-10: var(--grass-100);\n    --uui-success-20: var(--grass-200);\n    --uui-success-50: var(--grass-300);\n    --uui-success-60: var(--grass-400);\n    --uui-success-70: var(--grass-500);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-50);\n    --uui-warning-10: var(--sun-50);\n    --uui-warning-20: var(--sun-100);\n    --uui-warning-50: var(--sun-200);\n    --uui-warning-60: var(--sun-250);\n    --uui-warning-70: var(--sun-300);\n    --uui-warning-contrast: var(--white);\n\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(--chromatic-100);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\n    --uui-surface-sunken: var(--night50);\n    --uui-surface-main: var(--chromatic-0);\n    --uui-surface-higher: var(--night100);\n    --uui-surface-highest: var(--night200);\n\n    --uui-divider: var(--chromatic-200);\n    --uui-divider-light: var(--chromatic-150);\n\n    --uui-text-primary: var(--chromatic-500);\n    --uui-text-secondary: var(--chromatic-300);\n    --uui-text-tertiary: var(--chromatic-300);\n    --uui-text-disabled: var(--chromatic-200);\n\n    --uui-text-info: var(--uui-info-50);\n    --uui-text-warning: var(--uui-warning-50);\n    --uui-text-critical: var(--uui-critical-50);\n    --uui-text-success: var(--uui-success-50);\n    --uui-text-bg-highlight: var(--uui-warning-10);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--blue-300);\n    --uui-link-hover: var(--blue-400);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--chromatic-200);\n\n    --uui-icon: var(--chromatic-300);\n    --uui-icon-hover: var(--chromatic-400);\n    --uui-icon-active: var(--chromatic-500);\n    --uui-icon-disabled: var(--chromatic-200);\n\n    --uui-control-bg: var(--chromatic-0);\n    --uui-control-bg-hover: var(--chromatic-300);\n    --uui-control-bg-disabled: var(--chromatic-100);\n\n    --uui-control-border: var(--chromatic-200);\n    --uui-control-border-hover: var(--chromatic-300);\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--chromatic-150);\n\n    --uui-control-placeholder: var(--night600);\n    --uui-control-placeholder-disabled: var(--night600);\n\n    --uui-control-text: var(--chromatic-500);\n    --uui-control-text-disabled: var(--chromatic-300);\n\n    --uui-control-icon: var(--chromatic-200);\n    --uui-control-icon-disabled: var(--chromatic-200);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--chromatic-200);\n\n    --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n    --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n    --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* size theme start */\n\n    @include uui-6px-grid();\n\n    /* size theme end */\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-blue,\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-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-error {\n        --uui-color-5: var(--uui-error-5);\n        --uui-color-10: var(--uui-error-10);\n        --uui-color-20: var(--uui-error-20);\n        --uui-color-50: var(--uui-error-50);\n        --uui-color-60: var(--uui-error-60);\n        --uui-color-70: var(--uui-error-70);\n        --uui-color-contrast: var(--uui-error-contrast);\n    }\n\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-neutral,\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-button {\n        --uui-border-radius: 8px;\n        --uui-btn-font: var(--font-museo-sans);\n        --uui-btn-font-weight: 700;\n\n        &.uui-color-gray {\n            --uui-color-5: var(--white);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-5);\n            --uui-color-50: var(--chromatic-100);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n    }\n\n    .uui-filters-panel-item-toggler.uui-input-box {\n        --uui-filters_toggler-border: var(--uui-surface-main);\n        --uui-filters_toggler-border-hover: var(--blue-0);\n        --uui-filters_toggler-border-radius: 8px;\n        --uui-filters_toggler-bg: var(--uui-surface-main);\n        --uui-filters_toggler-bg-hover: var(--blue-0);\n        --uui-filters_toggler-text: var(--uui-text-secondary);\n        --uui-filters_toggler-label: var(--chromatic-500);\n        --uui-filters_toggler-icon: var(--uui-icon);\n        --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n\n        --uui-filters_toggler-font: var(--uui-font);\n        --uui-filters_toggler-font-weight: 400;\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-hover: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--uui-info-50);\n        --uui-main_menu-bg: var(--uui-info-5);\n        --uui-main_menu-hover: var(--uui-neutral-0);\n        --uui-main_menu-active: var(--uui-neutral-0);\n        --uui-main_menu-border-active: var(--uui-neutral-0);\n\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(--chromatic-500);\n        --uui-main_menu-icon-hover: var(--chromatic-500);\n        --uui-main_menu-icon-active: var(--chromatic-500);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\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-info-5);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n        --uui-burger_menu-caption: var(--chromatic-500);\n        --uui-burger_menu-icon: var(--chromatic-500);\n        --uui-burger_menu-item: var(--uui-info-5);\n    }\n\n    /* BurgerButton */\n    .uui-main_menu-burger-button {\n        --uui-burger_btn_caption: var(--chromatic-500);\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(--chromatic-500);\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    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\n\n        --uui-main_menu-dropdown-bg: var(--chromatic-0);\n        --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n        --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n        --uui-main_menu-dropdown-border-radius: 8px;\n    }\n\n    .uui-scroll-bars {\n        --uui-scroll_bars-bg: var(--chromatic-200);\n        --uui-scroll_bars-bg-active: var(--chromatic-300);\n    }\n\n    .uui-text-placeholder {\n        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-text-primary);\n    }\n\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-critical-60);\n    }\n\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-warning, &.uui-color-sun {\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            &.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        &.uui-color-neutral, &.uui-color-night300 {\n            --uui-tag-bg: var(--uui-neutral-30);\n            --uui-tag-bg-hover: var(--uui-neutral-40);\n            --uui-tag-border: var(--uui-neutral-30);\n            --uui-tag-border-hover: var(--uui-neutral-40);\n            --uui-tag-caption: var(--uui-text-primary);\n            --uui-tag-fill: var(--uui-neutral-60);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\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\n    /* CountIndicator */\n\n    .uui-count_indicator {\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n        }\n\n        &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n            --uui-count_indicator-caption: var(--uui-neutral-70);\n        }\n    }\n\n    .uui-button {\n        &.uui-size-42, &.uui-size-48 {\n            :global(.uui-caption) {\n                font-family: var(--font-museo-sans);\n            }\n        }\n    }\n}\n","@use './variables/6px_grid' as *;\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n    --uui-font: var(--font-inter);\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --blue-0: #F0F7FC;\n    --blue-50: #E1F4FA;\n    --blue-100: #D4F0FE;\n    --blue-200: #76CDD8;\n    --blue-300: #2BC1F0;\n    --blue-400: #1CA5D3;\n    --blue-500: #008ACE;\n\n    --grass-25: #EBFCC7;\n    --grass-50: #E4ED94;\n    --grass-100: #CEDB56;\n    --grass-200: #91C229;\n    --grass-300: #4FA762;\n    --grass-400: #329247;\n    --grass-500: #157D2C;\n\n    --sun-50: #FFF1A7;\n    --sun-100: #FFD602;\n    --sun-200: #F7A02C;\n    --sun-250: #F67E00;\n    --sun-300: #F2682A;\n\n    --chromatic-0: #FFFFFF;\n    --chromatic-100: #F7F7FD;\n    --chromatic-150: #E5E5EE;\n    --chromatic-200: #CDCDD9;\n    --chromatic-300: #8D8D9C;\n    --chromatic-400: #34384A;\n    --chromatic-500: #191F3D;\n\n    /* start Loveship colors for controllers */\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FCC8C8;\n    --fire-50: #FA4B4B;\n    --fire-60: #CC2929;\n    --fire-70: #B32424;\n\n    --white: #FFFFFF;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    /* end Loveship colors for controllers */\n\n    /* core variables start */\n\n    --uui-accent-5: var(--grass-50);\n    --uui-accent-10: var(--grass-100);\n    --uui-accent-20: var(--grass-200);\n    --uui-accent-50: var(--grass-300);\n    --uui-accent-60: var(--grass-400);\n    --uui-accent-70: var(--grass-500);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--blue-50);\n    --uui-primary-10: var(--blue-100);\n    --uui-primary-20: var(--blue-200);\n    --uui-primary-50: var(--blue-300);\n    --uui-primary-60: var(--blue-400);\n    --uui-primary-70: var(--blue-500);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night500);\n    --uui-secondary-60: var(--night600);\n    --uui-secondary-70: var(--night700);\n    --uui-secondary-contrast: var(--white);\n\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\n    --uui-info-5: var(--blue-0);\n    --uui-info-10: var(--blue-0);\n    --uui-info-20: var(--blue-100);\n    --uui-info-50: var(--blue-300);\n    --uui-info-60: var(--blue-400);\n    --uui-info-70: var(--blue-500);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-25);\n    --uui-success-10: var(--grass-100);\n    --uui-success-20: var(--grass-200);\n    --uui-success-50: var(--grass-300);\n    --uui-success-60: var(--grass-400);\n    --uui-success-70: var(--grass-500);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-50);\n    --uui-warning-10: var(--sun-50);\n    --uui-warning-20: var(--sun-100);\n    --uui-warning-50: var(--sun-200);\n    --uui-warning-60: var(--sun-250);\n    --uui-warning-70: var(--sun-300);\n    --uui-warning-contrast: var(--white);\n\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(--chromatic-100);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\n    --uui-surface-sunken: var(--night50);\n    --uui-surface-main: var(--chromatic-0);\n    --uui-surface-higher: var(--night100);\n    --uui-surface-highest: var(--night200);\n\n    --uui-divider: var(--chromatic-200);\n    --uui-divider-light: var(--chromatic-150);\n\n    --uui-text-primary: var(--chromatic-500);\n    --uui-text-secondary: var(--chromatic-300);\n    --uui-text-tertiary: var(--chromatic-300);\n    --uui-text-disabled: var(--chromatic-200);\n\n    --uui-text-info: var(--uui-info-50);\n    --uui-text-warning: var(--uui-warning-50);\n    --uui-text-critical: var(--uui-critical-50);\n    --uui-text-success: var(--uui-success-50);\n    --uui-text-bg-highlight: var(--uui-warning-10);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--blue-300);\n    --uui-link-hover: var(--blue-400);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--chromatic-200);\n\n    --uui-icon: var(--chromatic-300);\n    --uui-icon-hover: var(--chromatic-400);\n    --uui-icon-active: var(--chromatic-500);\n    --uui-icon-disabled: var(--chromatic-200);\n\n    --uui-control-bg: var(--chromatic-0);\n    --uui-control-bg-hover: var(--chromatic-300);\n    --uui-control-bg-disabled: var(--chromatic-100);\n\n    --uui-control-border: var(--chromatic-200);\n    --uui-control-border-hover: var(--chromatic-300);\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--chromatic-150);\n\n    --uui-control-placeholder: var(--night600);\n    --uui-control-placeholder-disabled: var(--night600);\n\n    --uui-control-text: var(--chromatic-500);\n    --uui-control-text-disabled: var(--chromatic-300);\n\n    --uui-control-icon: var(--chromatic-200);\n    --uui-control-icon-disabled: var(--chromatic-200);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--chromatic-200);\n\n    --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n    --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n    --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* size theme start */\n\n    @include uui-6px-grid();\n\n    /* size theme end */\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-blue,\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-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-error {\n        --uui-color-5: var(--uui-error-5);\n        --uui-color-10: var(--uui-error-10);\n        --uui-color-20: var(--uui-error-20);\n        --uui-color-50: var(--uui-error-50);\n        --uui-color-60: var(--uui-error-60);\n        --uui-color-70: var(--uui-error-70);\n        --uui-color-contrast: var(--uui-error-contrast);\n    }\n\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-neutral,\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-button {\n        --uui-border-radius: 8px;\n        --uui-btn-font: var(--font-museo-sans);\n        --uui-btn-font-weight: 700;\n\n        &.uui-color-gray {\n            --uui-color-5: var(--white);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-5);\n            --uui-color-50: var(--chromatic-100);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n    }\n\n    .uui-filters-panel-item-toggler.uui-input-box {\n        --uui-filters_toggler-border: var(--uui-surface-main);\n        --uui-filters_toggler-border-hover: var(--blue-0);\n        --uui-filters_toggler-border-radius: 8px;\n        --uui-filters_toggler-bg: var(--uui-surface-main);\n        --uui-filters_toggler-bg-hover: var(--blue-0);\n        --uui-filters_toggler-text: var(--uui-text-secondary);\n        --uui-filters_toggler-label: var(--chromatic-500);\n        --uui-filters_toggler-icon: var(--uui-icon);\n        --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n\n        --uui-filters_toggler-font: var(--uui-font);\n        --uui-filters_toggler-font-weight: 400;\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-hover: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--uui-info-50);\n        --uui-main_menu-bg: var(--uui-info-5);\n        --uui-main_menu-hover: var(--uui-neutral-0);\n        --uui-main_menu-active: var(--uui-neutral-0);\n        --uui-main_menu-border-active: var(--uui-neutral-0);\n\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(--chromatic-500);\n        --uui-main_menu-icon-hover: var(--chromatic-500);\n        --uui-main_menu-icon-active: var(--chromatic-500);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\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-info-5);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n        --uui-burger_menu-caption: var(--chromatic-500);\n        --uui-burger_menu-icon: var(--chromatic-500);\n        --uui-burger_menu-item: var(--uui-info-5);\n    }\n\n    /* BurgerButton */\n    .uui-main_menu-burger-button {\n        --uui-burger_btn_caption: var(--chromatic-500);\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(--chromatic-500);\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    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\n\n        --uui-main_menu-dropdown-bg: var(--chromatic-0);\n        --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n        --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n        --uui-main_menu-dropdown-border-radius: 8px;\n    }\n\n    .uui-scroll-bars {\n        --uui-scroll_bars-bg: var(--chromatic-200);\n        --uui-scroll_bars-bg-active: var(--chromatic-300);\n    }\n\n    .uui-text-placeholder {\n        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-text-primary);\n    }\n\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-critical-60);\n    }\n\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-warning, &.uui-color-sun {\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            &.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        &.uui-color-neutral, &.uui-color-night300 {\n            --uui-tag-bg: var(--uui-neutral-30);\n            --uui-tag-bg-hover: var(--uui-neutral-40);\n            --uui-tag-border: var(--uui-neutral-30);\n            --uui-tag-border-hover: var(--uui-neutral-40);\n            --uui-tag-caption: var(--uui-text-primary);\n            --uui-tag-fill: var(--uui-neutral-60);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\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\n    /* CountIndicator */\n\n    .uui-count_indicator {\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n        }\n\n        &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n            --uui-count_indicator-caption: var(--uui-neutral-70);\n        }\n    }\n\n    .uui-button {\n        &.uui-size-42, &.uui-size-48 {\n            :global(.uui-caption) {\n                font-family: var(--font-museo-sans);\n            }\n        }\n    }\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n  --uui-font: var(--font-inter);\n  --uui-font-mono: \"Roboto Mono\", monospace;\n  --blue-0: #F0F7FC;\n  --blue-50: #E1F4FA;\n  --blue-100: #D4F0FE;\n  --blue-200: #76CDD8;\n  --blue-300: #2BC1F0;\n  --blue-400: #1CA5D3;\n  --blue-500: #008ACE;\n  --grass-25: #EBFCC7;\n  --grass-50: #E4ED94;\n  --grass-100: #CEDB56;\n  --grass-200: #91C229;\n  --grass-300: #4FA762;\n  --grass-400: #329247;\n  --grass-500: #157D2C;\n  --sun-50: #FFF1A7;\n  --sun-100: #FFD602;\n  --sun-200: #F7A02C;\n  --sun-250: #F67E00;\n  --sun-300: #F2682A;\n  --chromatic-0: #FFFFFF;\n  --chromatic-100: #F7F7FD;\n  --chromatic-150: #E5E5EE;\n  --chromatic-200: #CDCDD9;\n  --chromatic-300: #8D8D9C;\n  --chromatic-400: #34384A;\n  --chromatic-500: #191F3D;\n  /* start Loveship colors for controllers */\n  --fire-5: #FEF6F6;\n  --fire-10: #FDE1E1;\n  --fire-20: #FCC8C8;\n  --fire-50: #FA4B4B;\n  --fire-60: #CC2929;\n  --fire-70: #B32424;\n  --white: #FFFFFF;\n  --night50: #FAFAFC;\n  --night100: #F5F6FA;\n  --night200: #EBEDF5;\n  --night300: #E1E3EB;\n  --night400: #CED0DB;\n  --night500: #ACAFBF;\n  --night600: #6C6F80;\n  --night700: #474A59;\n  --night800: #303240;\n  --night900: #1D1E26;\n  /* end Loveship colors for controllers */\n  /* core variables start */\n  --uui-accent-5: var(--grass-50);\n  --uui-accent-10: var(--grass-100);\n  --uui-accent-20: var(--grass-200);\n  --uui-accent-50: var(--grass-300);\n  --uui-accent-60: var(--grass-400);\n  --uui-accent-70: var(--grass-500);\n  --uui-accent-contrast: var(--white);\n  --uui-primary-5: var(--blue-50);\n  --uui-primary-10: var(--blue-100);\n  --uui-primary-20: var(--blue-200);\n  --uui-primary-50: var(--blue-300);\n  --uui-primary-60: var(--blue-400);\n  --uui-primary-70: var(--blue-500);\n  --uui-primary-contrast: var(--white);\n  --uui-secondary-5: var(--night100);\n  --uui-secondary-10: var(--night200);\n  --uui-secondary-20: var(--night300);\n  --uui-secondary-50: var(--night500);\n  --uui-secondary-60: var(--night600);\n  --uui-secondary-70: var(--night700);\n  --uui-secondary-contrast: var(--white);\n  --uui-critical-5: var(--fire-5);\n  --uui-critical-10: var(--fire-10);\n  --uui-critical-20: var(--fire-20);\n  --uui-critical-50: var(--fire-50);\n  --uui-critical-60: var(--fire-60);\n  --uui-critical-70: var(--fire-70);\n  --uui-critical-contrast: var(--white);\n  --uui-info-5: var(--blue-0);\n  --uui-info-10: var(--blue-0);\n  --uui-info-20: var(--blue-100);\n  --uui-info-50: var(--blue-300);\n  --uui-info-60: var(--blue-400);\n  --uui-info-70: var(--blue-500);\n  --uui-info-contrast: var(--white);\n  --uui-success-5: var(--grass-25);\n  --uui-success-10: var(--grass-100);\n  --uui-success-20: var(--grass-200);\n  --uui-success-50: var(--grass-300);\n  --uui-success-60: var(--grass-400);\n  --uui-success-70: var(--grass-500);\n  --uui-success-contrast: var(--white);\n  --uui-warning-5: var(--sun-50);\n  --uui-warning-10: var(--sun-50);\n  --uui-warning-20: var(--sun-100);\n  --uui-warning-50: var(--sun-200);\n  --uui-warning-60: var(--sun-250);\n  --uui-warning-70: var(--sun-300);\n  --uui-warning-contrast: var(--white);\n  --uui-error-5: var(--fire-5);\n  --uui-error-10: var(--fire-10);\n  --uui-error-20: var(--fire-20);\n  --uui-error-50: var(--fire-50);\n  --uui-error-60: var(--fire-60);\n  --uui-error-70: var(--fire-70);\n  --uui-error-contrast: var(--white);\n  --uui-neutral-0: #FFFFFF;\n  --uui-neutral-5: var(--night50);\n  --uui-neutral-10: var(--night100);\n  --uui-neutral-20: var(--night200);\n  --uui-neutral-30: var(--night300);\n  --uui-neutral-40: var(--night400);\n  --uui-neutral-50: var(--night500);\n  --uui-neutral-60: var(--night600);\n  --uui-neutral-70: var(--night700);\n  --uui-neutral-80: var(--night800);\n  --uui-neutral-90: var(--night900);\n  --uui-neutral-100: #000000;\n  /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n  --uui-app-bg: var(--chromatic-100);\n  --uui-overlay: rgba(29, 30, 38, 0.8);\n  --uui-surface-sunken: var(--night50);\n  --uui-surface-main: var(--chromatic-0);\n  --uui-surface-higher: var(--night100);\n  --uui-surface-highest: var(--night200);\n  --uui-divider: var(--chromatic-200);\n  --uui-divider-light: var(--chromatic-150);\n  --uui-text-primary: var(--chromatic-500);\n  --uui-text-secondary: var(--chromatic-300);\n  --uui-text-tertiary: var(--chromatic-300);\n  --uui-text-disabled: var(--chromatic-200);\n  --uui-text-info: var(--uui-info-50);\n  --uui-text-warning: var(--uui-warning-50);\n  --uui-text-critical: var(--uui-critical-50);\n  --uui-text-success: var(--uui-success-50);\n  --uui-text-bg-highlight: var(--uui-warning-10);\n  /* not accepted part */\n  /* control specific */\n  --uui-link: var(--blue-300);\n  --uui-link-hover: var(--blue-400);\n  --uui-link-visited: #8018A0;\n  --uui-link-visited-hover: #601278;\n  --uui-link-disabled: var(--chromatic-200);\n  --uui-icon: var(--chromatic-300);\n  --uui-icon-hover: var(--chromatic-400);\n  --uui-icon-active: var(--chromatic-500);\n  --uui-icon-disabled: var(--chromatic-200);\n  --uui-control-bg: var(--chromatic-0);\n  --uui-control-bg-hover: var(--chromatic-300);\n  --uui-control-bg-disabled: var(--chromatic-100);\n  --uui-control-border: var(--chromatic-200);\n  --uui-control-border-hover: var(--chromatic-300);\n  --uui-control-border-focus: var(--uui-primary-50);\n  --uui-control-border-disabled: var(--chromatic-150);\n  --uui-control-placeholder: var(--night600);\n  --uui-control-placeholder-disabled: var(--night600);\n  --uui-control-text: var(--chromatic-500);\n  --uui-control-text-disabled: var(--chromatic-300);\n  --uui-control-icon: var(--chromatic-200);\n  --uui-control-icon-disabled: var(--chromatic-200);\n  --uui-outline-focus: #008ACE80;\n  --uui-skeleton: var(--chromatic-200);\n  --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n  --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n  --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n  --uui-border-radius: 3px;\n  /* core variables end */\n  /* size theme start */\n  /* size theme end */\n  /* begin color classes */\n  /* MainMenu */\n  /* BurgerMenu */\n  /* BurgerButton */\n  /* BurgerSearch */\n  /* Tooltip */\n  /* Tag */\n  /* CountIndicator */\n}\n.uui-theme-vanilla_thunder {\n  --uui-grid-unit: 6px;\n  --uui-focus-outline-width: 2px;\n  --uui-focus-outline-offset: 2px;\n  --uui-focus-radius: 2px;\n  --uui-tab-line-width: 3px;\n  --uui-notify-size: 6px;\n  --uui-resize-marker-width: 12px;\n}\n.uui-theme-vanilla_thunder .uui-size-12 {\n  --uui-size: 12px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-vanilla_thunder .uui-size-18 {\n  --uui-size: 18px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 3px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 3px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 10px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-vanilla_thunder .uui-size-24 {\n  --uui-size: 24px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-size-30 {\n  --uui-size: 30px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 6px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-size-36 {\n  --uui-size: 36px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-size-42 {\n  --uui-size: 42px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-vanilla_thunder .uui-size-48 {\n  --uui-size: 48px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 12px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-size-60 {\n  --uui-size: 60px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 18px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 20px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-size-42 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-size-48 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-textarea {\n  --uui-horizontal-padding: 12px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-textarea.uui-size-24 {\n  --uui-line-height: 12px;\n}\n.uui-theme-vanilla_thunder .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n  --uui-horizontal-padding: 6px;\n  --uui-horizontal-gap: 3px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n  --uui-horizontal-padding: 18px;\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-18 {\n  --uui-font-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-18 .uui-caption {\n  --uui-tag-caption-horizontal-padding: 0;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-24 {\n  --uui-icon-size: 18px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-42 {\n  --uui-icon-size: 24px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-24, .uui-theme-vanilla_thunder .uui-tag.uui-size-30, .uui-theme-vanilla_thunder .uui-tag.uui-size-36, .uui-theme-vanilla_thunder .uui-tag.uui-size-42 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-24, .uui-theme-vanilla_thunder .uui-tag.uui-size-30 {\n  --uui-horizontal-padding: 3px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-42, .uui-theme-vanilla_thunder .uui-tag.uui-size-48 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-vanilla_thunder .uui-checkbox-container.uui-size-18, .uui-theme-vanilla_thunder .uui-radio-input-container.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-switch.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-switch.uui-size-24 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n}\n.uui-theme-vanilla_thunder .uui-labeled-input.uui-size-30 {\n  --uui-icon-size: 12px;\n  --uui-font-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-labeled-input.uui-size-42 {\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-labeled-input.uui-size-48 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-18 {\n  --uui-font-size: 12px;\n  --uui-horizontal-padding: 6px;\n  --uui-badge-caption-horizontal-padding: 0;\n  --uui-badge-indicator-padding: 3px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-24 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 12px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-36 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-42 {\n  --uui-icon-size: 24px;\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-48 {\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-24, .uui-theme-vanilla_thunder .uui-badge.uui-size-30, .uui-theme-vanilla_thunder .uui-badge.uui-size-36, .uui-theme-vanilla_thunder .uui-badge.uui-size-42, .uui-theme-vanilla_thunder .uui-badge.uui-size-48 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-vanilla_thunder .uui-status_indicator.uui-size-12 {\n  --uui-horizontal-gap: 4px;\n}\n.uui-theme-vanilla_thunder .uui-status_indicator.uui-size-18 {\n  --uui-horizontal-gap: 6px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-status_indicator.uui-size-24 {\n  --uui-font-size: 14px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-size-12 {\n  --uui-horizontal-padding: 3px;\n  --uui-line-height: 10px;\n  --uui-font-size: 10px;\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-size-18 {\n  --uui-horizontal-padding: 6px;\n  --uui-line-height: 16px;\n  --uui-font-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-size-24 {\n  --uui-line-height: 22px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-table-header-cell.uui-size-36 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-table-header-cell.uui-size-48 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-table-header-cell.uui-size-60 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-30, .uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-36, .uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-42, .uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-48 {\n  --uui-vertical-padding: 3px;\n}\n.uui-theme-vanilla_thunder .uui-alert.uui-size-36 {\n  --uui-alert-indicator-border-width: 3px;\n  --uui-alert-gap-h: 12px;\n  --uui-alert-gap-v: 3px;\n  --uui-alert-padding-h: 9px;\n  --uui-alert-padding-v: 3px;\n  --uui-alert-caption-gap-h: 9px;\n}\n.uui-theme-vanilla_thunder .uui-filters-panel-item-toggler.uui-size-24 {\n  --uui-horizontal-padding: 3px;\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-vanilla_thunder .uui-color-accent,\n.uui-theme-vanilla_thunder .uui-color-grass,\n.uui-theme-vanilla_thunder .uui-color-success {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-primary,\n.uui-theme-vanilla_thunder .uui-color-blue,\n.uui-theme-vanilla_thunder .uui-color-info {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-fire,\n.uui-theme-vanilla_thunder .uui-color-critical {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-error {\n  --uui-color-5: var(--uui-error-5);\n  --uui-color-10: var(--uui-error-10);\n  --uui-color-20: var(--uui-error-20);\n  --uui-color-50: var(--uui-error-50);\n  --uui-color-60: var(--uui-error-60);\n  --uui-color-70: var(--uui-error-70);\n  --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-warning,\n.uui-theme-vanilla_thunder .uui-color-sun {\n  --uui-color-5: var(--uui-warning-5);\n  --uui-color-10: var(--uui-warning-10);\n  --uui-color-20: var(--uui-warning-20);\n  --uui-color-50: var(--uui-warning-50);\n  --uui-color-60: var(--uui-warning-60);\n  --uui-color-70: var(--uui-warning-70);\n  --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-neutral,\n.uui-theme-vanilla_thunder .uui-color-secondary {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-vanilla_thunder .uui-button {\n  --uui-border-radius: 8px;\n  --uui-btn-font: var(--font-museo-sans);\n  --uui-btn-font-weight: 700;\n}\n.uui-theme-vanilla_thunder .uui-button.uui-color-gray {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--blue-50);\n  --uui-color-20: var(--uui-primary-5);\n  --uui-color-50: var(--chromatic-100);\n  --uui-color-60: var(--blue-50);\n  --uui-color-70: var(--blue-100);\n  --uui-color-contrast: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-button.uui-color-white {\n  --uui-color-5: var(--chromatic-0);\n  --uui-color-10: var(--blue-50);\n  --uui-color-20: var(--uui-primary-10);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--blue-50);\n  --uui-color-70: var(--blue-100);\n  --uui-color-contrast: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-filters-panel-item-toggler.uui-input-box {\n  --uui-filters_toggler-border: var(--uui-surface-main);\n  --uui-filters_toggler-border-hover: var(--blue-0);\n  --uui-filters_toggler-border-radius: 8px;\n  --uui-filters_toggler-bg: var(--uui-surface-main);\n  --uui-filters_toggler-bg-hover: var(--blue-0);\n  --uui-filters_toggler-text: var(--uui-text-secondary);\n  --uui-filters_toggler-label: var(--chromatic-500);\n  --uui-filters_toggler-icon: var(--uui-icon);\n  --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n  --uui-filters_toggler-font: var(--uui-font);\n  --uui-filters_toggler-font-weight: 400;\n}\n.uui-theme-vanilla_thunder .uui-main_menu {\n  --uui-main_menu-text: var(--chromatic-500);\n  --uui-main_menu-text-hover: var(--chromatic-500);\n  --uui-main_menu-text-active: var(--uui-info-50);\n  --uui-main_menu-bg: var(--uui-info-5);\n  --uui-main_menu-hover: var(--uui-neutral-0);\n  --uui-main_menu-active: var(--uui-neutral-0);\n  --uui-main_menu-border-active: var(--uui-neutral-0);\n  --uui-main_menu-search-bg: var(--uui-neutral-5);\n  --uui-main_menu-search-border: var(--uui-neutral-40);\n  --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n  --uui-main_menu-search-text: var(--uui-text-primary);\n  --uui-main_menu-search-icon: var(--uui-neutral-70);\n  --uui-main_menu-icon: var(--chromatic-500);\n  --uui-main_menu-icon-hover: var(--chromatic-500);\n  --uui-main_menu-icon-active: var(--chromatic-500);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-dropdown {\n  --uui-main_menu-text: var(--chromatic-500);\n  --uui-main_menu-text-active: var(--chromatic-500);\n  --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-vanilla_thunder .uui-burger {\n  --uui-burger_menu-bg: var(--uui-info-5);\n  --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n  --uui-burger_menu-caption: var(--chromatic-500);\n  --uui-burger_menu-icon: var(--chromatic-500);\n  --uui-burger_menu-item: var(--uui-info-5);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-burger-button {\n  --uui-burger_btn_caption: var(--chromatic-500);\n  --uui-burger_btn_caption-hover: var(--uui-primary-50);\n  --uui-burger_btn_caption-active: var(--uui-primary-50);\n  --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-burger-search {\n  --uui-burger_search: var(--chromatic-500);\n  --uui-burger_search-fill: var(--uui-neutral-70);\n  --uui-burger_search-bg: var(--uui-neutral-40);\n  --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-dropdown {\n  --uui-main_menu-text: var(--chromatic-500);\n  --uui-main_menu-text-active: var(--chromatic-500);\n  --uui-main_menu-dropdown-bg: var(--chromatic-0);\n  --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n  --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n  --uui-main_menu-dropdown-border-radius: 8px;\n}\n.uui-theme-vanilla_thunder .uui-scroll-bars {\n  --uui-scroll_bars-bg: var(--chromatic-200);\n  --uui-scroll_bars-bg-active: var(--chromatic-300);\n}\n.uui-theme-vanilla_thunder .uui-text-placeholder {\n  --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-neutral {\n  --uui-tooltip-bg: var(--uui-neutral-0);\n  --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-critical {\n  --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-inverted {\n  --uui-tooltip-bg: var(--uui-neutral-80);\n  --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun {\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300 {\n  --uui-tag-bg: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-40);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300 .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-40);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-color-white {\n  --uui-color-5: var(--chromatic-0);\n  --uui-color-10: var(--blue-50);\n  --uui-color-20: var(--uui-primary-10);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--blue-50);\n  --uui-color-70: var(--blue-100);\n}\n.uui-theme-vanilla_thunder .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-vanilla_thunder .uui-button.uui-size-42 :global(.uui-caption), .uui-theme-vanilla_thunder .uui-button.uui-size-48 :global(.uui-caption) {\n  font-family: var(--font-museo-sans);\n}","@mixin uui-6px-grid {\n    & {\n        --uui-grid-unit: 6px;\n        --uui-focus-outline-width: 2px;\n        --uui-focus-outline-offset: 2px;\n        --uui-focus-radius: 2px;\n        //--uui-border-radius: 3px; // TODO: ?????\n        --uui-tab-line-width: 3px;\n        --uui-notify-size: 6px;\n        --uui-resize-marker-width: 12px;\n    }\n\n    .uui-size-12 {\n        --uui-size: 12px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px; // remove - discuss\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-18 {\n        --uui-size: 18px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 3px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 3px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 10px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-24 {\n        --uui-size: 24px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 18px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-30 {\n        --uui-size: 30px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 6px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-36 {\n        --uui-size: 36px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-42 {\n        --uui-size: 42px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 10px;\n    }\n\n    .uui-size-48 {\n        --uui-size: 48px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 12px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-size-60 {\n        --uui-size: 60px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 18px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 20px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-input-box {\n        &.uui-size-42 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-textarea {\n            --uui-horizontal-padding: 12px;\n\n            &.uui-size-24 {\n                --uui-line-height: 12px;\n            }\n        }\n    }\n\n    .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n        --uui-horizontal-padding: 6px;\n        --uui-horizontal-gap: 3px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n    }\n\n    .uui-tab-button.uui-vertical-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n        --uui-horizontal-padding: 18px;\n        --uui-horizontal-gap: 12px;\n    }\n\n    .uui-tag {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n\n            .uui-caption {\n                --uui-tag-caption-horizontal-padding: 0;\n            }\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42 {\n            --uui-horizontal-gap: 3px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30 {\n            --uui-horizontal-padding: 3px;\n        }\n\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-padding: 9px;\n        }\n    }\n\n    .uui-checkbox-container, .uui-radio-input-container {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-switch {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-24 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 24px;\n            --uui-font-size: 16px;\n        }\n    }\n\n    .uui-labeled-input {\n        &.uui-size-30 {\n            --uui-icon-size: 12px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-42 {\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-48 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-badge {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n            --uui-horizontal-padding: 6px;\n            --uui-badge-caption-horizontal-padding: 0;\n            --uui-badge-indicator-padding: 3px;\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 9px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-gap: 3px;\n        }\n    }\n\n    .uui-status_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-gap: 4px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-gap: 6px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n            --uui-dot-size: 8px;\n        }\n\n        &.uui-size-24 {\n            --uui-font-size: 14px;\n            --uui-dot-size: 10px;\n        }\n    }\n\n    .uui-count_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-padding: 3px;\n            --uui-line-height: 10px;\n            --uui-font-size: 10px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-padding: 6px;\n            --uui-line-height: 16px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-24 {\n            --uui-line-height: 22px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-table-header-cell {\n        &.uui-size-36 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-60 {\n            --uui-horizontal-gap: 12px;\n        }\n    }\n\n    .uui-picker_toggler {\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-vertical-padding: 3px;\n        }\n    }\n\n    .uui-alert {\n        &.uui-size-36 {\n            --uui-alert-indicator-border-width: 3px;\n            --uui-alert-gap-h: 12px;\n            --uui-alert-gap-v: 3px;\n            --uui-alert-padding-h: 9px;\n            --uui-alert-padding-v: 3px;\n            --uui-alert-caption-gap-h: 9px;\n        }\n    }\n\n    .uui-filters-panel-item-toggler {\n        &.uui-size-24 {\n            --uui-horizontal-padding: 3px;\n            --uui-horizontal-gap: 3px;\n        }\n    }\n}\n"]}
+{"version":3,"sources":["../../../theme/theme_vanilla_thunder.scss%23sass","../../../../../theme/theme_vanilla_thunder.scss","../../../theme/theme_vanilla_thunder.scss","../../../theme/variables/6px_grid.scss"],"names":[],"mappings":"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","file":"theme_vanilla_thunder.css","sourcesContent":["@use './variables/6px_grid' as *;\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n    --uui-font: var(--font-inter);\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --blue-0: #F0F7FC;\n    --blue-50: #E1F4FA;\n    --blue-100: #D4F0FE;\n    --blue-200: #76CDD8;\n    --blue-300: #2BC1F0;\n    --blue-400: #1CA5D3;\n    --blue-500: #008ACE;\n\n    --grass-25: #EBFCC7;\n    --grass-50: #E4ED94;\n    --grass-100: #CEDB56;\n    --grass-200: #91C229;\n    --grass-300: #4FA762;\n    --grass-400: #329247;\n    --grass-500: #157D2C;\n\n    --sun-50: #FFF1A7;\n    --sun-100: #FFD602;\n    --sun-200: #F7A02C;\n    --sun-250: #F67E00;\n    --sun-300: #F2682A;\n\n    --chromatic-0: #FFFFFF;\n    --chromatic-100: #F7F7FD;\n    --chromatic-150: #E5E5EE;\n    --chromatic-200: #CDCDD9;\n    --chromatic-300: #8D8D9C;\n    --chromatic-400: #34384A;\n    --chromatic-500: #191F3D;\n\n    /* start Loveship colors for controllers */\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FCC8C8;\n    --fire-50: #FA4B4B;\n    --fire-60: #CC2929;\n    --fire-70: #B32424;\n\n    --white: #FFFFFF;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    /* end Loveship colors for controllers */\n\n    /* core variables start */\n\n    --uui-accent-5: var(--grass-50);\n    --uui-accent-10: var(--grass-100);\n    --uui-accent-20: var(--grass-200);\n    --uui-accent-50: var(--grass-300);\n    --uui-accent-60: var(--grass-400);\n    --uui-accent-70: var(--grass-500);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--blue-50);\n    --uui-primary-10: var(--blue-100);\n    --uui-primary-20: var(--blue-200);\n    --uui-primary-50: var(--blue-300);\n    --uui-primary-60: var(--blue-400);\n    --uui-primary-70: var(--blue-500);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night500);\n    --uui-secondary-60: var(--night600);\n    --uui-secondary-70: var(--night700);\n    --uui-secondary-contrast: var(--white);\n\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\n    --uui-info-5: var(--blue-0);\n    --uui-info-10: var(--blue-0);\n    --uui-info-20: var(--blue-100);\n    --uui-info-50: var(--blue-300);\n    --uui-info-60: var(--blue-400);\n    --uui-info-70: var(--blue-500);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-25);\n    --uui-success-10: var(--grass-100);\n    --uui-success-20: var(--grass-200);\n    --uui-success-50: var(--grass-300);\n    --uui-success-60: var(--grass-400);\n    --uui-success-70: var(--grass-500);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-50);\n    --uui-warning-10: var(--sun-50);\n    --uui-warning-20: var(--sun-100);\n    --uui-warning-50: var(--sun-200);\n    --uui-warning-60: var(--sun-250);\n    --uui-warning-70: var(--sun-300);\n    --uui-warning-contrast: var(--white);\n\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(--chromatic-100);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\n    --uui-surface-sunken: var(--night50);\n    --uui-surface-main: var(--chromatic-0);\n    --uui-surface-higher: var(--night100);\n    --uui-surface-highest: var(--night200);\n\n    --uui-divider: var(--chromatic-200);\n    --uui-divider-light: var(--chromatic-150);\n\n    --uui-text-primary: var(--chromatic-500);\n    --uui-text-secondary: var(--chromatic-300);\n    --uui-text-tertiary: var(--chromatic-300);\n    --uui-text-disabled: var(--chromatic-200);\n\n    --uui-text-info: var(--uui-info-50);\n    --uui-text-warning: var(--uui-warning-50);\n    --uui-text-critical: var(--uui-critical-50);\n    --uui-text-success: var(--uui-success-50);\n    --uui-text-bg-highlight: var(--uui-warning-10);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--blue-300);\n    --uui-link-hover: var(--blue-400);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--chromatic-200);\n\n    --uui-icon: var(--chromatic-300);\n    --uui-icon-hover: var(--chromatic-400);\n    --uui-icon-active: var(--chromatic-500);\n    --uui-icon-disabled: var(--chromatic-200);\n\n    --uui-control-bg: var(--chromatic-0);\n    --uui-control-bg-hover: var(--chromatic-300);\n    --uui-control-bg-disabled: var(--chromatic-100);\n\n    --uui-control-border: var(--chromatic-200);\n    --uui-control-border-hover: var(--chromatic-300);\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--chromatic-150);\n\n    --uui-control-placeholder: var(--night600);\n    --uui-control-placeholder-disabled: var(--night600);\n\n    --uui-control-text: var(--chromatic-500);\n    --uui-control-text-disabled: var(--chromatic-300);\n\n    --uui-control-icon: var(--chromatic-200);\n    --uui-control-icon-disabled: var(--chromatic-200);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--chromatic-200);\n\n    --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n    --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n    --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* size theme start */\n\n    @include uui-6px-grid();\n\n    /* size theme end */\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-blue,\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-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-error {\n        --uui-color-5: var(--uui-error-5);\n        --uui-color-10: var(--uui-error-10);\n        --uui-color-20: var(--uui-error-20);\n        --uui-color-50: var(--uui-error-50);\n        --uui-color-60: var(--uui-error-60);\n        --uui-color-70: var(--uui-error-70);\n        --uui-color-contrast: var(--uui-error-contrast);\n    }\n\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-neutral,\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-button {\n        --uui-border-radius: 8px;\n        --uui-btn-font: var(--font-museo-sans);\n        --uui-btn-font-weight: 700;\n\n        &.uui-color-gray {\n            --uui-color-5: var(--white);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-5);\n            --uui-color-50: var(--chromatic-100);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n    }\n\n    .uui-filters-panel-item-toggler.uui-input-box {\n        --uui-filters_toggler-border: var(--uui-surface-main);\n        --uui-filters_toggler-border-hover: var(--blue-0);\n        --uui-filters_toggler-border-radius: 8px;\n        --uui-filters_toggler-bg: var(--uui-surface-main);\n        --uui-filters_toggler-bg-hover: var(--blue-0);\n        --uui-filters_toggler-text: var(--uui-text-secondary);\n        --uui-filters_toggler-label: var(--chromatic-500);\n        --uui-filters_toggler-icon: var(--uui-icon);\n        --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n\n        --uui-filters_toggler-font: var(--uui-font);\n        --uui-filters_toggler-font-weight: 400;\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-hover: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--uui-info-50);\n        --uui-main_menu-bg: var(--uui-info-5);\n        --uui-main_menu-hover: var(--uui-neutral-0);\n        --uui-main_menu-active: var(--uui-neutral-0);\n        --uui-main_menu-border-active: var(--uui-neutral-0);\n\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(--chromatic-500);\n        --uui-main_menu-icon-hover: var(--chromatic-500);\n        --uui-main_menu-icon-active: var(--chromatic-500);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\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-info-5);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n        --uui-burger_menu-caption: var(--chromatic-500);\n        --uui-burger_menu-icon: var(--chromatic-500);\n        --uui-burger_menu-item: var(--uui-info-5);\n    }\n\n    /* BurgerButton */\n    .uui-main_menu-burger-button {\n        --uui-burger_btn_caption: var(--chromatic-500);\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(--chromatic-500);\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    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\n\n        --uui-main_menu-dropdown-bg: var(--chromatic-0);\n        --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n        --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n        --uui-main_menu-dropdown-border-radius: 8px;\n    }\n\n    .uui-scroll-bars {\n        --uui-scroll_bars-bg: var(--chromatic-200);\n        --uui-scroll_bars-bg-active: var(--chromatic-300);\n    }\n\n    .uui-text-placeholder {\n        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-text-primary);\n    }\n\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-critical-60);\n    }\n\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-warning, &.uui-color-sun {\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            &.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        &.uui-color-neutral, &.uui-color-night300 {\n            --uui-tag-bg: var(--uui-neutral-30);\n            --uui-tag-bg-hover: var(--uui-neutral-40);\n            --uui-tag-border: var(--uui-neutral-30);\n            --uui-tag-border-hover: var(--uui-neutral-40);\n            --uui-tag-caption: var(--uui-text-primary);\n            --uui-tag-fill: var(--uui-neutral-60);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\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\n    /* CountIndicator */\n\n    .uui-count_indicator {\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n        }\n\n        &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n            --uui-count_indicator-caption: var(--uui-neutral-70);\n        }\n    }\n\n    .uui-button {\n        &.uui-size-42, &.uui-size-48 {\n            :global(.uui-caption) {\n                font-family: var(--font-museo-sans);\n            }\n        }\n    }\n}\n","@use './variables/6px_grid' as *;\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n    --uui-font: var(--font-inter);\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    --blue-0: #F0F7FC;\n    --blue-50: #E1F4FA;\n    --blue-100: #D4F0FE;\n    --blue-200: #76CDD8;\n    --blue-300: #2BC1F0;\n    --blue-400: #1CA5D3;\n    --blue-500: #008ACE;\n\n    --grass-25: #EBFCC7;\n    --grass-50: #E4ED94;\n    --grass-100: #CEDB56;\n    --grass-200: #91C229;\n    --grass-300: #4FA762;\n    --grass-400: #329247;\n    --grass-500: #157D2C;\n\n    --sun-50: #FFF1A7;\n    --sun-100: #FFD602;\n    --sun-200: #F7A02C;\n    --sun-250: #F67E00;\n    --sun-300: #F2682A;\n\n    --chromatic-0: #FFFFFF;\n    --chromatic-100: #F7F7FD;\n    --chromatic-150: #E5E5EE;\n    --chromatic-200: #CDCDD9;\n    --chromatic-300: #8D8D9C;\n    --chromatic-400: #34384A;\n    --chromatic-500: #191F3D;\n\n    /* start Loveship colors for controllers */\n\n    --fire-5: #FEF6F6;\n    --fire-10: #FDE1E1;\n    --fire-20: #FCC8C8;\n    --fire-50: #FA4B4B;\n    --fire-60: #CC2929;\n    --fire-70: #B32424;\n\n    --white: #FFFFFF;\n\n    --night50: #FAFAFC;\n    --night100: #F5F6FA;\n    --night200: #EBEDF5;\n    --night300: #E1E3EB;\n    --night400: #CED0DB;\n    --night500: #ACAFBF;\n    --night600: #6C6F80;\n    --night700: #474A59;\n    --night800: #303240;\n    --night900: #1D1E26;\n\n    /* end Loveship colors for controllers */\n\n    /* core variables start */\n\n    --uui-accent-5: var(--grass-50);\n    --uui-accent-10: var(--grass-100);\n    --uui-accent-20: var(--grass-200);\n    --uui-accent-50: var(--grass-300);\n    --uui-accent-60: var(--grass-400);\n    --uui-accent-70: var(--grass-500);\n    --uui-accent-contrast: var(--white);\n\n    --uui-primary-5: var(--blue-50);\n    --uui-primary-10: var(--blue-100);\n    --uui-primary-20: var(--blue-200);\n    --uui-primary-50: var(--blue-300);\n    --uui-primary-60: var(--blue-400);\n    --uui-primary-70: var(--blue-500);\n    --uui-primary-contrast: var(--white);\n\n    --uui-secondary-5: var(--night100);\n    --uui-secondary-10: var(--night200);\n    --uui-secondary-20: var(--night300);\n    --uui-secondary-50: var(--night500);\n    --uui-secondary-60: var(--night600);\n    --uui-secondary-70: var(--night700);\n    --uui-secondary-contrast: var(--white);\n\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\n    --uui-info-5: var(--blue-0);\n    --uui-info-10: var(--blue-0);\n    --uui-info-20: var(--blue-100);\n    --uui-info-50: var(--blue-300);\n    --uui-info-60: var(--blue-400);\n    --uui-info-70: var(--blue-500);\n    --uui-info-contrast: var(--white);\n\n    --uui-success-5: var(--grass-25);\n    --uui-success-10: var(--grass-100);\n    --uui-success-20: var(--grass-200);\n    --uui-success-50: var(--grass-300);\n    --uui-success-60: var(--grass-400);\n    --uui-success-70: var(--grass-500);\n    --uui-success-contrast: var(--white);\n\n    --uui-warning-5: var(--sun-50);\n    --uui-warning-10: var(--sun-50);\n    --uui-warning-20: var(--sun-100);\n    --uui-warning-50: var(--sun-200);\n    --uui-warning-60: var(--sun-250);\n    --uui-warning-70: var(--sun-300);\n    --uui-warning-contrast: var(--white);\n\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(--chromatic-100);\n    --uui-overlay: rgba(29, 30, 38, 0.8);\n\n    --uui-surface-sunken: var(--night50);\n    --uui-surface-main: var(--chromatic-0);\n    --uui-surface-higher: var(--night100);\n    --uui-surface-highest: var(--night200);\n\n    --uui-divider: var(--chromatic-200);\n    --uui-divider-light: var(--chromatic-150);\n\n    --uui-text-primary: var(--chromatic-500);\n    --uui-text-secondary: var(--chromatic-300);\n    --uui-text-tertiary: var(--chromatic-300);\n    --uui-text-disabled: var(--chromatic-200);\n\n    --uui-text-info: var(--uui-info-50);\n    --uui-text-warning: var(--uui-warning-50);\n    --uui-text-critical: var(--uui-critical-50);\n    --uui-text-success: var(--uui-success-50);\n    --uui-text-bg-highlight: var(--uui-warning-10);\n\n    /* not accepted part */\n\n    /* control specific */\n\n    --uui-link: var(--blue-300);\n    --uui-link-hover: var(--blue-400);\n    --uui-link-visited: #8018A0;\n    --uui-link-visited-hover: #601278;\n    --uui-link-disabled: var(--chromatic-200);\n\n    --uui-icon: var(--chromatic-300);\n    --uui-icon-hover: var(--chromatic-400);\n    --uui-icon-active: var(--chromatic-500);\n    --uui-icon-disabled: var(--chromatic-200);\n\n    --uui-control-bg: var(--chromatic-0);\n    --uui-control-bg-hover: var(--chromatic-300);\n    --uui-control-bg-disabled: var(--chromatic-100);\n\n    --uui-control-border: var(--chromatic-200);\n    --uui-control-border-hover: var(--chromatic-300);\n    --uui-control-border-focus: var(--uui-primary-50);\n    --uui-control-border-disabled: var(--chromatic-150);\n\n    --uui-control-placeholder: var(--night600);\n    --uui-control-placeholder-disabled: var(--night600);\n\n    --uui-control-text: var(--chromatic-500);\n    --uui-control-text-disabled: var(--chromatic-300);\n\n    --uui-control-icon: var(--chromatic-200);\n    --uui-control-icon-disabled: var(--chromatic-200);\n\n    --uui-outline-focus: #008ACE80;\n\n    --uui-skeleton: var(--chromatic-200);\n\n    --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n    --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n    --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n\n    --uui-border-radius: 3px;\n\n    /* core variables end */\n\n    /* size theme start */\n\n    @include uui-6px-grid();\n\n    /* size theme end */\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-blue,\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-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-error {\n        --uui-color-5: var(--uui-error-5);\n        --uui-color-10: var(--uui-error-10);\n        --uui-color-20: var(--uui-error-20);\n        --uui-color-50: var(--uui-error-50);\n        --uui-color-60: var(--uui-error-60);\n        --uui-color-70: var(--uui-error-70);\n        --uui-color-contrast: var(--uui-error-contrast);\n    }\n\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-neutral,\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-button {\n        --uui-border-radius: 8px;\n        --uui-btn-font: var(--font-museo-sans);\n        --uui-btn-font-weight: 700;\n\n        &.uui-color-gray {\n            --uui-color-5: var(--white);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-5);\n            --uui-color-50: var(--chromatic-100);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n            --uui-color-contrast: var(--uui-text-primary);\n        }\n    }\n\n    .uui-filters-panel-item-toggler.uui-input-box {\n        --uui-filters_toggler-border: var(--uui-surface-main);\n        --uui-filters_toggler-border-hover: var(--blue-0);\n        --uui-filters_toggler-border-radius: 8px;\n        --uui-filters_toggler-bg: var(--uui-surface-main);\n        --uui-filters_toggler-bg-hover: var(--blue-0);\n        --uui-filters_toggler-text: var(--uui-text-secondary);\n        --uui-filters_toggler-label: var(--chromatic-500);\n        --uui-filters_toggler-icon: var(--uui-icon);\n        --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n\n        --uui-filters_toggler-font: var(--uui-font);\n        --uui-filters_toggler-font-weight: 400;\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-hover: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--uui-info-50);\n        --uui-main_menu-bg: var(--uui-info-5);\n        --uui-main_menu-hover: var(--uui-neutral-0);\n        --uui-main_menu-active: var(--uui-neutral-0);\n        --uui-main_menu-border-active: var(--uui-neutral-0);\n\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(--chromatic-500);\n        --uui-main_menu-icon-hover: var(--chromatic-500);\n        --uui-main_menu-icon-active: var(--chromatic-500);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\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-info-5);\n        --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n        --uui-burger_menu-caption: var(--chromatic-500);\n        --uui-burger_menu-icon: var(--chromatic-500);\n        --uui-burger_menu-item: var(--uui-info-5);\n    }\n\n    /* BurgerButton */\n    .uui-main_menu-burger-button {\n        --uui-burger_btn_caption: var(--chromatic-500);\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(--chromatic-500);\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    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--chromatic-500);\n        --uui-main_menu-text-active: var(--chromatic-500);\n\n        --uui-main_menu-dropdown-bg: var(--chromatic-0);\n        --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n        --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n        --uui-main_menu-dropdown-border-radius: 8px;\n    }\n\n    .uui-scroll-bars {\n        --uui-scroll_bars-bg: var(--chromatic-200);\n        --uui-scroll_bars-bg-active: var(--chromatic-300);\n    }\n\n    .uui-text-placeholder {\n        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-text-primary);\n    }\n\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-critical-60);\n    }\n\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        &.uui-color-warning, &.uui-color-sun {\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            &.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        &.uui-color-neutral, &.uui-color-night300 {\n            --uui-tag-bg: var(--uui-neutral-30);\n            --uui-tag-bg-hover: var(--uui-neutral-40);\n            --uui-tag-border: var(--uui-neutral-30);\n            --uui-tag-border-hover: var(--uui-neutral-40);\n            --uui-tag-caption: var(--uui-text-primary);\n            --uui-tag-fill: var(--uui-neutral-60);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\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\n    /* CountIndicator */\n\n    .uui-count_indicator {\n        &.uui-color-white {\n            --uui-color-5: var(--chromatic-0);\n            --uui-color-10: var(--blue-50);\n            --uui-color-20: var(--uui-primary-10);\n            --uui-color-50: var(--white);\n            --uui-color-60: var(--blue-50);\n            --uui-color-70: var(--blue-100);\n        }\n\n        &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n            --uui-count_indicator-caption: var(--uui-neutral-70);\n        }\n    }\n\n    .uui-button {\n        &.uui-size-42, &.uui-size-48 {\n            :global(.uui-caption) {\n                font-family: var(--font-museo-sans);\n            }\n        }\n    }\n}\n","/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n  --uui-font: var(--font-inter);\n  --uui-font-mono: \"Roboto Mono\", monospace;\n  --blue-0: #F0F7FC;\n  --blue-50: #E1F4FA;\n  --blue-100: #D4F0FE;\n  --blue-200: #76CDD8;\n  --blue-300: #2BC1F0;\n  --blue-400: #1CA5D3;\n  --blue-500: #008ACE;\n  --grass-25: #EBFCC7;\n  --grass-50: #E4ED94;\n  --grass-100: #CEDB56;\n  --grass-200: #91C229;\n  --grass-300: #4FA762;\n  --grass-400: #329247;\n  --grass-500: #157D2C;\n  --sun-50: #FFF1A7;\n  --sun-100: #FFD602;\n  --sun-200: #F7A02C;\n  --sun-250: #F67E00;\n  --sun-300: #F2682A;\n  --chromatic-0: #FFFFFF;\n  --chromatic-100: #F7F7FD;\n  --chromatic-150: #E5E5EE;\n  --chromatic-200: #CDCDD9;\n  --chromatic-300: #8D8D9C;\n  --chromatic-400: #34384A;\n  --chromatic-500: #191F3D;\n  /* start Loveship colors for controllers */\n  --fire-5: #FEF6F6;\n  --fire-10: #FDE1E1;\n  --fire-20: #FCC8C8;\n  --fire-50: #FA4B4B;\n  --fire-60: #CC2929;\n  --fire-70: #B32424;\n  --white: #FFFFFF;\n  --night50: #FAFAFC;\n  --night100: #F5F6FA;\n  --night200: #EBEDF5;\n  --night300: #E1E3EB;\n  --night400: #CED0DB;\n  --night500: #ACAFBF;\n  --night600: #6C6F80;\n  --night700: #474A59;\n  --night800: #303240;\n  --night900: #1D1E26;\n  /* end Loveship colors for controllers */\n  /* core variables start */\n  --uui-accent-5: var(--grass-50);\n  --uui-accent-10: var(--grass-100);\n  --uui-accent-20: var(--grass-200);\n  --uui-accent-50: var(--grass-300);\n  --uui-accent-60: var(--grass-400);\n  --uui-accent-70: var(--grass-500);\n  --uui-accent-contrast: var(--white);\n  --uui-primary-5: var(--blue-50);\n  --uui-primary-10: var(--blue-100);\n  --uui-primary-20: var(--blue-200);\n  --uui-primary-50: var(--blue-300);\n  --uui-primary-60: var(--blue-400);\n  --uui-primary-70: var(--blue-500);\n  --uui-primary-contrast: var(--white);\n  --uui-secondary-5: var(--night100);\n  --uui-secondary-10: var(--night200);\n  --uui-secondary-20: var(--night300);\n  --uui-secondary-50: var(--night500);\n  --uui-secondary-60: var(--night600);\n  --uui-secondary-70: var(--night700);\n  --uui-secondary-contrast: var(--white);\n  --uui-critical-5: var(--fire-5);\n  --uui-critical-10: var(--fire-10);\n  --uui-critical-20: var(--fire-20);\n  --uui-critical-50: var(--fire-50);\n  --uui-critical-60: var(--fire-60);\n  --uui-critical-70: var(--fire-70);\n  --uui-critical-contrast: var(--white);\n  --uui-info-5: var(--blue-0);\n  --uui-info-10: var(--blue-0);\n  --uui-info-20: var(--blue-100);\n  --uui-info-50: var(--blue-300);\n  --uui-info-60: var(--blue-400);\n  --uui-info-70: var(--blue-500);\n  --uui-info-contrast: var(--white);\n  --uui-success-5: var(--grass-25);\n  --uui-success-10: var(--grass-100);\n  --uui-success-20: var(--grass-200);\n  --uui-success-50: var(--grass-300);\n  --uui-success-60: var(--grass-400);\n  --uui-success-70: var(--grass-500);\n  --uui-success-contrast: var(--white);\n  --uui-warning-5: var(--sun-50);\n  --uui-warning-10: var(--sun-50);\n  --uui-warning-20: var(--sun-100);\n  --uui-warning-50: var(--sun-200);\n  --uui-warning-60: var(--sun-250);\n  --uui-warning-70: var(--sun-300);\n  --uui-warning-contrast: var(--white);\n  --uui-error-5: var(--fire-5);\n  --uui-error-10: var(--fire-10);\n  --uui-error-20: var(--fire-20);\n  --uui-error-50: var(--fire-50);\n  --uui-error-60: var(--fire-60);\n  --uui-error-70: var(--fire-70);\n  --uui-error-contrast: var(--white);\n  --uui-neutral-0: #FFFFFF;\n  --uui-neutral-5: var(--night50);\n  --uui-neutral-10: var(--night100);\n  --uui-neutral-20: var(--night200);\n  --uui-neutral-30: var(--night300);\n  --uui-neutral-40: var(--night400);\n  --uui-neutral-50: var(--night500);\n  --uui-neutral-60: var(--night600);\n  --uui-neutral-70: var(--night700);\n  --uui-neutral-80: var(--night800);\n  --uui-neutral-90: var(--night900);\n  --uui-neutral-100: #000000;\n  /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n  --uui-app-bg: var(--chromatic-100);\n  --uui-overlay: rgba(29, 30, 38, 0.8);\n  --uui-surface-sunken: var(--night50);\n  --uui-surface-main: var(--chromatic-0);\n  --uui-surface-higher: var(--night100);\n  --uui-surface-highest: var(--night200);\n  --uui-divider: var(--chromatic-200);\n  --uui-divider-light: var(--chromatic-150);\n  --uui-text-primary: var(--chromatic-500);\n  --uui-text-secondary: var(--chromatic-300);\n  --uui-text-tertiary: var(--chromatic-300);\n  --uui-text-disabled: var(--chromatic-200);\n  --uui-text-info: var(--uui-info-50);\n  --uui-text-warning: var(--uui-warning-50);\n  --uui-text-critical: var(--uui-critical-50);\n  --uui-text-success: var(--uui-success-50);\n  --uui-text-bg-highlight: var(--uui-warning-10);\n  /* not accepted part */\n  /* control specific */\n  --uui-link: var(--blue-300);\n  --uui-link-hover: var(--blue-400);\n  --uui-link-visited: #8018A0;\n  --uui-link-visited-hover: #601278;\n  --uui-link-disabled: var(--chromatic-200);\n  --uui-icon: var(--chromatic-300);\n  --uui-icon-hover: var(--chromatic-400);\n  --uui-icon-active: var(--chromatic-500);\n  --uui-icon-disabled: var(--chromatic-200);\n  --uui-control-bg: var(--chromatic-0);\n  --uui-control-bg-hover: var(--chromatic-300);\n  --uui-control-bg-disabled: var(--chromatic-100);\n  --uui-control-border: var(--chromatic-200);\n  --uui-control-border-hover: var(--chromatic-300);\n  --uui-control-border-focus: var(--uui-primary-50);\n  --uui-control-border-disabled: var(--chromatic-150);\n  --uui-control-placeholder: var(--night600);\n  --uui-control-placeholder-disabled: var(--night600);\n  --uui-control-text: var(--chromatic-500);\n  --uui-control-text-disabled: var(--chromatic-300);\n  --uui-control-icon: var(--chromatic-200);\n  --uui-control-icon-disabled: var(--chromatic-200);\n  --uui-outline-focus: #008ACE80;\n  --uui-skeleton: var(--chromatic-200);\n  --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\n  --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\n  --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\n  --uui-border-radius: 3px;\n  /* core variables end */\n  /* size theme start */\n  /* size theme end */\n  /* begin color classes */\n  /* MainMenu */\n  /* BurgerMenu */\n  /* BurgerButton */\n  /* BurgerSearch */\n  /* Tooltip */\n  /* Tag */\n  /* CountIndicator */\n}\n.uui-theme-vanilla_thunder {\n  --uui-grid-unit: 6px;\n  --uui-focus-outline-width: 2px;\n  --uui-focus-outline-offset: 2px;\n  --uui-focus-radius: 2px;\n  --uui-tab-line-width: 3px;\n  --uui-notify-size: 6px;\n  --uui-resize-marker-width: 12px;\n}\n.uui-theme-vanilla_thunder .uui-size-12 {\n  --uui-size: 12px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-vanilla_thunder .uui-size-18 {\n  --uui-size: 18px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 3px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 3px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 10px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-vanilla_thunder .uui-size-24 {\n  --uui-size: 24px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-size-30 {\n  --uui-size: 30px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 6px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-size-36 {\n  --uui-size: 36px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-size-42 {\n  --uui-size: 42px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-vanilla_thunder .uui-size-48 {\n  --uui-size: 48px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 12px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-size-60 {\n  --uui-size: 60px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 18px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 20px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-size-42 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-size-48 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-textarea {\n  --uui-horizontal-padding: 12px;\n}\n.uui-theme-vanilla_thunder .uui-input-box.uui-textarea.uui-size-24 {\n  --uui-line-height: 12px;\n}\n.uui-theme-vanilla_thunder .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n  --uui-horizontal-padding: 6px;\n  --uui-horizontal-gap: 3px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-vertical-tab-button.uui-size-30 {\n  --uui-horizontal-padding: 12px;\n  --uui-icon-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-vertical-tab-button.uui-size-36 {\n  --uui-horizontal-padding: 18px;\n}\n.uui-theme-vanilla_thunder .uui-vertical-tab-button.uui-size-48 {\n  --uui-horizontal-padding: 18px;\n  --uui-font-size: 14px;\n  --uui-icon-size: 18px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-18 {\n  --uui-font-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-18 .uui-caption {\n  --uui-tag-caption-horizontal-padding: 0;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-24 {\n  --uui-icon-size: 18px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-42 {\n  --uui-icon-size: 24px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-24, .uui-theme-vanilla_thunder .uui-tag.uui-size-30, .uui-theme-vanilla_thunder .uui-tag.uui-size-36, .uui-theme-vanilla_thunder .uui-tag.uui-size-42 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-24, .uui-theme-vanilla_thunder .uui-tag.uui-size-30 {\n  --uui-horizontal-padding: 3px;\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-size-42, .uui-theme-vanilla_thunder .uui-tag.uui-size-48 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-vanilla_thunder .uui-checkbox-container.uui-size-18, .uui-theme-vanilla_thunder .uui-radio-input-container.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-switch.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-switch.uui-size-24 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n}\n.uui-theme-vanilla_thunder .uui-labeled-input.uui-size-30 {\n  --uui-icon-size: 12px;\n  --uui-font-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-labeled-input.uui-size-42 {\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-labeled-input.uui-size-48 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-18 {\n  --uui-font-size: 12px;\n  --uui-horizontal-padding: 6px;\n  --uui-badge-caption-horizontal-padding: 0;\n  --uui-badge-indicator-padding: 3px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-24 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 12px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-36 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-42 {\n  --uui-icon-size: 24px;\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-48 {\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-vanilla_thunder .uui-badge.uui-size-24, .uui-theme-vanilla_thunder .uui-badge.uui-size-30, .uui-theme-vanilla_thunder .uui-badge.uui-size-36, .uui-theme-vanilla_thunder .uui-badge.uui-size-42, .uui-theme-vanilla_thunder .uui-badge.uui-size-48 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-vanilla_thunder .uui-status_indicator.uui-size-12 {\n  --uui-horizontal-gap: 4px;\n}\n.uui-theme-vanilla_thunder .uui-status_indicator.uui-size-18 {\n  --uui-horizontal-gap: 6px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-vanilla_thunder .uui-status_indicator.uui-size-24 {\n  --uui-font-size: 14px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-size-12 {\n  --uui-horizontal-padding: 3px;\n  --uui-line-height: 10px;\n  --uui-font-size: 10px;\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-size-18 {\n  --uui-horizontal-padding: 6px;\n  --uui-line-height: 16px;\n  --uui-font-size: 12px;\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-size-24 {\n  --uui-line-height: 22px;\n  --uui-font-size: 14px;\n}\n.uui-theme-vanilla_thunder .uui-table-header-cell.uui-size-36 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-table-header-cell.uui-size-48 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-table-header-cell.uui-size-60 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-30, .uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-36, .uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-42, .uui-theme-vanilla_thunder .uui-picker_toggler.uui-size-48 {\n  --uui-vertical-padding: 3px;\n}\n.uui-theme-vanilla_thunder .uui-alert.uui-size-36 {\n  --uui-alert-indicator-border-width: 3px;\n  --uui-alert-gap-h: 12px;\n  --uui-alert-gap-v: 3px;\n  --uui-alert-padding-h: 9px;\n  --uui-alert-padding-v: 3px;\n  --uui-alert-caption-gap-h: 9px;\n}\n.uui-theme-vanilla_thunder .uui-filters-panel-item-toggler.uui-size-24 {\n  --uui-horizontal-padding: 3px;\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-vanilla_thunder .uui-color-accent,\n.uui-theme-vanilla_thunder .uui-color-grass,\n.uui-theme-vanilla_thunder .uui-color-success {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-primary,\n.uui-theme-vanilla_thunder .uui-color-blue,\n.uui-theme-vanilla_thunder .uui-color-info {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-fire,\n.uui-theme-vanilla_thunder .uui-color-critical {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-error {\n  --uui-color-5: var(--uui-error-5);\n  --uui-color-10: var(--uui-error-10);\n  --uui-color-20: var(--uui-error-20);\n  --uui-color-50: var(--uui-error-50);\n  --uui-color-60: var(--uui-error-60);\n  --uui-color-70: var(--uui-error-70);\n  --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-warning,\n.uui-theme-vanilla_thunder .uui-color-sun {\n  --uui-color-5: var(--uui-warning-5);\n  --uui-color-10: var(--uui-warning-10);\n  --uui-color-20: var(--uui-warning-20);\n  --uui-color-50: var(--uui-warning-50);\n  --uui-color-60: var(--uui-warning-60);\n  --uui-color-70: var(--uui-warning-70);\n  --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-vanilla_thunder .uui-color-neutral,\n.uui-theme-vanilla_thunder .uui-color-secondary {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-vanilla_thunder .uui-button {\n  --uui-border-radius: 8px;\n  --uui-btn-font: var(--font-museo-sans);\n  --uui-btn-font-weight: 700;\n}\n.uui-theme-vanilla_thunder .uui-button.uui-color-gray {\n  --uui-color-5: var(--white);\n  --uui-color-10: var(--blue-50);\n  --uui-color-20: var(--uui-primary-5);\n  --uui-color-50: var(--chromatic-100);\n  --uui-color-60: var(--blue-50);\n  --uui-color-70: var(--blue-100);\n  --uui-color-contrast: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-button.uui-color-white {\n  --uui-color-5: var(--chromatic-0);\n  --uui-color-10: var(--blue-50);\n  --uui-color-20: var(--uui-primary-10);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--blue-50);\n  --uui-color-70: var(--blue-100);\n  --uui-color-contrast: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-filters-panel-item-toggler.uui-input-box {\n  --uui-filters_toggler-border: var(--uui-surface-main);\n  --uui-filters_toggler-border-hover: var(--blue-0);\n  --uui-filters_toggler-border-radius: 8px;\n  --uui-filters_toggler-bg: var(--uui-surface-main);\n  --uui-filters_toggler-bg-hover: var(--blue-0);\n  --uui-filters_toggler-text: var(--uui-text-secondary);\n  --uui-filters_toggler-label: var(--chromatic-500);\n  --uui-filters_toggler-icon: var(--uui-icon);\n  --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\n  --uui-filters_toggler-font: var(--uui-font);\n  --uui-filters_toggler-font-weight: 400;\n}\n.uui-theme-vanilla_thunder .uui-main_menu {\n  --uui-main_menu-text: var(--chromatic-500);\n  --uui-main_menu-text-hover: var(--chromatic-500);\n  --uui-main_menu-text-active: var(--uui-info-50);\n  --uui-main_menu-bg: var(--uui-info-5);\n  --uui-main_menu-hover: var(--uui-neutral-0);\n  --uui-main_menu-active: var(--uui-neutral-0);\n  --uui-main_menu-border-active: var(--uui-neutral-0);\n  --uui-main_menu-search-bg: var(--uui-neutral-5);\n  --uui-main_menu-search-border: var(--uui-neutral-40);\n  --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n  --uui-main_menu-search-text: var(--uui-text-primary);\n  --uui-main_menu-search-icon: var(--uui-neutral-70);\n  --uui-main_menu-icon: var(--chromatic-500);\n  --uui-main_menu-icon-hover: var(--chromatic-500);\n  --uui-main_menu-icon-active: var(--chromatic-500);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-dropdown {\n  --uui-main_menu-text: var(--chromatic-500);\n  --uui-main_menu-text-active: var(--chromatic-500);\n  --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-vanilla_thunder .uui-burger {\n  --uui-burger_menu-bg: var(--uui-info-5);\n  --uui-burger_menu-bg-hover: var(--uui-neutral-0);\n  --uui-burger_menu-caption: var(--chromatic-500);\n  --uui-burger_menu-icon: var(--chromatic-500);\n  --uui-burger_menu-item: var(--uui-info-5);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-burger-button {\n  --uui-burger_btn_caption: var(--chromatic-500);\n  --uui-burger_btn_caption-hover: var(--uui-primary-50);\n  --uui-burger_btn_caption-active: var(--uui-primary-50);\n  --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-burger-search {\n  --uui-burger_search: var(--chromatic-500);\n  --uui-burger_search-fill: var(--uui-neutral-70);\n  --uui-burger_search-bg: var(--uui-neutral-40);\n  --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-vanilla_thunder .uui-main_menu-dropdown {\n  --uui-main_menu-text: var(--chromatic-500);\n  --uui-main_menu-text-active: var(--chromatic-500);\n  --uui-main_menu-dropdown-bg: var(--chromatic-0);\n  --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\n  --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\n  --uui-main_menu-dropdown-border-radius: 8px;\n}\n.uui-theme-vanilla_thunder .uui-scroll-bars {\n  --uui-scroll_bars-bg: var(--chromatic-200);\n  --uui-scroll_bars-bg-active: var(--chromatic-300);\n}\n.uui-theme-vanilla_thunder .uui-text-placeholder {\n  --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-neutral {\n  --uui-tooltip-bg: var(--uui-neutral-0);\n  --uui-tooltip-text: var(--uui-text-primary);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-critical {\n  --uui-tooltip-bg: var(--uui-critical-60);\n}\n.uui-theme-vanilla_thunder .uui-tooltip-container.uui-color-inverted {\n  --uui-tooltip-bg: var(--uui-neutral-80);\n  --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun {\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300 {\n  --uui-tag-bg: var(--uui-neutral-30);\n  --uui-tag-bg-hover: var(--uui-neutral-40);\n  --uui-tag-border: var(--uui-neutral-30);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n  --uui-tag-caption: var(--uui-text-primary);\n  --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300 .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-40);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-vanilla_thunder .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-vanilla_thunder .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-30);\n  --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-vanilla_thunder .uui-count_indicator.uui-color-white {\n  --uui-color-5: var(--chromatic-0);\n  --uui-color-10: var(--blue-50);\n  --uui-color-20: var(--uui-primary-10);\n  --uui-color-50: var(--white);\n  --uui-color-60: var(--blue-50);\n  --uui-color-70: var(--blue-100);\n}\n.uui-theme-vanilla_thunder .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-vanilla_thunder .uui-button.uui-size-42 :global(.uui-caption), .uui-theme-vanilla_thunder .uui-button.uui-size-48 :global(.uui-caption) {\n  font-family: var(--font-museo-sans);\n}","@mixin uui-6px-grid {\n    & {\n        --uui-grid-unit: 6px;\n        --uui-focus-outline-width: 2px;\n        --uui-focus-outline-offset: 2px;\n        --uui-focus-radius: 2px;\n        //--uui-border-radius: 3px; // TODO: ?????\n        --uui-tab-line-width: 3px;\n        --uui-notify-size: 6px;\n        --uui-resize-marker-width: 12px;\n    }\n\n    .uui-size-12 {\n        --uui-size: 12px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px; // remove - discuss\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-18 {\n        --uui-size: 18px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 3px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 3px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 10px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-24 {\n        --uui-size: 24px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 18px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-30 {\n        --uui-size: 30px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 6px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-36 {\n        --uui-size: 36px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-42 {\n        --uui-size: 42px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 10px;\n    }\n\n    .uui-size-48 {\n        --uui-size: 48px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 12px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-size-60 {\n        --uui-size: 60px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 18px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 20px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-input-box {\n        &.uui-size-42 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-textarea {\n            --uui-horizontal-padding: 12px;\n\n            &.uui-size-24 {\n                --uui-line-height: 12px;\n            }\n        }\n    }\n\n    .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n        --uui-horizontal-padding: 6px;\n        --uui-horizontal-gap: 3px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n    }\n\n    .uui-vertical-tab-button {\n        &.uui-size-30 {\n            --uui-horizontal-padding: 12px;\n            --uui-icon-size: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 18px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 18px;\n            --uui-font-size: 14px;\n            --uui-icon-size: 18px;\n        }\n    }\n\n    .uui-tag {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n\n            .uui-caption {\n                --uui-tag-caption-horizontal-padding: 0;\n            }\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42 {\n            --uui-horizontal-gap: 3px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30 {\n            --uui-horizontal-padding: 3px;\n        }\n\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-padding: 9px;\n        }\n    }\n\n    .uui-checkbox-container, .uui-radio-input-container {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-switch {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-24 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 24px;\n            --uui-font-size: 16px;\n        }\n    }\n\n    .uui-labeled-input {\n        &.uui-size-30 {\n            --uui-icon-size: 12px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-42 {\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-48 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-badge {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n            --uui-horizontal-padding: 6px;\n            --uui-badge-caption-horizontal-padding: 0;\n            --uui-badge-indicator-padding: 3px;\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 9px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-gap: 3px;\n        }\n    }\n\n    .uui-status_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-gap: 4px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-gap: 6px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n            --uui-dot-size: 8px;\n        }\n\n        &.uui-size-24 {\n            --uui-font-size: 14px;\n            --uui-dot-size: 10px;\n        }\n    }\n\n    .uui-count_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-padding: 3px;\n            --uui-line-height: 10px;\n            --uui-font-size: 10px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-padding: 6px;\n            --uui-line-height: 16px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-24 {\n            --uui-line-height: 22px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-table-header-cell {\n        &.uui-size-36 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-60 {\n            --uui-horizontal-gap: 12px;\n        }\n    }\n\n    .uui-picker_toggler {\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-vertical-padding: 3px;\n        }\n    }\n\n    .uui-alert {\n        &.uui-size-36 {\n            --uui-alert-indicator-border-width: 3px;\n            --uui-alert-gap-h: 12px;\n            --uui-alert-gap-v: 3px;\n            --uui-alert-padding-h: 9px;\n            --uui-alert-padding-v: 3px;\n            --uui-alert-caption-gap-h: 9px;\n        }\n    }\n\n    .uui-filters-panel-item-toggler {\n        &.uui-size-24 {\n            --uui-horizontal-padding: 3px;\n            --uui-horizontal-gap: 3px;\n        }\n    }\n}\n"]}

package/css/theme/variables/fresh_4px.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../theme/variables/fresh_4px.scss%23sass"],"names":[],"mappings":"AACQ,yFAAA","file":"fresh_4px.css","sourcesContent":["@use 'tokens/theme_fresh_light_4px' as tokens;\n@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin fresh-variables {\n    --uui-font: 'Lexend', serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 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 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n    @include tokens.theme-tokens;\n\n\n    & {\n        --uui-border-radius: 3px;\n        scrollbar-color: var(--uui-neutral-40) transparent;\n    }\n\n    /* begin color classes */\n\n    .uui-color-grass {\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-sky {\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-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-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-70);\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(--night400);\n        --uui-color-70: var(--night500);\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(--night600);\n        --uui-color-70: var(--night700);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night600,\n    .uui-color-gray {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\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-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 {\n        &.uui-fill-solid {\n            --uui-badge-border-hover: var(--uui-neutral-30);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-0);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n        }\n    }\n\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-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-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-badge-bg: var(--uui-neutral-20);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-40);\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-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\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\n    /* IconButton */\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    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-10);\n        --uui-link_btn-text-active: var(--uui-neutral-20);\n    }\n\n    .uui-link_button.uui-color-white {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-30);\n        --uui-link_btn-text-active: var(--uui-neutral-40);\n        --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-white {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red {\n        --uui-tooltip-bg: var(--uui-error-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\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-flex-row-bg-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-flex-row-bg-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-flex-row-bg-night50 {\n        --uui-flex-row-bg: var(--night50);\n    }\n\n    .uui-flex-row.uui-flex-row-bg-night100 {\n        --uui-flex-row-bg: var(--night100);\n    }\n\n    .uui-panel.uui-bg-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-bg-night50 {\n        --uui-panel-bg: var(--night50);\n    }\n\n    /* Text */\n\n    .uui-text.uui-color-night50 {\n        --uui-text: var(--night50);\n    }\n\n    .uui-text.uui-color-night400 {\n        --uui-text: var(--night400);\n    }\n\n    .uui-text.uui-color-night800 {\n        --uui-text: var(--night800);\n    }\n\n    .uui-text.uui-color-night900 {\n        --uui-text: var(--night900);\n    }\n\n    .uui-text.uui-color-sky {\n        --uui-text: var(--sky-70);\n    }\n\n    .uui-text.uui-color-grass {\n        --uui-text: var(--grass-70);\n    }\n\n    .uui-text.uui-color-sun {\n        --uui-text: var(--sun-70);\n    }\n\n    .uui-text.uui-color-fire {\n        --uui-text: var(--fire-70);\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\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            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-0);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\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-bg-hover: 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-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\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-neutral-70);\n                --uui-tag-fill: var(--uui-neutral-70);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\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                }\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    .uui-picker_input-body-search {\n        --uui-data_picker_body-search-padding: 12px;\n    }\n\n    .uui-picker_input-row {\n        margin: 0 12px;\n        border-radius: 4px;\n    }\n\n    [aria-selected='true'], [aria-selected='true'].uui-focus {\n        background-color: var(--uui-primary-60);\n\n        .uui-picker_input-item {\n            --uui-picker_item-title: var(--uui-neutral-0);\n            --uui-picker_item-subtitle: var(--uui-neutral-0);\n        }\n\n        .uui-picker_input-row-select_icon {\n            display: none;\n        }\n    }\n\n    .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {\n        width: 40px;\n    }\n\n    .uui-dt-columns-config-row {\n        .uui-drag-handle {\n            --uui-dt-columns_config_modal-row-vertical-padding: 5px;\n        }\n    }\n}\n"]}
+{"version":3,"sources":["../../../../theme/variables/fresh_4px.scss%23sass"],"names":[],"mappings":"AACQ,yFAAA","file":"fresh_4px.css","sourcesContent":["@use 'tokens/theme_fresh_light_4px' as tokens;\n@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin fresh-variables {\n    --uui-font: 'Lexend', serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n    --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 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 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n    @include tokens.theme-tokens;\n\n\n    & {\n        --uui-border-radius: 3px;\n        scrollbar-color: var(--uui-neutral-40) transparent;\n    }\n\n    /* begin color classes */\n\n    .uui-color-grass {\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-sky {\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-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-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-70);\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(--night400);\n        --uui-color-70: var(--night500);\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(--night600);\n        --uui-color-70: var(--night700);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-night600,\n    .uui-color-gray {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--uui-secondary-contrast);\n    }\n\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-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 {\n        &.uui-fill-solid {\n            --uui-badge-border-hover: var(--uui-neutral-30);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-0);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n        }\n    }\n\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-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-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-badge-bg: var(--uui-neutral-20);\n            --uui-badge-bg-hover: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-40);\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-fill-solid {\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-20);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-80);\n            --uui-badge-caption-hover: var(--uui-neutral-80);\n        }\n    }\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\n    /* IconButton */\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    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-10);\n        --uui-link_btn-text-active: var(--uui-neutral-20);\n    }\n\n    .uui-link_button.uui-color-white {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-hover: var(--uui-neutral-30);\n        --uui-link_btn-text-active: var(--uui-neutral-40);\n        --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-white {\n        --uui-tooltip-bg: var(--uui-neutral-0);\n        --uui-tooltip-text: var(--uui-neutral-80);\n    }\n\n    .uui-tooltip-container.uui-color-red {\n        --uui-tooltip-bg: var(--uui-error-60);\n    }\n\n    .uui-tooltip-container.uui-color-gray {\n        --uui-tooltip-bg: var(--uui-neutral-80);\n        --uui-tooltip-text: var(--uui-neutral-5);\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-flex-row-bg-none {\n        --uui-flex-row-bg: transparent;\n    }\n\n    .uui-flex-row.uui-flex-row-bg-white {\n        --uui-flex-row-bg: var(--white);\n    }\n\n    .uui-flex-row.uui-flex-row-bg-night50 {\n        --uui-flex-row-bg: var(--night50);\n    }\n\n    .uui-flex-row.uui-flex-row-bg-night100 {\n        --uui-flex-row-bg: var(--night100);\n    }\n\n    .uui-panel.uui-bg-white {\n        --uui-panel-bg: var(--white);\n    }\n\n    .uui-panel.uui-bg-night50 {\n        --uui-panel-bg: var(--night50);\n    }\n\n    /* Text */\n\n    .uui-text.uui-color-night50 {\n        --uui-text: var(--night50);\n    }\n\n    .uui-text.uui-color-night400 {\n        --uui-text: var(--night400);\n    }\n\n    .uui-text.uui-color-night800 {\n        --uui-text: var(--night800);\n    }\n\n    .uui-text.uui-color-night900 {\n        --uui-text: var(--night900);\n    }\n\n    .uui-text.uui-color-sky {\n        --uui-text: var(--sky-70);\n    }\n\n    .uui-text.uui-color-grass {\n        --uui-text: var(--grass-70);\n    }\n\n    .uui-text.uui-color-sun {\n        --uui-text: var(--sun-70);\n    }\n\n    .uui-text.uui-color-fire {\n        --uui-text: var(--fire-70);\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\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            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-0);\n                --uui-tag-border: var(--uui-neutral-30);\n                --uui-tag-bg-hover: var(--uui-neutral-10);\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-bg-hover: 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-30);\n                    --uui-count_indicator-border: var(--uui-neutral-30);\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-neutral-70);\n                --uui-tag-fill: var(--uui-neutral-70);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                    --uui-count_indicator-caption: var(--uui-neutral-70);\n                }\n            }\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                }\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    .uui-picker_input-body-search {\n        --uui-data_picker_body-search-padding: 12px;\n    }\n\n    .uui-picker_input-row {\n        margin: 0 12px;\n        border-radius: 4px;\n\n        &[aria-selected='true'], &[aria-selected='true'].uui-focus {\n            background-color: var(--uui-primary-60);\n\n            .uui-picker_input-item {\n                --uui-picker_item-title: var(--uui-neutral-0);\n                --uui-picker_item-subtitle: var(--uui-neutral-0);\n            }\n\n            .uui-picker_input-row-select_icon {\n                display: none;\n            }\n        }\n    }\n\n\n    .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {\n        width: 40px;\n    }\n\n    .uui-dt-columns-config-row {\n        .uui-drag-handle {\n            --uui-dt-columns_config_modal-row-vertical-padding: 5px;\n        }\n    }\n}\n"]}

package/icons/action-add_overtime-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 18h3v2h-3v3h-2v-3h-3v-2h3v-3h2v3z"/><path d="M12.5.67c3.666 2.935 6.172 7.347 6.47 12.33a5.97 5.97 0 00-3.462 1.122 13.94 13.94 0 00-.588-3.962c-1.02 1.37-2.85 2.22-4.62 2.58-1.76.36-2.81 1.5-2.81 3.12 0 1.74 1.44 3.14 3.22 3.14.841 0 1.631-.219 2.32-.6a5.977 5.977 0 00.549 3.172A7.998 7.998 0 013 14a13.763 13.763 0 013.23-8.89l-.03.36c0 2.06 1.56 3.73 3.63 3.73 2.059 0 3.41-1.67 3.41-3.73 0-2.15-.741-4.8-.741-4.8z"/></svg>

package/icons/action-align_center-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M19 16v-3h4v-2h-4V8l-4 4 4 4zM5 8v3H1v2h4v3l4-4-4-4zm6 12h2V4h-2v16z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 15.5V13H22v-2h-3.636V8.5L14.727 12l3.637 3.5zm-12.728-7V11H2v2h3.636v2.5L9.273 12 5.636 8.5zM11.091 20h1.818V4h-1.818v16z" clip-rule="evenodd"/></svg>

package/icons/action-align_left-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 16v-3h10v-2H11V8l-4 4 4 4zm-8 4h2V4H3v16z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 22H2V2h2v20z" clip-rule="evenodd"/><path d="M11 13v3.25L6.444 12 11 7.75V11h11v2H11z"/></svg>

package/icons/action-align_right-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13 16v-3H3v-2h10V8l4 4-4 4zm8 4h-2V4h2v16z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13 16.25V13H2v-2h11V7.75L17.556 12 13 16.25zM22 22h-2V2h2v20z" clip-rule="evenodd"/></svg>

package/icons/action-change_overtime-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.12 16.132A3.002 3.002 0 0016 19c0 .941.436 1.778 1.115 2.327l.137-1.377.497.049.498.05-.295 2.954H17.5L14.998 23l.003-1 1.36.002A3.986 3.986 0 0115 19.001l.005-.207a4.004 4.004 0 012.82-3.62l.295.958zm4.88-.133l-1.357-.001a4.002 4.002 0 01-1.464 6.825l-.294-.956A3.003 3.003 0 0022 19a2.99 2.99 0 00-1.115-2.33l-.137 1.379-.497-.05-.498-.049.295-2.95H23v.999z"/><path d="M12.5.67c3.666 2.935 6.172 7.347 6.47 12.33a5.97 5.97 0 00-3.462 1.122 13.94 13.94 0 00-.588-3.962c-1.02 1.37-2.85 2.22-4.62 2.58-1.76.36-2.81 1.5-2.81 3.12 0 1.74 1.44 3.14 3.22 3.14.841 0 1.631-.219 2.32-.6a5.977 5.977 0 00.549 3.172A7.998 7.998 0 013 14a13.763 13.763 0 013.23-8.89l-.03.36c0 2.06 1.56 3.73 3.63 3.73 2.059 0 3.41-1.67 3.41-3.73 0-2.15-.741-4.8-.741-4.8z"/></svg>

package/icons/action-level-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 2h2v20h-2V2zm-4 4h2v16h-2V6zm-4 4h2v12h-2V10zm-4 4h2v8H7v-8zm-4 4h2v4H3v-4z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.5 2h3v20h-3V2zm-4 5h3v15h-3V7zm-4 4h3v11h-3V11zm-4 4h3v7h-3v-7zm-4 4h3v3h-3v-3z"/></svg>

package/icons/action-overrepoting-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 3c5.523 0 10 4.477 10 10a9.985 9.985 0 01-3.999 8H5.999A9.985 9.985 0 012 13C2 7.477 6.477 3 12 3zm0 8a2 2 0 10.785 3.839l5.365 4.023a8.53 8.53 0 001.202-1.598l-5.369-4.026c.01-.078.017-.157.017-.238a2 2 0 00-2-2zm-8.44 1a8.69 8.69 0 00-.06 1c0 .338.022.672.06 1H6v-2H3.56zM18 12v2h2.44a8.69 8.69 0 00.06-1 8.69 8.69 0 00-.06-1H18zM6.74 6.325c-.526.415-1 .89-1.415 1.414L7.05 9.465 8.465 8.05 6.739 6.325zm8.795 1.725l1.415 1.415 1.724-1.726c-.415-.525-.89-1-1.414-1.414L15.535 8.05zM12 4.5a8.47 8.47 0 00-1 .06V7h2V4.56a8.584 8.584 0 00-1-.06z" clip-rule="evenodd"/></svg>

package/icons/action-overrepoting-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3c5.523 0 10 4.477 10 10a9.98 9.98 0 01-.567 3.324l-1.7-1.275c.09-.341.157-.692.203-1.049H18v-2h1.936a7.956 7.956 0 00-1.618-3.904L16.95 9.465 15.535 8.05l1.368-1.37A7.957 7.957 0 0013 5.064V7h-2V5.063a7.958 7.958 0 00-3.904 1.618L8.465 8.05 7.05 9.465l-1.37-1.37A7.957 7.957 0 004.065 12H6v2H4.063a7.979 7.979 0 002.65 5H15l2.666 2H5.999A9.985 9.985 0 012 13C2 7.477 6.477 3 12 3z"/><path d="M12 11a2 2 0 011.983 2.238L20.6 18.2l-1.2 1.6-6.615-4.961A2 2 0 1112 11z"/></svg>

package/icons/action-prefill-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2c1.383 0 2.684.262 3.9.787a10.106 10.106 0 013.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.735 9.735 0 0122 12c0 .454-.031.899-.088 1.335a5.5 5.5 0 00-7.073 8.259A9.913 9.913 0 0112 22a9.735 9.735 0 01-3.9-.788 10.091 10.091 0 01-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.734 9.734 0 012 12c0-1.383.263-2.684.788-3.9a10.092 10.092 0 012.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.745 9.745 0 0112 2zm-1 9.6l-3.7 3.7 1.4 1.4 4.3-4.3V7h-2v4.6z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M20.223 15.26c.19.085.371.19.539.311l1.327-.22.75 1.298-.855 1.04a3.053 3.053 0 010 .622l.855 1.04-.75 1.298-1.327-.22a2.996 2.996 0 01-.54.311L19.75 22h-1.5l-.473-1.26a2.996 2.996 0 01-.539-.311l-1.327.22-.75-1.298.855-1.04a3.053 3.053 0 010-.622l-.855-1.04.75-1.298 1.327.22a3 3 0 01.54-.311L18.25 14h1.5l.473 1.26zM19 17a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"/></svg>

package/icons/action-prefill-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2c1.383 0 2.684.262 3.9.787a10.106 10.106 0 013.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.735 9.735 0 0122 12c0 .491-.034.971-.1 1.441a5.991 5.991 0 00-1.908-1.101c.004-.113.008-.226.008-.34 0-2.217-.78-4.104-2.338-5.663C16.104 4.779 14.217 4 12 4s-4.104.779-5.663 2.337C4.779 7.896 4 9.783 4 12s.779 4.104 2.337 5.663C7.896 19.221 9.783 20 12 20c.114 0 .227-.004.34-.008.248.706.625 1.35 1.101 1.907-.47.067-.95.101-1.441.101a9.735 9.735 0 01-3.9-.788 10.091 10.091 0 01-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.734 9.734 0 012 12c0-1.383.263-2.684.788-3.9a10.092 10.092 0 012.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.745 9.745 0 0112 2z"/><path fill-rule="evenodd" d="M19.223 15.26c.19.085.371.19.539.311l1.327-.22.75 1.298-.855 1.04a3.053 3.053 0 010 .622l.855 1.04-.75 1.298-1.327-.22a2.996 2.996 0 01-.54.311L18.75 22h-1.5l-.473-1.26a2.996 2.996 0 01-.539-.311l-1.327.22-.75-1.298.855-1.04a3.053 3.053 0 010-.622l-.855-1.04.75-1.298 1.327.22a3 3 0 01.54-.311L17.25 14h1.5l.473 1.26zM18 17a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"/><path d="M13 12.4l-4.3 4.3-1.4-1.4 3.7-3.7V7h2v5.4z"/></svg>

package/icons/action-send-opt.2-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.792 2.05a.91.91 0 011.158 1.16l-6.364 18.182a.91.91 0 01-1.69.069l-3.494-7.863-7.862-3.494a.91.91 0 01.07-1.69l18.182-6.363z"/></svg>

package/icons/action-send-opt.2-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.791 2.05a.909.909 0 011.158 1.16l-6.363 18.18a.91.91 0 01-1.69.07l-3.495-7.862-7.862-3.494a.91.91 0 01.07-1.69L20.79 2.051zM5.374 9.374l6.086 2.705.075.038a.91.91 0 01.387.424l2.704 6.085 4.982-14.234L5.374 9.373z" clip-rule="evenodd"/></svg>

package/icons/content-break-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 21H4v-2h16v2z"/><path fill-rule="evenodd" d="M20 3a2 2 0 012 2v4l-.01.204a2 2 0 01-1.786 1.785L20 11h-2v2a4 4 0 01-4 4H8a4 4 0 01-4-4V3h16zm-2 6h2V5h-2v4z" clip-rule="evenodd"/></svg>

package/icons/content-break-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 21H4v-2h16v2z"/><path fill-rule="evenodd" d="M20 3a2 2 0 012 2v4l-.01.204a2 2 0 01-1.786 1.785L20 11h-2v2a4 4 0 01-3.794 3.995L14 17H8l-.206-.005a4.001 4.001 0 01-3.79-3.789L4 13V3h16zM6 13a2 2 0 002 2h6a2 2 0 002-2V5H6v8zm12-4h2V5h-2v4z" clip-rule="evenodd"/></svg>

package/icons/content-business-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 7h10v14H2V3h10v4zM4 19h2v-2H4v2zm4 0h2v-2H8v2zm5-3h2v-2h-2v2zm4 0h2v-2h-2v2zM4 15h2v-2H4v2zm4 0h2v-2H8v2zm5-3h2v-2h-2v2zm4 0h2v-2h-2v2zM4 11h2V9H4v2zm4 0h2V9H8v2zM4 7h2V5H4v2zm4 0h2V5H8v2z" clip-rule="evenodd"/></svg>

package/icons/content-business-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 17h-2v-2h2v2zm0-4h-2v-2h2v2z"/><path fill-rule="evenodd" d="M12 7h10v14H2V3h10v4zM8 19h2v-2H8v2zm4-8h2v2h-2v2h2v2h-2v2h8V9h-8v2zm-8 8h2v-2H4v2zm4-4h2v-2H8v2zm-4 0h2v-2H4v2zm4-4h2V9H8v2zm-4 0h2V9H4v2zm4-4h2V5H8v2zM4 7h2V5H4v2z" clip-rule="evenodd"/></svg>

package/icons/content-clear-fill.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8.4 17l3.6-3.6 3.6 3.6 1.4-1.4-3.6-3.6L17 8.4 15.6 7 12 10.6 8.4 7 7 8.4l3.6 3.6L7 15.6 8.4 17zm3.6 5a9.733 9.733 0 01-3.9-.788 10.092 10.092 0 01-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 012 12a9.74 9.74 0 01.788-3.9 10.092 10.092 0 012.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0112 2a9.74 9.74 0 013.9.787 10.105 10.105 0 013.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0122 12a9.733 9.733 0 01-.788 3.9 10.092 10.092 0 01-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0112 22z"/></svg>

package/icons/content-hot-fill.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13.406 1.335s.694 2.485.694 4.5c0 1.932-1.266 3.498-3.197 3.498-1.94 0-3.403-1.566-3.403-3.497l.028-.338A12.91 12.91 0 004.5 13.834a7.499 7.499 0 007.5 7.501c4.144 0 7.5-3.357 7.5-7.501 0-5.054-2.428-9.564-6.094-12.499zm-1.678 17.187c-1.669 0-3.019-1.313-3.019-2.944 0-1.52.985-2.588 2.635-2.926 1.66-.337 3.375-1.134 4.331-2.419.366 1.21.553 2.485.553 3.788a4.502 4.502 0 01-4.5 4.501z" clip-rule="evenodd"/></svg>

package/icons/content-on_duty-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.1 4c.233 0 .441.075.625.225a.88.88 0 01.325.575l.65 3.5c.034.233.03.445-.012.637a1.03 1.03 0 01-.288.513L6 11.9a16.61 16.61 0 002.625 3.375A18.295 18.295 0 0012.1 18l2.35-2.35a1.4 1.4 0 01.588-.338c.241-.075.479-.095.712-.062l3.45.7c.233.05.425.163.575.337.15.175.225.38.225.613v4.05c0 .3-.1.55-.3.75-.2.2-.45.3-.75.3-2.15 0-4.246-.48-6.287-1.439a19.043 19.043 0 01-5.425-3.8 19.042 19.042 0 01-3.8-5.424C2.48 9.296 2 7.2 2 5.05c0-.3.1-.55.3-.75.2-.2.45-.3.75-.3H7.1z"/><path fill-rule="evenodd" d="M17 2a5 5 0 110 10 5 5 0 010-10zm-.5 5.207l2.146 2.147.707-.708L17.5 6.793V4.5h-1v2.707z" clip-rule="evenodd"/></svg>

package/icons/content-on_duty-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.1 4c.233 0 .441.075.625.225a.88.88 0 01.325.575l.65 3.5c.034.233.03.445-.012.637a1.03 1.03 0 01-.288.513L6 11.9a16.61 16.61 0 002.625 3.375A18.295 18.295 0 0012.1 18l2.35-2.35a1.4 1.4 0 01.588-.338c.241-.075.479-.095.712-.062l3.45.7c.233.05.425.163.575.337.15.175.225.38.225.613v4.05c0 .3-.1.55-.3.75-.2.2-.45.3-.75.3-2.15 0-4.246-.48-6.287-1.439a19.043 19.043 0 01-5.425-3.8 19.042 19.042 0 01-3.8-5.424C2.48 9.296 2 7.2 2 5.05c0-.3.1-.55.3-.75.2-.2.45-.3.75-.3H7.1zm10.4 2.793l1.354 1.353-.707.708L16.5 7.207V4.5h1v2.293z"/><path fill-rule="evenodd" d="M17 2a5 5 0 110 10 5 5 0 010-10zm0 1.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7z" clip-rule="evenodd"/></svg>

package/icons/content-reference_hours-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8 5a7 7 0 110 14A7 7 0 018 5zm-.75 7.31l3.22 3.22 1.06-1.06-2.78-2.78V8.5h-1.5v3.81z" clip-rule="evenodd"/><path d="M16 5a7 7 0 11-2.002 13.708A8.976 8.976 0 0017 12a8.977 8.977 0 00-3.002-6.709A7 7 0 0116 5z"/></svg>

package/icons/content-reference_hours-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8.75 11.69l2.28 2.28-1.06 1.06-2.72-2.72V9h1.5v2.69z"/><path fill-rule="evenodd" d="M8 5a7 7 0 110 14A7 7 0 018 5zm0 2a5 5 0 100 10A5 5 0 008 7z" clip-rule="evenodd"/><path d="M16 5a7 7 0 11-2.002 13.708 9.044 9.044 0 001.501-1.733 5 5 0 100-9.95 9.042 9.042 0 00-1.501-1.734A7 7 0 0116 5z"/></svg>

package/icons/editor-chart_bar_stacked-outline.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M22 21H2V3h2v16h2v-2h4v2h2v-3h4v3h2v-2h4v4zm-4-7h4v2h-4v-2zm-6-8h4v3h-4V6zm4 9h-4v-5h4v5zM6 10h4v2H6v-2zm4 6H6v-3h4v3z" clip-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M22 22H2V2h2v18h2v-2h4v2h2v-3h4v3h2v-2h4v4zm-4-7h4v2h-4v-2zm-6-8h4v3h-4V7zm4 9h-4v-5h4v5zM6 11h4v2H6v-2zm4 6H6v-3h4v3z" clip-rule="evenodd"/></svg>