@epam/assets 6.3.0 → 6.3.1

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 (89) 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_fresh_4px.css.map +1 -1
  9. package/css/theme/theme_loveship.css.map +1 -1
  10. package/css/theme/theme_loveship_dark.css.map +1 -1
  11. package/css/theme/theme_promo.css.map +1 -1
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/css/theme/variables/fresh_4px.css.map +1 -1
  14. package/icons/common/radio-point-10.svg +13 -13
  15. package/icons/legacy/btn_cross.svg +22 -22
  16. package/icons/legacy/btn_tick.svg +22 -22
  17. package/icons/legacy/calendar-30.svg +12 -12
  18. package/icons/legacy/calendar-36.svg +14 -14
  19. package/icons/legacy/excel.svg +12 -12
  20. package/icons/legacy/filter-24.svg +11 -11
  21. package/icons/legacy/filter.svg +12 -12
  22. package/icons/legacy/folding-arrow.svg +14 -14
  23. package/icons/legacy/gear.svg +14 -14
  24. package/icons/legacy/help-24.svg +11 -11
  25. package/icons/legacy/help.svg +21 -21
  26. package/icons/legacy/label_info.svg +14 -14
  27. package/icons/legacy/lens.svg +17 -17
  28. package/icons/legacy/modal-close-cross.svg +22 -22
  29. package/icons/legacy/more.svg +20 -20
  30. package/icons/legacy/pencil.svg +12 -12
  31. package/icons/legacy/plus.svg +12 -12
  32. package/icons/legacy/sliders.svg +12 -12
  33. package/icons/legacy/sort-24.svg +15 -15
  34. package/icons/legacy/sort-desc-24.svg +15 -15
  35. package/icons/legacy/sort.svg +4 -4
  36. package/icons/legacy/trash.svg +12 -12
  37. package/icons/loaders/circle_loader_30.svg +69 -69
  38. package/icons/loaders/dots_loader_30.svg +39 -39
  39. package/icons/templates/generic-24.svg +40 -40
  40. package/icons/templates/generic-30.svg +43 -43
  41. package/icons/templates/generic.svg +40 -40
  42. package/icons/templates/tall.svg +69 -69
  43. package/package.json +2 -2
  44. package/readme.md +6 -6
  45. package/scss/electric/font-faces.scss +138 -138
  46. package/scss/font-faces.scss +3 -3
  47. package/scss/fonts.scss +2 -2
  48. package/scss/index.scss +4 -4
  49. package/scss/loveship/colors.scss +100 -100
  50. package/scss/loveship/font-faces.scss +186 -186
  51. package/scss/loveship/fonts.scss +23 -23
  52. package/scss/loveship/typography.scss +160 -160
  53. package/scss/loveship-colors.scss +2 -2
  54. package/scss/promo/colors.scss +100 -100
  55. package/scss/promo/font-faces.scss +168 -168
  56. package/scss/promo/fonts.scss +17 -17
  57. package/scss/promo/typography.scss +175 -175
  58. package/scss/typography.scss +2 -2
  59. package/theme/customThemeTemplate.css +697 -697
  60. package/theme/no-fonts/theme_electric.scss +7 -7
  61. package/theme/no-fonts/theme_loveship.scss +8 -8
  62. package/theme/no-fonts/theme_loveship_dark.scss +8 -8
  63. package/theme/no-fonts/theme_promo.scss +8 -8
  64. package/theme/theme_eduverse_dark.scss +876 -876
  65. package/theme/theme_eduverse_light.scss +552 -552
  66. package/theme/theme_electric.scss +8 -8
  67. package/theme/theme_fresh_4px.scss +7 -7
  68. package/theme/theme_loveship.scss +8 -8
  69. package/theme/theme_loveship_dark.scss +8 -8
  70. package/theme/theme_promo.scss +9 -9
  71. package/theme/theme_vanilla_thunder.scss +488 -488
  72. package/theme/variables/4px_grid.scss +265 -265
  73. package/theme/variables/6px_grid.scss +347 -347
  74. package/theme/variables/6px_grid_eduverse.scss +69 -69
  75. package/theme/variables/electric.scss +545 -545
  76. package/theme/variables/fresh_4px.scss +612 -612
  77. package/theme/variables/loveship.scss +627 -627
  78. package/theme/variables/loveship_dark.scss +857 -857
  79. package/theme/variables/promo.scss +601 -601
  80. package/theme/variables/tokens/_color_classes.scss +103 -103
  81. package/theme/variables/tokens/_theme_eduverse_dark.scss +282 -282
  82. package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss +282 -282
  83. package/theme/variables/tokens/_theme_eduverse_light.scss +282 -282
  84. package/theme/variables/tokens/_theme_eduverse_light_mobile.scss +282 -282
  85. package/theme/variables/tokens/_theme_electric.scss +274 -274
  86. package/theme/variables/tokens/_theme_fresh_light_4px.scss +272 -272
  87. package/theme/variables/tokens/_theme_loveship_dark.scss +272 -272
  88. package/theme/variables/tokens/_theme_loveship_light.scss +272 -272
  89. package/theme/variables/tokens/_theme_promo.scss +272 -272
package/css/theme/theme_fresh_4px.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../theme/variables/fresh_4px.scss","../../../theme/theme_fresh_4px.scss%23sass","../../../theme/variables/tokens/_theme_fresh_light_4px.scss","../../../theme/theme_fresh_4px.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/4px_grid.scss"],"names":[],"mappings":"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","file":"theme_fresh_4px.css","sourcesContent":["@use 'tokens/theme_fresh_light_4px' as tokens;\n@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin fresh-variables {\n --uui-font: 'Lexend', serif;\n --uui-font-mono: 'Roboto Mono', monospace;\n\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n\n @include tokens.theme-tokens;\n\n\n & {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\n }\n\n /* begin color classes */\n\n .uui-color-grass {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n }\n\n .uui-color-sky {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n }\n\n .uui-color-fire {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n }\n\n .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-70);\n }\n\n .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night500);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night600);\n --uui-color-70: var(--night700);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-night600,\n .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-sun {\n --uui-color-5: var(--uui-warning-5);\n --uui-color-10: var(--uui-warning-10);\n --uui-color-20: var(--uui-warning-20);\n --uui-color-50: var(--uui-warning-50);\n --uui-color-60: var(--uui-warning-60);\n --uui-color-70: var(--uui-warning-70);\n --uui-color-contrast: var(--uui-warning-contrast);\n }\n\n .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n }\n\n .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--uui-neutral-80);\n }\n\n /* Accordion */\n\n .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n }\n\n /* FileCard */\n\n .uui-file_card {\n --uui-file_card-border-radius: 6px;\n }\n\n /* Badge */\n\n .uui-badge.uui-color-white {\n &.uui-fill-solid {\n --uui-badge-border-hover: var(--uui-neutral-30);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n }\n }\n\n .uui-badge.uui-color-neutral,\n .uui-badge.uui-color-night300 {\n &.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n }\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-night100 {\n &.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n }\n\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n }\n }\n }\n\n .uui-badge.uui-color-night600 {\n &.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n }\n }\n\n .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n }\n\n /* Button */\n\n .uui-button {\n &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n }\n }\n\n /* IconButton */\n\n .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n }\n\n .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n }\n\n /* LinkButton */\n\n .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-10);\n --uui-link_btn-text-active: var(--uui-neutral-20);\n }\n\n .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n }\n\n /* Tooltip */\n\n .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n }\n\n .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-error-60);\n }\n\n .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n }\n\n /* CountIndicator */\n\n .uui-count_indicator.uui-color-gray,\n .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n\n /* Status Indicator */\n\n .uui-status_indicator.uui-color-white.uui-fill-outline {\n .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n }\n }\n\n /* FlexRow */\n\n .uui-flex-row.uui-flex-row-bg-none {\n --uui-flex-row-bg: transparent;\n }\n\n .uui-flex-row.uui-flex-row-bg-white {\n --uui-flex-row-bg: var(--white);\n }\n\n .uui-flex-row.uui-flex-row-bg-night50 {\n --uui-flex-row-bg: var(--night50);\n }\n\n .uui-flex-row.uui-flex-row-bg-night100 {\n --uui-flex-row-bg: var(--night100);\n }\n\n .uui-panel.uui-bg-white {\n --uui-panel-bg: var(--white);\n }\n\n .uui-panel.uui-bg-night50 {\n --uui-panel-bg: var(--night50);\n }\n\n /* Text */\n\n .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n }\n\n .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n }\n\n .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n }\n\n .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n }\n\n .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n }\n\n .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n }\n\n .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n }\n\n .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n }\n\n /* Tag */\n\n .uui-tag {\n &.uui-color-white {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-night100 {\n &.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-neutral,\n &.uui-color-night300 {\n &.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n }\n }\n }\n\n &.uui-color-night700 {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n\n .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n }\n }\n\n &.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n\n }\n }\n\n &.uui-color-warning,\n &.uui-color-sun {\n &.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n\n .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n }\n }\n\n &.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n }\n }\n }\n\n /* fonts */\n\n .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n }\n\n .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n }\n\n .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n }\n\n /* Typography */\n\n .uui-typography {\n h1 {\n font-weight: 600;\n }\n\n h2 {\n font-weight: 700;\n }\n\n h3 {\n font-weight: 600;\n }\n\n .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n }\n }\n\n .uui-picker_input-body-search {\n --uui-data_picker_body-search-padding: 12px;\n }\n\n .uui-picker_input-row {\n margin: 0 12px;\n border-radius: 4px;\n\n &[aria-selected='true'], &[aria-selected='true'].uui-focus {\n background-color: var(--uui-primary-60);\n\n .uui-picker_input-item {\n --uui-picker_item-title: var(--uui-neutral-0);\n --uui-picker_item-subtitle: var(--uui-neutral-0);\n }\n\n .uui-picker_input-row-select_icon {\n display: none;\n }\n }\n }\n\n\n .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {\n width: 40px;\n }\n\n .uui-dt-columns-config-row {\n .uui-drag-handle {\n --uui-dt-columns_config_modal-row-vertical-padding: 5px;\n }\n }\n}\n","@use 'variables/4px_grid' as *;\n@use 'variables/fresh_4px' as *;\n\n.uui-theme-fresh_4px {\n @include fresh-variables();\n @include uui-4px-grid();\n}\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\n@use './_color_classes.scss' as colorClasses;\n\n@mixin theme-tokens {\n\n /***************/\n /*** Palette ***/\n /***************/\n\n // \"\"\n --black: #000000;\n --white: #FFFFFF;\n\n // \"palette-additional/cobalt\"\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n\n // \"palette-additional/cyan\"\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n\n // \"palette/fire\"\n --fire-5: #FFF8F7;\n --fire-10: #FFECEE;\n --fire-20: #FF869E;\n --fire-50: #C61B54;\n --fire-60: #900038;\n --fire-70: #660025;\n\n // \"palette-additional/fuchsia\"\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n\n // \"palette/grass\"\n --grass-5: #FFFBFF;\n --grass-10: #FFF8F4;\n --grass-20: #FFEEE0;\n --grass-50: #DA974C;\n --grass-60: #A56A23;\n --grass-70: #683D00;\n\n // \"palette-additional/mint\"\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n\n // \"palette/night\"\n --night50: #FCFDF6;\n --night100: #F9FAF3;\n --night200: #F1F1EB;\n --night300: #E2E3DD;\n --night400: #C6C7C1;\n --night500: #ABACA6;\n --night600: #767872;\n --night700: #454743;\n --night800: #3A3C38;\n --night900: #242623;\n\n // \"palette-additional/orange\"\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n\n // \"palette-additional/purple\"\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n\n // \"palette/sky\"\n --sky-5: #F7FFEF;\n --sky-10: #ECFFE2;\n --sky-20: #CAFFBB;\n --sky-50: #62B757;\n --sky-60: #33882E;\n --sky-70: #005307;\n\n // \"palette/sun\"\n --sun-5: #FFF8F1;\n --sun-10: #FFEFCF;\n --sun-20: #FFDF92;\n --sun-50: #E4B302;\n --sun-60: #937300;\n --sun-70: #594400;\n\n // \"palette-additional/violet\"\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n\n // \"palette-additional/yellow\"\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n\n // \"core/semantic/accent-\"\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n\n // \"core/semantic/critical-\"\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 // \"core/semantic/error-\"\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 // \"core/semantic/info-\"\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n\n // \"core/semantic/primary-\"\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n\n // \"core/semantic/secondary-\"\n --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n\n // \"core/semantic/success-\"\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n\n // \"core/semantic/warning-\"\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night800);\n\n /********************/\n /*** Core Neutral ***/\n /********************/\n\n --uui-neutral-0: var(--white);\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: var(--black);\n\n /************/\n /*** Core ***/\n /************/\n\n // \"core/surfaces\"\n --uui-app-bg: var(--uui-neutral-10);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-sunken: var(--uui-neutral-20);\n\n // \"core/controls\"\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-neutral-80);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n\n // \"core/icons\"\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-icon-hover: var(--uui-neutral-70);\n\n // \"core/links\"\n --uui-link: var(--uui-primary-50);\n --uui-link-hover: var(--uui-primary-60);\n --uui-link-visited: var(--purple-60);\n --uui-link-visited-hover: var(--purple-70);\n\n // \"core/other\"\n --uui-outline-focus: #009ECC7F;\n --uui-skeleton: var(--uui-neutral-40);\n\n // \"core/text\"\n --uui-text-bg-highlight: var(--uui-warning-10);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-warning: var(--uui-warning-70);\n\n @include colorClasses.theme-color-classes;\n}\n","@import url(\"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap\");\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-fresh_4px {\n --uui-font: \"Lexend\", serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --fire-5: #FFF8F7;\n --fire-10: #FFECEE;\n --fire-20: #FF869E;\n --fire-50: #C61B54;\n --fire-60: #900038;\n --fire-70: #660025;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --grass-5: #FFFBFF;\n --grass-10: #FFF8F4;\n --grass-20: #FFEEE0;\n --grass-50: #DA974C;\n --grass-60: #A56A23;\n --grass-70: #683D00;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n --night50: #FCFDF6;\n --night100: #F9FAF3;\n --night200: #F1F1EB;\n --night300: #E2E3DD;\n --night400: #C6C7C1;\n --night500: #ABACA6;\n --night600: #767872;\n --night700: #454743;\n --night800: #3A3C38;\n --night900: #242623;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --sky-5: #F7FFEF;\n --sky-10: #ECFFE2;\n --sky-20: #CAFFBB;\n --sky-50: #62B757;\n --sky-60: #33882E;\n --sky-70: #005307;\n --sun-5: #FFF8F1;\n --sun-10: #FFEFCF;\n --sun-20: #FFDF92;\n --sun-50: #E4B302;\n --sun-60: #937300;\n --sun-70: #594400;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n --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-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-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night800);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\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: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-10);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-sunken: var(--uui-neutral-20);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-neutral-80);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-link: var(--uui-primary-50);\n --uui-link-hover: var(--uui-primary-60);\n --uui-link-visited: var(--purple-60);\n --uui-link-visited-hover: var(--purple-70);\n --uui-outline-focus: #009ECC7F;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-text-bg-highlight: var(--uui-warning-10);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-warning: var(--uui-warning-70);\n /* begin color classes */\n /* Accordion */\n /* FileCard */\n /* Badge */\n /* Button */\n /* IconButton */\n /* LinkButton */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Text */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-fresh_4px .uui-color-primary {\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-fresh_4px .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-fresh_4px .uui-color-accent {\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-fresh_4px .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-fresh_4px .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-fresh_4px .uui-color-warning {\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-fresh_4px .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-fresh_4px .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-fresh_4px .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-color-neutral {\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-fresh_4px {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\n}\n.uui-theme-fresh_4px .uui-color-grass {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-fresh_4px .uui-color-sky {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-fresh_4px .uui-color-fire {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-fresh_4px .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night500);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night600);\n --uui-color-70: var(--night700);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-night600,\n.uui-theme-fresh_4px .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-fresh_4px .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .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-fresh_4px .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-fresh_4px .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-white.uui-fill-solid {\n --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-fresh_4px .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-fresh_4px .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-fresh_4px .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-fresh_4px .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-10);\n --uui-link_btn-text-active: var(--uui-neutral-20);\n}\n.uui-theme-fresh_4px .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-fresh_4px .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-fresh_4px .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-fresh_4px .uui-count_indicator.uui-color-gray,\n.uui-theme-fresh_4px .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-fresh_4px .uui-panel.uui-bg-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-fresh_4px .uui-panel.uui-bg-night50 {\n --uui-panel-bg: var(--night50);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-fresh_4px .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-fresh_4px .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-fresh_4px .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-fresh_4px .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-fresh_4px .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-fresh_4px .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-fresh_4px .uui-tag.uui-color-sun.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-fresh_4px .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-fresh_4px .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-fresh_4px .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-fresh_4px .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-fresh_4px .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-fresh_4px .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-fresh_4px .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-fresh_4px .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-fresh_4px .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}\n.uui-theme-fresh_4px .uui-picker_input-body-search {\n --uui-data_picker_body-search-padding: 12px;\n}\n.uui-theme-fresh_4px .uui-picker_input-row {\n margin: 0 12px;\n border-radius: 4px;\n}\n.uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true], .uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true].uui-focus {\n background-color: var(--uui-primary-60);\n}\n.uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true] .uui-picker_input-item, .uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true].uui-focus .uui-picker_input-item {\n --uui-picker_item-title: var(--uui-neutral-0);\n --uui-picker_item-subtitle: var(--uui-neutral-0);\n}\n.uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true] .uui-picker_input-row-select_icon, .uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true].uui-focus .uui-picker_input-row-select_icon {\n display: none;\n}\n.uui-theme-fresh_4px .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {\n width: 40px;\n}\n.uui-theme-fresh_4px .uui-dt-columns-config-row .uui-drag-handle {\n --uui-dt-columns_config_modal-row-vertical-padding: 5px;\n}\n.uui-theme-fresh_4px {\n --uui-grid-unit: 8px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-border-radius: 8px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n --uui-resize-marker-width: 12px;\n}\n.uui-theme-fresh_4px .uui-size-16 {\n --uui-size: 16px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\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: 4px;\n}\n.uui-theme-fresh_4px .uui-size-20 {\n --uui-size: 20px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-fresh_4px .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 16px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-fresh_4px .uui-size-28 {\n --uui-size: 28px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 28px;\n --uui-font-size: 18px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-size-32 {\n --uui-size: 32px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 20px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 20px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-fresh_4px .uui-size-40 {\n --uui-size: 40px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 20px;\n --uui-vertical-padding: 8px;\n --uui-icon-size: 20px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 32px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 20px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-size-56 {\n --uui-size: 56px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 32px;\n --uui-vertical-padding: 16px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-button {\n --uui-btn-font-weight: 500;\n}\n.uui-theme-fresh_4px .uui-button.uui-size-48 {\n --uui-btn-border-radius: 12px;\n}\n.uui-theme-fresh_4px .uui-button .uui-caption:first-child {\n padding-left: 0;\n}\n.uui-theme-fresh_4px .uui-button .uui-caption:last-child {\n padding-right: 0;\n}\n.uui-theme-fresh_4px .uui-button:has(.uui-icon:only-child).uui-size-32 {\n --uui-horizontal-padding: 4px;\n}\n.uui-theme-fresh_4px .uui-button:has(.uui-icon:only-child).uui-size-40 {\n --uui-horizontal-padding: 10px;\n}\n.uui-theme-fresh_4px .uui-button:has(.uui-icon:only-child).uui-size-48 {\n --uui-horizontal-padding: 14px;\n}\n.uui-theme-fresh_4px .uui-input-box.uui-size-40 {\n --uui-horizontal-padding: 8px;\n --uui-horizontal-gap: 8px;\n}\n.uui-theme-fresh_4px .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 8px;\n}\n.uui-theme-fresh_4px .uui-link_button.uui-size-16 {\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 16px;\n --uui-line-height: 16px;\n --uui-font-size: 14px;\n}\n.uui-theme-fresh_4px .uui-link_button.uui-size-20 {\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 20px;\n --uui-line-height: 20px;\n --uui-font-size: 16px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container, .uui-theme-fresh_4px .uui-radio-input-container {\n --uui-checkbox-border-radius: 4px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container .uui-input-label, .uui-theme-fresh_4px .uui-radio-input-container .uui-input-label {\n align-self: center;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-20, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-20 {\n --uui-size: 14px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-20 .uui-checkbox, .uui-theme-fresh_4px .uui-checkbox-container.uui-size-20 .uui-radioinput, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-20 .uui-checkbox, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-20 .uui-radioinput {\n margin: 3px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-24, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-24 {\n --uui-size: 18px;\n --uui-line-height: 22px;\n --uui-font-size: 16px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-24 .uui-checkbox, .uui-theme-fresh_4px .uui-checkbox-container.uui-size-24 .uui-radioinput, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-24 .uui-checkbox, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-24 .uui-radioinput {\n margin: 3px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-28, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-28 {\n --uui-size: 22px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-28 .uui-checkbox, .uui-theme-fresh_4px .uui-checkbox-container.uui-size-28 .uui-radioinput, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-28 .uui-checkbox, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-28 .uui-radioinput {\n margin: 3px;\n}\n.uui-theme-fresh_4px .uui-tab-button.uui-size-48 {\n --uui-size: 50px;\n --uui-horizontal-padding: 16px;\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 20px;\n --uui-font-size: 14px;\n}\n.uui-theme-fresh_4px .uui-count_indicator.uui-size-20 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n}\n.uui-theme-fresh_4px .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-fresh_4px .uui-datepicker-body-wrapper {\n --uui-dtp_body-min-height: 310px;\n}\n.uui-theme-fresh_4px .uui-badge.uui-size-24 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-fresh_4px .uui-columns-config-modal {\n --uui-dt-columns_config_modal-subgroup_icon: 20px;\n}\n.uui-theme-fresh_4px .uui-alert {\n --uui-alert-padding-v: 16px;\n --uui-alert-padding-h: 16px;\n font-size: 16px;\n line-height: 24px;\n}","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\n\n@mixin theme-color-classes {\n .uui-color-primary {\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-secondary {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n }\n\n .uui-color-accent {\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-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n }\n\n .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n }\n\n .uui-color-warning {\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-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-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-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n }\n\n .uui-color-neutral {\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","@mixin uui-4px-grid {\n & {\n --uui-grid-unit: 8px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-border-radius: 8px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n --uui-resize-marker-width: 12px;\n }\n\n .uui-size-16 {\n --uui-size: 16px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\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: 4px;\n }\n\n .uui-size-20 {\n --uui-size: 20px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 16px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n }\n\n .uui-size-28 {\n --uui-size: 28px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 28px;\n --uui-font-size: 18px;\n --uui-dot-size: 12px;\n }\n\n .uui-size-32 {\n --uui-size: 32px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 20px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 20px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n }\n\n .uui-size-40 {\n --uui-size: 40px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 20px;\n --uui-vertical-padding: 8px;\n --uui-icon-size: 20px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 12px;\n }\n\n .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 32px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 20px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n }\n\n .uui-size-56 {\n --uui-size: 56px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 32px;\n --uui-vertical-padding: 16px;\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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n }\n\n .uui-button {\n --uui-btn-font-weight: 500;\n\n &.uui-size-48 {\n --uui-btn-border-radius: 12px;\n }\n\n .uui-caption:first-child {\n padding-left: 0;\n }\n\n .uui-caption:last-child {\n padding-right: 0;\n }\n\n &:has(.uui-icon:only-child) {\n &.uui-size-32 {\n --uui-horizontal-padding: 4px;\n }\n\n &.uui-size-40 {\n --uui-horizontal-padding: 10px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 14px;\n }\n }\n }\n\n .uui-input-box {\n &.uui-size-40 {\n --uui-horizontal-padding: 8px;\n --uui-horizontal-gap: 8px;\n }\n\n &.uui-size-48 {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 8px;\n }\n }\n\n .uui-link_button {\n &.uui-size-16 {\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 16px;\n --uui-line-height: 16px;\n --uui-font-size: 14px;\n }\n\n &.uui-size-20 {\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 20px;\n --uui-line-height: 20px;\n --uui-font-size: 16px;\n }\n }\n\n .uui-checkbox-container, .uui-radio-input-container {\n --uui-checkbox-border-radius: 4px;\n\n .uui-input-label {\n align-self: center;\n }\n\n &.uui-size-20 {\n --uui-size: 14px;\n\n .uui-checkbox, .uui-radioinput {\n margin: 3px;\n }\n }\n\n &.uui-size-24 {\n --uui-size: 18px;\n --uui-line-height: 22px;\n --uui-font-size: 16px;\n\n .uui-checkbox, .uui-radioinput {\n margin: 3px;\n }\n }\n\n &.uui-size-28 {\n --uui-size: 22px;\n\n .uui-checkbox, .uui-radioinput {\n margin: 3px;\n }\n }\n }\n\n .uui-tab-button {\n &.uui-size-48 {\n --uui-size: 50px;\n --uui-horizontal-padding: 16px;\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 20px;\n --uui-font-size: 14px;\n }\n }\n\n .uui-count_indicator {\n &.uui-size-20 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 18px;\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-datepicker-body-wrapper {\n --uui-dtp_body-min-height: 310px;\n }\n\n .uui-badge {\n &.uui-size-24 {\n --uui-horizontal-gap: 4px;\n }\n }\n\n .uui-columns-config-modal {\n --uui-dt-columns_config_modal-subgroup_icon: 20px;\n }\n\n .uui-alert {\n --uui-alert-padding-v: 16px;\n --uui-alert-padding-h: 16px;\n font-size: 16px;\n line-height: 24px;\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../theme/variables/fresh_4px.scss","../../../theme/theme_fresh_4px.scss%23sass","../../../theme/variables/tokens/_theme_fresh_light_4px.scss","../../../theme/theme_fresh_4px.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/4px_grid.scss"],"names":[],"mappings":"AACQ,yFAAA;ACER;EDGI,0BAAA;EACA,wCAAA;EAGA,oFAAA;EACA,wHAAA;EACA,0HAAA;EEFA,eAAA;EACA,eAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAOA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAGA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;EAGA,yBAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,gCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,mCAAA;EAGA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,qCAAA;EAGA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAGA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sCAAA;EAMA,4BAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,8BAAA;EAOA,kCAAA;EACA,mCAAA;EACA,yCAAA;EACA,uBAAA;EACA,0CAAA;EACA,2CAAA;EACA,uCAAA;EACA,0CAAA;EAGA,wCAAA;EACA,8CAAA;EACA,4CAAA;EACA,0CAAA;EACA,mDAAA;EACA,gDAAA;EACA,gDAAA;EACA,wCAAA;EACA,iDAAA;EACA,+CAAA;EACA,2DAAA;EACA,wCAAA;EACA,oDAAA;EAGA,gCAAA;EACA,uCAAA;EACA,yCAAA;EACA,sCAAA;EAGA,gCAAA;EACA,sCAAA;EACA,mCAAA;EACA,yCAAA;EAGA,6BAAA;EACA,oCAAA;EAGA,6CAAA;EACA,0CAAA;EACA,yCAAA;EACA,kCAAA;EACA,wCAAA;EACA,0CAAA;EACA,wCAAA;EACA,yCAAA;EACA,wCAAA;ACvCJ;AClOI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;ADoOR;ACjOI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;ADmOR;AChOI;EACI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;ADkOR;AC/NI;EACI,+BAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,iCAAA;EACA,6CAAA;ADiOR;AC9NI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;ADgOR;AC7NI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AD+NR;AC5NI;EACI,gCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,8CAAA;AD8NR;AC3NI;EACI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AD6NR;AC1NI;EACI,0DAAA;EACA,2DAAA;EACA,2DAAA;EACA,mCAAA;EACA,oCAAA;EACA,oCAAA;EACA,0CAAA;AD4NR;ACzNI;EACI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AD2NR;AH9SI;EACI,uBAAA;EACA,iDAAA;AGgTR;AH3SI;EACI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AG6SR;AH1SI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AG4SR;AHzSI;EACI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AG2SR;AHxSI;EACI,0BAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AG0SR;AHvSI;EACI,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,0CAAA;AGySR;AHtSI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,iCAAA;AGwSR;AHrSI;;EAEI,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AGuSR;AHpSI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,iCAAA;AGsSR;AHnSI;EACI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AGqSR;AHlSI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,0CAAA;AGoSR;AHjSI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,0CAAA;AGmSR;AHhSI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;AGkSR;AH/RI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AGiSR;AH9RI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AGgSR;AH7RI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AG+RR;AH5RI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,0CAAA;AG8RR;AH3RI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,0CAAA;AG6RR;AHxRI;EACI,iCAAA;AG0RR;AHrRI;EACI,iCAAA;AGuRR;AHjRQ;EACI,8CAAA;AGmRZ;AHhRQ;EACI,mCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AGkRZ;AH5QQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,0CAAA;AG+QZ;AH7QY;;EACI,6CAAA;EACA,iDAAA;AGgRhB;AH5QQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,yCAAA;EACA,+CAAA;AG+QZ;AH1QQ;EACI,0CAAA;EACA,8CAAA;AG4QZ;AHzQQ;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AG2QZ;AHzQY;EACI,qFAAA;EACA,0FAAA;AG2QhB;AHrQQ;EACI,oCAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AGuQZ;AHnQI;EACI,mCAAA;AGqQR;AH/PQ;EACI,uCAAA;AGiQZ;AH3PI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;AG6PR;AH1PI;EACI,0CAAA;EACA,2CAAA;AG4PR;AHvPI;EACI,wCAAA;EACA,+CAAA;EACA,gDAAA;AGyPR;AHtPI;EACI,wCAAA;EACA,+CAAA;EACA,gDAAA;EACA,8EAAA;AGwPR;AHnPI;EACI,qCAAA;EACA,wCAAA;AGqPR;AHlPI;EACI,oCAAA;AGoPR;AHjPI;EACI,sCAAA;EACA,uCAAA;AGmPR;AH9OI;;EAEI,8CAAA;EACA,kDAAA;AGgPR;AH7OI;EACI,mDAAA;AG+OR;AHzOQ;EACI,kEAAA;EACA,sCAAA;AG2OZ;AHrOI;EACI,6BAAA;AGuOR;AHpOI;EACI,8BAAA;AGsOR;AHnOI;EACI,gCAAA;AGqOR;AHlOI;EACI,iCAAA;AGoOR;AHjOI;EACI,2BAAA;AGmOR;AHhOI;EACI,6BAAA;AGkOR;AH7NI;EACI,yBAAA;AG+NR;AH5NI;EACI,0BAAA;AG8NR;AH3NI;EACI,0BAAA;AG6NR;AH1NI;EACI,0BAAA;AG4NR;AHzNI;EACI,wBAAA;AG2NR;AHxNI;EACI,0BAAA;AG0NR;AHvNI;EACI,wBAAA;AGyNR;AHtNI;EACI,yBAAA;AGwNR;AHjNY;EACI,wCAAA;EACA,4CAAA;AGmNhB;AHjNgB;EACI,8CAAA;EACA,kDAAA;AGmNpB;AH/MY;EACI,iCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AGiNhB;AH/MgB;EACI,8CAAA;EACA,kDAAA;AGiNpB;AH3MY;EACI,wCAAA;EACA,4CAAA;AG6MhB;AH3MgB;EACI,8CAAA;EACA,kDAAA;AG6MpB;AHzMY;EACI,iCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AG2MhB;AHzMgB;EACI,8CAAA;EACA,kDAAA;AG2MpB;AHpMY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;EACA,uCAAA;EACA,oCAAA;AGsMhB;AHpMgB;EACI,6CAAA;EACA,iDAAA;EACA,mDAAA;AGsMpB;AHlMY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AGoMhB;AHlMgB;EACI,8CAAA;EACA,kDAAA;AGoMpB;AH9LY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AGgMhB;AH9LgB;EACI,sFAAA;EACA,kFAAA;AGgMpB;AH5LY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AG8LhB;AHvLY;EACI,yCAAA;EACA,oCAAA;AGyLhB;AHvLgB;EACI,kFAAA;EACA,uFAAA;AGyLpB;AHrLY;EACI,6CAAA;EACA,kDAAA;AGuLhB;AHhLI;EACI,+BAAA;EACA,0BAAA;AGkLR;AH/KI;EACI,+BAAA;EACA,0BAAA;AGiLR;AH9KI;EACI,+BAAA;EACA,0BAAA;AGgLR;AH1KQ;EACI,eAAA;AG4KZ;AHzKQ;EACI,eAAA;AG2KZ;AHxKQ;EACI,eAAA;AG0KZ;AHvKQ;EACI,cAAA;EACA,gBAAA;EACA,eAAA;AGyKZ;AHrKI;EACI,0CAAA;AGuKR;AHpKI;EACI,aAAA;EACA,iBAAA;AGsKR;AHpKQ;EACI,sCAAA;AGsKZ;AHpKY;EACI,4CAAA;EACA,+CAAA;AGsKhB;AHnKY;EACI,YAAA;AGqKhB;AH/JI;EACI,UAAA;AGiKR;AH7JQ;EACI,sDAAA;AG+JZ;AE9vBI;EACI,mBAAA;EACA,6BAAA;EACA,8BAAA;EACA,sBAAA;EACA,uBAAA;EACA,wBAAA;EACA,qBAAA;EACA,8BAAA;AFgwBR;AE7vBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;AF+vBR;AE5vBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;AF8vBR;AE3vBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;AF6vBR;AE1vBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,4BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;AF4vBR;AEzvBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,kBAAA;AF2vBR;AExvBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;AF0vBR;AEvvBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,2BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;AFyvBR;AEtvBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,2BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;AFwvBR;AErvBI;EACI,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,sBAAA;EACA,6BAAA;EACA,0BAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;EACA,mBAAA;AFuvBR;AEpvBI;EACI,yBAAA;AFsvBR;AEpvBQ;EACI,4BAAA;AFsvBZ;AEnvBQ;EACI,cAAA;AFqvBZ;AElvBQ;EACI,eAAA;AFovBZ;AEhvBY;EACI,4BAAA;AFkvBhB;AE/uBY;EACI,6BAAA;AFivBhB;AE9uBY;EACI,6BAAA;AFgvBhB;AE1uBQ;EACI,4BAAA;EACA,wBAAA;AF4uBZ;AEzuBQ;EACI,6BAAA;EACA,wBAAA;AF2uBZ;AEtuBQ;EACI,wBAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFwuBZ;AEruBQ;EACI,wBAAA;EACA,oBAAA;EACA,sBAAA;EACA,oBAAA;AFuuBZ;AEnuBI;EACI,gCAAA;AFquBR;AEnuBQ;EACI,iBAAA;AFquBZ;AEluBQ;EACI,eAAA;AFouBZ;AEluBY;EACI,UAAA;AFouBhB;AEhuBQ;EACI,eAAA;EACA,sBAAA;EACA,oBAAA;AFkuBZ;AEhuBY;EACI,UAAA;AFkuBhB;AE9tBQ;EACI,eAAA;AFguBZ;AE9tBY;EACI,UAAA;AFguBhB;AE1tBQ;EACI,eAAA;EACA,6BAAA;EACA,wBAAA;EACA,oBAAA;EACA,oBAAA;AF4tBZ;AEvtBQ;EACI,4BAAA;EACA,sBAAA;EACA,oBAAA;AFytBZ;AEttBQ;EACI,sBAAA;EACA,oBAAA;AFwtBZ;AEptBI;EACI,+BAAA;AFstBR;AEltBQ;EACI,wBAAA;AFotBZ;AEhtBI;EACI,gDAAA;AFktBR;AE/sBI;EACI,0BAAA;EACA,0BAAA;EACA,cAAA;EACA,gBAAA;AFitBR","file":"theme_fresh_4px.css","sourcesContent":["@use 'tokens/theme_fresh_light_4px' as tokens;\r\n@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');\r\n/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin fresh-variables {\r\n --uui-font: 'Lexend', serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n /* shadows */\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\r\n\r\n @include tokens.theme-tokens;\r\n\r\n\r\n & {\r\n --uui-border-radius: 3px;\r\n scrollbar-color: var(--uui-neutral-40) transparent;\r\n }\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-grass {\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-sky {\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-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-night100 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--night50);\r\n --uui-color-50: var(--night100);\r\n --uui-color-60: var(--uui-color-night100-800);\r\n --uui-color-70: var(--uui-color-night100-900);\r\n --uui-color-contrast: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-color-night300 {\r\n --uui-color-5: var(--night50);\r\n --uui-color-10: var(--night100);\r\n --uui-color-20: var(--night200);\r\n --uui-color-50: var(--night300);\r\n --uui-color-60: var(--night400);\r\n --uui-color-70: var(--night500);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night500 {\r\n --uui-color-5: var(--night200);\r\n --uui-color-10: var(--night300);\r\n --uui-color-20: var(--night400);\r\n --uui-color-50: var(--night500);\r\n --uui-color-60: var(--night600);\r\n --uui-color-70: var(--night700);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-night600,\r\n .uui-color-gray {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-night700 {\r\n --uui-color-5: var(--night400);\r\n --uui-color-10: var(--night500);\r\n --uui-color-20: var(--night600);\r\n --uui-color-50: var(--night700);\r\n --uui-color-60: var(--uui-color-night700-800);\r\n --uui-color-70: var(--uui-color-night700-900);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\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-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-0);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-10);\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-70);\r\n --uui-badge-caption-hover: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\r\n }\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-hover: var(--uui-neutral-10);\r\n --uui-link_btn-text-active: var(--uui-neutral-20);\r\n }\r\n\r\n .uui-link_button.uui-color-white {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-hover: var(--uui-neutral-30);\r\n --uui-link_btn-text-active: var(--uui-neutral-40);\r\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-error-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator-dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-flex-row-bg-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-flex-row-bg-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-flex-row-bg-night50 {\r\n --uui-flex-row-bg: var(--night50);\r\n }\r\n\r\n .uui-flex-row.uui-flex-row-bg-night100 {\r\n --uui-flex-row-bg: var(--night100);\r\n }\r\n\r\n .uui-panel.uui-bg-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-bg-night50 {\r\n --uui-panel-bg: var(--night50);\r\n }\r\n\r\n /* Text */\r\n\r\n .uui-text.uui-color-night50 {\r\n --uui-text: var(--night50);\r\n }\r\n\r\n .uui-text.uui-color-night400 {\r\n --uui-text: var(--night400);\r\n }\r\n\r\n .uui-text.uui-color-night800 {\r\n --uui-text: var(--night800);\r\n }\r\n\r\n .uui-text.uui-color-night900 {\r\n --uui-text: var(--night900);\r\n }\r\n\r\n .uui-text.uui-color-sky {\r\n --uui-text: var(--sky-70);\r\n }\r\n\r\n .uui-text.uui-color-grass {\r\n --uui-text: var(--grass-70);\r\n }\r\n\r\n .uui-text.uui-color-sun {\r\n --uui-text: var(--sun-70);\r\n }\r\n\r\n .uui-text.uui-color-fire {\r\n --uui-text: var(--fire-70);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n\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 &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-0);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-20);\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-neutral-70);\r\n --uui-tag-fill: var(--uui-neutral-70);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n\r\n .uui-picker_input-body-search {\r\n --uui-data_picker_body-search-padding: 12px;\r\n }\r\n\r\n .uui-picker_input-row {\r\n margin: 0 12px;\r\n border-radius: 4px;\r\n\r\n &[aria-selected='true'], &[aria-selected='true'].uui-focus {\r\n background-color: var(--uui-primary-60);\r\n\r\n .uui-picker_input-item {\r\n --uui-picker_item-title: var(--uui-neutral-0);\r\n --uui-picker_item-subtitle: var(--uui-neutral-0);\r\n }\r\n\r\n .uui-picker_input-row-select_icon {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n\r\n .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {\r\n width: 40px;\r\n }\r\n\r\n .uui-dt-columns-config-row {\r\n .uui-drag-handle {\r\n --uui-dt-columns_config_modal-row-vertical-padding: 5px;\r\n }\r\n }\r\n}\r\n","@use 'variables/4px_grid' as *;\r\n@use 'variables/fresh_4px' as *;\r\n\r\n.uui-theme-fresh_4px {\r\n @include fresh-variables();\r\n @include uui-4px-grid();\r\n}\r\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\r\n@use './_color_classes.scss' as colorClasses;\r\n\r\n@mixin theme-tokens {\r\n\r\n /***************/\r\n /*** Palette ***/\r\n /***************/\r\n\r\n // \"\"\r\n --black: #000000;\r\n --white: #FFFFFF;\r\n\r\n // \"palette-additional/cobalt\"\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n // \"palette-additional/cyan\"\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n // \"palette/fire\"\r\n --fire-5: #FFF8F7;\r\n --fire-10: #FFECEE;\r\n --fire-20: #FF869E;\r\n --fire-50: #C61B54;\r\n --fire-60: #900038;\r\n --fire-70: #660025;\r\n\r\n // \"palette-additional/fuchsia\"\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n // \"palette/grass\"\r\n --grass-5: #FFFBFF;\r\n --grass-10: #FFF8F4;\r\n --grass-20: #FFEEE0;\r\n --grass-50: #DA974C;\r\n --grass-60: #A56A23;\r\n --grass-70: #683D00;\r\n\r\n // \"palette-additional/mint\"\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n // \"palette/night\"\r\n --night50: #FCFDF6;\r\n --night100: #F9FAF3;\r\n --night200: #F1F1EB;\r\n --night300: #E2E3DD;\r\n --night400: #C6C7C1;\r\n --night500: #ABACA6;\r\n --night600: #767872;\r\n --night700: #454743;\r\n --night800: #3A3C38;\r\n --night900: #242623;\r\n\r\n // \"palette-additional/orange\"\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n // \"palette-additional/purple\"\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n // \"palette/sky\"\r\n --sky-5: #F7FFEF;\r\n --sky-10: #ECFFE2;\r\n --sky-20: #CAFFBB;\r\n --sky-50: #62B757;\r\n --sky-60: #33882E;\r\n --sky-70: #005307;\r\n\r\n // \"palette/sun\"\r\n --sun-5: #FFF8F1;\r\n --sun-10: #FFEFCF;\r\n --sun-20: #FFDF92;\r\n --sun-50: #E4B302;\r\n --sun-60: #937300;\r\n --sun-70: #594400;\r\n\r\n // \"palette-additional/violet\"\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n // \"palette-additional/yellow\"\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n /*********************/\r\n /*** Core Semantic ***/\r\n /*********************/\r\n\r\n // \"core/semantic/accent-\"\r\n --uui-accent-5: var(--grass-5);\r\n --uui-accent-10: var(--grass-10);\r\n --uui-accent-20: var(--grass-20);\r\n --uui-accent-50: var(--grass-50);\r\n --uui-accent-60: var(--grass-60);\r\n --uui-accent-70: var(--grass-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n // \"core/semantic/critical-\"\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 // \"core/semantic/error-\"\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 // \"core/semantic/info-\"\r\n --uui-info-5: var(--sky-5);\r\n --uui-info-10: var(--sky-10);\r\n --uui-info-20: var(--sky-20);\r\n --uui-info-50: var(--sky-50);\r\n --uui-info-60: var(--sky-60);\r\n --uui-info-70: var(--sky-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n // \"core/semantic/primary-\"\r\n --uui-primary-5: var(--sky-5);\r\n --uui-primary-10: var(--sky-10);\r\n --uui-primary-20: var(--sky-20);\r\n --uui-primary-50: var(--sky-50);\r\n --uui-primary-60: var(--sky-60);\r\n --uui-primary-70: var(--sky-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n // \"core/semantic/secondary-\"\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(--night600);\r\n --uui-secondary-60: var(--night700);\r\n --uui-secondary-70: var(--night800);\r\n --uui-secondary-contrast: var(--white);\r\n\r\n // \"core/semantic/success-\"\r\n --uui-success-5: var(--grass-5);\r\n --uui-success-10: var(--grass-10);\r\n --uui-success-20: var(--grass-20);\r\n --uui-success-50: var(--grass-50);\r\n --uui-success-60: var(--grass-60);\r\n --uui-success-70: var(--grass-70);\r\n --uui-success-contrast: var(--white);\r\n\r\n // \"core/semantic/warning-\"\r\n --uui-warning-5: var(--sun-5);\r\n --uui-warning-10: var(--sun-10);\r\n --uui-warning-20: var(--sun-20);\r\n --uui-warning-50: var(--sun-50);\r\n --uui-warning-60: var(--sun-60);\r\n --uui-warning-70: var(--sun-70);\r\n --uui-warning-contrast: var(--night800);\r\n\r\n /********************/\r\n /*** Core Neutral ***/\r\n /********************/\r\n\r\n --uui-neutral-0: var(--white);\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: var(--black);\r\n\r\n /************/\r\n /*** Core ***/\r\n /************/\r\n\r\n // \"core/surfaces\"\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n --uui-overlay: #1D1E26CC;\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-sunken: var(--uui-neutral-20);\r\n\r\n // \"core/controls\"\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\r\n --uui-control-text: var(--uui-neutral-80);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n // \"core/icons\"\r\n --uui-icon: var(--uui-neutral-60);\r\n --uui-icon-active: var(--uui-neutral-80);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n --uui-icon-hover: var(--uui-neutral-70);\r\n\r\n // \"core/links\"\r\n --uui-link: var(--uui-primary-50);\r\n --uui-link-hover: var(--uui-primary-60);\r\n --uui-link-visited: var(--purple-60);\r\n --uui-link-visited-hover: var(--purple-70);\r\n\r\n // \"core/other\"\r\n --uui-outline-focus: #009ECC7F;\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n // \"core/text\"\r\n --uui-text-bg-highlight: var(--uui-warning-10);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-primary: var(--uui-neutral-80);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-success: var(--uui-success-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-warning: var(--uui-warning-70);\r\n\r\n @include colorClasses.theme-color-classes;\r\n}\r\n","@import url(\"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap\");\n/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-fresh_4px {\n --uui-font: \"Lexend\", serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n /* shadows */\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.05), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.05), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 36px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.05);\n /***************/\n /*** Palette ***/\n /***************/\n --black: #000000;\n --white: #FFFFFF;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --fire-5: #FFF8F7;\n --fire-10: #FFECEE;\n --fire-20: #FF869E;\n --fire-50: #C61B54;\n --fire-60: #900038;\n --fire-70: #660025;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --grass-5: #FFFBFF;\n --grass-10: #FFF8F4;\n --grass-20: #FFEEE0;\n --grass-50: #DA974C;\n --grass-60: #A56A23;\n --grass-70: #683D00;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n --night50: #FCFDF6;\n --night100: #F9FAF3;\n --night200: #F1F1EB;\n --night300: #E2E3DD;\n --night400: #C6C7C1;\n --night500: #ABACA6;\n --night600: #767872;\n --night700: #454743;\n --night800: #3A3C38;\n --night900: #242623;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --sky-5: #F7FFEF;\n --sky-10: #ECFFE2;\n --sky-20: #CAFFBB;\n --sky-50: #62B757;\n --sky-60: #33882E;\n --sky-70: #005307;\n --sun-5: #FFF8F1;\n --sun-10: #FFEFCF;\n --sun-20: #FFDF92;\n --sun-50: #E4B302;\n --sun-60: #937300;\n --sun-70: #594400;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n /*********************/\n /*** Core Semantic ***/\n /*********************/\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n --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-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-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-contrast: var(--white);\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-70);\n --uui-success-contrast: var(--white);\n --uui-warning-5: var(--sun-5);\n --uui-warning-10: var(--sun-10);\n --uui-warning-20: var(--sun-20);\n --uui-warning-50: var(--sun-50);\n --uui-warning-60: var(--sun-60);\n --uui-warning-70: var(--sun-70);\n --uui-warning-contrast: var(--night800);\n /********************/\n /*** Core Neutral ***/\n /********************/\n --uui-neutral-0: var(--white);\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: var(--black);\n /************/\n /*** Core ***/\n /************/\n --uui-app-bg: var(--uui-neutral-10);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-overlay: #1D1E26CC;\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-sunken: var(--uui-neutral-20);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-text-disabled);\n --uui-control-text: var(--uui-neutral-80);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-link: var(--uui-primary-50);\n --uui-link-hover: var(--uui-primary-60);\n --uui-link-visited: var(--purple-60);\n --uui-link-visited-hover: var(--purple-70);\n --uui-outline-focus: #009ECC7F;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-text-bg-highlight: var(--uui-warning-10);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-success: var(--uui-success-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-warning: var(--uui-warning-70);\n /* begin color classes */\n /* Accordion */\n /* FileCard */\n /* Badge */\n /* Button */\n /* IconButton */\n /* LinkButton */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Text */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-fresh_4px .uui-color-primary {\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-fresh_4px .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-fresh_4px .uui-color-accent {\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-fresh_4px .uui-color-info {\n --uui-color-5: var(--uui-info-5);\n --uui-color-10: var(--uui-info-10);\n --uui-color-20: var(--uui-info-20);\n --uui-color-50: var(--uui-info-50);\n --uui-color-60: var(--uui-info-60);\n --uui-color-70: var(--uui-info-70);\n --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-fresh_4px .uui-color-success {\n --uui-color-5: var(--uui-success-5);\n --uui-color-10: var(--uui-success-10);\n --uui-color-20: var(--uui-success-20);\n --uui-color-50: var(--uui-success-50);\n --uui-color-60: var(--uui-success-60);\n --uui-color-70: var(--uui-success-70);\n --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-fresh_4px .uui-color-warning {\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-fresh_4px .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-fresh_4px .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-fresh_4px .uui-color-white {\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n --uui-color-50: var(--uui-neutral-0);\n --uui-color-60: var(--uui-neutral-10);\n --uui-color-70: var(--uui-neutral-20);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-color-neutral {\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-fresh_4px {\n --uui-border-radius: 3px;\n scrollbar-color: var(--uui-neutral-40) transparent;\n}\n.uui-theme-fresh_4px .uui-color-grass {\n --uui-color-5: var(--uui-accent-5);\n --uui-color-10: var(--uui-accent-10);\n --uui-color-20: var(--uui-accent-20);\n --uui-color-50: var(--uui-accent-50);\n --uui-color-60: var(--uui-accent-60);\n --uui-color-70: var(--uui-accent-70);\n --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-fresh_4px .uui-color-sky {\n --uui-color-5: var(--uui-primary-5);\n --uui-color-10: var(--uui-primary-10);\n --uui-color-20: var(--uui-primary-20);\n --uui-color-50: var(--uui-primary-50);\n --uui-color-60: var(--uui-primary-60);\n --uui-color-70: var(--uui-primary-70);\n --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-fresh_4px .uui-color-fire {\n --uui-color-5: var(--uui-critical-5);\n --uui-color-10: var(--uui-critical-10);\n --uui-color-20: var(--uui-critical-20);\n --uui-color-50: var(--uui-critical-50);\n --uui-color-60: var(--uui-critical-60);\n --uui-color-70: var(--uui-critical-70);\n --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-fresh_4px .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night500);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night600);\n --uui-color-70: var(--night700);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-night600,\n.uui-theme-fresh_4px .uui-color-gray {\n --uui-color-5: var(--uui-secondary-5);\n --uui-color-10: var(--uui-secondary-10);\n --uui-color-20: var(--uui-secondary-20);\n --uui-color-50: var(--uui-secondary-50);\n --uui-color-60: var(--uui-secondary-60);\n --uui-color-70: var(--uui-secondary-70);\n --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-fresh_4px .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .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-fresh_4px .uui-color-yellow {\n --uui-color-5: var(--yellow-5);\n --uui-color-10: var(--yellow-10);\n --uui-color-20: var(--yellow-20);\n --uui-color-50: var(--yellow-50);\n --uui-color-60: var(--yellow-60);\n --uui-color-70: var(--yellow-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-orange {\n --uui-color-5: var(--orange-5);\n --uui-color-10: var(--orange-10);\n --uui-color-20: var(--orange-20);\n --uui-color-50: var(--orange-50);\n --uui-color-60: var(--orange-60);\n --uui-color-70: var(--orange-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-fuchsia {\n --uui-color-5: var(--fuchsia-5);\n --uui-color-10: var(--fuchsia-10);\n --uui-color-20: var(--fuchsia-20);\n --uui-color-50: var(--fuchsia-50);\n --uui-color-60: var(--fuchsia-60);\n --uui-color-70: var(--fuchsia-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-purple {\n --uui-color-5: var(--purple-5);\n --uui-color-10: var(--purple-10);\n --uui-color-20: var(--purple-20);\n --uui-color-50: var(--purple-50);\n --uui-color-60: var(--purple-60);\n --uui-color-70: var(--purple-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-violet {\n --uui-color-5: var(--violet-5);\n --uui-color-10: var(--violet-10);\n --uui-color-20: var(--violet-20);\n --uui-color-50: var(--violet-50);\n --uui-color-60: var(--violet-60);\n --uui-color-70: var(--violet-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-cobalt {\n --uui-color-5: var(--cobalt-5);\n --uui-color-10: var(--cobalt-10);\n --uui-color-20: var(--cobalt-20);\n --uui-color-50: var(--cobalt-50);\n --uui-color-60: var(--cobalt-60);\n --uui-color-70: var(--cobalt-70);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-fresh_4px .uui-color-cyan {\n --uui-color-5: var(--cyan-5);\n --uui-color-10: var(--cyan-10);\n --uui-color-20: var(--cyan-20);\n --uui-color-50: var(--cyan-50);\n --uui-color-60: var(--cyan-60);\n --uui-color-70: var(--cyan-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-color-mint {\n --uui-color-5: var(--mint-5);\n --uui-color-10: var(--mint-10);\n --uui-color-20: var(--mint-20);\n --uui-color-50: var(--mint-50);\n --uui-color-60: var(--mint-60);\n --uui-color-70: var(--mint-70);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-fresh_4px .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-white.uui-fill-solid {\n --uui-badge-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-0);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-fresh_4px .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-fresh_4px .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-fresh_4px .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-10);\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-70);\n --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-badge-caption) 8%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-badge-caption) 40%, transparent);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-fresh_4px .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-icon_button.uui-color-white {\n --uui-icon_btn-hover: var(--uui-neutral-20);\n --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-10);\n --uui-link_btn-text-active: var(--uui-neutral-20);\n}\n.uui-theme-fresh_4px .uui-link_button.uui-color-white {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-30);\n --uui-link_btn-text-active: var(--uui-neutral-40);\n --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-fresh_4px .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-fresh_4px .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-fresh_4px .uui-count_indicator.uui-color-gray,\n.uui-theme-fresh_4px .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator-dot {\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\n border: 1px solid var(--uui-neutral-40);\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-fresh_4px .uui-flex-row.uui-flex-row-bg-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-fresh_4px .uui-panel.uui-bg-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-fresh_4px .uui-panel.uui-bg-night50 {\n --uui-panel-bg: var(--night50);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night50 {\n --uui-text: var(--night50);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night400 {\n --uui-text: var(--night400);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night800 {\n --uui-text: var(--night800);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-night900 {\n --uui-text: var(--night900);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-sky {\n --uui-text: var(--sky-70);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-grass {\n --uui-text: var(--grass-70);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-sun {\n --uui-text: var(--sun-70);\n}\n.uui-theme-fresh_4px .uui-text.uui-color-fire {\n --uui-text: var(--fire-70);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-0);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-20);\n --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-fresh_4px .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-neutral-70);\n --uui-tag-fill: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-fresh_4px .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-0);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-fresh_4px .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-fresh_4px .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-fresh_4px .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-fresh_4px .uui-tag.uui-color-night700.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-0);\n --uui-tag-fill: var(--uui-neutral-0);\n --uui-tag-bg: var(--uui-neutral-70);\n --uui-tag-border: var(--uui-neutral-70);\n --uui-tag-bg-hover: var(--uui-neutral-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-fresh_4px .uui-tag.uui-color-sun.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-fresh_4px .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-fresh_4px .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-fresh_4px .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-fresh_4px .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-fresh_4px .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-fresh_4px .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-fresh_4px .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-fresh_4px .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-fresh_4px .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-fresh_4px .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}\n.uui-theme-fresh_4px .uui-picker_input-body-search {\n --uui-data_picker_body-search-padding: 12px;\n}\n.uui-theme-fresh_4px .uui-picker_input-row {\n margin: 0 12px;\n border-radius: 4px;\n}\n.uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true], .uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true].uui-focus {\n background-color: var(--uui-primary-60);\n}\n.uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true] .uui-picker_input-item, .uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true].uui-focus .uui-picker_input-item {\n --uui-picker_item-title: var(--uui-neutral-0);\n --uui-picker_item-subtitle: var(--uui-neutral-0);\n}\n.uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true] .uui-picker_input-row-select_icon, .uui-theme-fresh_4px .uui-picker_input-row[aria-selected=true].uui-focus .uui-picker_input-row-select_icon {\n display: none;\n}\n.uui-theme-fresh_4px .uui-timepicker-container > .uui-timepicker-item .uui-timepicker-input.uui-input-box {\n width: 40px;\n}\n.uui-theme-fresh_4px .uui-dt-columns-config-row .uui-drag-handle {\n --uui-dt-columns_config_modal-row-vertical-padding: 5px;\n}\n.uui-theme-fresh_4px {\n --uui-grid-unit: 8px;\n --uui-focus-outline-width: 2px;\n --uui-focus-outline-offset: 2px;\n --uui-focus-radius: 2px;\n --uui-border-radius: 8px;\n --uui-tab-line-width: 3px;\n --uui-notify-size: 6px;\n --uui-resize-marker-width: 12px;\n}\n.uui-theme-fresh_4px .uui-size-16 {\n --uui-size: 16px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\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: 4px;\n}\n.uui-theme-fresh_4px .uui-size-20 {\n --uui-size: 20px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 3px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-fresh_4px .uui-size-24 {\n --uui-size: 24px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 16px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 10px;\n}\n.uui-theme-fresh_4px .uui-size-28 {\n --uui-size: 28px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 8px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 6px;\n --uui-vertical-padding: 3px;\n --uui-icon-size: 12px;\n --uui-line-height: 28px;\n --uui-font-size: 18px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-size-32 {\n --uui-size: 32px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 20px;\n --uui-vertical-padding: 6px;\n --uui-icon-size: 20px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 8px;\n}\n.uui-theme-fresh_4px .uui-size-40 {\n --uui-size: 40px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 20px;\n --uui-vertical-padding: 8px;\n --uui-icon-size: 20px;\n --uui-line-height: 18px;\n --uui-font-size: 14px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-size-48 {\n --uui-size: 48px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 32px;\n --uui-vertical-padding: 12px;\n --uui-icon-size: 24px;\n --uui-line-height: 20px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-size-56 {\n --uui-size: 56px;\n --uui-border-width: 1px;\n --uui-horizontal-gap: 4px;\n --uui-vertical-gap: 3px;\n --uui-horizontal-padding: 32px;\n --uui-vertical-padding: 16px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .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: 3px;\n --uui-icon-size: 24px;\n --uui-line-height: 24px;\n --uui-font-size: 16px;\n --uui-dot-size: 12px;\n}\n.uui-theme-fresh_4px .uui-button {\n --uui-btn-font-weight: 500;\n}\n.uui-theme-fresh_4px .uui-button.uui-size-48 {\n --uui-btn-border-radius: 12px;\n}\n.uui-theme-fresh_4px .uui-button .uui-caption:first-child {\n padding-left: 0;\n}\n.uui-theme-fresh_4px .uui-button .uui-caption:last-child {\n padding-right: 0;\n}\n.uui-theme-fresh_4px .uui-button:has(.uui-icon:only-child).uui-size-32 {\n --uui-horizontal-padding: 4px;\n}\n.uui-theme-fresh_4px .uui-button:has(.uui-icon:only-child).uui-size-40 {\n --uui-horizontal-padding: 10px;\n}\n.uui-theme-fresh_4px .uui-button:has(.uui-icon:only-child).uui-size-48 {\n --uui-horizontal-padding: 14px;\n}\n.uui-theme-fresh_4px .uui-input-box.uui-size-40 {\n --uui-horizontal-padding: 8px;\n --uui-horizontal-gap: 8px;\n}\n.uui-theme-fresh_4px .uui-input-box.uui-size-48 {\n --uui-horizontal-padding: 12px;\n --uui-horizontal-gap: 8px;\n}\n.uui-theme-fresh_4px .uui-link_button.uui-size-16 {\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 16px;\n --uui-line-height: 16px;\n --uui-font-size: 14px;\n}\n.uui-theme-fresh_4px .uui-link_button.uui-size-20 {\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 20px;\n --uui-line-height: 20px;\n --uui-font-size: 16px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container, .uui-theme-fresh_4px .uui-radio-input-container {\n --uui-checkbox-border-radius: 4px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container .uui-input-label, .uui-theme-fresh_4px .uui-radio-input-container .uui-input-label {\n align-self: center;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-20, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-20 {\n --uui-size: 14px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-20 .uui-checkbox, .uui-theme-fresh_4px .uui-checkbox-container.uui-size-20 .uui-radioinput, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-20 .uui-checkbox, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-20 .uui-radioinput {\n margin: 3px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-24, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-24 {\n --uui-size: 18px;\n --uui-line-height: 22px;\n --uui-font-size: 16px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-24 .uui-checkbox, .uui-theme-fresh_4px .uui-checkbox-container.uui-size-24 .uui-radioinput, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-24 .uui-checkbox, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-24 .uui-radioinput {\n margin: 3px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-28, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-28 {\n --uui-size: 22px;\n}\n.uui-theme-fresh_4px .uui-checkbox-container.uui-size-28 .uui-checkbox, .uui-theme-fresh_4px .uui-checkbox-container.uui-size-28 .uui-radioinput, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-28 .uui-checkbox, .uui-theme-fresh_4px .uui-radio-input-container.uui-size-28 .uui-radioinput {\n margin: 3px;\n}\n.uui-theme-fresh_4px .uui-tab-button.uui-size-48 {\n --uui-size: 50px;\n --uui-horizontal-padding: 16px;\n --uui-horizontal-gap: 4px;\n --uui-icon-size: 20px;\n --uui-font-size: 14px;\n}\n.uui-theme-fresh_4px .uui-count_indicator.uui-size-20 {\n --uui-horizontal-padding: 6px;\n --uui-line-height: 18px;\n --uui-font-size: 12px;\n}\n.uui-theme-fresh_4px .uui-count_indicator.uui-size-24 {\n --uui-line-height: 22px;\n --uui-font-size: 14px;\n}\n.uui-theme-fresh_4px .uui-datepicker-body-wrapper {\n --uui-dtp_body-min-height: 310px;\n}\n.uui-theme-fresh_4px .uui-badge.uui-size-24 {\n --uui-horizontal-gap: 4px;\n}\n.uui-theme-fresh_4px .uui-columns-config-modal {\n --uui-dt-columns_config_modal-subgroup_icon: 20px;\n}\n.uui-theme-fresh_4px .uui-alert {\n --uui-alert-padding-v: 16px;\n --uui-alert-padding-h: 16px;\n font-size: 16px;\n line-height: 24px;\n}","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\r\n\r\n@mixin theme-color-classes {\r\n .uui-color-primary {\r\n --uui-color-5: var(--uui-primary-5);\r\n --uui-color-10: var(--uui-primary-10);\r\n --uui-color-20: var(--uui-primary-20);\r\n --uui-color-50: var(--uui-primary-50);\r\n --uui-color-60: var(--uui-primary-60);\r\n --uui-color-70: var(--uui-primary-70);\r\n --uui-color-contrast: var(--uui-primary-contrast);\r\n }\r\n\r\n .uui-color-secondary {\r\n --uui-color-5: var(--uui-secondary-5);\r\n --uui-color-10: var(--uui-secondary-10);\r\n --uui-color-20: var(--uui-secondary-20);\r\n --uui-color-50: var(--uui-secondary-50);\r\n --uui-color-60: var(--uui-secondary-60);\r\n --uui-color-70: var(--uui-secondary-70);\r\n --uui-color-contrast: var(--uui-secondary-contrast);\r\n }\r\n\r\n .uui-color-accent {\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-info {\r\n --uui-color-5: var(--uui-info-5);\r\n --uui-color-10: var(--uui-info-10);\r\n --uui-color-20: var(--uui-info-20);\r\n --uui-color-50: var(--uui-info-50);\r\n --uui-color-60: var(--uui-info-60);\r\n --uui-color-70: var(--uui-info-70);\r\n --uui-color-contrast: var(--uui-info-contrast);\r\n }\r\n\r\n .uui-color-success {\r\n --uui-color-5: var(--uui-success-5);\r\n --uui-color-10: var(--uui-success-10);\r\n --uui-color-20: var(--uui-success-20);\r\n --uui-color-50: var(--uui-success-50);\r\n --uui-color-60: var(--uui-success-60);\r\n --uui-color-70: var(--uui-success-70);\r\n --uui-color-contrast: var(--uui-success-contrast);\r\n }\r\n\r\n .uui-color-warning {\r\n --uui-color-5: var(--uui-warning-5);\r\n --uui-color-10: var(--uui-warning-10);\r\n --uui-color-20: var(--uui-warning-20);\r\n --uui-color-50: var(--uui-warning-50);\r\n --uui-color-60: var(--uui-warning-60);\r\n --uui-color-70: var(--uui-warning-70);\r\n --uui-color-contrast: var(--uui-warning-contrast);\r\n }\r\n\r\n .uui-color-error {\r\n --uui-color-5: var(--uui-error-5);\r\n --uui-color-10: var(--uui-error-10);\r\n --uui-color-20: var(--uui-error-20);\r\n --uui-color-50: var(--uui-error-50);\r\n --uui-color-60: var(--uui-error-60);\r\n --uui-color-70: var(--uui-error-70);\r\n --uui-color-contrast: var(--uui-error-contrast);\r\n }\r\n\r\n .uui-color-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-white {\r\n --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\r\n --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\r\n --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\r\n --uui-color-50: var(--uui-neutral-0);\r\n --uui-color-60: var(--uui-neutral-10);\r\n --uui-color-70: var(--uui-neutral-20);\r\n --uui-color-contrast: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-color-neutral {\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","@mixin uui-4px-grid {\r\n & {\r\n --uui-grid-unit: 8px;\r\n --uui-focus-outline-width: 2px;\r\n --uui-focus-outline-offset: 2px;\r\n --uui-focus-radius: 2px;\r\n --uui-border-radius: 8px;\r\n --uui-tab-line-width: 3px;\r\n --uui-notify-size: 6px;\r\n --uui-resize-marker-width: 12px;\r\n }\r\n\r\n .uui-size-16 {\r\n --uui-size: 16px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 4px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 3px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 12px;\r\n --uui-font-size: 10px;\r\n --uui-dot-size: 4px;\r\n }\r\n\r\n .uui-size-20 {\r\n --uui-size: 20px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 8px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 3px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 8px;\r\n }\r\n\r\n .uui-size-24 {\r\n --uui-size: 24px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 8px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 16px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 10px;\r\n }\r\n\r\n .uui-size-28 {\r\n --uui-size: 28px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 8px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 6px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 12px;\r\n --uui-line-height: 28px;\r\n --uui-font-size: 18px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-size-32 {\r\n --uui-size: 32px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 4px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 20px;\r\n --uui-vertical-padding: 6px;\r\n --uui-icon-size: 20px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 8px;\r\n }\r\n\r\n .uui-size-40 {\r\n --uui-size: 40px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 4px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 20px;\r\n --uui-vertical-padding: 8px;\r\n --uui-icon-size: 20px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 14px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-size-48 {\r\n --uui-size: 48px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 4px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 32px;\r\n --uui-vertical-padding: 12px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 20px;\r\n --uui-font-size: 16px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-size-56 {\r\n --uui-size: 56px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 4px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 32px;\r\n --uui-vertical-padding: 16px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-size-60 {\r\n --uui-size: 60px;\r\n --uui-border-width: 1px;\r\n --uui-horizontal-gap: 6px;\r\n --uui-vertical-gap: 3px;\r\n --uui-horizontal-padding: 12px;\r\n --uui-vertical-padding: 3px;\r\n --uui-icon-size: 24px;\r\n --uui-line-height: 24px;\r\n --uui-font-size: 16px;\r\n --uui-dot-size: 12px;\r\n }\r\n\r\n .uui-button {\r\n --uui-btn-font-weight: 500;\r\n\r\n &.uui-size-48 {\r\n --uui-btn-border-radius: 12px;\r\n }\r\n\r\n .uui-caption:first-child {\r\n padding-left: 0;\r\n }\r\n\r\n .uui-caption:last-child {\r\n padding-right: 0;\r\n }\r\n\r\n &:has(.uui-icon:only-child) {\r\n &.uui-size-32 {\r\n --uui-horizontal-padding: 4px;\r\n }\r\n\r\n &.uui-size-40 {\r\n --uui-horizontal-padding: 10px;\r\n }\r\n\r\n &.uui-size-48 {\r\n --uui-horizontal-padding: 14px;\r\n }\r\n }\r\n }\r\n\r\n .uui-input-box {\r\n &.uui-size-40 {\r\n --uui-horizontal-padding: 8px;\r\n --uui-horizontal-gap: 8px;\r\n }\r\n\r\n &.uui-size-48 {\r\n --uui-horizontal-padding: 12px;\r\n --uui-horizontal-gap: 8px;\r\n }\r\n }\r\n\r\n .uui-link_button {\r\n &.uui-size-16 {\r\n --uui-horizontal-gap: 4px;\r\n --uui-icon-size: 16px;\r\n --uui-line-height: 16px;\r\n --uui-font-size: 14px;\r\n }\r\n\r\n &.uui-size-20 {\r\n --uui-horizontal-gap: 4px;\r\n --uui-icon-size: 20px;\r\n --uui-line-height: 20px;\r\n --uui-font-size: 16px;\r\n }\r\n }\r\n\r\n .uui-checkbox-container, .uui-radio-input-container {\r\n --uui-checkbox-border-radius: 4px;\r\n\r\n .uui-input-label {\r\n align-self: center;\r\n }\r\n\r\n &.uui-size-20 {\r\n --uui-size: 14px;\r\n\r\n .uui-checkbox, .uui-radioinput {\r\n margin: 3px;\r\n }\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-size: 18px;\r\n --uui-line-height: 22px;\r\n --uui-font-size: 16px;\r\n\r\n .uui-checkbox, .uui-radioinput {\r\n margin: 3px;\r\n }\r\n }\r\n\r\n &.uui-size-28 {\r\n --uui-size: 22px;\r\n\r\n .uui-checkbox, .uui-radioinput {\r\n margin: 3px;\r\n }\r\n }\r\n }\r\n\r\n .uui-tab-button {\r\n &.uui-size-48 {\r\n --uui-size: 50px;\r\n --uui-horizontal-padding: 16px;\r\n --uui-horizontal-gap: 4px;\r\n --uui-icon-size: 20px;\r\n --uui-font-size: 14px;\r\n }\r\n }\r\n\r\n .uui-count_indicator {\r\n &.uui-size-20 {\r\n --uui-horizontal-padding: 6px;\r\n --uui-line-height: 18px;\r\n --uui-font-size: 12px;\r\n }\r\n\r\n &.uui-size-24 {\r\n --uui-line-height: 22px;\r\n --uui-font-size: 14px;\r\n }\r\n }\r\n\r\n .uui-datepicker-body-wrapper {\r\n --uui-dtp_body-min-height: 310px;\r\n }\r\n\r\n .uui-badge {\r\n &.uui-size-24 {\r\n --uui-horizontal-gap: 4px;\r\n }\r\n }\r\n\r\n .uui-columns-config-modal {\r\n --uui-dt-columns_config_modal-subgroup_icon: 20px;\r\n }\r\n\r\n .uui-alert {\r\n --uui-alert-padding-v: 16px;\r\n --uui-alert-padding-h: 16px;\r\n font-size: 16px;\r\n line-height: 24px;\r\n }\r\n}\r\n"]}