@epam/assets 5.4.2 → 5.5.0

package/css/theme/theme_vanilla_thunder.css.map

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

package/icons/loaders/dots_loader_30.svg

@@ -1,22 +1,39 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
- <g transform="translate(0,-294.65)" display="none">
-  <path d="m6 297.65v1h-2v2h-1v8h1v2h2v1h8v-1h2v-2h1v-8h-1v-2h-2v-1z" fill-opacity=".27451" opacity=".544"/>
-  <path d="m9.91 297.99a6.6574 6.6574 89.506 0 0-6.568 6.7468 6.6574 6.6574 89.506 0 0 6.7468 6.568 6.6574 6.6574 89.506 0 0 6.568-6.7468 6.6574 6.6574 89.506 0 0-6.7468-6.568zm0.089396 0.83218a5.8252 5.8252 0 0 1 5.8252 5.8252 5.8252 5.8252 0 0 1-5.8252 5.8252 5.8252 5.8252 0 0 1-5.8252-5.8252 5.8252 5.8252 0 0 1 5.8252-5.8252z"/>
-  <rect x="-4.9792" y="289.67" width="29.958" height="29.958" fill="none" stroke="#000000" stroke-width=".041609"/>
-  <ellipse cx="10" cy="304.65" rx="14.979" ry="14.979" fill="none" stroke="#000000" stroke-width=".041609"/>
- </g>
- <g transform="translate(0,-4)">
-  <g transform="matrix(.23333 0 0 .225 3 2.1)">
-   <circle cx="6" cy="50" r="6">
-    <animateTransform attributeName="transform" begin="0.1" calcMode="spline" dur="0.8s" keySplines=".42,0,.58,1; 0,0,.58,1" keyTimes="0; 0.5; 1" repeatCount="indefinite" type="translate" values="0 10 ;0 -10; 0 10"/>
-   </circle>
-   <circle cx="30" cy="50" r="6">
-    <animateTransform attributeName="transform" begin="0.25" calcMode="spline" dur="0.8s" keySplines=".42,0,.58,1; 0,0,.58,1" keyTimes="0; 0.5; 1" repeatCount="indefinite" type="translate" values="0 10 ;0 -10; 0 10"/>
-   </circle>
-   <circle cx="54" cy="50" r="6">
-    <animateTransform attributeName="transform" begin="0.4" calcMode="spline" dur="0.8s" keySplines=".42,0,.58,1; 0,0,.58,1" keyTimes="0; 0.5; 1" repeatCount="indefinite" type="translate" values="0 10 ;0 -10; 0 10"/>
-   </circle>
-  </g>
- </g>
+  <circle cx="4.4" cy="10" r="1.35">
+    <animateTransform
+       attributeName="transform"
+       begin="-0.7"
+       calcMode="spline"
+       dur="0.8s"
+       keySplines=".42,0,.58,1; 0,0,.58,1"
+       keyTimes="0; 0.5; 1"
+       repeatCount="indefinite"
+       type="translate"
+       values="0 2.2 ;0 -2.2; 0 2.2" />
+  </circle>
+  <circle cx="10" cy="10" r="1.35">
+    <animateTransform
+       attributeName="transform"
+       begin="-0.55"
+       calcMode="spline"
+       dur="0.8s"
+       keySplines=".42,0,.58,1; 0,0,.58,1"
+       keyTimes="0; 0.5; 1"
+       repeatCount="indefinite"
+       type="translate"
+       values="0 2.2 ;0 -2.2; 0 2.2" />
+  </circle>
+  <circle cx="15.6" cy="10" r="1.35">
+    <animateTransform
+       attributeName="transform"
+       begin="-0.4"
+       calcMode="spline"
+       dur="0.8s"
+       keySplines=".42,0,.58,1; 0,0,.58,1"
+       keyTimes="0; 0.5; 1"
+       repeatCount="indefinite"
+       type="translate"
+       values="0 2.2 ;0 -2.2; 0 2.2" />
+  </circle>
 </svg>

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@epam/assets",
-  "version": "5.4.2",
+  "version": "5.5.0",
   "description": "EPAM Assets Library",
   "author": "EPAM",
   "license": "MIT",
   "scripts": {
     "build": "node ../uui-build/scripts/buildModule && yarn buildTheme",
-    "buildTheme": "node ../uui-build/scripts/compileScss.js ./theme:./build/css/theme",
+    "buildTheme": "yarn --cwd ../uui-build compile-theme-scss --dirs=./epam-assets/theme:./epam-assets/build/css/theme",
     "prepublish": "yarn build"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/epam/UUI"
   },
-  "gitHead": "28a28c54a6d0b1b0e66b06e011a1a39f231bafb4",
+  "gitHead": "641dbccc8fa74d1257c33bae8c19b22b83afa994",
   "publishConfig": {
     "directory": "build"
   }

package/scss/loveship/colors.scss

@@ -30,12 +30,12 @@ $fire-darkest: #AD0000;
 // Secondary Colors
 $white: #FFFFFF;
 
-$yellow-5: #FFFFF0;
-$yellow-10: #FFFECC;
+$yellow-5: #FFFFF5;
+$yellow-10: #FFFFE5;
 $yellow-20: #FFFCA4;
 $yellow-30: #FDD63B;
 $yellow-40: #F9B71D;
-$yellow-50: #D3910C;
+$yellow-50: #BC7E02;
 
 $orange-5: #FEF8F4;
 $orange-10: #FFE8D7;
@@ -72,7 +72,7 @@ $cobalt-30: #0F98FF;
 $cobalt-40: #006FE5;
 $cobalt-50: #0954A5;
 
-$cyan-5: #F5FBFF;
+$cyan-5: #F6FEFE;
 $cyan-10: #D1FAFA;
 $cyan-20: #AAEEEE;
 $cyan-30: #14CCCC;
@@ -98,24 +98,3 @@ $night700: #474A59;
 $night800: #303240;
 $night900: #1D1E26;
 
-$epam-basic-color-names: (
-    sky-soft: $sky-soft, sky-lightest: $sky-lightest, sky-light: $sky-light, sky: $sky, sky-dark: $sky-dark, sky-darkest: $sky-darkest,
-    grass-soft: $grass-soft, grass-lightest: $grass-lightest, grass-light: $grass-light, grass: $grass, grass-dark: $grass-dark, grass-darkest: $grass-darkest,
-    sun-soft: $sun-soft, sun-lightest: $sun-lightest, sun-light: $sun-light, sun: $sun, sun-dark: $sun-dark, sun-darkest: $sun-darkest,
-    fire-soft: $fire-soft, fire-lightest: $fire-lightest, fire-light: $fire-light, fire: $fire, fire-dark: $fire-dark, fire-darkest: $fire-darkest
-);
-
-$epam-grayscale-color-names: (
-    night50: $night50, night100: $night100, night200: $night200, night300: $night300, night400: $night400, night500: $night500, night600: $night600, night700: $night700, night800: $night800, night900: $night900
-);
-
-$epam-additional-color-names: (
-    yellow-5: $yellow-5, yellow-10: $yellow-10, yellow-20: $yellow-20, yellow-30: $yellow-30, yellow-40: $yellow-40, yellow-50: $yellow-50,
-    orange-5: $orange-5, orange-10: $orange-10, orange-20: $orange-20, orange-30: $orange-30, orange-40: $orange-40, orange-50: $orange-50,
-    fuchia-5: $fuchia-5, fuchia-10: $fuchia-10, fuchia-20: $fuchia-20, fuchia-30: $fuchia-30, fuchia-40: $fuchia-40, fuchia-50: $fuchia-50,
-    purple-5: $purple-5, purple-10: $purple-10, purple-20: $purple-20, purple-30: $purple-30, purple-40: $purple-40, purple-50: $purple-50,
-    violet-5: $violet-5, violet-10: $violet-10, violet-20: $violet-20, violet-30: $violet-30, violet-40: $violet-40, violet-50: $violet-50,
-    cobalt-5: $cobalt-5, cobalt-10: $cobalt-10, cobalt-20: $cobalt-20, cobalt-30: $cobalt-30, cobalt-40: $cobalt-40, cobalt-50: $cobalt-50,
-    cyan-5: $cyan-5, cyan-10: $cyan-10, cyan-20: $cyan-20, cyan-30: $cyan-30, cyan-40: $cyan-40, cyan-50: $cyan-50,
-    mint-5: $mint-5, mint-10: $mint-10, mint-20: $mint-20, mint-30: $mint-30, mint-40: $mint-40, mint-50: $mint-50,
-);

package/scss/promo/colors.scss

@@ -30,56 +30,56 @@ $red-dark: #C03316;
 $red-darkest: #A02B13;
 
 //Additional Colors
-$yellow-0: #FFFFF0;
-$yellow-10: #FFFECC;
+$yellow-5: #FFFFF5;
+$yellow-10: #FFFFE5;
 $yellow-20: #FFFCA4;
 $yellow-30: #FDD63B;
 $yellow-40: #F9B71D;
-$yellow-50: #D3910C;
+$yellow-50: #BC7E02;
 
-$orange-0: #FEF8F4;
+$orange-5: #FEF8F4;
 $orange-10: #FFE8D7;
 $orange-20: #FFCCA7;
 $orange-30: #FF8B3E;
 $orange-40: #F76B0D;
 $orange-50: #BD4B00;
 
-$fuchia-0: #FFF7FB;
+$fuchia-5: #FFF7FB;
 $fuchia-10: #F9D8E7;
 $fuchia-20: #EDADC8;
 $fuchia-30: #EA4386;
 $fuchia-40: #D61E68;
 $fuchia-50: #AE1955;
 
-$purple-0: #FDF6FE;
+$purple-5: #FDF6FE;
 $purple-10: #F2CCFA;
 $purple-20: #E79DF5;
 $purple-30: #B114D1;
 $purple-40: #860F9E;
 $purple-50: #5E0B6F;
 
-$violet-0: #F8F6FE;
+$violet-5: #F8F6FE;
 $violet-10: #DBCCFA;
 $violet-20: #BB9DF5;
 $violet-30: #773CEC;
 $violet-40: #5514D6;
 $violet-50: #40109E;
 
-$cobalt-0: #F8FAFF;
+$cobalt-5: #F8FAFF;
 $cobalt-10: #D9E2FC;
 $cobalt-20: #AEC0F5;
 $cobalt-30: #0F98FF;
 $cobalt-40: #006FE5;
 $cobalt-50: #0954A5;
 
-$cyan-0: #F5FBFF;
+$cyan-5: #F6FEFE;
 $cyan-10: #D1FAFA;
 $cyan-20: #AAEEEE;
 $cyan-30: #14CCCC;
 $cyan-40: #0F9E9E;
 $cyan-50: #0B6F6F;
 
-$mint-0: #F2FCF5;
+$mint-5: #F2FCF5;
 $mint-10: #DDF3E4;
 $mint-20: #B4DFC4;
 $mint-30: #4FC48C;
@@ -98,19 +98,3 @@ $gray70: #474A59;
 $gray80: #303240;
 $gray90: #1D1E26;
 
-$epam-basic-color-names: ('white' $white ,'blue-soft' $blue-soft, 'blue' $blue, 'blue-dark' $blue-dark, 'blue-darkest' $blue-darkest, 'blue-light' $blue-light, 'blue-lightest' $blue-lightest,
-'green-soft' $green-soft, 'green' $green, 'green-dark' $green-dark, 'green-darkest' $green-darkest, 'green-light' $green-light, 'green-lightest' $green-lightest,
-'amber-soft' $amber-soft ,'amber' $amber, 'amber-dark' $amber-dark, 'amber-darkest' $amber-darkest, 'amber-light' $amber-light, 'amber-lightest' $amber-lightest,
-'red-soft' $red-soft,'red' $red, 'red-dark' $red-dark, 'red-darkest' $red-darkest, 'red-light' $red-light, 'red-lightest' $red-lightest);
-
-$epam-grayscale-color-names: ('gray5' $gray5, 'gray10' $gray10, 'gray20' $gray20, 'gray30' $gray30, 'gray40' $gray40,
-'gray50' $gray50, 'gray60' $gray60, 'gray70' $gray70, 'gray80' $gray80, 'gray90' $gray90);
-
-$epam-additional-color-names: ('yellow-0' $yellow-0, 'yellow-10' $yellow-10, 'yellow-20' $yellow-20, 'yellow-30' $yellow-30, 'yellow-40' $yellow-40, 'yellow-50' $yellow-50,
-'orange-0' $orange-0, 'orange-10' $orange-10, 'orange-20' $orange-20, 'orange-30' $orange-30, 'orange-40' $orange-40, 'orange-50' $orange-50,
-'fuchia-0' $fuchia-0, 'fuchia-10' $fuchia-10, 'fuchia-20' $fuchia-20, 'fuchia-30' $fuchia-30, 'fuchia-40' $fuchia-40, 'fuchia-50' $fuchia-50,
-'purple-0' $purple-0, 'purple-10' $purple-10, 'purple-20' $purple-20, 'purple-30' $purple-30, 'purple-40' $purple-40, 'purple-50' $purple-50,
-'violet-0' $violet-0, 'violet-10' $violet-10, 'violet-20' $violet-20, 'violet-30' $violet-30, 'violet-40' $violet-40, 'violet-50' $violet-50,
-'cobalt-0' $cobalt-0, 'cobalt-10' $cobalt-10, 'cobalt-20' $cobalt-20, 'cobalt-30' $cobalt-30, 'cobalt-40' $cobalt-40, 'cobalt-50' $cobalt-50,
-'cyan-0' $cyan-0, 'cyan-10' $cyan-10, 'cyan-20' $cyan-20, 'cyan-30' $cyan-30, 'cyan-40' $cyan-40, 'cyan-50' $cyan-50,
-'mint-0' $mint-0, 'mint-10' $mint-10, 'mint-20' $mint-20, 'mint-30' $mint-30, 'mint-40' $mint-40, 'mint-50' $mint-50);