@epam/assets 6.4.1 → 6.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/css/theme/no-fonts/theme_electric.css.map +1 -1
  2. package/css/theme/no-fonts/theme_loveship.css.map +1 -1
  3. package/css/theme/no-fonts/theme_loveship_dark.css.map +1 -1
  4. package/css/theme/no-fonts/theme_promo.css.map +1 -1
  5. package/css/theme/theme_eduverse_dark.css.map +1 -1
  6. package/css/theme/theme_eduverse_light.css.map +1 -1
  7. package/css/theme/theme_electric.css.map +1 -1
  8. package/css/theme/theme_electric_dark.css.map +1 -1
  9. package/css/theme/theme_fresh_4px.css.map +1 -1
  10. package/css/theme/theme_loveship.css.map +1 -1
  11. package/css/theme/theme_loveship_dark.css.map +1 -1
  12. package/css/theme/theme_promo.css.map +1 -1
  13. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  14. package/icons/common/radio-point-10.svg +13 -13
  15. package/icons/editor-dropdown-outline.svg +1 -0
  16. package/icons/editor-radio-fill.svg +1 -0
  17. package/icons/legacy/btn_cross.svg +22 -22
  18. package/icons/legacy/btn_tick.svg +22 -22
  19. package/icons/legacy/calendar-30.svg +12 -12
  20. package/icons/legacy/calendar-36.svg +14 -14
  21. package/icons/legacy/excel.svg +12 -12
  22. package/icons/legacy/filter-24.svg +11 -11
  23. package/icons/legacy/filter.svg +12 -12
  24. package/icons/legacy/folding-arrow.svg +14 -14
  25. package/icons/legacy/gear.svg +14 -14
  26. package/icons/legacy/help-24.svg +11 -11
  27. package/icons/legacy/help.svg +21 -21
  28. package/icons/legacy/label_info.svg +14 -14
  29. package/icons/legacy/lens.svg +17 -17
  30. package/icons/legacy/modal-close-cross.svg +22 -22
  31. package/icons/legacy/more.svg +20 -20
  32. package/icons/legacy/pencil.svg +12 -12
  33. package/icons/legacy/plus.svg +12 -12
  34. package/icons/legacy/sliders.svg +12 -12
  35. package/icons/legacy/sort-24.svg +15 -15
  36. package/icons/legacy/sort-desc-24.svg +15 -15
  37. package/icons/legacy/sort.svg +4 -4
  38. package/icons/legacy/trash.svg +12 -12
  39. package/icons/loaders/circle_loader_30.svg +69 -69
  40. package/icons/loaders/dots_loader_30.svg +39 -39
  41. package/icons/navigation-forward-outline.svg +1 -0
  42. package/icons/templates/generic-24.svg +40 -40
  43. package/icons/templates/generic-30.svg +43 -43
  44. package/icons/templates/generic.svg +40 -40
  45. package/icons/templates/tall.svg +69 -69
  46. package/package.json +2 -2
  47. package/scss/electric/font-faces.scss +138 -138
  48. package/scss/font-faces.scss +3 -3
  49. package/scss/fonts.scss +2 -2
  50. package/scss/index.scss +4 -4
  51. package/scss/loveship/colors.scss +100 -100
  52. package/scss/loveship/font-faces.scss +186 -186
  53. package/scss/loveship/fonts.scss +23 -23
  54. package/scss/loveship/typography.scss +160 -160
  55. package/scss/loveship-colors.scss +2 -2
  56. package/scss/promo/colors.scss +100 -100
  57. package/scss/promo/font-faces.scss +168 -168
  58. package/scss/promo/fonts.scss +17 -17
  59. package/scss/promo/typography.scss +175 -175
  60. package/scss/typography.scss +2 -2
  61. package/theme/no-fonts/theme_electric.scss +7 -7
  62. package/theme/no-fonts/theme_loveship.scss +8 -8
  63. package/theme/no-fonts/theme_loveship_dark.scss +8 -8
  64. package/theme/no-fonts/theme_promo.scss +8 -8
  65. package/theme/theme_electric.scss +8 -8
  66. package/theme/theme_fresh_4px.scss +7 -7
  67. package/theme/theme_loveship.scss +8 -8
  68. package/theme/theme_loveship_dark.scss +8 -8
  69. package/theme/theme_promo.scss +9 -9
  70. package/theme/theme_vanilla_thunder.scss +488 -488
  71. package/theme/variables/6px_grid_eduverse.scss +69 -69
  72. package/theme/variables/tokens/_color_classes.scss +103 -103
  73. package/theme/variables/tokens/_theme_eduverse_dark.scss +282 -282
  74. package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss +282 -282
  75. package/theme/variables/tokens/_theme_eduverse_light.scss +282 -282
  76. package/theme/variables/tokens/_theme_eduverse_light_mobile.scss +282 -282
package/css/theme/theme_vanilla_thunder.css.map CHANGED
@@ -1 +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-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"]}
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 *;\r\n\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n.uui-theme-vanilla_thunder {\r\n --uui-font: var(--font-inter);\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n --blue-0: #F0F7FC;\r\n --blue-50: #E1F4FA;\r\n --blue-100: #D4F0FE;\r\n --blue-200: #76CDD8;\r\n --blue-300: #2BC1F0;\r\n --blue-400: #1CA5D3;\r\n --blue-500: #008ACE;\r\n\r\n --grass-25: #EBFCC7;\r\n --grass-50: #E4ED94;\r\n --grass-100: #CEDB56;\r\n --grass-200: #91C229;\r\n --grass-300: #4FA762;\r\n --grass-400: #329247;\r\n --grass-500: #157D2C;\r\n\r\n --sun-50: #FFF1A7;\r\n --sun-100: #FFD602;\r\n --sun-200: #F7A02C;\r\n --sun-250: #F67E00;\r\n --sun-300: #F2682A;\r\n\r\n --chromatic-0: #FFFFFF;\r\n --chromatic-100: #F7F7FD;\r\n --chromatic-150: #E5E5EE;\r\n --chromatic-200: #CDCDD9;\r\n --chromatic-300: #8D8D9C;\r\n --chromatic-400: #34384A;\r\n --chromatic-500: #191F3D;\r\n\r\n /* start Loveship colors for controllers */\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FCC8C8;\r\n --fire-50: #FA4B4B;\r\n --fire-60: #CC2929;\r\n --fire-70: #B32424;\r\n\r\n --white: #FFFFFF;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n /* end Loveship colors for controllers */\r\n\r\n /* core variables start */\r\n\r\n --uui-accent-5: var(--grass-50);\r\n --uui-accent-10: var(--grass-100);\r\n --uui-accent-20: var(--grass-200);\r\n --uui-accent-50: var(--grass-300);\r\n --uui-accent-60: var(--grass-400);\r\n --uui-accent-70: var(--grass-500);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-primary-5: var(--blue-50);\r\n --uui-primary-10: var(--blue-100);\r\n --uui-primary-20: var(--blue-200);\r\n --uui-primary-50: var(--blue-300);\r\n --uui-primary-60: var(--blue-400);\r\n --uui-primary-70: var(--blue-500);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night100);\r\n --uui-secondary-10: var(--night200);\r\n --uui-secondary-20: var(--night300);\r\n --uui-secondary-50: var(--night500);\r\n --uui-secondary-60: var(--night600);\r\n --uui-secondary-70: var(--night700);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--fire-5);\r\n --uui-critical-10: var(--fire-10);\r\n --uui-critical-20: var(--fire-20);\r\n --uui-critical-50: var(--fire-50);\r\n --uui-critical-60: var(--fire-60);\r\n --uui-critical-70: var(--fire-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n\r\n --uui-info-5: var(--blue-0);\r\n --uui-info-10: var(--blue-0);\r\n --uui-info-20: var(--blue-100);\r\n --uui-info-50: var(--blue-300);\r\n --uui-info-60: var(--blue-400);\r\n --uui-info-70: var(--blue-500);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-25);\r\n --uui-success-10: var(--grass-100);\r\n --uui-success-20: var(--grass-200);\r\n --uui-success-50: var(--grass-300);\r\n --uui-success-60: var(--grass-400);\r\n --uui-success-70: var(--grass-500);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--sun-50);\r\n --uui-warning-10: var(--sun-50);\r\n --uui-warning-20: var(--sun-100);\r\n --uui-warning-50: var(--sun-200);\r\n --uui-warning-60: var(--sun-250);\r\n --uui-warning-70: var(--sun-300);\r\n --uui-warning-contrast: var(--white);\r\n\r\n --uui-error-5: var(--fire-5);\r\n --uui-error-10: var(--fire-10);\r\n --uui-error-20: var(--fire-20);\r\n --uui-error-50: var(--fire-50);\r\n --uui-error-60: var(--fire-60);\r\n --uui-error-70: var(--fire-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--night50);\r\n --uui-neutral-10: var(--night100);\r\n --uui-neutral-20: var(--night200);\r\n --uui-neutral-30: var(--night300);\r\n --uui-neutral-40: var(--night400);\r\n --uui-neutral-50: var(--night500);\r\n --uui-neutral-60: var(--night600);\r\n --uui-neutral-70: var(--night700);\r\n --uui-neutral-80: var(--night800);\r\n --uui-neutral-90: var(--night900);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--chromatic-100);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--night50);\r\n --uui-surface-main: var(--chromatic-0);\r\n --uui-surface-higher: var(--night100);\r\n --uui-surface-highest: var(--night200);\r\n\r\n --uui-divider: var(--chromatic-200);\r\n --uui-divider-light: var(--chromatic-150);\r\n\r\n --uui-text-primary: var(--chromatic-500);\r\n --uui-text-secondary: var(--chromatic-300);\r\n --uui-text-tertiary: var(--chromatic-300);\r\n --uui-text-disabled: var(--chromatic-200);\r\n\r\n --uui-text-info: var(--uui-info-50);\r\n --uui-text-warning: var(--uui-warning-50);\r\n --uui-text-critical: var(--uui-critical-50);\r\n --uui-text-success: var(--uui-success-50);\r\n --uui-text-bg-highlight: var(--uui-warning-10);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--blue-300);\r\n --uui-link-hover: var(--blue-400);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--chromatic-200);\r\n\r\n --uui-icon: var(--chromatic-300);\r\n --uui-icon-hover: var(--chromatic-400);\r\n --uui-icon-active: var(--chromatic-500);\r\n --uui-icon-disabled: var(--chromatic-200);\r\n\r\n --uui-control-bg: var(--chromatic-0);\r\n --uui-control-bg-hover: var(--chromatic-300);\r\n --uui-control-bg-disabled: var(--chromatic-100);\r\n\r\n --uui-control-border: var(--chromatic-200);\r\n --uui-control-border-hover: var(--chromatic-300);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--chromatic-150);\r\n\r\n --uui-control-placeholder: var(--night600);\r\n --uui-control-placeholder-disabled: var(--night600);\r\n\r\n --uui-control-text: var(--chromatic-500);\r\n --uui-control-text-disabled: var(--chromatic-300);\r\n\r\n --uui-control-icon: var(--chromatic-200);\r\n --uui-control-icon-disabled: var(--chromatic-200);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--chromatic-200);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\r\n --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\r\n --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* size theme start */\r\n\r\n @include uui-6px-grid();\r\n\r\n /* size theme end */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-grass,\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-blue,\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-fire,\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-sun {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-neutral,\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-button {\r\n --uui-border-radius: 8px;\r\n --uui-btn-font: var(--font-museo-sans);\r\n --uui-btn-font-weight: 700;\r\n\r\n &.uui-color-gray {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-5);\r\n --uui-color-50: var(--chromatic-100);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n --uui-color-contrast: var(--uui-text-primary);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-color-5: var(--chromatic-0);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-10);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n --uui-color-contrast: var(--uui-text-primary);\r\n }\r\n }\r\n\r\n .uui-filters-panel-item-toggler.uui-input-box {\r\n --uui-filters_toggler-border: var(--uui-surface-main);\r\n --uui-filters_toggler-border-hover: var(--blue-0);\r\n --uui-filters_toggler-border-radius: 8px;\r\n --uui-filters_toggler-bg: var(--uui-surface-main);\r\n --uui-filters_toggler-bg-hover: var(--blue-0);\r\n --uui-filters_toggler-text: var(--uui-text-secondary);\r\n --uui-filters_toggler-label: var(--chromatic-500);\r\n --uui-filters_toggler-icon: var(--uui-icon);\r\n --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\r\n\r\n --uui-filters_toggler-font: var(--uui-font);\r\n --uui-filters_toggler-font-weight: 400;\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--chromatic-500);\r\n --uui-main_menu-text-hover: var(--chromatic-500);\r\n --uui-main_menu-text-active: var(--uui-info-50);\r\n --uui-main_menu-bg: var(--uui-info-5);\r\n --uui-main_menu-hover: var(--uui-neutral-0);\r\n --uui-main_menu-active: var(--uui-neutral-0);\r\n --uui-main_menu-border-active: var(--uui-neutral-0);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--chromatic-500);\r\n --uui-main_menu-icon-hover: var(--chromatic-500);\r\n --uui-main_menu-icon-active: var(--chromatic-500);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--chromatic-500);\r\n --uui-main_menu-text-active: var(--chromatic-500);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-info-5);\r\n --uui-burger_menu-bg-hover: var(--uui-neutral-0);\r\n --uui-burger_menu-caption: var(--chromatic-500);\r\n --uui-burger_menu-icon: var(--chromatic-500);\r\n --uui-burger_menu-item: var(--uui-info-5);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--chromatic-500);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--chromatic-500);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--chromatic-500);\r\n --uui-main_menu-text-active: var(--chromatic-500);\r\n\r\n --uui-main_menu-dropdown-bg: var(--chromatic-0);\r\n --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\r\n --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\r\n --uui-main_menu-dropdown-border-radius: 8px;\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--chromatic-200);\r\n --uui-scroll_bars-bg-active: var(--chromatic-300);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-text-primary);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-color-warning, &.uui-color-sun {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n\r\n }\r\n\r\n &.uui-color-neutral, &.uui-color-night300 {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator {\r\n &.uui-color-white {\r\n --uui-color-5: var(--chromatic-0);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-10);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n }\r\n\r\n &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n}\r\n","@use './variables/6px_grid' as *;\r\n\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n.uui-theme-vanilla_thunder {\r\n --uui-font: var(--font-inter);\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n --blue-0: #F0F7FC;\r\n --blue-50: #E1F4FA;\r\n --blue-100: #D4F0FE;\r\n --blue-200: #76CDD8;\r\n --blue-300: #2BC1F0;\r\n --blue-400: #1CA5D3;\r\n --blue-500: #008ACE;\r\n\r\n --grass-25: #EBFCC7;\r\n --grass-50: #E4ED94;\r\n --grass-100: #CEDB56;\r\n --grass-200: #91C229;\r\n --grass-300: #4FA762;\r\n --grass-400: #329247;\r\n --grass-500: #157D2C;\r\n\r\n --sun-50: #FFF1A7;\r\n --sun-100: #FFD602;\r\n --sun-200: #F7A02C;\r\n --sun-250: #F67E00;\r\n --sun-300: #F2682A;\r\n\r\n --chromatic-0: #FFFFFF;\r\n --chromatic-100: #F7F7FD;\r\n --chromatic-150: #E5E5EE;\r\n --chromatic-200: #CDCDD9;\r\n --chromatic-300: #8D8D9C;\r\n --chromatic-400: #34384A;\r\n --chromatic-500: #191F3D;\r\n\r\n /* start Loveship colors for controllers */\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FCC8C8;\r\n --fire-50: #FA4B4B;\r\n --fire-60: #CC2929;\r\n --fire-70: #B32424;\r\n\r\n --white: #FFFFFF;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n /* end Loveship colors for controllers */\r\n\r\n /* core variables start */\r\n\r\n --uui-accent-5: var(--grass-50);\r\n --uui-accent-10: var(--grass-100);\r\n --uui-accent-20: var(--grass-200);\r\n --uui-accent-50: var(--grass-300);\r\n --uui-accent-60: var(--grass-400);\r\n --uui-accent-70: var(--grass-500);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-primary-5: var(--blue-50);\r\n --uui-primary-10: var(--blue-100);\r\n --uui-primary-20: var(--blue-200);\r\n --uui-primary-50: var(--blue-300);\r\n --uui-primary-60: var(--blue-400);\r\n --uui-primary-70: var(--blue-500);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night100);\r\n --uui-secondary-10: var(--night200);\r\n --uui-secondary-20: var(--night300);\r\n --uui-secondary-50: var(--night500);\r\n --uui-secondary-60: var(--night600);\r\n --uui-secondary-70: var(--night700);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n --uui-critical-5: var(--fire-5);\r\n --uui-critical-10: var(--fire-10);\r\n --uui-critical-20: var(--fire-20);\r\n --uui-critical-50: var(--fire-50);\r\n --uui-critical-60: var(--fire-60);\r\n --uui-critical-70: var(--fire-70);\r\n --uui-critical-contrast: var(--white);\r\n\r\n\r\n --uui-info-5: var(--blue-0);\r\n --uui-info-10: var(--blue-0);\r\n --uui-info-20: var(--blue-100);\r\n --uui-info-50: var(--blue-300);\r\n --uui-info-60: var(--blue-400);\r\n --uui-info-70: var(--blue-500);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-25);\r\n --uui-success-10: var(--grass-100);\r\n --uui-success-20: var(--grass-200);\r\n --uui-success-50: var(--grass-300);\r\n --uui-success-60: var(--grass-400);\r\n --uui-success-70: var(--grass-500);\r\n --uui-success-contrast: var(--white);\r\n\r\n --uui-warning-5: var(--sun-50);\r\n --uui-warning-10: var(--sun-50);\r\n --uui-warning-20: var(--sun-100);\r\n --uui-warning-50: var(--sun-200);\r\n --uui-warning-60: var(--sun-250);\r\n --uui-warning-70: var(--sun-300);\r\n --uui-warning-contrast: var(--white);\r\n\r\n --uui-error-5: var(--fire-5);\r\n --uui-error-10: var(--fire-10);\r\n --uui-error-20: var(--fire-20);\r\n --uui-error-50: var(--fire-50);\r\n --uui-error-60: var(--fire-60);\r\n --uui-error-70: var(--fire-70);\r\n --uui-error-contrast: var(--white);\r\n\r\n --uui-neutral-0: #FFFFFF;\r\n --uui-neutral-5: var(--night50);\r\n --uui-neutral-10: var(--night100);\r\n --uui-neutral-20: var(--night200);\r\n --uui-neutral-30: var(--night300);\r\n --uui-neutral-40: var(--night400);\r\n --uui-neutral-50: var(--night500);\r\n --uui-neutral-60: var(--night600);\r\n --uui-neutral-70: var(--night700);\r\n --uui-neutral-80: var(--night800);\r\n --uui-neutral-90: var(--night900);\r\n --uui-neutral-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--chromatic-100);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--night50);\r\n --uui-surface-main: var(--chromatic-0);\r\n --uui-surface-higher: var(--night100);\r\n --uui-surface-highest: var(--night200);\r\n\r\n --uui-divider: var(--chromatic-200);\r\n --uui-divider-light: var(--chromatic-150);\r\n\r\n --uui-text-primary: var(--chromatic-500);\r\n --uui-text-secondary: var(--chromatic-300);\r\n --uui-text-tertiary: var(--chromatic-300);\r\n --uui-text-disabled: var(--chromatic-200);\r\n\r\n --uui-text-info: var(--uui-info-50);\r\n --uui-text-warning: var(--uui-warning-50);\r\n --uui-text-critical: var(--uui-critical-50);\r\n --uui-text-success: var(--uui-success-50);\r\n --uui-text-bg-highlight: var(--uui-warning-10);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--blue-300);\r\n --uui-link-hover: var(--blue-400);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--chromatic-200);\r\n\r\n --uui-icon: var(--chromatic-300);\r\n --uui-icon-hover: var(--chromatic-400);\r\n --uui-icon-active: var(--chromatic-500);\r\n --uui-icon-disabled: var(--chromatic-200);\r\n\r\n --uui-control-bg: var(--chromatic-0);\r\n --uui-control-bg-hover: var(--chromatic-300);\r\n --uui-control-bg-disabled: var(--chromatic-100);\r\n\r\n --uui-control-border: var(--chromatic-200);\r\n --uui-control-border-hover: var(--chromatic-300);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--chromatic-150);\r\n\r\n --uui-control-placeholder: var(--night600);\r\n --uui-control-placeholder-disabled: var(--night600);\r\n\r\n --uui-control-text: var(--chromatic-500);\r\n --uui-control-text-disabled: var(--chromatic-300);\r\n\r\n --uui-control-icon: var(--chromatic-200);\r\n --uui-control-icon-disabled: var(--chromatic-200);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--chromatic-200);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgb(29 30 38 / 15%), 0 3px 6px rgb(29 30 38 / 10%);\r\n --uui-shadow-level-2: 0 6px 12px rgb(29 30 38 / 10%), 0 3px 12px rgb(29 30 38 / 10%), 0 0 6px rgb(29 30 38 / 5%);\r\n --uui-shadow-level-3: 0 0 10px rgb(29 30 38 / 5%), 0 6px 24px rgb(29 30 38 / 12%), 0 9px 15px rgb(29 30 38 / 10%);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* size theme start */\r\n\r\n @include uui-6px-grid();\r\n\r\n /* size theme end */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-grass,\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-accent-5);\r\n --uui-color-10: var(--uui-accent-10);\r\n --uui-color-20: var(--uui-accent-20);\r\n --uui-color-50: var(--uui-accent-50);\r\n --uui-color-60: var(--uui-accent-60);\r\n --uui-color-70: var(--uui-accent-70);\r\n --uui-color-contrast: var(--uui-accent-contrast);\r\n }\r\n\r\n .uui-color-primary,\r\n .uui-color-blue,\r\n .uui-color-info {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-fire,\r\n .uui-color-critical {\r\n --uui-color-5: var(--uui-critical-5);\r\n --uui-color-10: var(--uui-critical-10);\r\n --uui-color-20: var(--uui-critical-20);\r\n --uui-color-50: var(--uui-critical-50);\r\n --uui-color-60: var(--uui-critical-60);\r\n --uui-color-70: var(--uui-critical-70);\r\n --uui-color-contrast: var(--uui-critical-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-sun {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-neutral,\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-button {\r\n --uui-border-radius: 8px;\r\n --uui-btn-font: var(--font-museo-sans);\r\n --uui-btn-font-weight: 700;\r\n\r\n &.uui-color-gray {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-5);\r\n --uui-color-50: var(--chromatic-100);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n --uui-color-contrast: var(--uui-text-primary);\r\n }\r\n\r\n &.uui-color-white {\r\n --uui-color-5: var(--chromatic-0);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-10);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n --uui-color-contrast: var(--uui-text-primary);\r\n }\r\n }\r\n\r\n .uui-filters-panel-item-toggler.uui-input-box {\r\n --uui-filters_toggler-border: var(--uui-surface-main);\r\n --uui-filters_toggler-border-hover: var(--blue-0);\r\n --uui-filters_toggler-border-radius: 8px;\r\n --uui-filters_toggler-bg: var(--uui-surface-main);\r\n --uui-filters_toggler-bg-hover: var(--blue-0);\r\n --uui-filters_toggler-text: var(--uui-text-secondary);\r\n --uui-filters_toggler-label: var(--chromatic-500);\r\n --uui-filters_toggler-icon: var(--uui-icon);\r\n --uui-filters_toggler-shadow: var(--uui-shadow-level-1);\r\n\r\n --uui-filters_toggler-font: var(--uui-font);\r\n --uui-filters_toggler-font-weight: 400;\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-text: var(--chromatic-500);\r\n --uui-main_menu-text-hover: var(--chromatic-500);\r\n --uui-main_menu-text-active: var(--uui-info-50);\r\n --uui-main_menu-bg: var(--uui-info-5);\r\n --uui-main_menu-hover: var(--uui-neutral-0);\r\n --uui-main_menu-active: var(--uui-neutral-0);\r\n --uui-main_menu-border-active: var(--uui-neutral-0);\r\n\r\n --uui-main_menu-search-bg: var(--uui-neutral-5);\r\n --uui-main_menu-search-border: var(--uui-neutral-40);\r\n --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\r\n --uui-main_menu-search-text: var(--uui-text-primary);\r\n --uui-main_menu-search-icon: var(--uui-neutral-70);\r\n\r\n --uui-main_menu-icon: var(--chromatic-500);\r\n --uui-main_menu-icon-hover: var(--chromatic-500);\r\n --uui-main_menu-icon-active: var(--chromatic-500);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--chromatic-500);\r\n --uui-main_menu-text-active: var(--chromatic-500);\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-info-5);\r\n --uui-burger_menu-bg-hover: var(--uui-neutral-0);\r\n --uui-burger_menu-caption: var(--chromatic-500);\r\n --uui-burger_menu-icon: var(--chromatic-500);\r\n --uui-burger_menu-item: var(--uui-info-5);\r\n }\r\n\r\n /* BurgerButton */\r\n .uui-main_menu-burger-button {\r\n --uui-burger_btn_caption: var(--chromatic-500);\r\n --uui-burger_btn_caption-hover: var(--uui-primary-50);\r\n --uui-burger_btn_caption-active: var(--uui-primary-50);\r\n --uui-burger_btn-border: var(--uui-neutral-40);\r\n }\r\n\r\n /* BurgerSearch */\r\n\r\n .uui-main_menu-burger-search {\r\n --uui-burger_search: var(--chromatic-500);\r\n --uui-burger_search-fill: var(--uui-neutral-70);\r\n --uui-burger_search-bg: var(--uui-neutral-40);\r\n --uui-burger_search-placeholder: var(--uui-text-tertiary);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-text: var(--chromatic-500);\r\n --uui-main_menu-text-active: var(--chromatic-500);\r\n\r\n --uui-main_menu-dropdown-bg: var(--chromatic-0);\r\n --uui-main_menu-dropdown-bg-hover: var(--chromatic-150);\r\n --uui-main_menu-dropdown-shadow: var(--uui-shadow-level-2);\r\n --uui-main_menu-dropdown-border-radius: 8px;\r\n }\r\n\r\n .uui-scroll-bars {\r\n --uui-scroll_bars-bg: var(--chromatic-200);\r\n --uui-scroll_bars-bg-active: var(--chromatic-300);\r\n }\r\n\r\n .uui-text-placeholder {\r\n --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--chromatic-200) 0, var(--chromatic-100) 150px, var(--chromatic-200) 300px);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-neutral {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-text-primary);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-critical {\r\n --uui-tooltip-bg: var(--uui-critical-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-inverted {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-color-warning, &.uui-color-sun {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n\r\n }\r\n\r\n &.uui-color-neutral, &.uui-color-night300 {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator {\r\n &.uui-color-white {\r\n --uui-color-5: var(--chromatic-0);\r\n --uui-color-10: var(--blue-50);\r\n --uui-color-20: var(--uui-primary-10);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--blue-50);\r\n --uui-color-70: var(--blue-100);\r\n }\r\n\r\n &:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-amber, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n .uui-button {\r\n &.uui-size-42, &.uui-size-48 {\r\n :global(.uui-caption) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n }\r\n }\r\n}\r\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-vanilla_thunder {\n --uui-font: var(--font-inter);\n --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/icons/common/radio-point-10.svg CHANGED
@@ -1,14 +1,14 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <g stroke="none" stroke-width="1" >
4
- <g transform="translate(-144.000000, -240.000000)" id="Size_option_16px">
5
- <g transform="translate(141.000000, 108.000000)">
6
- <g id="Radio_button_16" transform="translate(0.000000, 89.000000)">
7
- <g id="active" transform="translate(0.000000, 40.000000)">
8
- <circle id="inner_oval" cx="8" cy="8" r="5"></circle>
9
- </g>
10
- </g>
11
- </g>
12
- </g>
13
- </g>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <g stroke="none" stroke-width="1" >
4
+ <g transform="translate(-144.000000, -240.000000)" id="Size_option_16px">
5
+ <g transform="translate(141.000000, 108.000000)">
6
+ <g id="Radio_button_16" transform="translate(0.000000, 89.000000)">
7
+ <g id="active" transform="translate(0.000000, 40.000000)">
8
+ <circle id="inner_oval" cx="8" cy="8" r="5"></circle>
9
+ </g>
10
+ </g>
11
+ </g>
12
+ </g>
13
+ </g>
14
14
  </svg>
package/icons/editor-dropdown-outline.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.557 10.654l-3.963 3.96.003.002-1.32 1.32-5.278-5.277 1.32-1.32 3.956 3.955 3.961-3.96 1.32 1.32z"/><path fill-rule="evenodd" d="M18.333 3a2 2 0 012 2v14a2 2 0 01-2 2h-14a2 2 0 01-2-2V5a2 2 0 012-2h14zm-14 16h14V5h-14v14z" clip-rule="evenodd"/></svg>
package/icons/editor-radio-fill.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.667 6.667c3.043 0 5.511 2.387 5.511 5.333 0 2.945-2.468 5.333-5.511 5.333-3.044 0-5.512-2.387-5.512-5.333s2.468-5.333 5.512-5.333z"/><path fill-rule="evenodd" d="M11.667 2c1.43 0 2.773.262 4.03.786a10.472 10.472 0 013.28 2.138c.93.9 1.667 1.96 2.21 3.176A9.462 9.462 0 0122 12a9.461 9.461 0 01-.814 3.9 10.082 10.082 0 01-2.208 3.176c-.93.9-2.024 1.612-3.281 2.136-1.257.526-2.6.788-4.03.788-1.43 0-2.773-.262-4.03-.788a10.454 10.454 0 01-3.281-2.136c-.93-.9-1.667-1.96-2.209-3.176a9.462 9.462 0 01-.814-3.9c0-1.383.271-2.683.814-3.9a10.084 10.084 0 012.209-3.176 10.47 10.47 0 013.28-2.138A10.382 10.382 0 0111.667 2zm0 2c-2.308 0-4.263.776-5.865 2.326C4.201 7.876 3.4 9.766 3.4 12c0 2.233.8 4.125 2.402 5.674C7.404 19.224 9.36 20 11.667 20c2.308 0 4.263-.776 5.864-2.326 1.602-1.55 2.403-3.44 2.403-5.674 0-2.233-.801-4.125-2.403-5.674C15.93 4.776 13.975 4 11.667 4z" clip-rule="evenodd"/></svg>
package/icons/legacy/btn_cross.svg CHANGED
@@ -1,22 +1,22 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
- <g transform="translate(0,-290.65)" display="none">
4
- <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
- <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
- <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
- <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
- </g>
9
- <g>
10
- <g transform="matrix(1.75 0 0 1.75 -3.75 -9)">
11
- <g transform="translate(0,-290.65)" display="none" fill="none" stroke="#000000">
12
- <circle cx="9.0642" cy="302.68" r="4.9517" stroke-width=".033411"/>
13
- <rect x="-8.9358" y="284.68" width="36" height="36" stroke-width=".05"/>
14
- <circle cx="9.0642" cy="302.68" r="18" stroke-width=".05"/>
15
- <rect x="5.0323" y="298.65" width="7.9623" height="7.9802" stroke-width=".033214"/>
16
- </g>
17
- <g>
18
- <path d="m12 8-3 3-3-3-1 1 3 3-3 3 1 0.99999 3-3 3 3 0.99999-0.99999-3-3 3-3z"/>
19
- </g>
20
- </g>
21
- </g>
22
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
+ <g transform="translate(0,-290.65)" display="none">
4
+ <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
+ <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
+ <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
+ <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
+ </g>
9
+ <g>
10
+ <g transform="matrix(1.75 0 0 1.75 -3.75 -9)">
11
+ <g transform="translate(0,-290.65)" display="none" fill="none" stroke="#000000">
12
+ <circle cx="9.0642" cy="302.68" r="4.9517" stroke-width=".033411"/>
13
+ <rect x="-8.9358" y="284.68" width="36" height="36" stroke-width=".05"/>
14
+ <circle cx="9.0642" cy="302.68" r="18" stroke-width=".05"/>
15
+ <rect x="5.0323" y="298.65" width="7.9623" height="7.9802" stroke-width=".033214"/>
16
+ </g>
17
+ <g>
18
+ <path d="m12 8-3 3-3-3-1 1 3 3-3 3 1 0.99999 3-3 3 3 0.99999-0.99999-3-3 3-3z"/>
19
+ </g>
20
+ </g>
21
+ </g>
22
+ </svg>
package/icons/legacy/btn_tick.svg CHANGED
@@ -1,22 +1,22 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
- <g transform="translate(0,-290.65)" display="none">
4
- <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
- <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
- <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
- <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
- </g>
9
- <g>
10
- <g transform="matrix(1.3327 0 0 1.2222 -1.3237 -1.5556)">
11
- <g transform="translate(0,-290.65)" display="none" fill="none" stroke="#000000">
12
- <circle cx="9.0642" cy="302.68" r="4.9517" stroke-width=".033411"/>
13
- <rect x="-8.9358" y="284.68" width="36" height="36" stroke-width=".05"/>
14
- <circle cx="9.0642" cy="302.68" r="18" stroke-width=".05"/>
15
- <rect x="5.0323" y="298.65" width="7.9623" height="7.9802" stroke-width=".033214"/>
16
- </g>
17
- <g>
18
- <path d="m15 7-7 7-3-3-1 1 4 4 8-8z"/>
19
- </g>
20
- </g>
21
- </g>
22
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
+ <g transform="translate(0,-290.65)" display="none">
4
+ <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
+ <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
+ <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
+ <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
+ </g>
9
+ <g>
10
+ <g transform="matrix(1.3327 0 0 1.2222 -1.3237 -1.5556)">
11
+ <g transform="translate(0,-290.65)" display="none" fill="none" stroke="#000000">
12
+ <circle cx="9.0642" cy="302.68" r="4.9517" stroke-width=".033411"/>
13
+ <rect x="-8.9358" y="284.68" width="36" height="36" stroke-width=".05"/>
14
+ <circle cx="9.0642" cy="302.68" r="18" stroke-width=".05"/>
15
+ <rect x="5.0323" y="298.65" width="7.9623" height="7.9802" stroke-width=".033214"/>
16
+ </g>
17
+ <g>
18
+ <path d="m15 7-7 7-3-3-1 1 4 4 8-8z"/>
19
+ </g>
20
+ </g>
21
+ </g>
22
+ </svg>
package/icons/legacy/calendar-30.svg CHANGED
@@ -1,12 +1,12 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
3
- <g transform="translate(0,-294.65)" display="none">
4
- <path d="m6 297.65v1h-2v2h-1v8h1v2h2v1h8v-1h2v-2h1v-8h-1v-2h-2v-1z" fill-opacity=".27451" opacity=".544"/>
5
- <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"/>
6
- <rect x="-4.9792" y="289.67" width="29.958" height="29.958" fill="none" stroke="#000000" stroke-width=".041609"/>
7
- <ellipse cx="10" cy="304.65" rx="14.979" ry="14.979" fill="none" stroke="#000000" stroke-width=".041609"/>
8
- </g>
9
- <g transform="translate(0,-4)">
10
- <path id="calendar_icon" d="m8 9h4v1h3v-1h1v11h-12v-11h1v1h3zm-3 2v8h10v-8zm1-4h1v2h-1zm7 0h1v2h-1zm-7 5h2v2h-2zm3 0h2v2h-2zm3 0h2v2h-2zm-6 3h2v2h-2zm3 0h2v2h-2z" fill-rule="evenodd"/>
11
- </g>
12
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="20" height="20" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
3
+ <g transform="translate(0,-294.65)" display="none">
4
+ <path d="m6 297.65v1h-2v2h-1v8h1v2h2v1h8v-1h2v-2h1v-8h-1v-2h-2v-1z" fill-opacity=".27451" opacity=".544"/>
5
+ <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"/>
6
+ <rect x="-4.9792" y="289.67" width="29.958" height="29.958" fill="none" stroke="#000000" stroke-width=".041609"/>
7
+ <ellipse cx="10" cy="304.65" rx="14.979" ry="14.979" fill="none" stroke="#000000" stroke-width=".041609"/>
8
+ </g>
9
+ <g transform="translate(0,-4)">
10
+ <path id="calendar_icon" d="m8 9h4v1h3v-1h1v11h-12v-11h1v1h3zm-3 2v8h10v-8zm1-4h1v2h-1zm7 0h1v2h-1zm-7 5h2v2h-2zm3 0h2v2h-2zm3 0h2v2h-2zm-6 3h2v2h-2zm3 0h2v2h-2z" fill-rule="evenodd"/>
11
+ </g>
12
+ </svg>
package/icons/legacy/calendar-36.svg CHANGED
@@ -1,14 +1,14 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
- <g transform="translate(0,-290.65)" display="none">
4
- <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
- <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
- <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
- <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
- </g>
9
- <g>
10
- <g transform="translate(-1089,-791)" fill-rule="evenodd">
11
- <path d="m1097 795v2h2v-2zm6 0v2h2v-2zm-9 2v13h14v-13h-2v1h-4v-1h-2v1h-4v-1zm2 3h10v8h-10zm4 1v2h2v-2zm3 0v2h2v-2zm-6 3v2h2v-2zm3 0v2h2v-2zm-3-3v2h2v-2z" fill-rule="evenodd"/>
12
- </g>
13
- </g>
14
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
+ <g transform="translate(0,-290.65)" display="none">
4
+ <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
+ <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
+ <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
+ <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
+ </g>
9
+ <g>
10
+ <g transform="translate(-1089,-791)" fill-rule="evenodd">
11
+ <path d="m1097 795v2h2v-2zm6 0v2h2v-2zm-9 2v13h14v-13h-2v1h-4v-1h-2v1h-4v-1zm2 3h10v8h-10zm4 1v2h2v-2zm3 0v2h2v-2zm-6 3v2h2v-2zm3 0v2h2v-2zm-3-3v2h2v-2z" fill-rule="evenodd"/>
12
+ </g>
13
+ </g>
14
+ </svg>
package/icons/legacy/excel.svg CHANGED
@@ -1,12 +1,12 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
- <g transform="translate(0,-290.65)" display="none">
4
- <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
- <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
- <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
- <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
- </g>
9
- <g>
10
- <path id="export_icon" d="m15.535 4.6069a2.0218 1.9806 0 0 0-0.68833-0.42857 2.1128 2.0697 0 0 0-0.805-0.17829h-8.1667a0.87267 0.85486 0 0 0-0.875 0.85714v14.286a0.87267 0.85486 0 0 0 0.25667 0.60686 0.86333 0.84571 0 0 0 0.61833 0.25029h12.25a0.87383 0.856 0 0 0 0.875-0.85714v-10.286a2.1828 2.1383 0 0 0-0.175-0.78628 2.1443 2.1006 0 0 0-0.44333-0.67771zm-0.82833 0.8 2.8583 2.7943a1.0138 0.99314 0 0 1 0.19833 0.36686h-3.43v-3.3577a0.98583 0.96571 0 0 1 0.37333 0.19657zm-8.54 13.447v-13.714h7v3.7143a0.87267 0.85486 0 0 0 0.25667 0.60686 0.84467 0.82743 0 0 0 0.61833 0.25029h3.7917v9.1428zm3.3717-2.0891 1.7617-2.5269-1.715-2.4286h-0.63v-0.94628h2.6483v0.95543h-0.68833l0.95667 1.4194a0.95317 0.93371 0 0 1 0.16333 0.20571 0.68133 0.66743 0 0 1 0.04667 0.08914h0.01167l0.02333-0.02743c0.01167-0.024 0.04667-0.064 0.08167-0.12a1.2122 1.1874 0 0 1 0.09333-0.14743l0.93333-1.4194h-0.67667v-0.95543h2.5433v0.95543h-0.60667l-1.785 2.5143 1.75 2.4377h0.63v0.94971h-2.66v-0.94628h0.7l-0.98-1.4377a0.43633 0.42743 0 0 0-0.05833-0.07657 0.78517 0.76914 0 0 0-0.05833-0.07086c-0.01167-0.02057-0.02333-0.04343-0.035-0.06743a0.224 0.21943 0 0 1-0.04667-0.08914h-0.02333a0.17383 0.17029 0 0 0-0.02333 0.03543 0.39783 0.38971 0 0 0-0.07 0.12114c-0.035 0.056-0.07 0.10514-0.09333 0.14743l-0.945 1.4377h0.68833v0.94628h-2.555v-0.94628h0.61833z" stroke-width="1.1547"/>
11
- </g>
12
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
3
+ <g transform="translate(0,-290.65)" display="none">
4
+ <path d="m11.892 294.65a8 8 89.237 0 0-7.8926 8.1074 8 8 89.237 0 0 8.1074 7.8926 8 8 89.237 0 0 7.8926-8.1074 8 8 89.237 0 0-8.1074-7.8926zm0.10742 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/>
5
+ <path transform="translate(0,290.65)" d="m7 4.0195v0.98047h-2v2h-0.95703v10h0.95703v2h2v1h10v-1h2v-2h1v-10h-1v-2h-2v-0.98047z" fill-opacity=".27451" opacity=".544"/>
6
+ <rect x="-6" y="284.65" width="36" height="36" fill="none" stroke="#000000" stroke-width=".05"/>
7
+ <circle cx="12" cy="302.65" r="18" fill="none" stroke="#000000" stroke-width=".05"/>
8
+ </g>
9
+ <g>
10
+ <path id="export_icon" d="m15.535 4.6069a2.0218 1.9806 0 0 0-0.68833-0.42857 2.1128 2.0697 0 0 0-0.805-0.17829h-8.1667a0.87267 0.85486 0 0 0-0.875 0.85714v14.286a0.87267 0.85486 0 0 0 0.25667 0.60686 0.86333 0.84571 0 0 0 0.61833 0.25029h12.25a0.87383 0.856 0 0 0 0.875-0.85714v-10.286a2.1828 2.1383 0 0 0-0.175-0.78628 2.1443 2.1006 0 0 0-0.44333-0.67771zm-0.82833 0.8 2.8583 2.7943a1.0138 0.99314 0 0 1 0.19833 0.36686h-3.43v-3.3577a0.98583 0.96571 0 0 1 0.37333 0.19657zm-8.54 13.447v-13.714h7v3.7143a0.87267 0.85486 0 0 0 0.25667 0.60686 0.84467 0.82743 0 0 0 0.61833 0.25029h3.7917v9.1428zm3.3717-2.0891 1.7617-2.5269-1.715-2.4286h-0.63v-0.94628h2.6483v0.95543h-0.68833l0.95667 1.4194a0.95317 0.93371 0 0 1 0.16333 0.20571 0.68133 0.66743 0 0 1 0.04667 0.08914h0.01167l0.02333-0.02743c0.01167-0.024 0.04667-0.064 0.08167-0.12a1.2122 1.1874 0 0 1 0.09333-0.14743l0.93333-1.4194h-0.67667v-0.95543h2.5433v0.95543h-0.60667l-1.785 2.5143 1.75 2.4377h0.63v0.94971h-2.66v-0.94628h0.7l-0.98-1.4377a0.43633 0.42743 0 0 0-0.05833-0.07657 0.78517 0.76914 0 0 0-0.05833-0.07086c-0.01167-0.02057-0.02333-0.04343-0.035-0.06743a0.224 0.21943 0 0 1-0.04667-0.08914h-0.02333a0.17383 0.17029 0 0 0-0.02333 0.03543 0.39783 0.38971 0 0 0-0.07 0.12114c-0.035 0.056-0.07 0.10514-0.09333 0.14743l-0.945 1.4377h0.68833v0.94628h-2.555v-0.94628h0.61833z" stroke-width="1.1547"/>
11
+ </g>
12
+ </svg>