ui-style-kit-css 2.6.1 → 2.7.0

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 (58) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +13 -12
  3. package/dist/ui-style-kit.css +481 -95
  4. package/dist/ui-style-kit.min.css +2 -2
  5. package/dist/ui-style-kit.visual.css +481 -95
  6. package/dist/ui-style-kit.visual.min.css +2 -2
  7. package/dist/ui-style-kit.with-bridge.css +481 -95
  8. package/dist/ui-style-kit.with-bridge.min.css +2 -2
  9. package/dist/visual/art-deco.css +322 -12
  10. package/dist/visual/bauhaus.css +2 -2
  11. package/dist/visual/bento.css +2 -2
  12. package/dist/visual/brutalism.css +318 -8
  13. package/dist/visual/clay.css +2 -2
  14. package/dist/visual/cyberpunk.css +327 -10
  15. package/dist/visual/data-terminal.css +319 -9
  16. package/dist/visual/editorial-luxe.css +319 -9
  17. package/dist/visual/industrial-utility.css +323 -8
  18. package/dist/visual/maximalist.css +320 -9
  19. package/dist/visual/minimal-saas.css +317 -7
  20. package/dist/visual/neo-noir.css +2 -2
  21. package/dist/visual/neumorphism.css +319 -9
  22. package/dist/visual/organic-modern.css +2 -2
  23. package/dist/visual/paper-editorial.css +358 -8
  24. package/dist/visual/retro-glass.css +326 -8
  25. package/dist/visual/retrofuturism.css +320 -10
  26. package/dist/visual/tactile.css +327 -15
  27. package/dist/visual/technical-blueprint.css +320 -10
  28. package/dist/visual/y2k.css +319 -9
  29. package/docs/COMPONENT-SPACING.md +154 -0
  30. package/docs/ECOSYSTEM.md +2 -2
  31. package/docs/PUBLISHING.md +7 -7
  32. package/docs/RELEASE-2.7.0.md +21 -0
  33. package/manifest.json +9 -1
  34. package/package.json +2 -2
  35. package/styles/art-deco.css +8 -8
  36. package/styles/bauhaus.css +4 -3
  37. package/styles/bento.css +17 -10
  38. package/styles/brutalism.css +4 -3
  39. package/styles/clay.css +6 -4
  40. package/styles/clean-defaults.css +20 -0
  41. package/styles/component-composition.css +63 -0
  42. package/styles/components.css +262 -2
  43. package/styles/cyberpunk.css +12 -5
  44. package/styles/data-terminal.css +6 -4
  45. package/styles/editorial-luxe.css +7 -4
  46. package/styles/industrial-utility.css +10 -3
  47. package/styles/maximalist.css +7 -4
  48. package/styles/minimal-saas.css +3 -2
  49. package/styles/native-elements.css +32 -2
  50. package/styles/neo-noir.css +7 -5
  51. package/styles/neumorphism.css +5 -4
  52. package/styles/organic-modern.css +3 -3
  53. package/styles/paper-editorial.css +39 -3
  54. package/styles/retro-glass.css +9 -3
  55. package/styles/retrofuturism.css +7 -5
  56. package/styles/tactile.css +16 -6
  57. package/styles/technical-blueprint.css +8 -5
  58. package/styles/y2k.css +5 -4
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * UI Style Kit CSS v2.6.1
2
+ * UI Style Kit CSS v2.7.0
3
3
  * CSS theme and UI style preset library.
4
4
  * License: MIT
5
5
  */
@@ -2408,8 +2408,11 @@
2408
2408
  [data-ui][data-mode] :where(input[type="radio"]) { border-radius: var(--usk-native-radio-radius); }
2409
2409
 
2410
2410
  [data-ui][data-mode] :where(input[type="checkbox"]:checked) {
2411
- background-color: var(--usk-native-choice-checked-background);
2412
- background-image: linear-gradient(135deg, transparent 42%, var(--usk-native-choice-mark-color) 42% 56%, transparent 56%), linear-gradient(45deg, transparent 54%, var(--usk-native-choice-mark-color) 54% 68%, transparent 68%);
2411
+ /* The final background layer accepts both solid and gradient preset fills. */
2412
+ background:
2413
+ linear-gradient(45deg, transparent 38%, var(--usk-native-choice-mark-color) 38% 62%, transparent 62%) 24% 62% / 32% 36% no-repeat,
2414
+ linear-gradient(135deg, transparent 40%, var(--usk-native-choice-mark-color) 40% 60%, transparent 60%) 68% 43% / 52% 58% no-repeat,
2415
+ var(--usk-native-choice-checked-background);
2413
2416
  }
2414
2417
 
2415
2418
  [data-ui][data-mode] :where(input[type="checkbox"]:hover:not(:disabled), input[type="radio"]:hover:not(:disabled)) {
@@ -2830,6 +2833,33 @@
2830
2833
  }
2831
2834
  }
2832
2835
 
2836
+ /** Choice-state paint follows preset geometry, including presets with material surface tokens. */
2837
+ @layer ui-style-kit.clean_defaults {
2838
+ /** Disabled choices remain recognizable without relying on faded opacity alone. */
2839
+ [data-ui][data-mode] :where(input[type="radio"]:disabled) {
2840
+ background: var(--usk-native-bg);
2841
+ border-color: var(--usk-native-text-muted);
2842
+ border-style: dashed;
2843
+ opacity: .7;
2844
+ }
2845
+ @supports (color: color-mix(in srgb, black, white)) {
2846
+ [data-ui][data-mode] :where(input[type="radio"]:disabled) {
2847
+ background: color-mix(in srgb, var(--usk-native-text-muted) 24%, var(--usk-native-bg));
2848
+ }
2849
+ }
2850
+ [data-ui][data-mode] :where(input[type="radio"]:disabled:checked) {
2851
+ background: radial-gradient(circle, var(--usk-native-text-muted) 0 31%, transparent 34%), var(--usk-native-bg);
2852
+ }
2853
+
2854
+
2855
+ @media (forced-colors: active) {
2856
+ [data-ui][data-mode] :where(input[type="radio"]:disabled) {
2857
+ border-color: GrayText;
2858
+ background: Canvas;
2859
+ }
2860
+ }
2861
+ }
2862
+
2833
2863
 
2834
2864
  /* styles/components.css */
2835
2865
  /* =========================================================
@@ -4174,7 +4204,7 @@
4174
4204
  :where(.saas-tabs, .bento-tabs, .max-tabs, .bau-tabs, .tactile-tabs, .neo-tabs, .retro-tabs, .brutal-tabs, .cyber-tabs, .y2k-tabs, .rg-tabs, .luxe-tabs, .organic-tabs, .utility-tabs, .blueprint-tabs, .deco-tabs, .clay-tabs, .terminal-tabs, .paper-tabs, .noir-tabs), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tabs), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tabs) { display: grid; gap: .75rem; }
4175
4205
  :where(.saas-tab-list, .bento-tab-list, .max-tab-list, .bau-tab-list, .tactile-tab-list, .neo-tab-list, .retro-tab-list, .brutal-tab-list, .cyber-tab-list, .y2k-tab-list, .rg-tab-list, .luxe-tab-list, .organic-tab-list, .utility-tab-list, .blueprint-tab-list, .deco-tab-list, .clay-tab-list, .terminal-tab-list, .paper-tab-list, .noir-tab-list), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab-list), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab-list) { display: flex; flex-wrap: wrap; gap: .25rem; border-block-end: var(--usk-native-border-width) solid var(--usk-native-border); }
4176
4206
  :where(.saas-tab, .bento-tab, .max-tab, .bau-tab, .tactile-tab, .neo-tab, .retro-tab, .brutal-tab, .cyber-tab, .y2k-tab, .rg-tab, .luxe-tab, .organic-tab, .utility-tab, .blueprint-tab, .deco-tab, .clay-tab, .terminal-tab, .paper-tab, .noir-tab), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab) { min-block-size: 44px; padding: .6rem .9rem; color: var(--usk-native-text-muted); background: transparent; border: 0; border-block-end: calc(var(--usk-native-border-width) * 2) solid transparent; font: inherit; cursor: pointer; }
4177
- :where(.saas-tab[aria-selected="true"], .bento-tab[aria-selected="true"], .max-tab[aria-selected="true"], .bau-tab[aria-selected="true"], .tactile-tab[aria-selected="true"], .neo-tab[aria-selected="true"], .retro-tab[aria-selected="true"], .brutal-tab[aria-selected="true"], .cyber-tab[aria-selected="true"], .y2k-tab[aria-selected="true"], .rg-tab[aria-selected="true"], .luxe-tab[aria-selected="true"], .organic-tab[aria-selected="true"], .utility-tab[aria-selected="true"], .blueprint-tab[aria-selected="true"], .deco-tab[aria-selected="true"], .clay-tab[aria-selected="true"], .terminal-tab[aria-selected="true"], .paper-tab[aria-selected="true"], .noir-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab[aria-selected="true"]) { color: var(--usk-primary-ink, var(--usk-native-primary)); border-block-end-color: var(--usk-native-primary); }
4207
+ :where(.saas-tab[aria-selected="true"], .bento-tab[aria-selected="true"], .max-tab[aria-selected="true"], .bau-tab[aria-selected="true"], .tactile-tab[aria-selected="true"], .neo-tab[aria-selected="true"], .retro-tab[aria-selected="true"], .brutal-tab[aria-selected="true"], .cyber-tab[aria-selected="true"], .y2k-tab[aria-selected="true"], .rg-tab[aria-selected="true"], .luxe-tab[aria-selected="true"], .organic-tab[aria-selected="true"], .utility-tab[aria-selected="true"], .blueprint-tab[aria-selected="true"], .deco-tab[aria-selected="true"], .clay-tab[aria-selected="true"], .terminal-tab[aria-selected="true"], .paper-tab[aria-selected="true"], .noir-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab[aria-selected="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab[aria-selected="true"]) { color: var(--usk-native-text); border-block-end-color: var(--usk-native-primary); }
4178
4208
  :where(.saas-tab-panel, .bento-tab-panel, .max-tab-panel, .bau-tab-panel, .tactile-tab-panel, .neo-tab-panel, .retro-tab-panel, .brutal-tab-panel, .cyber-tab-panel, .y2k-tab-panel, .rg-tab-panel, .luxe-tab-panel, .organic-tab-panel, .utility-tab-panel, .blueprint-tab-panel, .deco-tab-panel, .clay-tab-panel, .terminal-tab-panel, .paper-tab-panel, .noir-tab-panel), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-tab-panel), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-tab-panel) { padding-block: .75rem; color: var(--usk-native-text); }
4179
4209
 
4180
4210
  :where(.saas-pagination, .saas-breadcrumb-list, .saas-chip-group, .saas-avatar-group, .bento-pagination, .bento-breadcrumb-list, .bento-chip-group, .bento-avatar-group, .max-pagination, .max-breadcrumb-list, .max-chip-group, .max-avatar-group, .bau-pagination, .bau-breadcrumb-list, .bau-chip-group, .bau-avatar-group, .tactile-pagination, .tactile-breadcrumb-list, .tactile-chip-group, .tactile-avatar-group, .neo-pagination, .neo-breadcrumb-list, .neo-chip-group, .neo-avatar-group, .retro-pagination, .retro-breadcrumb-list, .retro-chip-group, .retro-avatar-group, .brutal-pagination, .brutal-breadcrumb-list, .brutal-chip-group, .brutal-avatar-group, .cyber-pagination, .cyber-breadcrumb-list, .cyber-chip-group, .cyber-avatar-group, .y2k-pagination, .y2k-breadcrumb-list, .y2k-chip-group, .y2k-avatar-group, .rg-pagination, .rg-breadcrumb-list, .rg-chip-group, .rg-avatar-group, .luxe-pagination, .luxe-breadcrumb-list, .luxe-chip-group, .luxe-avatar-group, .organic-pagination, .organic-breadcrumb-list, .organic-chip-group, .organic-avatar-group, .utility-pagination, .utility-breadcrumb-list, .utility-chip-group, .utility-avatar-group, .blueprint-pagination, .blueprint-breadcrumb-list, .blueprint-chip-group, .blueprint-avatar-group, .deco-pagination, .deco-breadcrumb-list, .deco-chip-group, .deco-avatar-group, .clay-pagination, .clay-breadcrumb-list, .clay-chip-group, .clay-avatar-group, .terminal-pagination, .terminal-breadcrumb-list, .terminal-chip-group, .terminal-avatar-group, .paper-pagination, .paper-breadcrumb-list, .paper-chip-group, .paper-avatar-group, .noir-pagination, .noir-breadcrumb-list, .noir-chip-group, .noir-avatar-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-pagination,.usk-breadcrumb-list,.usk-chip-group,.usk-avatar-group), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-pagination,.ui-breadcrumb-list,.ui-chip-group,.ui-avatar-group) { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; padding: 0; list-style: none; }
@@ -4196,7 +4226,7 @@
4196
4226
  @media (prefers-reduced-motion: reduce) { :where(.saas-skeleton, .bento-skeleton, .max-skeleton, .bau-skeleton, .tactile-skeleton, .neo-skeleton, .retro-skeleton, .brutal-skeleton, .cyber-skeleton, .y2k-skeleton, .rg-skeleton, .luxe-skeleton, .organic-skeleton, .utility-skeleton, .blueprint-skeleton, .deco-skeleton, .clay-skeleton, .terminal-skeleton, .paper-skeleton, .noir-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-skeleton), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-skeleton) { animation: none; } }
4197
4227
 
4198
4228
  :where(.saas-empty-state, .bento-empty-state, .max-empty-state, .bau-empty-state, .tactile-empty-state, .neo-empty-state, .retro-empty-state, .brutal-empty-state, .cyber-empty-state, .y2k-empty-state, .rg-empty-state, .luxe-empty-state, .organic-empty-state, .utility-empty-state, .blueprint-empty-state, .deco-empty-state, .clay-empty-state, .terminal-empty-state, .paper-empty-state, .noir-empty-state), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state) { display: grid; justify-items: center; gap: .75rem; max-inline-size: 42rem; padding: clamp(1.25rem, 4vw, 3rem); color: var(--usk-native-text); background: var(--usk-native-surface); border: var(--usk-native-border-width) solid var(--usk-native-border); border-radius: var(--usk-native-radius); text-align: center; }
4199
- :where(.saas-empty-state-icon, .bento-empty-state-icon, .max-empty-state-icon, .bau-empty-state-icon, .tactile-empty-state-icon, .neo-empty-state-icon, .retro-empty-state-icon, .brutal-empty-state-icon, .cyber-empty-state-icon, .y2k-empty-state-icon, .rg-empty-state-icon, .luxe-empty-state-icon, .organic-empty-state-icon, .utility-empty-state-icon, .blueprint-empty-state-icon, .deco-empty-state-icon, .clay-empty-state-icon, .terminal-empty-state-icon, .paper-empty-state-icon, .noir-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-icon) { display: grid; place-items: center; color: var(--usk-primary-ink, var(--usk-native-primary)); }
4229
+ :where(.saas-empty-state-icon, .bento-empty-state-icon, .max-empty-state-icon, .bau-empty-state-icon, .tactile-empty-state-icon, .neo-empty-state-icon, .retro-empty-state-icon, .brutal-empty-state-icon, .cyber-empty-state-icon, .y2k-empty-state-icon, .rg-empty-state-icon, .luxe-empty-state-icon, .organic-empty-state-icon, .utility-empty-state-icon, .blueprint-empty-state-icon, .deco-empty-state-icon, .clay-empty-state-icon, .terminal-empty-state-icon, .paper-empty-state-icon, .noir-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-icon), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-icon) { display: grid; place-items: center; color: var(--usk-native-link); }
4200
4230
  :where(.saas-empty-state-title, .saas-toast-title, .bento-empty-state-title, .bento-toast-title, .max-empty-state-title, .max-toast-title, .bau-empty-state-title, .bau-toast-title, .tactile-empty-state-title, .tactile-toast-title, .neo-empty-state-title, .neo-toast-title, .retro-empty-state-title, .retro-toast-title, .brutal-empty-state-title, .brutal-toast-title, .cyber-empty-state-title, .cyber-toast-title, .y2k-empty-state-title, .y2k-toast-title, .rg-empty-state-title, .rg-toast-title, .luxe-empty-state-title, .luxe-toast-title, .organic-empty-state-title, .organic-toast-title, .utility-empty-state-title, .utility-toast-title, .blueprint-empty-state-title, .blueprint-toast-title, .deco-empty-state-title, .deco-toast-title, .clay-empty-state-title, .clay-toast-title, .terminal-empty-state-title, .terminal-toast-title, .paper-empty-state-title, .paper-toast-title, .noir-empty-state-title, .noir-toast-title), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-title,.usk-toast-title), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-title,.ui-toast-title) { margin: 0; color: var(--usk-native-text); font-weight: 750; }
4201
4231
  :where(.saas-empty-state-body, .saas-toast-body, .saas-metric-detail, .bento-empty-state-body, .bento-toast-body, .bento-metric-detail, .max-empty-state-body, .max-toast-body, .max-metric-detail, .bau-empty-state-body, .bau-toast-body, .bau-metric-detail, .tactile-empty-state-body, .tactile-toast-body, .tactile-metric-detail, .neo-empty-state-body, .neo-toast-body, .neo-metric-detail, .retro-empty-state-body, .retro-toast-body, .retro-metric-detail, .brutal-empty-state-body, .brutal-toast-body, .brutal-metric-detail, .cyber-empty-state-body, .cyber-toast-body, .cyber-metric-detail, .y2k-empty-state-body, .y2k-toast-body, .y2k-metric-detail, .rg-empty-state-body, .rg-toast-body, .rg-metric-detail, .luxe-empty-state-body, .luxe-toast-body, .luxe-metric-detail, .organic-empty-state-body, .organic-toast-body, .organic-metric-detail, .utility-empty-state-body, .utility-toast-body, .utility-metric-detail, .blueprint-empty-state-body, .blueprint-toast-body, .blueprint-metric-detail, .deco-empty-state-body, .deco-toast-body, .deco-metric-detail, .clay-empty-state-body, .clay-toast-body, .clay-metric-detail, .terminal-empty-state-body, .terminal-toast-body, .terminal-metric-detail, .paper-empty-state-body, .paper-toast-body, .paper-metric-detail, .noir-empty-state-body, .noir-toast-body, .noir-metric-detail), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-body,.usk-toast-body,.usk-metric-detail), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-body,.ui-toast-body,.ui-metric-detail) { margin: 0; color: var(--usk-native-text-muted); }
4202
4232
  :where(.saas-empty-state-actions, .saas-toast-actions, .bento-empty-state-actions, .bento-toast-actions, .max-empty-state-actions, .max-toast-actions, .bau-empty-state-actions, .bau-toast-actions, .tactile-empty-state-actions, .tactile-toast-actions, .neo-empty-state-actions, .neo-toast-actions, .retro-empty-state-actions, .retro-toast-actions, .brutal-empty-state-actions, .brutal-toast-actions, .cyber-empty-state-actions, .cyber-toast-actions, .y2k-empty-state-actions, .y2k-toast-actions, .rg-empty-state-actions, .rg-toast-actions, .luxe-empty-state-actions, .luxe-toast-actions, .organic-empty-state-actions, .organic-toast-actions, .utility-empty-state-actions, .utility-toast-actions, .blueprint-empty-state-actions, .blueprint-toast-actions, .deco-empty-state-actions, .deco-toast-actions, .clay-empty-state-actions, .clay-toast-actions, .terminal-empty-state-actions, .terminal-toast-actions, .paper-empty-state-actions, .paper-toast-actions, .noir-empty-state-actions, .noir-toast-actions), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-empty-state-actions,.usk-toast-actions), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-empty-state-actions,.ui-toast-actions) { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
@@ -4245,6 +4275,266 @@
4245
4275
  :where(.saas-file-upload, .bento-file-upload, .max-file-upload, .bau-file-upload, .tactile-file-upload, .neo-file-upload, .retro-file-upload, .brutal-file-upload, .cyber-file-upload, .y2k-file-upload, .rg-file-upload, .luxe-file-upload, .organic-file-upload, .utility-file-upload, .blueprint-file-upload, .deco-file-upload, .clay-file-upload, .terminal-file-upload, .paper-file-upload, .noir-file-upload), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-file-upload), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-file-upload) { display: grid; gap: .75rem; }
4246
4276
  :where(.saas-dropzone, .bento-dropzone, .max-dropzone, .bau-dropzone, .tactile-dropzone, .neo-dropzone, .retro-dropzone, .brutal-dropzone, .cyber-dropzone, .y2k-dropzone, .rg-dropzone, .luxe-dropzone, .organic-dropzone, .utility-dropzone, .blueprint-dropzone, .deco-dropzone, .clay-dropzone, .terminal-dropzone, .paper-dropzone, .noir-dropzone), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-dropzone), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-dropzone) { display: grid; place-items: center; gap: .5rem; min-block-size: 8rem; padding: 1.25rem; color: var(--usk-native-text-muted); background: var(--usk-native-surface-soft); border: calc(var(--usk-native-border-width) * 2) dashed var(--usk-native-border); border-radius: var(--usk-native-radius); text-align: center; }
4247
4277
  :where(.saas-dropzone[data-drag-active="true"], .bento-dropzone[data-drag-active="true"], .max-dropzone[data-drag-active="true"], .bau-dropzone[data-drag-active="true"], .tactile-dropzone[data-drag-active="true"], .neo-dropzone[data-drag-active="true"], .retro-dropzone[data-drag-active="true"], .brutal-dropzone[data-drag-active="true"], .cyber-dropzone[data-drag-active="true"], .y2k-dropzone[data-drag-active="true"], .rg-dropzone[data-drag-active="true"], .luxe-dropzone[data-drag-active="true"], .organic-dropzone[data-drag-active="true"], .utility-dropzone[data-drag-active="true"], .blueprint-dropzone[data-drag-active="true"], .deco-dropzone[data-drag-active="true"], .clay-dropzone[data-drag-active="true"], .terminal-dropzone[data-drag-active="true"], .paper-dropzone[data-drag-active="true"], .noir-dropzone[data-drag-active="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.usk-dropzone[data-drag-active="true"]), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"], [data-ui="editorial-luxe"], [data-ui="organic-modern"], [data-ui="industrial-utility"], [data-ui="technical-blueprint"], [data-ui="art-deco"], [data-ui="clay"], [data-ui="data-terminal"], [data-ui="paper-editorial"], [data-ui="neo-noir"]) :where(.ui-dropzone[data-drag-active="true"]) { color: var(--usk-primary-ink, var(--usk-native-primary)); border-color: var(--usk-native-primary); }
4278
+ }
4279
+ @layer ui-style-kit.clean_defaults {
4280
+ /** Empty-state symbols remain prominent independently of each preset's body font. */
4281
+ [data-ui][data-mode] :where(.saas-empty-state-icon, .bento-empty-state-icon, .max-empty-state-icon, .bau-empty-state-icon, .tactile-empty-state-icon, .neo-empty-state-icon, .retro-empty-state-icon, .brutal-empty-state-icon, .cyber-empty-state-icon, .y2k-empty-state-icon, .rg-empty-state-icon, .luxe-empty-state-icon, .organic-empty-state-icon, .utility-empty-state-icon, .blueprint-empty-state-icon, .deco-empty-state-icon, .clay-empty-state-icon, .terminal-empty-state-icon, .paper-empty-state-icon, .noir-empty-state-icon), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-empty-state-icon), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-empty-state-icon) {
4282
+ display: grid;
4283
+ place-items: center;
4284
+ font-size: var(--usk-empty-state-icon-size, 2.75rem);
4285
+ line-height: 1;
4286
+ min-inline-size: 1em;
4287
+ min-block-size: 1em;
4288
+ margin: 0;
4289
+ padding: 0;
4290
+ }
4291
+
4292
+ /** Thin progress tracks own their inset; the fill never inherits element spacing. */
4293
+ [data-ui][data-mode] :where(.saas-progress, .bento-progress, .max-progress, .bau-progress, .tactile-progress, .neo-progress, .retro-progress, .brutal-progress, .cyber-progress, .y2k-progress, .rg-progress, .luxe-progress, .organic-progress, .utility-progress, .blueprint-progress, .deco-progress, .clay-progress, .terminal-progress, .paper-progress, .noir-progress), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-progress), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-progress) {
4294
+ box-sizing: border-box;
4295
+ display: flex;
4296
+ align-items: center;
4297
+ min-inline-size: 0;
4298
+ max-inline-size: 100%;
4299
+ margin: 0;
4300
+ padding: 0;
4301
+ }
4302
+ [data-ui][data-mode] :where(.saas-progress-bar, .bento-progress-bar, .max-progress-bar, .bau-progress-bar, .tactile-progress-bar, .neo-progress-bar, .retro-progress-bar, .brutal-progress-bar, .cyber-progress-bar, .y2k-progress-bar, .rg-progress-bar, .luxe-progress-bar, .organic-progress-bar, .utility-progress-bar, .blueprint-progress-bar, .deco-progress-bar, .clay-progress-bar, .terminal-progress-bar, .paper-progress-bar, .noir-progress-bar), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-progress-bar), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-progress-bar) {
4303
+ box-sizing: border-box;
4304
+ flex: 0 1 auto;
4305
+ align-self: center;
4306
+ min-inline-size: 0;
4307
+ min-block-size: 0;
4308
+ max-inline-size: 100%;
4309
+ block-size: 100%;
4310
+ margin: 0;
4311
+ padding: 0;
4312
+ }
4313
+
4314
+ /** Status surfaces keep their signal after preset material and border shorthands. */
4315
+
4316
+ [data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) {
4317
+ --usk-message-tone: var(--usk-native-success);
4318
+ background: var(--usk-message-tone);
4319
+ color: var(--usk-native-on-success);
4320
+ border-color: var(--usk-message-tone);
4321
+ }
4322
+ [data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success) :where(.saas-alert-title, .bento-alert-title, .max-alert-title, .bau-alert-title, .tactile-alert-title, .neo-alert-title, .retro-alert-title, .brutal-alert-title, .cyber-alert-title, .y2k-alert-title, .rg-alert-title, .luxe-alert-title, .organic-alert-title, .utility-alert-title, .blueprint-alert-title, .deco-alert-title, .clay-alert-title, .terminal-alert-title, .paper-alert-title, .noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) :where(.ui-alert-title) {
4323
+ color: inherit;
4324
+ text-shadow: none;
4325
+ }
4326
+ [data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success) :where(.saas-alert-body, .bento-alert-body, .max-alert-body, .bau-alert-body, .tactile-alert-body, .neo-alert-body, .retro-alert-body, .brutal-alert-body, .cyber-alert-body, .y2k-alert-body, .rg-alert-body, .luxe-alert-body, .organic-alert-body, .utility-alert-body, .blueprint-alert-body, .deco-alert-body, .clay-alert-body, .terminal-alert-body, .paper-alert-body, .noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) :where(.ui-alert-body) {
4327
+ color: inherit;
4328
+ }
4329
+ @supports (color: color-mix(in srgb, #000, #fff)) {
4330
+ [data-ui][data-mode] :where(.saas-alert-success, .bento-alert-success, .max-alert-success, .bau-alert-success, .tactile-alert-success, .neo-alert-success, .retro-alert-success, .brutal-alert-success, .cyber-alert-success, .y2k-alert-success, .rg-alert-success, .luxe-alert-success, .organic-alert-success, .utility-alert-success, .blueprint-alert-success, .deco-alert-success, .clay-alert-success, .terminal-alert-success, .paper-alert-success, .noir-alert-success), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="success"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="success"])) {
4331
+ background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
4332
+ color: var(--usk-native-text);
4333
+ }
4334
+ }
4335
+
4336
+ [data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) {
4337
+ --usk-message-tone: var(--usk-native-warning);
4338
+ background: var(--usk-message-tone);
4339
+ color: var(--usk-native-on-warning);
4340
+ border-color: var(--usk-message-tone);
4341
+ }
4342
+ [data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning) :where(.saas-alert-title, .bento-alert-title, .max-alert-title, .bau-alert-title, .tactile-alert-title, .neo-alert-title, .retro-alert-title, .brutal-alert-title, .cyber-alert-title, .y2k-alert-title, .rg-alert-title, .luxe-alert-title, .organic-alert-title, .utility-alert-title, .blueprint-alert-title, .deco-alert-title, .clay-alert-title, .terminal-alert-title, .paper-alert-title, .noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) :where(.ui-alert-title) {
4343
+ color: inherit;
4344
+ text-shadow: none;
4345
+ }
4346
+ [data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning) :where(.saas-alert-body, .bento-alert-body, .max-alert-body, .bau-alert-body, .tactile-alert-body, .neo-alert-body, .retro-alert-body, .brutal-alert-body, .cyber-alert-body, .y2k-alert-body, .rg-alert-body, .luxe-alert-body, .organic-alert-body, .utility-alert-body, .blueprint-alert-body, .deco-alert-body, .clay-alert-body, .terminal-alert-body, .paper-alert-body, .noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) :where(.ui-alert-body) {
4347
+ color: inherit;
4348
+ }
4349
+ @supports (color: color-mix(in srgb, #000, #fff)) {
4350
+ [data-ui][data-mode] :where(.saas-alert-warning, .bento-alert-warning, .max-alert-warning, .bau-alert-warning, .tactile-alert-warning, .neo-alert-warning, .retro-alert-warning, .brutal-alert-warning, .cyber-alert-warning, .y2k-alert-warning, .rg-alert-warning, .luxe-alert-warning, .organic-alert-warning, .utility-alert-warning, .blueprint-alert-warning, .deco-alert-warning, .clay-alert-warning, .terminal-alert-warning, .paper-alert-warning, .noir-alert-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="warning"])) {
4351
+ background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
4352
+ color: var(--usk-native-text);
4353
+ }
4354
+ }
4355
+
4356
+ [data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) {
4357
+ --usk-message-tone: var(--usk-native-danger);
4358
+ background: var(--usk-message-tone);
4359
+ color: var(--usk-native-on-danger);
4360
+ border-color: var(--usk-message-tone);
4361
+ }
4362
+ [data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger) :where(.saas-alert-title, .bento-alert-title, .max-alert-title, .bau-alert-title, .tactile-alert-title, .neo-alert-title, .retro-alert-title, .brutal-alert-title, .cyber-alert-title, .y2k-alert-title, .rg-alert-title, .luxe-alert-title, .organic-alert-title, .utility-alert-title, .blueprint-alert-title, .deco-alert-title, .clay-alert-title, .terminal-alert-title, .paper-alert-title, .noir-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])) :where(.usk-alert-title), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) :where(.ui-alert-title) {
4363
+ color: inherit;
4364
+ text-shadow: none;
4365
+ }
4366
+ [data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger) :where(.saas-alert-body, .bento-alert-body, .max-alert-body, .bau-alert-body, .tactile-alert-body, .neo-alert-body, .retro-alert-body, .brutal-alert-body, .cyber-alert-body, .y2k-alert-body, .rg-alert-body, .luxe-alert-body, .organic-alert-body, .utility-alert-body, .blueprint-alert-body, .deco-alert-body, .clay-alert-body, .terminal-alert-body, .paper-alert-body, .noir-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])) :where(.usk-alert-body), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) :where(.ui-alert-body) {
4367
+ color: inherit;
4368
+ }
4369
+ @supports (color: color-mix(in srgb, #000, #fff)) {
4370
+ [data-ui][data-mode] :where(.saas-alert-danger, .bento-alert-danger, .max-alert-danger, .bau-alert-danger, .tactile-alert-danger, .neo-alert-danger, .retro-alert-danger, .brutal-alert-danger, .cyber-alert-danger, .y2k-alert-danger, .rg-alert-danger, .luxe-alert-danger, .organic-alert-danger, .utility-alert-danger, .blueprint-alert-danger, .deco-alert-danger, .clay-alert-danger, .terminal-alert-danger, .paper-alert-danger, .noir-alert-danger), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-alert:where([data-ui-variant="danger"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-alert:where([data-ui-variant="danger"])) {
4371
+ background: color-mix(in srgb, var(--usk-message-tone) 18%, var(--usk-native-bg));
4372
+ color: var(--usk-native-text);
4373
+ }
4374
+ }
4375
+
4376
+ /** Compact status and selection frames provide a readable inset around their text. */
4377
+ [data-ui][data-mode] :where(.saas-chip, .saas-tab, .saas-segment, .bento-chip, .bento-tab, .bento-segment, .max-chip, .max-tab, .max-segment, .bau-chip, .bau-tab, .bau-segment, .tactile-chip, .tactile-tab, .tactile-segment, .neo-chip, .neo-tab, .neo-segment, .retro-chip, .retro-tab, .retro-segment, .brutal-chip, .brutal-tab, .brutal-segment, .cyber-chip, .cyber-tab, .cyber-segment, .y2k-chip, .y2k-tab, .y2k-segment, .rg-chip, .rg-tab, .rg-segment, .luxe-chip, .luxe-tab, .luxe-segment, .organic-chip, .organic-tab, .organic-segment, .utility-chip, .utility-tab, .utility-segment, .blueprint-chip, .blueprint-tab, .blueprint-segment, .deco-chip, .deco-tab, .deco-segment, .clay-chip, .clay-tab, .clay-segment, .terminal-chip, .terminal-tab, .terminal-segment, .paper-chip, .paper-tab, .paper-segment, .noir-chip, .noir-tab, .noir-segment), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-chip,.usk-tab,.usk-segment), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-chip,.ui-tab,.ui-segment) {
4378
+ box-sizing: border-box;
4379
+ padding-block: var(--usk-compact-content-padding-block, .35rem);
4380
+ padding-inline: var(--usk-compact-content-padding-inline, .65rem);
4381
+ }
4382
+
4383
+ /** Public component frames shrink within their parent instead of adding an outer inset. */
4384
+ [data-ui][data-mode] :where(.saas-tabs, .saas-tab-list, .saas-tab-panel, .saas-toast-stack, .saas-toast, .saas-popover, .saas-menu, .saas-segmented-control, .bento-tabs, .bento-tab-list, .bento-tab-panel, .bento-toast-stack, .bento-toast, .bento-popover, .bento-menu, .bento-segmented-control, .max-tabs, .max-tab-list, .max-tab-panel, .max-toast-stack, .max-toast, .max-popover, .max-menu, .max-segmented-control, .bau-tabs, .bau-tab-list, .bau-tab-panel, .bau-toast-stack, .bau-toast, .bau-popover, .bau-menu, .bau-segmented-control, .tactile-tabs, .tactile-tab-list, .tactile-tab-panel, .tactile-toast-stack, .tactile-toast, .tactile-popover, .tactile-menu, .tactile-segmented-control, .neo-tabs, .neo-tab-list, .neo-tab-panel, .neo-toast-stack, .neo-toast, .neo-popover, .neo-menu, .neo-segmented-control, .retro-tabs, .retro-tab-list, .retro-tab-panel, .retro-toast-stack, .retro-toast, .retro-popover, .retro-menu, .retro-segmented-control, .brutal-tabs, .brutal-tab-list, .brutal-tab-panel, .brutal-toast-stack, .brutal-toast, .brutal-popover, .brutal-menu, .brutal-segmented-control, .cyber-tabs, .cyber-tab-list, .cyber-tab-panel, .cyber-toast-stack, .cyber-toast, .cyber-popover, .cyber-menu, .cyber-segmented-control, .y2k-tabs, .y2k-tab-list, .y2k-tab-panel, .y2k-toast-stack, .y2k-toast, .y2k-popover, .y2k-menu, .y2k-segmented-control, .rg-tabs, .rg-tab-list, .rg-tab-panel, .rg-toast-stack, .rg-toast, .rg-popover, .rg-menu, .rg-segmented-control, .luxe-tabs, .luxe-tab-list, .luxe-tab-panel, .luxe-toast-stack, .luxe-toast, .luxe-popover, .luxe-menu, .luxe-segmented-control, .organic-tabs, .organic-tab-list, .organic-tab-panel, .organic-toast-stack, .organic-toast, .organic-popover, .organic-menu, .organic-segmented-control, .utility-tabs, .utility-tab-list, .utility-tab-panel, .utility-toast-stack, .utility-toast, .utility-popover, .utility-menu, .utility-segmented-control, .blueprint-tabs, .blueprint-tab-list, .blueprint-tab-panel, .blueprint-toast-stack, .blueprint-toast, .blueprint-popover, .blueprint-menu, .blueprint-segmented-control, .deco-tabs, .deco-tab-list, .deco-tab-panel, .deco-toast-stack, .deco-toast, .deco-popover, .deco-menu, .deco-segmented-control, .clay-tabs, .clay-tab-list, .clay-tab-panel, .clay-toast-stack, .clay-toast, .clay-popover, .clay-menu, .clay-segmented-control, .terminal-tabs, .terminal-tab-list, .terminal-tab-panel, .terminal-toast-stack, .terminal-toast, .terminal-popover, .terminal-menu, .terminal-segmented-control, .paper-tabs, .paper-tab-list, .paper-tab-panel, .paper-toast-stack, .paper-toast, .paper-popover, .paper-menu, .paper-segmented-control, .noir-tabs, .noir-tab-list, .noir-tab-panel, .noir-toast-stack, .noir-toast, .noir-popover, .noir-menu, .noir-segmented-control), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tabs,.usk-tab-list,.usk-tab-panel,.usk-toast-stack,.usk-toast,.usk-popover,.usk-menu,.usk-segmented-control), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tabs,.ui-tab-list,.ui-tab-panel,.ui-toast-stack,.ui-toast,.ui-popover,.ui-menu,.ui-segmented-control) {
4385
+ box-sizing: border-box;
4386
+ min-inline-size: 0;
4387
+ max-inline-size: 100%;
4388
+ margin-inline: 0;
4389
+ }
4390
+
4391
+ /** Overlay frames retain their content inset after the native element-spacing floor. */
4392
+ [data-ui][data-mode] :where(.saas-popover, .saas-menu, .saas-listbox, .bento-popover, .bento-menu, .bento-listbox, .max-popover, .max-menu, .max-listbox, .bau-popover, .bau-menu, .bau-listbox, .tactile-popover, .tactile-menu, .tactile-listbox, .neo-popover, .neo-menu, .neo-listbox, .retro-popover, .retro-menu, .retro-listbox, .brutal-popover, .brutal-menu, .brutal-listbox, .cyber-popover, .cyber-menu, .cyber-listbox, .y2k-popover, .y2k-menu, .y2k-listbox, .rg-popover, .rg-menu, .rg-listbox, .luxe-popover, .luxe-menu, .luxe-listbox, .organic-popover, .organic-menu, .organic-listbox, .utility-popover, .utility-menu, .utility-listbox, .blueprint-popover, .blueprint-menu, .blueprint-listbox, .deco-popover, .deco-menu, .deco-listbox, .clay-popover, .clay-menu, .clay-listbox, .terminal-popover, .terminal-menu, .terminal-listbox, .paper-popover, .paper-menu, .paper-listbox, .noir-popover, .noir-menu, .noir-listbox), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-popover,.usk-menu,.usk-listbox), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-popover,.ui-menu,.ui-listbox) {
4393
+ box-sizing: border-box;
4394
+ min-inline-size: 0;
4395
+ max-inline-size: 100%;
4396
+ padding: var(--usk-overlay-padding, .5rem);
4397
+ }
4398
+ [data-ui][data-mode] :where(.saas-menu-item, .saas-listbox-option, .bento-menu-item, .bento-listbox-option, .max-menu-item, .max-listbox-option, .bau-menu-item, .bau-listbox-option, .tactile-menu-item, .tactile-listbox-option, .neo-menu-item, .neo-listbox-option, .retro-menu-item, .retro-listbox-option, .brutal-menu-item, .brutal-listbox-option, .cyber-menu-item, .cyber-listbox-option, .y2k-menu-item, .y2k-listbox-option, .rg-menu-item, .rg-listbox-option, .luxe-menu-item, .luxe-listbox-option, .organic-menu-item, .organic-listbox-option, .utility-menu-item, .utility-listbox-option, .blueprint-menu-item, .blueprint-listbox-option, .deco-menu-item, .deco-listbox-option, .clay-menu-item, .clay-listbox-option, .terminal-menu-item, .terminal-listbox-option, .paper-menu-item, .paper-listbox-option, .noir-menu-item, .noir-listbox-option), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-menu-item,.usk-listbox-option), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-menu-item,.ui-listbox-option) {
4399
+ box-sizing: border-box;
4400
+ min-inline-size: 0;
4401
+ max-inline-size: 100%;
4402
+ padding-block: var(--usk-option-padding-block, .55rem);
4403
+ padding-inline: var(--usk-option-padding-inline, .7rem);
4404
+ }
4405
+
4406
+ /** A typed tab root stacks its header and panel; legacy direct-button bars keep their own layout. */
4407
+ [data-ui][data-mode] :where(.saas-tabs:has(> .saas-tab-list), .bento-tabs:has(> .bento-tab-list), .max-tabs:has(> .max-tab-list), .bau-tabs:has(> .bau-tab-list), .tactile-tabs:has(> .tactile-tab-list), .neo-tabs:has(> .neo-tab-list), .retro-tabs:has(> .retro-tab-list), .brutal-tabs:has(> .brutal-tab-list), .cyber-tabs:has(> .cyber-tab-list), .y2k-tabs:has(> .y2k-tab-list), .rg-tabs:has(> .rg-tab-list), .luxe-tabs:has(> .luxe-tab-list), .organic-tabs:has(> .organic-tab-list), .utility-tabs:has(> .utility-tab-list), .blueprint-tabs:has(> .blueprint-tab-list), .deco-tabs:has(> .deco-tab-list), .clay-tabs:has(> .clay-tab-list), .terminal-tabs:has(> .terminal-tab-list), .paper-tabs:has(> .paper-tab-list), .noir-tabs:has(> .noir-tab-list)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tabs:has(>.usk-tab-list)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tabs:has(>.ui-tab-list)) {
4408
+ display: grid;
4409
+ grid-template-columns: minmax(0, 1fr);
4410
+ grid-auto-flow: row;
4411
+ }
4412
+
4413
+ /** A direct toast title owns the full row; words are never squeezed into a side column. */
4414
+ [data-ui][data-mode] :where(.saas-toast:has(> strong), .bento-toast:has(> strong), .max-toast:has(> strong), .bau-toast:has(> strong), .tactile-toast:has(> strong), .neo-toast:has(> strong), .retro-toast:has(> strong), .brutal-toast:has(> strong), .cyber-toast:has(> strong), .y2k-toast:has(> strong), .rg-toast:has(> strong), .luxe-toast:has(> strong), .organic-toast:has(> strong), .utility-toast:has(> strong), .blueprint-toast:has(> strong), .deco-toast:has(> strong), .clay-toast:has(> strong), .terminal-toast:has(> strong), .paper-toast:has(> strong), .noir-toast:has(> strong)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-toast:has(>strong)), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-toast:has(>strong)) {
4415
+ display: grid;
4416
+ grid-template-columns: minmax(0, 1fr);
4417
+ gap: .5rem;
4418
+ padding: var(--usk-toast-padding, 1rem);
4419
+ }
4420
+ [data-ui][data-mode] :where(.saas-toast-title, .saas-toast-body, .saas-toast-actions, .bento-toast-title, .bento-toast-body, .bento-toast-actions, .max-toast-title, .max-toast-body, .max-toast-actions, .bau-toast-title, .bau-toast-body, .bau-toast-actions, .tactile-toast-title, .tactile-toast-body, .tactile-toast-actions, .neo-toast-title, .neo-toast-body, .neo-toast-actions, .retro-toast-title, .retro-toast-body, .retro-toast-actions, .brutal-toast-title, .brutal-toast-body, .brutal-toast-actions, .cyber-toast-title, .cyber-toast-body, .cyber-toast-actions, .y2k-toast-title, .y2k-toast-body, .y2k-toast-actions, .rg-toast-title, .rg-toast-body, .rg-toast-actions, .luxe-toast-title, .luxe-toast-body, .luxe-toast-actions, .organic-toast-title, .organic-toast-body, .organic-toast-actions, .utility-toast-title, .utility-toast-body, .utility-toast-actions, .blueprint-toast-title, .blueprint-toast-body, .blueprint-toast-actions, .deco-toast-title, .deco-toast-body, .deco-toast-actions, .clay-toast-title, .clay-toast-body, .clay-toast-actions, .terminal-toast-title, .terminal-toast-body, .terminal-toast-actions, .paper-toast-title, .paper-toast-body, .paper-toast-actions, .noir-toast-title, .noir-toast-body, .noir-toast-actions), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-toast-title,.usk-toast-body,.usk-toast-actions), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-toast-title,.ui-toast-body,.ui-toast-actions) {
4421
+ grid-column: 1 / -1;
4422
+ grid-row: auto;
4423
+ min-inline-size: 0;
4424
+ inline-size: auto;
4425
+ max-inline-size: 100%;
4426
+ margin: 0;
4427
+ overflow-wrap: normal;
4428
+ word-break: normal;
4429
+ white-space: normal;
4430
+ hyphens: none;
4431
+ }
4432
+ /** Switch faces have one inset owner and remain centered at either end of the track. */
4433
+ [data-ui][data-mode] :where(.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, .luxe-switch-track, .organic-switch-track, .utility-switch-track, .blueprint-switch-track, .deco-switch-track, .clay-switch-track, .terminal-switch-track, .paper-switch-track, .noir-switch-track), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch-track), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch-track) {
4434
+ box-sizing: border-box;
4435
+ position: relative;
4436
+ display: inline-flex;
4437
+ flex: 0 0 auto;
4438
+ min-inline-size: 2.75rem;
4439
+ min-block-size: 1.625rem;
4440
+ padding: 0;
4441
+ }
4442
+ [data-ui][data-mode] :where(.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, .luxe-switch-thumb, .organic-switch-thumb, .utility-switch-thumb, .blueprint-switch-thumb, .deco-switch-thumb, .clay-switch-thumb, .terminal-switch-thumb, .paper-switch-thumb, .noir-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch-thumb) {
4443
+ box-sizing: border-box;
4444
+ display: block;
4445
+ position: absolute;
4446
+ inset-block-start: 50%;
4447
+ inset-block-end: auto;
4448
+ inset-inline-start: .125rem;
4449
+ inset-inline-end: auto;
4450
+ inline-size: var(--usk-switch-thumb-size, 1.125rem);
4451
+ block-size: var(--usk-switch-thumb-size, 1.125rem);
4452
+ min-inline-size: 0;
4453
+ min-block-size: 0;
4454
+ margin: 0;
4455
+ padding: 0;
4456
+ translate: none;
4457
+ transform: translateY(-50%);
4458
+ }
4459
+ [data-ui][data-mode] :where(.saas-switch input:checked + .saas-switch-track .saas-switch-thumb, .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, .max-switch input:checked + .max-switch-track .max-switch-thumb, .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb, .neo-switch input:checked + .neo-switch-track .neo-switch-thumb, .retro-switch input:checked + .retro-switch-track .retro-switch-thumb, .brutal-switch input:checked + .brutal-switch-track .brutal-switch-thumb, .cyber-switch input:checked + .cyber-switch-track .cyber-switch-thumb, .y2k-switch input:checked + .y2k-switch-track .y2k-switch-thumb, .rg-switch input:checked + .rg-switch-track .rg-switch-thumb, .luxe-switch input:checked + .luxe-switch-track .luxe-switch-thumb, .organic-switch input:checked + .organic-switch-track .organic-switch-thumb, .utility-switch input:checked + .utility-switch-track .utility-switch-thumb, .blueprint-switch input:checked + .blueprint-switch-track .blueprint-switch-thumb, .deco-switch input:checked + .deco-switch-track .deco-switch-thumb, .clay-switch input:checked + .clay-switch-track .clay-switch-thumb, .terminal-switch input:checked + .terminal-switch-track .terminal-switch-thumb, .paper-switch input:checked + .paper-switch-track .paper-switch-thumb, .noir-switch input:checked + .noir-switch-track .noir-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-switch input:checked+.usk-switch-track .usk-switch-thumb), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-switch input:checked+.ui-switch-track .ui-switch-thumb) {
4460
+ inset-inline-start: auto;
4461
+ inset-inline-end: .125rem;
4462
+ transform: translateY(-50%);
4463
+ }
4464
+
4465
+ /** A drawn check retains preset ink while Art Deco keeps its own enamel marker. */
4466
+ [data-ui][data-mode]:where(:not([data-ui="art-deco"])) :where(.saas-check input:checked + .saas-check-control, .bento-check input:checked + .bento-check-control, .max-check input:checked + .max-check-control, .bau-check input:checked + .bau-check-control, .tactile-check input:checked + .tactile-check-control, .neo-check input:checked + .neo-check-control, .retro-check input:checked + .retro-check-control, .brutal-check input:checked + .brutal-check-control, .cyber-check input:checked + .cyber-check-control, .y2k-check input:checked + .y2k-check-control, .rg-check input:checked + .rg-check-control, .luxe-check input:checked + .luxe-check-control, .organic-check input:checked + .organic-check-control, .utility-check input:checked + .utility-check-control, .blueprint-check input:checked + .blueprint-check-control, .deco-check input:checked + .deco-check-control, .clay-check input:checked + .clay-check-control, .terminal-check input:checked + .terminal-check-control, .paper-check input:checked + .paper-check-control, .noir-check input:checked + .noir-check-control)::after, [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode]:where(:not([data-ui="art-deco"])) :where(.usk-check input:checked+.usk-check-control)::after, [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode]:where(:not([data-ui="art-deco"])) :where(.ui-check input:checked+.ui-check-control)::after {
4467
+ content: "";
4468
+ position: static;
4469
+ inset: auto;
4470
+ clip-path: none;
4471
+ translate: none;
4472
+ display: block;
4473
+ box-sizing: border-box;
4474
+ inline-size: .35em;
4475
+ block-size: .65em;
4476
+ margin: 0 0 .15em;
4477
+ padding: 0;
4478
+ border: solid var(--usk-native-choice-mark-color);
4479
+ border-width: 0 max(2px, var(--usk-native-border-width)) max(2px, var(--usk-native-border-width)) 0;
4480
+ border-radius: 0;
4481
+ background: none;
4482
+ box-shadow: none;
4483
+ transform: rotate(45deg);
4484
+ }
4485
+
4486
+ /** Tooltip tone is independent of its position and keeps each preset's silhouette. */
4487
+ [data-ui][data-mode] :where(.saas-tooltip-primary, .bento-tooltip-primary, .max-tooltip-primary, .bau-tooltip-primary, .tactile-tooltip-primary, .neo-tooltip-primary, .retro-tooltip-primary, .brutal-tooltip-primary, .cyber-tooltip-primary, .y2k-tooltip-primary, .rg-tooltip-primary, .luxe-tooltip-primary, .organic-tooltip-primary, .utility-tooltip-primary, .blueprint-tooltip-primary, .deco-tooltip-primary, .clay-tooltip-primary, .terminal-tooltip-primary, .paper-tooltip-primary, .noir-tooltip-primary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="primary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="primary"])) {
4488
+ background: var(--usk-native-primary);
4489
+ color: var(--usk-native-on-primary);
4490
+ border-color: var(--usk-native-primary);
4491
+ border-style: solid;
4492
+ }
4493
+ [data-ui][data-mode] :where(.saas-tooltip-secondary, .bento-tooltip-secondary, .max-tooltip-secondary, .bau-tooltip-secondary, .tactile-tooltip-secondary, .neo-tooltip-secondary, .retro-tooltip-secondary, .brutal-tooltip-secondary, .cyber-tooltip-secondary, .y2k-tooltip-secondary, .rg-tooltip-secondary, .luxe-tooltip-secondary, .organic-tooltip-secondary, .utility-tooltip-secondary, .blueprint-tooltip-secondary, .deco-tooltip-secondary, .clay-tooltip-secondary, .terminal-tooltip-secondary, .paper-tooltip-secondary, .noir-tooltip-secondary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="secondary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="secondary"])) {
4494
+ background: var(--usk-native-surface);
4495
+ color: var(--usk-native-text);
4496
+ border: max(1px, var(--usk-native-border-width)) dashed var(--usk-native-primary);
4497
+ }
4498
+ [data-ui][data-mode] :where(.saas-tooltip-accent, .bento-tooltip-accent, .max-tooltip-accent, .bau-tooltip-accent, .tactile-tooltip-accent, .neo-tooltip-accent, .retro-tooltip-accent, .brutal-tooltip-accent, .cyber-tooltip-accent, .y2k-tooltip-accent, .rg-tooltip-accent, .luxe-tooltip-accent, .organic-tooltip-accent, .utility-tooltip-accent, .blueprint-tooltip-accent, .deco-tooltip-accent, .clay-tooltip-accent, .terminal-tooltip-accent, .paper-tooltip-accent, .noir-tooltip-accent), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-tooltip:where([data-ui-variant="accent"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-tooltip:where([data-ui-variant="accent"])) {
4499
+ background: var(--usk-native-accent);
4500
+ color: var(--usk-native-on-accent);
4501
+ border: 3px double var(--usk-native-accent);
4502
+ }
4503
+
4504
+ /** Secondary actions have a framed supporting surface rather than ghost paint. */
4505
+ [data-ui][data-mode] :where(.saas-button-secondary, .bento-button-secondary, .max-button-secondary, .bau-button-secondary, .tactile-button-secondary, .neo-button-secondary, .retro-button-secondary, .brutal-button-secondary, .cyber-button-secondary, .y2k-button-secondary, .rg-button-secondary, .luxe-button-secondary, .organic-button-secondary, .utility-button-secondary, .blueprint-button-secondary, .deco-button-secondary, .clay-button-secondary, .terminal-button-secondary, .paper-button-secondary, .noir-button-secondary), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="secondary"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="secondary"])) {
4506
+ background: var(--usk-native-secondary);
4507
+ color: var(--usk-native-on-secondary);
4508
+ border-color: var(--usk-native-primary);
4509
+ }
4510
+
4511
+ /** Status badges retain an inset without changing seal or medallion dimensions. */
4512
+ [data-ui][data-mode] :where(.saas-badge, .bento-badge, .max-badge, .bau-badge, .tactile-badge, .neo-badge, .retro-badge, .brutal-badge, .cyber-badge, .y2k-badge, .rg-badge, .luxe-badge, .organic-badge, .utility-badge, .blueprint-badge, .deco-badge, .clay-badge, .terminal-badge, .paper-badge, .noir-badge), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-badge), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-badge) {
4513
+ padding-block: var(--usk-badge-padding-block, .22rem);
4514
+ padding-inline: var(--usk-badge-padding-inline, .6rem);
4515
+ }
4516
+
4517
+ /** Warning actions and statuses use paired amber/orange roles while retaining opaque text. */
4518
+ [data-ui][data-mode] :where(.saas-button-warning, .saas-badge-warning, .bento-button-warning, .bento-badge-warning, .max-button-warning, .max-badge-warning, .bau-button-warning, .bau-badge-warning, .tactile-button-warning, .tactile-badge-warning, .neo-button-warning, .neo-badge-warning, .retro-button-warning, .retro-badge-warning, .brutal-button-warning, .brutal-badge-warning, .cyber-button-warning, .cyber-badge-warning, .y2k-button-warning, .y2k-badge-warning, .rg-button-warning, .rg-badge-warning, .luxe-button-warning, .luxe-badge-warning, .organic-button-warning, .organic-badge-warning, .utility-button-warning, .utility-badge-warning, .blueprint-button-warning, .blueprint-badge-warning, .deco-button-warning, .deco-badge-warning, .clay-button-warning, .clay-badge-warning, .terminal-button-warning, .terminal-badge-warning, .paper-button-warning, .paper-badge-warning, .noir-button-warning, .noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
4519
+ background: var(--usk-native-warning);
4520
+ color: var(--usk-native-on-warning);
4521
+ border-color: var(--usk-native-warning);
4522
+ text-shadow: none;
4523
+ }
4524
+ @media (prefers-reduced-motion: no-preference) {
4525
+ [data-ui][data-mode] :where(.saas-button-warning, .saas-badge-warning, .bento-button-warning, .bento-badge-warning, .max-button-warning, .max-badge-warning, .bau-button-warning, .bau-badge-warning, .tactile-button-warning, .tactile-badge-warning, .neo-button-warning, .neo-badge-warning, .retro-button-warning, .retro-badge-warning, .brutal-button-warning, .brutal-badge-warning, .cyber-button-warning, .cyber-badge-warning, .y2k-button-warning, .y2k-badge-warning, .rg-button-warning, .rg-badge-warning, .luxe-button-warning, .luxe-badge-warning, .organic-button-warning, .organic-badge-warning, .utility-button-warning, .utility-badge-warning, .blueprint-button-warning, .blueprint-badge-warning, .deco-button-warning, .deco-badge-warning, .clay-button-warning, .clay-badge-warning, .terminal-button-warning, .terminal-badge-warning, .paper-button-warning, .paper-badge-warning, .noir-button-warning, .noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
4526
+ animation: usk-warning-attention var(--usk-warning-attention-duration, 1.8s) ease-in-out infinite;
4527
+ }
4528
+ }
4529
+ @media (prefers-reduced-motion: reduce) {
4530
+ [data-ui][data-mode] :where(.saas-button-warning, .saas-badge-warning, .bento-button-warning, .bento-badge-warning, .max-button-warning, .max-badge-warning, .bau-button-warning, .bau-badge-warning, .tactile-button-warning, .tactile-badge-warning, .neo-button-warning, .neo-badge-warning, .retro-button-warning, .retro-badge-warning, .brutal-button-warning, .brutal-badge-warning, .cyber-button-warning, .cyber-badge-warning, .y2k-button-warning, .y2k-badge-warning, .rg-button-warning, .rg-badge-warning, .luxe-button-warning, .luxe-badge-warning, .organic-button-warning, .organic-badge-warning, .utility-button-warning, .utility-badge-warning, .blueprint-button-warning, .blueprint-badge-warning, .deco-button-warning, .deco-badge-warning, .clay-button-warning, .clay-badge-warning, .terminal-button-warning, .terminal-badge-warning, .paper-button-warning, .paper-badge-warning, .noir-button-warning, .noir-badge-warning), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.usk-button:where([data-ui-variant="warning"]),.usk-badge:where([data-ui-variant="warning"])), [data-ui]:where([data-ui="minimal-saas"],[data-ui="bento"],[data-ui="maximalist"],[data-ui="bauhaus"],[data-ui="tactile"],[data-ui="neumorphism"],[data-ui="retrofuturism"],[data-ui="brutalism"],[data-ui="cyberpunk"],[data-ui="y2k"],[data-ui="retro-glass"],[data-ui="editorial-luxe"],[data-ui="organic-modern"],[data-ui="industrial-utility"],[data-ui="technical-blueprint"],[data-ui="art-deco"],[data-ui="clay"],[data-ui="data-terminal"],[data-ui="paper-editorial"],[data-ui="neo-noir"])[data-mode] :where(.ui-button:where([data-ui-variant="warning"]),.ui-badge:where([data-ui-variant="warning"])) {
4531
+ animation: none;
4532
+ }
4533
+ }
4534
+ @keyframes usk-warning-attention {
4535
+ 50% { filter: brightness(1.16); }
4536
+ }
4537
+
4248
4538
  }
4249
4539
  /* END GENERATED 2.2 PRESET COMPONENT FOUNDATIONS */
4250
4540
 
@@ -4300,6 +4590,26 @@
4300
4590
  }
4301
4591
 
4302
4592
  @layer ui-style-kit.clean_defaults {
4593
+ /** Inline hyperlinks and their labels must not inherit the control spacing floor. */
4594
+ [data-ui][data-mode] :where(a:not([class]), a[data-link-presentation="inline"], a[data-link-presentation="inline"] > .usk-link__label, a[data-link-presentation="inline"] > .usk-link__icon) {
4595
+ display: inline;
4596
+ min-block-size: 0;
4597
+ min-inline-size: 0;
4598
+ margin: 0;
4599
+ padding: 0;
4600
+ border: 0;
4601
+ border-radius: 0;
4602
+ background: transparent;
4603
+ box-shadow: none;
4604
+ }
4605
+
4606
+ /** Explicit control links preserve a wrapping, aligned action composition. */
4607
+ [data-ui][data-mode] :where(a[data-link-presentation="control"]) {
4608
+ display: inline-flex;
4609
+ align-items: center;
4610
+ gap: var(--usk-link-gap, .5rem);
4611
+ }
4612
+
4303
4613
  /** Keeps semantic state paint paired when a preset also owns broad anchor or input rules. */
4304
4614
  [data-ui][data-mode] :where(
4305
4615
  [class~="usk-pagination-link"][aria-current="page"],
@@ -4789,7 +5099,7 @@
4789
5099
  --usk-native-range-track-shadow: none;
4790
5100
  --usk-native-range-progress-background: var(--saas-primary);
4791
5101
  --usk-native-range-thumb-size: .95rem;
4792
- --usk-native-range-thumb-background: var(--saas-primary);
5102
+ --usk-native-range-thumb-background: var(--usk-native-primary);
4793
5103
  --usk-native-range-thumb-border: 2px solid var(--saas-surface-strong);
4794
5104
  --usk-native-range-thumb-radius: 50%;
4795
5105
  --usk-native-range-thumb-shadow: 0 .2rem .5rem rgb(var(--saas-text-rgb) / .12);
@@ -5050,7 +5360,7 @@
5050
5360
  background: var(--saas-card-bg);
5051
5361
  }
5052
5362
 
5053
- .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-warning):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button {
5363
+ .saas-toolbar, .saas-table-wrap, .saas-button:where(:not([data-ui-variant])):not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-warning):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .usk-toolbar, :where([data-ui="minimal-saas"]) .usk-table-wrap, :where([data-ui="minimal-saas"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .usk-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button {
5054
5364
  background: var(--saas-control-bg);
5055
5365
  }
5056
5366
 
@@ -6433,7 +6743,7 @@
6433
6743
  --usk-native-range-track-shadow: inset 0 1px 2px rgb(var(--bento-text-rgb) / .12);
6434
6744
  --usk-native-range-progress-background: var(--bento-primary);
6435
6745
  --usk-native-range-thumb-size: 1.35rem;
6436
- --usk-native-range-thumb-background: var(--bento-surface-strong);
6746
+ --usk-native-range-thumb-background: var(--usk-native-primary);
6437
6747
  --usk-native-range-thumb-border: 1px solid rgb(var(--bento-primary-rgb) / .28);
6438
6748
  --usk-native-range-thumb-radius: .5rem;
6439
6749
  --usk-native-range-thumb-shadow: 0 .35rem .8rem rgb(var(--bento-text-rgb) / .18), inset 0 1px 0 rgb(var(--bento-surface-strong-rgb) / .78);
@@ -7469,7 +7779,7 @@
7469
7779
 
7470
7780
  .bento-icon-medallion {
7471
7781
  background: rgb(var(--bento-primary-rgb)/.1);
7472
- color: var(--usk-primary-ink, var(--bento-primary));
7782
+ color: var(--usk-primary-ink, var(--bento-link));
7473
7783
  border: 1px solid rgb(var(--bento-primary-rgb)/.2);
7474
7784
  border-radius: var(--bento-radius-md);
7475
7785
  box-shadow: var(--bento-shadow-sm);
@@ -8805,6 +9115,18 @@
8805
9115
  display: grid;
8806
9116
  }
8807
9117
 
9118
+ [data-ui="bento"][data-mode] button.bento-segment, :where([data-ui="bento"])[data-mode] button.usk-segment, :where([data-ui="bento"])[data-mode] button.ui-segment {
9119
+ grid-template-columns: none;
9120
+ justify-content: center;
9121
+ align-items: center;
9122
+ display: inline-flex;
9123
+ }
9124
+
9125
+ [data-ui="bento"][data-mode] button.bento-segment[aria-pressed="true"], :where([data-ui="bento"])[data-mode] button.usk-segment[aria-pressed="true"], :where([data-ui="bento"])[data-mode] button.ui-segment[aria-pressed="true"] {
9126
+ background: var(--usk-native-primary);
9127
+ color: var(--usk-native-on-primary);
9128
+ }
9129
+
8808
9130
  [data-ui="bento"][data-mode] .bento-segment button, :where([data-ui="bento"])[data-mode] .usk-segment button, :where([data-ui="bento"])[data-mode] .ui-segment button {
8809
9131
  color: var(--bento-mosaic-muted);
8810
9132
  background: none;
@@ -8985,7 +9307,7 @@
8985
9307
  }
8986
9308
 
8987
9309
  [data-ui="bento"][data-mode] .bento-spinner, :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner {
8988
- color: var(--usk-primary-ink, var(--bento-mosaic-primary));
9310
+ color: var(--usk-primary-ink, var(--bento-link));
8989
9311
  width: 31px;
8990
9312
  height: 31px;
8991
9313
  }
@@ -9360,12 +9682,12 @@
9360
9682
  display: flex;
9361
9683
  }
9362
9684
 
9363
- [data-ui="bento"][data-mode] .bento-tabs, :where([data-ui="bento"])[data-mode] .usk-tabs, :where([data-ui="bento"])[data-mode] .ui-tabs {
9685
+ [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs {
9364
9686
  gap: 3px;
9365
9687
  display: flex;
9366
9688
  }
9367
9689
 
9368
- [data-ui="bento"][data-mode] .bento-tabs button, [data-ui="bento"][data-mode] .bento-dialog-toolbar > button, :where([data-ui="bento"])[data-mode] .usk-tabs button, :where([data-ui="bento"])[data-mode] .ui-tabs button {
9690
+ [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button, [data-ui="bento"][data-mode] .bento-dialog-toolbar > button, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button {
9369
9691
  color: var(--bento-on-primary);
9370
9692
  background: none;
9371
9693
  border: 0;
@@ -9375,7 +9697,7 @@
9375
9697
  font-size: 12px;
9376
9698
  }
9377
9699
 
9378
- [data-ui="bento"][data-mode] .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .ui-tabs button.is-active {
9700
+ [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button.is-active {
9379
9701
  color: var(--bento-on-primary);
9380
9702
  background: #ffffff21;
9381
9703
  font-weight: 800;
@@ -9605,7 +9927,7 @@
9605
9927
  font-weight: 750;
9606
9928
  }
9607
9929
 
9608
- [data-ui="bento"][data-mode] .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-warning):not(.bento-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover) {
9930
+ [data-ui="bento"][data-mode] .bento-button:where(:not([data-ui-variant])):not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-warning):not(.bento-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bento"])[data-mode] .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover) {
9609
9931
  background: var(--bento-surface-soft);
9610
9932
  }
9611
9933
 
@@ -10002,7 +10324,7 @@
10002
10324
  color: inherit;
10003
10325
  }
10004
10326
 
10005
- [data-ui="bento"][data-mode] .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .ui-tabs button.is-active {
10327
+ [data-ui="bento"][data-mode] .bento-dialog-toolbar .bento-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .usk-tabs button.is-active, :where([data-ui="bento"])[data-mode] .bento-dialog-toolbar .ui-tabs button.is-active {
10006
10328
  background: var(--bento-surface);
10007
10329
  color: var(--bento-text);
10008
10330
  }
@@ -10081,8 +10403,8 @@
10081
10403
  animation: 1s linear infinite bento-mosaic-spin;
10082
10404
  }
10083
10405
 
10084
- [data-ui="bento"][data-mode] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]) {
10085
- color: var(--usk-primary-ink, var(--bento-spinner-stroke));
10406
+ [data-ui="bento"][data-mode] .bento-spinner, [data-ui="bento"][data-mode] .bento-loading-spinner, [data-ui="bento"][data-mode] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]), :where([data-ui="bento"])[data-mode] .usk-spinner, :where([data-ui="bento"])[data-mode] .ui-spinner {
10407
+ color: var(--usk-primary-ink, var(--bento-link));
10086
10408
  }
10087
10409
 
10088
10410
  [data-ui="bento"][data-mode] .bento-spinner-sm {
@@ -10533,7 +10855,7 @@
10533
10855
  --usk-native-range-track-shadow: .22rem .22rem 0 var(--max-ink);
10534
10856
  --usk-native-range-progress-background: var(--max-warning);
10535
10857
  --usk-native-range-thumb-size: 1.62rem;
10536
- --usk-native-range-thumb-background: var(--max-warning);
10858
+ --usk-native-range-thumb-background: var(--usk-native-primary);
10537
10859
  --usk-native-range-thumb-border: 3px solid var(--max-ink);
10538
10860
  --usk-native-range-thumb-radius: 50%;
10539
10861
  --usk-native-range-thumb-shadow: .18rem .18rem 0 rgb(var(--max-secondary-rgb) / .8);
@@ -10816,7 +11138,7 @@
10816
11138
  background: var(--max-card-bg);
10817
11139
  }
10818
11140
 
10819
- .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-warning):not(.max-button-ghost):not(.max-button-outline-heavy), .max-icon-button, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .ui-icon-button {
11141
+ .max-toolbar, .max-table-wrap, .max-button:where(:not([data-ui-variant])):not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-warning):not(.max-button-ghost):not(.max-button-outline-heavy), .max-icon-button, :where([data-ui="maximalist"]) .usk-toolbar, :where([data-ui="maximalist"]) .usk-table-wrap, :where([data-ui="maximalist"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .usk-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.max-button-outline-heavy), :where([data-ui="maximalist"]) .ui-icon-button {
10820
11142
  background: var(--max-control-bg);
10821
11143
  }
10822
11144
 
@@ -11672,7 +11994,7 @@
11672
11994
  --usk-native-range-track-shadow: .2rem .2rem 0 var(--max-ink);
11673
11995
  --usk-native-range-progress-background: linear-gradient(90deg, var(--max-success), var(--max-warning), var(--max-danger), var(--max-accent));
11674
11996
  --usk-native-range-thumb-size: 1.78rem;
11675
- --usk-native-range-thumb-background: conic-gradient(var(--max-warning), var(--max-primary), var(--max-accent), var(--max-warning));
11997
+ --usk-native-range-thumb-background: var(--usk-native-primary);
11676
11998
  --usk-native-range-thumb-border: 3px solid var(--max-ink);
11677
11999
  --usk-native-range-thumb-radius: 42% 58% 46% 54%;
11678
12000
  --usk-native-range-thumb-shadow: .16rem .16rem 0 var(--max-ink), .28rem .28rem 0 rgb(var(--max-secondary-rgb) / .62);
@@ -12030,7 +12352,7 @@
12030
12352
  --usk-native-range-track-radius: 0;
12031
12353
  --usk-native-range-track-shadow: 3px 3px 0 var(--max-ink);
12032
12354
  --usk-native-range-progress-background: var(--max-warning);
12033
- --usk-native-range-thumb-background: var(--max-accent);
12355
+ --usk-native-range-thumb-background: var(--usk-native-primary);
12034
12356
  --usk-native-range-thumb-border: 3px solid var(--max-ink);
12035
12357
  --usk-native-range-thumb-radius: 50%;
12036
12358
  --usk-native-range-thumb-shadow: 2px 2px 0 var(--max-ink);
@@ -12264,6 +12586,7 @@
12264
12586
 
12265
12587
  .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .usk-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after {
12266
12588
  clip-path: none;
12589
+ background: conic-gradient(currentColor 0 28%,transparent 28% 100%);
12267
12590
  border-width: .12em;
12268
12591
  flex-shrink: 0;
12269
12592
  }
@@ -12855,7 +13178,7 @@
12855
13178
  --usk-native-range-track-shadow: none;
12856
13179
  --usk-native-range-progress-background: var(--bau-primary);
12857
13180
  --usk-native-range-thumb-size: 1.55rem;
12858
- --usk-native-range-thumb-background: var(--bau-primary);
13181
+ --usk-native-range-thumb-background: var(--usk-native-primary);
12859
13182
  --usk-native-range-thumb-border: 2px solid var(--bau-border);
12860
13183
  --usk-native-range-thumb-radius: 50%;
12861
13184
  --usk-native-range-thumb-shadow: var(--bau-control-shadow-pressed);
@@ -13121,7 +13444,7 @@
13121
13444
  background: var(--bau-card-bg);
13122
13445
  }
13123
13446
 
13124
- .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-warning):not(.bau-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), .bau-icon-button, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .ui-icon-button {
13447
+ .bau-toolbar, .bau-table-wrap, .bau-button:where(:not([data-ui-variant])):not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-warning):not(.bau-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), .bau-icon-button, :where([data-ui="bauhaus"]) .usk-toolbar, :where([data-ui="bauhaus"]) .usk-table-wrap, :where([data-ui="bauhaus"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .usk-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover), :where([data-ui="bauhaus"]) .ui-icon-button {
13125
13448
  background: var(--bau-control-bg);
13126
13449
  }
13127
13450
 
@@ -13984,7 +14307,7 @@
13984
14307
  --usk-native-range-track-shadow: inset 0 -2px 0 rgb(var(--bau-text-rgb) / .3);
13985
14308
  --usk-native-range-progress-background: var(--bau-primary);
13986
14309
  --usk-native-range-thumb-size: 1.58rem;
13987
- --usk-native-range-thumb-background: var(--bau-primary);
14310
+ --usk-native-range-thumb-background: var(--usk-native-primary);
13988
14311
  --usk-native-range-thumb-border: 2px solid var(--bau-border);
13989
14312
  --usk-native-range-thumb-radius: 50%;
13990
14313
  --usk-native-range-thumb-shadow: .16rem .16rem 0 rgb(var(--bau-text-rgb) / .7);
@@ -16770,7 +17093,7 @@
16770
17093
  --usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
16771
17094
  --usk-native-range-progress-background: var(--tactile-action-solid);
16772
17095
  --usk-native-range-thumb-size: 1.55rem;
16773
- --usk-native-range-thumb-background: var(--tactile-thumb-bg);
17096
+ --usk-native-range-thumb-background: var(--usk-native-primary);
16774
17097
  --usk-native-range-thumb-border: 1px solid var(--tactile-keyline);
16775
17098
  --usk-native-range-thumb-radius: .22rem;
16776
17099
  --usk-native-range-thumb-shadow: var(--tactile-button-shadow);
@@ -17028,7 +17351,7 @@
17028
17351
  background: var(--tactile-card-bg);
17029
17352
  }
17030
17353
 
17031
- .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-warning):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button {
17354
+ .tactile-button:where(:not([data-ui-variant])):not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-warning):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .usk-icon-button, :where([data-ui="tactile"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button {
17032
17355
  background: var(--tactile-control-bg);
17033
17356
  }
17034
17357
 
@@ -17977,12 +18300,14 @@
17977
18300
  }
17978
18301
 
17979
18302
  .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .usk-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after {
17980
- clip-path: circle(50%);
17981
- background: linear-gradient(145deg, #ffffff59, #0000 48%);
17982
- border: .12em solid;
18303
+ border: .14em solid;
18304
+ clip-path: none;
18305
+ background: none;
18306
+ border-block-start-color: #0000;
18307
+ border-inline-start-color: #0000;
17983
18308
  border-radius: 50%;
17984
- animation: .88s cubic-bezier(.2, .8, .2, 1) infinite tactile-spin;
17985
- box-shadow: inset .1em .1em .18em #0000004d, inset -.08em -.08em .15em #ffffff52, 0 .08em .16em #00000038;
18309
+ animation: .88s linear infinite tactile-spin;
18310
+ box-shadow: 0 .08em .16em #00000038;
17986
18311
  }
17987
18312
 
17988
18313
  @media (prefers-reduced-motion: reduce) {
@@ -18362,7 +18687,7 @@
18362
18687
  --usk-native-range-track-radius: .16rem;
18363
18688
  --usk-native-range-track-shadow: var(--tactile-deep-inset-shadow);
18364
18689
  --usk-native-range-thumb-size: 1.35rem;
18365
- --usk-native-range-thumb-background: var(--tactile-thumb-bg);
18690
+ --usk-native-range-thumb-background: var(--usk-native-primary);
18366
18691
  --usk-native-range-thumb-border: 1px solid var(--tactile-keyline);
18367
18692
  --usk-native-range-thumb-radius: .16rem;
18368
18693
  --usk-native-range-thumb-shadow: var(--tactile-button-shadow);
@@ -18528,7 +18853,7 @@
18528
18853
  }
18529
18854
 
18530
18855
  .tactile-button-ghost, :where([data-ui="tactile"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) {
18531
- color: var(--usk-primary-ink, var(--tactile-primary));
18856
+ color: var(--usk-primary-ink, var(--tactile-link));
18532
18857
  box-shadow: none;
18533
18858
  background: none;
18534
18859
  border-color: #0000;
@@ -18742,7 +19067,7 @@
18742
19067
 
18743
19068
  .tactile-icon-medallion, .tactile-badge-seal {
18744
19069
  background: var(--tactile-sidebar-bg);
18745
- color: var(--tactile-brass);
19070
+ color: var(--tactile-sidebar-fg);
18746
19071
  border-color: rgb(var(--tactile-keyline-rgb)/.82);
18747
19072
  box-shadow: var(--tactile-button-shadow);
18748
19073
  }
@@ -19504,7 +19829,7 @@
19504
19829
  --usk-native-range-track-shadow: 4px 4px 8px #00000038;
19505
19830
  --usk-native-range-progress-background: var(--neo-primary);
19506
19831
  --usk-native-range-thumb-size: 1.45rem;
19507
- --usk-native-range-thumb-background: var(--neo-surface-strong);
19832
+ --usk-native-range-thumb-background: var(--usk-native-primary);
19508
19833
  --usk-native-range-thumb-border: 1px solid var(--neo-border);
19509
19834
  --usk-native-range-thumb-radius: 50%;
19510
19835
  --usk-native-range-thumb-shadow: 4px 4px 8px #00000038;
@@ -19762,7 +20087,7 @@
19762
20087
  background: var(--neo-card-bg);
19763
20088
  }
19764
20089
 
19765
- .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
20090
+ .neo-toolbar, .neo-table-wrap, .neo-button:where(:not([data-ui-variant])):not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-toolbar, :where([data-ui="neumorphism"]) .usk-table-wrap, :where([data-ui="neumorphism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
19766
20091
  background: var(--neo-control-bg);
19767
20092
  }
19768
20093
 
@@ -20268,7 +20593,7 @@
20268
20593
  --usk-native-range-track-radius: var(--neo-radius-pill);
20269
20594
  --usk-native-range-track-shadow: var(--neo-inset-shadow-sm);
20270
20595
  --usk-native-range-thumb-size: 1.65rem;
20271
- --usk-native-range-thumb-background: var(--neo-material-raised);
20596
+ --usk-native-range-thumb-background: var(--usk-native-primary);
20272
20597
  --usk-native-range-thumb-border: 1px solid var(--neo-material-edge);
20273
20598
  --usk-native-range-thumb-radius: 50%;
20274
20599
  --usk-native-range-thumb-shadow: var(--neo-button-shadow);
@@ -20434,7 +20759,7 @@
20434
20759
  box-shadow: inset .28rem .28rem .58rem #00000057, inset -.22rem -.22rem .5rem #ffffff38;
20435
20760
  }
20436
20761
 
20437
- .neo-button-ghost, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
20762
+ .neo-button-ghost, .neo-button:where(:not([data-ui-variant])):not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-warning):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .usk-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .usk-icon-button, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]), :where([data-ui="neumorphism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button {
20438
20763
  background-color: var(--neo-material-raised);
20439
20764
  background-image: linear-gradient(145deg,var(--neo-material-top-light),transparent 52%);
20440
20765
  color: var(--neo-text);
@@ -21334,7 +21659,7 @@
21334
21659
  --usk-native-range-track-shadow: 0 0 10px var(--retro-primary);
21335
21660
  --usk-native-range-progress-background: var(--retro-primary);
21336
21661
  --usk-native-range-thumb-size: 1.55rem;
21337
- --usk-native-range-thumb-background: var(--retro-surface-strong);
21662
+ --usk-native-range-thumb-background: var(--usk-native-primary);
21338
21663
  --usk-native-range-thumb-border: 1px solid var(--retro-border);
21339
21664
  --usk-native-range-thumb-radius: 50%;
21340
21665
  --usk-native-range-thumb-shadow: 0 0 10px var(--retro-primary);
@@ -21568,7 +21893,7 @@
21568
21893
  background: var(--retro-card-bg);
21569
21894
  }
21570
21895
 
21571
- .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-warning):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button {
21896
+ .retro-toolbar, .retro-table-wrap, .retro-button:where(:not([data-ui-variant])):not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-warning):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .usk-toolbar, :where([data-ui="retrofuturism"]) .usk-table-wrap, :where([data-ui="retrofuturism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .usk-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button {
21572
21897
  background: var(--retro-control-bg);
21573
21898
  }
21574
21899
 
@@ -22370,7 +22695,7 @@
22370
22695
  --usk-native-range-track-shadow: var(--retro-recess-shadow);
22371
22696
  --usk-native-range-progress-background: var(--retro-calibration-track);
22372
22697
  --usk-native-range-thumb-size: 1.25rem;
22373
- --usk-native-range-thumb-background: var(--retro-metal-rim);
22698
+ --usk-native-range-thumb-background: var(--usk-native-primary);
22374
22699
  --usk-native-range-thumb-border: 3px double var(--retro-metal-edge);
22375
22700
  --usk-native-range-thumb-radius: 50%;
22376
22701
  --usk-native-range-thumb-shadow: var(--retro-control-shadow);
@@ -22755,10 +23080,10 @@
22755
23080
  }
22756
23081
 
22757
23082
  .retro-icon-medallion {
22758
- background: var(--retro-metal-rim);
23083
+ background: linear-gradient(var(--retro-surface),var(--retro-surface)) padding-box,var(--retro-metal-rim) border-box;
22759
23084
  color: var(--retro-text);
22760
- border: 3px double var(--retro-metal-edge);
22761
23085
  box-shadow: var(--retro-control-shadow);
23086
+ border: 3px double #0000;
22762
23087
  }
22763
23088
 
22764
23089
  .retro-button.retro-button-cut, .retro-button-cut, :where([data-ui="retrofuturism"]) .usk-button.retro-button-cut, :where([data-ui="retrofuturism"]) .ui-button.retro-button-cut {
@@ -23354,7 +23679,7 @@
23354
23679
  --usk-native-range-track-shadow: 4px 4px 0 var(--brutal-border);
23355
23680
  --usk-native-range-progress-background: var(--brutal-primary);
23356
23681
  --usk-native-range-thumb-size: 1.45rem;
23357
- --usk-native-range-thumb-background: var(--brutal-surface-strong);
23682
+ --usk-native-range-thumb-background: var(--usk-native-primary);
23358
23683
  --usk-native-range-thumb-border: 2px solid var(--brutal-border);
23359
23684
  --usk-native-range-thumb-radius: 0;
23360
23685
  --usk-native-range-thumb-shadow: 4px 4px 0 var(--brutal-border);
@@ -23661,7 +23986,7 @@
23661
23986
  background: var(--brutal-card-bg);
23662
23987
  }
23663
23988
 
23664
- .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-warning):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button {
23989
+ .brutal-toolbar, .brutal-table-wrap, .brutal-button:where(:not([data-ui-variant])):not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-warning):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .usk-toolbar, :where([data-ui="brutalism"]) .usk-table-wrap, :where([data-ui="brutalism"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .usk-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button {
23665
23990
  background: var(--brutal-control-bg);
23666
23991
  }
23667
23992
 
@@ -24231,7 +24556,7 @@
24231
24556
  --usk-native-range-track-shadow: inset 0 0 0 2px var(--brutal-surface-strong);
24232
24557
  --usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--brutal-primary) 0 .9rem, var(--brutal-warning) .9rem 1.05rem);
24233
24558
  --usk-native-range-thumb-size: 1.24rem;
24234
- --usk-native-range-thumb-background: var(--brutal-text);
24559
+ --usk-native-range-thumb-background: var(--usk-native-primary);
24235
24560
  --usk-native-range-thumb-border: 3px solid var(--brutal-warning);
24236
24561
  --usk-native-range-thumb-radius: 0;
24237
24562
  --usk-native-range-thumb-shadow: .14rem .14rem 0 var(--brutal-primary);
@@ -24687,7 +25012,7 @@
24687
25012
  --usk-native-range-track-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .16);
24688
25013
  --usk-native-range-progress-background: var(--cyber-primary);
24689
25014
  --usk-native-range-thumb-size: 1.25rem;
24690
- --usk-native-range-thumb-background: var(--cyber-surface-strong);
25015
+ --usk-native-range-thumb-background: var(--usk-native-primary);
24691
25016
  --usk-native-range-thumb-border: 1px solid var(--cyber-border);
24692
25017
  --usk-native-range-thumb-radius: .1rem;
24693
25018
  --usk-native-range-thumb-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .22);
@@ -25202,7 +25527,7 @@
25202
25527
  background: var(--cyber-card-bg);
25203
25528
  }
25204
25529
 
25205
- .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-warning):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button {
25530
+ .cyber-toolbar, .cyber-table-wrap, .cyber-button:where(:not([data-ui-variant])):not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-warning):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .usk-toolbar, :where([data-ui="cyberpunk"]) .usk-table-wrap, :where([data-ui="cyberpunk"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .usk-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button {
25206
25531
  background: var(--cyber-control-bg);
25207
25532
  }
25208
25533
 
@@ -25570,7 +25895,7 @@
25570
25895
  --usk-native-range-track-shadow: 0 0 .7rem rgb(var(--cyber-primary-rgb) / .4);
25571
25896
  --usk-native-range-progress-background: linear-gradient(90deg, var(--cyber-primary), var(--cyber-accent));
25572
25897
  --usk-native-range-thumb-size: 1.3rem;
25573
- --usk-native-range-thumb-background: linear-gradient(135deg, var(--cyber-surface-strong), var(--cyber-primary));
25898
+ --usk-native-range-thumb-background: var(--usk-native-primary);
25574
25899
  --usk-native-range-thumb-border: 2px solid var(--cyber-accent);
25575
25900
  --usk-native-range-thumb-radius: 28%;
25576
25901
  --usk-native-range-thumb-shadow: 0 0 .85rem rgb(var(--cyber-accent-rgb) / .5);
@@ -25629,7 +25954,6 @@
25629
25954
  }
25630
25955
 
25631
25956
  .cyber-button:active, .cyber-button[aria-pressed="true"], .cyber-button.is-active, :where([data-ui="cyberpunk"]) .usk-button:active, :where([data-ui="cyberpunk"]) .usk-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .usk-button.is-active, :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button.is-active {
25632
- background: linear-gradient(135deg,var(--cyber-primary),var(--cyber-accent));
25633
25957
  box-shadow: inset 0 0 .6rem rgb(var(--cyber-text-rgb)/.24);
25634
25958
  transform: translateY(1px);
25635
25959
  }
@@ -25854,7 +26178,7 @@
25854
26178
  --usk-native-range-track-shadow: 0 0 .45rem rgb(var(--cyber-primary-rgb) / .16);
25855
26179
  --usk-native-range-progress-background: var(--cyber-primary);
25856
26180
  --usk-native-range-thumb-size: 1.25rem;
25857
- --usk-native-range-thumb-background: var(--cyber-surface-strong);
26181
+ --usk-native-range-thumb-background: var(--usk-native-primary);
25858
26182
  --usk-native-range-thumb-border: 1px solid var(--cyber-primary);
25859
26183
  --usk-native-range-thumb-radius: .08rem;
25860
26184
  --usk-native-range-thumb-shadow: 0 0 .55rem rgb(var(--cyber-primary-rgb) / .24);
@@ -27149,6 +27473,14 @@
27149
27473
  border-color: var(--cyber-warning);
27150
27474
  text-shadow: none;
27151
27475
  }
27476
+
27477
+ .cyber-console {
27478
+ box-sizing: border-box;
27479
+ min-inline-size: 0;
27480
+ max-inline-size: 100%;
27481
+ margin-inline: 0;
27482
+ overflow-x: auto;
27483
+ }
27152
27484
  }
27153
27485
 
27154
27486
  [data-ui="cyberpunk"][data-mode] .cyber-title {
@@ -27426,7 +27758,7 @@
27426
27758
  --usk-native-range-track-shadow: inset 0 3px #ffffff8c;
27427
27759
  --usk-native-range-progress-background: var(--y2k-primary);
27428
27760
  --usk-native-range-thumb-size: 1.55rem;
27429
- --usk-native-range-thumb-background: var(--y2k-surface-strong);
27761
+ --usk-native-range-thumb-background: var(--usk-native-primary);
27430
27762
  --usk-native-range-thumb-border: 1px solid var(--y2k-border);
27431
27763
  --usk-native-range-thumb-radius: 50%;
27432
27764
  --usk-native-range-thumb-shadow: inset 0 3px #ffffff8c;
@@ -27884,7 +28216,7 @@
27884
28216
  background: var(--y2k-card-bg);
27885
28217
  }
27886
28218
 
27887
- .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-warning):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button {
28219
+ .y2k-toolbar, .y2k-table-wrap, .y2k-button:where(:not([data-ui-variant])):not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-warning):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .usk-toolbar, :where([data-ui="y2k"]) .usk-table-wrap, :where([data-ui="y2k"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .usk-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button {
27888
28220
  background: var(--y2k-control-bg);
27889
28221
  }
27890
28222
 
@@ -28256,7 +28588,7 @@
28256
28588
  --usk-native-range-track-shadow: inset 1px 1px 0 rgb(var(--y2k-text-rgb) / .28);
28257
28589
  --usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .4rem, var(--y2k-surface) .4rem .48rem);
28258
28590
  --usk-native-range-thumb-size: 1.12rem;
28259
- --usk-native-range-thumb-background: linear-gradient(135deg, var(--y2k-surface-strong), var(--y2k-surface-soft));
28591
+ --usk-native-range-thumb-background: var(--usk-native-primary);
28260
28592
  --usk-native-range-thumb-border: 1px outset var(--y2k-border);
28261
28593
  --usk-native-range-thumb-radius: 0;
28262
28594
  --usk-native-range-thumb-shadow: 1px 1px 0 rgb(var(--y2k-text-rgb) / .24);
@@ -28527,7 +28859,7 @@
28527
28859
  --usk-native-range-track-shadow: var(--y2k-bevel-recessed);
28528
28860
  --usk-native-range-progress-background: repeating-linear-gradient(90deg, var(--y2k-primary) 0 .5rem, var(--y2k-surface) .5rem .5625rem);
28529
28861
  --usk-native-range-thumb-size: .875rem;
28530
- --usk-native-range-thumb-background: var(--y2k-surface);
28862
+ --usk-native-range-thumb-background: var(--usk-native-primary);
28531
28863
  --usk-native-range-thumb-border: 1px outset var(--y2k-border);
28532
28864
  --usk-native-range-thumb-radius: 0;
28533
28865
  --usk-native-range-thumb-shadow: var(--y2k-bevel-raised);
@@ -29377,7 +29709,7 @@
29377
29709
  --usk-native-range-track-shadow: inset 0 1px #ffffff8c;
29378
29710
  --usk-native-range-progress-background: var(--rg-primary);
29379
29711
  --usk-native-range-thumb-size: 1.35rem;
29380
- --usk-native-range-thumb-background: var(--rg-surface-strong);
29712
+ --usk-native-range-thumb-background: var(--usk-native-primary);
29381
29713
  --usk-native-range-thumb-border: 1px solid var(--rg-border);
29382
29714
  --usk-native-range-thumb-radius: 50%;
29383
29715
  --usk-native-range-thumb-shadow: inset 0 1px #ffffff8c;
@@ -29896,7 +30228,7 @@
29896
30228
  background: var(--rg-card-bg);
29897
30229
  }
29898
30230
 
29899
- .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-warning):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button {
30231
+ .rg-toolbar, .rg-table-wrap, .rg-button:where(:not([data-ui-variant])):not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-warning):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .usk-toolbar, :where([data-ui="retro-glass"]) .usk-table-wrap, :where([data-ui="retro-glass"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .usk-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button {
29900
30232
  background: var(--rg-control-bg);
29901
30233
  }
29902
30234
 
@@ -30283,7 +30615,7 @@
30283
30615
  --usk-native-range-track-shadow: inset 0 2px 4px rgb(var(--rg-text-rgb) / .22);
30284
30616
  --usk-native-range-progress-background: linear-gradient(180deg, var(--rg-primary-hover), var(--rg-primary));
30285
30617
  --usk-native-range-thumb-size: 1.2rem;
30286
- --usk-native-range-thumb-background: radial-gradient(circle at 42% 32%, var(--rg-glass-highlight), transparent 28%), var(--rg-control-material);
30618
+ --usk-native-range-thumb-background: var(--usk-native-primary);
30287
30619
  --usk-native-range-thumb-border: 1px solid var(--rg-border);
30288
30620
  --usk-native-range-thumb-radius: 50%;
30289
30621
  --usk-native-range-thumb-shadow: inset 0 1px 0 var(--rg-surface-strong), 0 2px 4px rgb(var(--rg-text-rgb) / .28);
@@ -31789,6 +32121,14 @@
31789
32121
  border-color: var(--rg-warning);
31790
32122
  text-shadow: none;
31791
32123
  }
32124
+
32125
+ .rg-console {
32126
+ box-sizing: border-box;
32127
+ min-inline-size: 0;
32128
+ max-inline-size: 100%;
32129
+ margin-inline: 0;
32130
+ overflow-x: auto;
32131
+ }
31792
32132
  }
31793
32133
 
31794
32134
  [data-ui="retro-glass"][data-mode] .rg-title {
@@ -32049,7 +32389,7 @@
32049
32389
  --usk-native-range-track-shadow: none;
32050
32390
  --usk-native-range-progress-background: var(--luxe-primary);
32051
32391
  --usk-native-range-thumb-size: .85rem;
32052
- --usk-native-range-thumb-background: var(--luxe-surface-strong);
32392
+ --usk-native-range-thumb-background: var(--usk-native-primary);
32053
32393
  --usk-native-range-thumb-border: 1px solid var(--luxe-border);
32054
32394
  --usk-native-range-thumb-radius: 50%;
32055
32395
  --usk-native-range-thumb-shadow: none;
@@ -32294,7 +32634,7 @@
32294
32634
  background: var(--luxe-card-bg);
32295
32635
  }
32296
32636
 
32297
- .luxe-toolbar, .luxe-table-wrap, .luxe-button:not(.luxe-button-primary):not(.luxe-button-secondary):not(.luxe-button-danger):not(.luxe-button-warning):not(.luxe-button-ghost), .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap, :where([data-ui="editorial-luxe"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .ui-icon-button {
32637
+ .luxe-toolbar, .luxe-table-wrap, .luxe-button:where(:not([data-ui-variant])):not(.luxe-button-primary):not(.luxe-button-secondary):not(.luxe-button-danger):not(.luxe-button-warning):not(.luxe-button-ghost), .luxe-icon-button, :where([data-ui="editorial-luxe"]) .usk-toolbar, :where([data-ui="editorial-luxe"]) .usk-table-wrap, :where([data-ui="editorial-luxe"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .usk-icon-button, :where([data-ui="editorial-luxe"]) .ui-toolbar, :where([data-ui="editorial-luxe"]) .ui-table-wrap, :where([data-ui="editorial-luxe"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="editorial-luxe"]) .ui-icon-button {
32298
32638
  background: var(--luxe-control-bg);
32299
32639
  }
32300
32640
 
@@ -33127,7 +33467,7 @@
33127
33467
 
33128
33468
  .luxe-icon-medallion {
33129
33469
  background: var(--luxe-surface-strong);
33130
- color: var(--usk-primary-ink, var(--luxe-primary));
33470
+ color: var(--usk-primary-ink, var(--luxe-link));
33131
33471
  border: 1px solid var(--luxe-primary);
33132
33472
  box-shadow: none;
33133
33473
  }
@@ -33233,7 +33573,7 @@
33233
33573
  --usk-native-range-track-shadow: 0 1px 0 var(--luxe-surface-strong);
33234
33574
  --usk-native-range-progress-background: linear-gradient(90deg, var(--luxe-success), var(--luxe-warning));
33235
33575
  --usk-native-range-thumb-size: .82rem;
33236
- --usk-native-range-thumb-background: var(--luxe-warning);
33576
+ --usk-native-range-thumb-background: var(--usk-native-primary);
33237
33577
  --usk-native-range-thumb-border: 1px solid var(--luxe-border);
33238
33578
  --usk-native-range-thumb-radius: 50%;
33239
33579
  --usk-native-range-thumb-shadow: 0 0 0 2px var(--luxe-surface-strong);
@@ -34756,7 +35096,7 @@
34756
35096
  --usk-native-range-track-shadow: 0 3px 8px #0000002e;
34757
35097
  --usk-native-range-progress-background: var(--organic-primary);
34758
35098
  --usk-native-range-thumb-size: 1.45rem;
34759
- --usk-native-range-thumb-background: var(--organic-surface-strong);
35099
+ --usk-native-range-thumb-background: var(--usk-native-primary);
34760
35100
  --usk-native-range-thumb-border: 1px solid var(--organic-border);
34761
35101
  --usk-native-range-thumb-radius: 50%;
34762
35102
  --usk-native-range-thumb-shadow: 0 3px 8px #0000002e;
@@ -35945,7 +36285,7 @@
35945
36285
  --usk-native-range-track-shadow: none;
35946
36286
  --usk-native-range-progress-background: linear-gradient(90deg, var(--organic-primary), rgb(var(--organic-primary-rgb) / .72));
35947
36287
  --usk-native-range-thumb-size: 1.15rem;
35948
- --usk-native-range-thumb-background: var(--organic-material-bg);
36288
+ --usk-native-range-thumb-background: var(--usk-native-primary);
35949
36289
  --usk-native-range-thumb-border: 1px solid var(--organic-hairline);
35950
36290
  --usk-native-range-thumb-radius: 48% 52% 44% 56%;
35951
36291
  --usk-native-range-thumb-shadow: var(--organic-quiet-shadow);
@@ -36161,7 +36501,7 @@
36161
36501
  --usk-native-range-track-background: var(--organic-surface-soft);
36162
36502
  --usk-native-range-track-radius: 99px;
36163
36503
  --usk-native-range-track-size: 5px;
36164
- --usk-native-range-thumb-background: var(--organic-primary);
36504
+ --usk-native-range-thumb-background: var(--usk-native-primary);
36165
36505
  --usk-native-range-thumb-radius: 50%;
36166
36506
  --usk-native-range-thumb-border: 0;
36167
36507
  --usk-native-range-progress-background: var(--organic-primary);
@@ -37869,7 +38209,7 @@
37869
38209
  --usk-native-range-track-shadow: 2px 2px 0 #0000004d;
37870
38210
  --usk-native-range-progress-background: var(--utility-primary);
37871
38211
  --usk-native-range-thumb-size: 1.25rem;
37872
- --usk-native-range-thumb-background: var(--utility-surface-strong);
38212
+ --usk-native-range-thumb-background: var(--usk-native-primary);
37873
38213
  --usk-native-range-thumb-border: 2px solid var(--utility-border);
37874
38214
  --usk-native-range-thumb-radius: .08rem;
37875
38215
  --usk-native-range-thumb-shadow: 2px 2px 0 #0000004d;
@@ -38110,7 +38450,7 @@
38110
38450
  background: var(--utility-card-bg);
38111
38451
  }
38112
38452
 
38113
- .utility-toolbar, .utility-table-wrap, .utility-button:not(.utility-button-primary):not(.utility-button-secondary):not(.utility-button-danger):not(.utility-button-warning):not(.utility-button-ghost):not(.utility-button-guarded), .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap, :where([data-ui="industrial-utility"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .ui-icon-button {
38453
+ .utility-toolbar, .utility-table-wrap, .utility-button:where(:not([data-ui-variant])):not(.utility-button-primary):not(.utility-button-secondary):not(.utility-button-danger):not(.utility-button-warning):not(.utility-button-ghost):not(.utility-button-guarded), .utility-icon-button, :where([data-ui="industrial-utility"]) .usk-toolbar, :where([data-ui="industrial-utility"]) .usk-table-wrap, :where([data-ui="industrial-utility"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .usk-icon-button, :where([data-ui="industrial-utility"]) .ui-toolbar, :where([data-ui="industrial-utility"]) .ui-table-wrap, :where([data-ui="industrial-utility"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.utility-button-guarded), :where([data-ui="industrial-utility"]) .ui-icon-button {
38114
38454
  background: var(--utility-control-bg);
38115
38455
  }
38116
38456
 
@@ -39034,7 +39374,7 @@
39034
39374
  --usk-native-range-track-shadow: inset 0 2px 3px rgb(var(--utility-text-rgb) / .3);
39035
39375
  --usk-native-range-progress-background: linear-gradient(90deg, var(--utility-success), var(--utility-primary));
39036
39376
  --usk-native-range-thumb-size: 1.26rem;
39037
- --usk-native-range-thumb-background: linear-gradient(90deg, var(--utility-surface), var(--utility-surface-strong), var(--utility-surface));
39377
+ --usk-native-range-thumb-background: var(--usk-native-primary);
39038
39378
  --usk-native-range-thumb-border: 2px outset var(--utility-border);
39039
39379
  --usk-native-range-thumb-radius: .1rem;
39040
39380
  --usk-native-range-thumb-shadow: 1px 2px 0 rgb(var(--utility-text-rgb) / .3);
@@ -40956,6 +41296,11 @@
40956
41296
  display: inline-block;
40957
41297
  }
40958
41298
 
41299
+ [data-ui="industrial-utility"] :where(.loading-spinner, [data-loading-spinner]) {
41300
+ block-size: 20px;
41301
+ inline-size: 20px;
41302
+ }
41303
+
40959
41304
  .utility-button.is-loading:before, .utility-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .usk-button.is-loading:before, :where([data-ui="industrial-utility"]) .usk-button[aria-busy="true"]:not(.is-loading):after, :where([data-ui="industrial-utility"]) .ui-button.is-loading:before, :where([data-ui="industrial-utility"]) .ui-button[aria-busy="true"]:not(.is-loading):after {
40960
41305
  flex-basis: 14px;
40961
41306
  block-size: 14px;
@@ -41381,7 +41726,7 @@
41381
41726
  --usk-native-range-track-shadow: 0 -.34rem 0 -.31rem var(--blueprint-primary);
41382
41727
  --usk-native-range-progress-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
41383
41728
  --usk-native-range-thumb-size: 1.02rem;
41384
- --usk-native-range-thumb-background: var(--blueprint-surface);
41729
+ --usk-native-range-thumb-background: linear-gradient(135deg, var(--blueprint-primary) 0 55%, var(--blueprint-surface) 55%);
41385
41730
  --usk-native-range-thumb-border: 1px double var(--blueprint-primary);
41386
41731
  --usk-native-range-thumb-radius: 0;
41387
41732
  --usk-native-range-thumb-shadow: 0 0 0 2px var(--blueprint-surface), 0 0 0 3px var(--blueprint-primary);
@@ -41496,7 +41841,7 @@
41496
41841
  --usk-native-range-track-shadow: 0 0 0 1px var(--blueprint-primary);
41497
41842
  --usk-native-range-progress-background: var(--blueprint-primary);
41498
41843
  --usk-native-range-thumb-size: 1.2rem;
41499
- --usk-native-range-thumb-background: var(--blueprint-surface-strong);
41844
+ --usk-native-range-thumb-background: var(--usk-native-primary);
41500
41845
  --usk-native-range-thumb-border: 1px solid var(--blueprint-border);
41501
41846
  --usk-native-range-thumb-radius: 50%;
41502
41847
  --usk-native-range-thumb-shadow: 0 0 0 1px var(--blueprint-primary);
@@ -41757,7 +42102,7 @@
41757
42102
  background: var(--blueprint-card-bg);
41758
42103
  }
41759
42104
 
41760
- .blueprint-toolbar, .blueprint-table-wrap, .blueprint-button:not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning):not(.blueprint-button-ghost), .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap, :where([data-ui="technical-blueprint"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .ui-icon-button {
42105
+ .blueprint-toolbar, .blueprint-table-wrap, .blueprint-button:where(:not([data-ui-variant])):not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning):not(.blueprint-button-ghost), .blueprint-icon-button, :where([data-ui="technical-blueprint"]) .usk-toolbar, :where([data-ui="technical-blueprint"]) .usk-table-wrap, :where([data-ui="technical-blueprint"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .usk-icon-button, :where([data-ui="technical-blueprint"]) .ui-toolbar, :where([data-ui="technical-blueprint"]) .ui-table-wrap, :where([data-ui="technical-blueprint"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="technical-blueprint"]) .ui-icon-button {
41761
42106
  background: var(--blueprint-control-bg);
41762
42107
  }
41763
42108
 
@@ -42537,7 +42882,7 @@
42537
42882
  border-radius: 0;
42538
42883
  }
42539
42884
 
42540
- .blueprint-button:not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning), :where([data-ui="technical-blueprint"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])), :where([data-ui="technical-blueprint"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])) {
42885
+ .blueprint-button:where(:not([data-ui-variant])):not(.blueprint-button-primary):not(.blueprint-button-secondary):not(.blueprint-button-danger):not(.blueprint-button-warning), :where([data-ui="technical-blueprint"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])), :where([data-ui="technical-blueprint"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])) {
42541
42886
  background: none;
42542
42887
  }
42543
42888
 
@@ -42667,7 +43012,7 @@
42667
43012
  --usk-native-range-track-shadow: 0 -.34rem 0 -.31rem var(--blueprint-primary);
42668
43013
  --usk-native-range-progress-background: linear-gradient(90deg, var(--blueprint-primary), var(--blueprint-focus));
42669
43014
  --usk-native-range-thumb-size: 1.02rem;
42670
- --usk-native-range-thumb-background: var(--blueprint-surface);
43015
+ --usk-native-range-thumb-background: linear-gradient(135deg, var(--blueprint-primary) 0 55%, var(--blueprint-surface) 55%);
42671
43016
  --usk-native-range-thumb-border: 1px double var(--blueprint-primary);
42672
43017
  --usk-native-range-thumb-radius: 0;
42673
43018
  --usk-native-range-thumb-shadow: 0 0 0 2px var(--blueprint-surface), 0 0 0 3px var(--blueprint-primary);
@@ -44363,7 +44708,7 @@
44363
44708
  --usk-native-range-track-shadow: 0 0 0 2px var(--deco-surface-strong);
44364
44709
  --usk-native-range-progress-background: var(--deco-primary);
44365
44710
  --usk-native-range-thumb-size: 1.35rem;
44366
- --usk-native-range-thumb-background: var(--deco-surface-strong);
44711
+ --usk-native-range-thumb-background: var(--usk-native-primary);
44367
44712
  --usk-native-range-thumb-border: 1px solid var(--deco-border);
44368
44713
  --usk-native-range-thumb-radius: 50%;
44369
44714
  --usk-native-range-thumb-shadow: 0 0 0 2px var(--deco-surface-strong);
@@ -44608,7 +44953,7 @@
44608
44953
  background: var(--deco-card-bg);
44609
44954
  }
44610
44955
 
44611
- .deco-toolbar, .deco-table-wrap, .deco-button:not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap, :where([data-ui="art-deco"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
44956
+ .deco-toolbar, .deco-table-wrap, .deco-button:where(:not([data-ui-variant])):not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-toolbar, :where([data-ui="art-deco"]) .usk-table-wrap, :where([data-ui="art-deco"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-toolbar, :where([data-ui="art-deco"]) .ui-table-wrap, :where([data-ui="art-deco"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
44612
44957
  background: var(--deco-control-bg);
44613
44958
  }
44614
44959
 
@@ -45483,7 +45828,7 @@
45483
45828
  --usk-native-range-track-shadow: inset 0 0 0 1px rgb(var(--deco-surface-strong-rgb) / .72);
45484
45829
  --usk-native-range-progress-background: linear-gradient(90deg, var(--deco-primary), var(--deco-warning));
45485
45830
  --usk-native-range-thumb-size: 1.18rem;
45486
- --usk-native-range-thumb-background: linear-gradient(135deg, var(--deco-warning), var(--deco-primary));
45831
+ --usk-native-range-thumb-background: var(--usk-native-primary);
45487
45832
  --usk-native-range-thumb-border: 3px double var(--deco-border);
45488
45833
  --usk-native-range-thumb-radius: 0;
45489
45834
  --usk-native-range-thumb-shadow: 0 0 0 2px rgb(var(--deco-surface-strong-rgb) / .72);
@@ -45766,7 +46111,7 @@
45766
46111
  --usk-native-choice-mark-color: var(--deco-jewel-on);
45767
46112
  --usk-native-range-track-background: linear-gradient(90deg, var(--deco-surface-soft), rgb(var(--deco-metal-rgb) / .52), var(--deco-surface-soft));
45768
46113
  --usk-native-range-progress-background: var(--deco-jewel-primary);
45769
- --usk-native-range-thumb-background: linear-gradient(135deg, var(--deco-jewel-warning), var(--deco-jewel-primary));
46114
+ --usk-native-range-thumb-background: var(--usk-native-primary);
45770
46115
  --usk-native-progress-size: .625rem;
45771
46116
  --usk-native-progress-value-background: var(--deco-jewel-primary);
45772
46117
  --usk-native-meter-optimum-background: var(--deco-jewel-success);
@@ -46167,7 +46512,7 @@
46167
46512
  display: inline-grid;
46168
46513
  }
46169
46514
 
46170
- .deco-button:not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
46515
+ .deco-button:where(:not([data-ui-variant])):not(.deco-button-primary):not(.deco-button-secondary):not(.deco-button-danger):not(.deco-button-warning):not(.deco-button-ghost), .deco-icon-button, :where([data-ui="art-deco"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .usk-icon-button, :where([data-ui="art-deco"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="art-deco"]) .ui-icon-button {
46171
46516
  background-color: var(--deco-surface-strong);
46172
46517
  background-image: none;
46173
46518
  }
@@ -46446,7 +46791,7 @@
46446
46791
  --usk-native-choice-checked-background: var(--deco-secondary);
46447
46792
  --usk-native-choice-mark-color: var(--deco-on-secondary);
46448
46793
  --usk-native-range-progress-background: var(--deco-secondary);
46449
- --usk-native-range-thumb-background: var(--deco-secondary);
46794
+ --usk-native-range-thumb-background: var(--usk-native-primary);
46450
46795
  --usk-native-progress-value-background: var(--deco-secondary);
46451
46796
  }
46452
46797
 
@@ -46849,7 +47194,7 @@
46849
47194
  .deco-button[aria-busy="true"]:after, .deco-icon-button[aria-busy="true"]:after, [data-ui="art-deco"] :where(button[aria-busy="true"]):after, :where([data-ui="art-deco"]) .usk-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-button[aria-busy="true"]:after, :where([data-ui="art-deco"]) .ui-icon-button[aria-busy="true"]:after {
46850
47195
  content: "";
46851
47196
  box-sizing: border-box;
46852
- background: var(--deco-spinner-segmented-background);
47197
+ background: repeating-conic-gradient(currentColor 0 8deg,transparent 8deg 16deg,currentColor 16deg 24deg,transparent 24deg 30deg);
46853
47198
  border: 3px double var(--deco-metal);
46854
47199
  width: 16px;
46855
47200
  height: 16px;
@@ -47973,7 +48318,7 @@
47973
48318
  --usk-native-range-track-shadow: inset 0 4px #ffffff4d;
47974
48319
  --usk-native-range-progress-background: var(--clay-primary);
47975
48320
  --usk-native-range-thumb-size: 1.65rem;
47976
- --usk-native-range-thumb-background: var(--clay-surface-strong);
48321
+ --usk-native-range-thumb-background: var(--usk-native-primary);
47977
48322
  --usk-native-range-thumb-border: 1px solid var(--clay-border);
47978
48323
  --usk-native-range-thumb-radius: 50%;
47979
48324
  --usk-native-range-thumb-shadow: inset 0 4px #ffffff4d;
@@ -48218,7 +48563,7 @@
48218
48563
  background: var(--clay-card-bg);
48219
48564
  }
48220
48565
 
48221
- .clay-toolbar, .clay-table-wrap, .clay-button:not(.clay-button-primary):not(.clay-button-secondary):not(.clay-button-danger):not(.clay-button-warning):not(.clay-button-ghost), .clay-icon-button, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .ui-icon-button {
48566
+ .clay-toolbar, .clay-table-wrap, .clay-button:where(:not([data-ui-variant])):not(.clay-button-primary):not(.clay-button-secondary):not(.clay-button-danger):not(.clay-button-warning):not(.clay-button-ghost), .clay-icon-button, :where([data-ui="clay"]) .usk-toolbar, :where([data-ui="clay"]) .usk-table-wrap, :where([data-ui="clay"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .usk-icon-button, :where([data-ui="clay"]) .ui-toolbar, :where([data-ui="clay"]) .ui-table-wrap, :where([data-ui="clay"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="clay"]) .ui-icon-button {
48222
48567
  background: var(--clay-control-bg);
48223
48568
  }
48224
48569
 
@@ -49105,7 +49450,7 @@
49105
49450
  --usk-native-range-track-shadow: var(--clay-carved-shadow);
49106
49451
  --usk-native-range-progress-background: var(--clay-molded-primary);
49107
49452
  --usk-native-range-thumb-size: 1.32rem;
49108
- --usk-native-range-thumb-background: var(--clay-molded-thumb);
49453
+ --usk-native-range-thumb-background: var(--usk-native-primary);
49109
49454
  --usk-native-range-thumb-border: 1px solid var(--clay-material-seam);
49110
49455
  --usk-native-range-thumb-radius: 43% 57% 47% 53% / 52% 45% 55% 48%;
49111
49456
  --usk-native-range-thumb-shadow: inset 0 0 0 1px var(--clay-material-seam), var(--clay-filled-shadow);
@@ -49881,7 +50226,7 @@
49881
50226
  }
49882
50227
 
49883
50228
  .clay-button[aria-busy="true"]:after, .clay-icon-button[aria-busy="true"]:after, [data-ui="clay"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="clay"]) .usk-button[aria-busy="true"]:after, :where([data-ui="clay"]) .usk-icon-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-button[aria-busy="true"]:after, :where([data-ui="clay"]) .ui-icon-button[aria-busy="true"]:after {
49884
- background: radial-gradient(circle at 50% 8%,var(--clay-material-highlight)0 3%,var(--clay-pigment-primary) 4% 9%,transparent 10%),radial-gradient(circle at 80% 20%,var(--clay-material-highlight)0 3%,var(--clay-accent) 4% 9%,transparent 10%),radial-gradient(circle at 92% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 80% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-success) 4% 9%,transparent 10%),radial-gradient(circle at 50% 92%,var(--clay-material-highlight)0 3%,var(--clay-pigment-warning) 4% 9%,transparent 10%),radial-gradient(circle at 20% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-danger) 4% 9%,transparent 10%),radial-gradient(circle at 8% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 20% 20%,var(--clay-material-highlight)0 3%,var(--clay-pigment-primary-hover) 4% 9%,transparent 10%);
50229
+ background: radial-gradient(circle at 50% 8%,var(--clay-material-highlight)0 3%,currentColor 4% 9%,transparent 10%),radial-gradient(circle at 80% 20%,var(--clay-material-highlight)0 3%,var(--clay-accent) 4% 9%,transparent 10%),radial-gradient(circle at 92% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 80% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-success) 4% 9%,transparent 10%),radial-gradient(circle at 50% 92%,var(--clay-material-highlight)0 3%,var(--clay-pigment-warning) 4% 9%,transparent 10%),radial-gradient(circle at 20% 80%,var(--clay-material-highlight)0 3%,var(--clay-pigment-danger) 4% 9%,transparent 10%),radial-gradient(circle at 8% 50%,var(--clay-material-highlight)0 3%,var(--clay-pigment-secondary) 4% 9%,transparent 10%),radial-gradient(circle at 20% 20%,var(--clay-material-highlight)0 3%,var(--clay-pigment-primary-hover) 4% 9%,transparent 10%);
49885
50230
  box-shadow: none;
49886
50231
  clip-path: none;
49887
50232
  filter: drop-shadow(0 .08em .06em var(--clay-material-contact));
@@ -52040,7 +52385,7 @@
52040
52385
  --usk-native-range-track-shadow: 0 0 9px var(--terminal-primary);
52041
52386
  --usk-native-range-progress-background: var(--terminal-primary);
52042
52387
  --usk-native-range-thumb-size: 1.1rem;
52043
- --usk-native-range-thumb-background: var(--terminal-surface-strong);
52388
+ --usk-native-range-thumb-background: var(--usk-native-primary);
52044
52389
  --usk-native-range-thumb-border: 1px solid var(--terminal-border);
52045
52390
  --usk-native-range-thumb-radius: 0;
52046
52391
  --usk-native-range-thumb-shadow: 0 0 9px var(--terminal-primary);
@@ -52285,7 +52630,7 @@
52285
52630
  background: var(--terminal-card-bg);
52286
52631
  }
52287
52632
 
52288
- .terminal-toolbar, .terminal-table-wrap, .terminal-button:not(.terminal-button-primary):not(.terminal-button-secondary):not(.terminal-button-danger):not(.terminal-button-warning):not(.terminal-button-ghost):not(.is-active):not([aria-pressed="true"]), .terminal-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap, :where([data-ui="data-terminal"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-icon-button:not(.is-active):not([aria-pressed="true"]) {
52633
+ .terminal-toolbar, .terminal-table-wrap, .terminal-button:where(:not([data-ui-variant])):not(.terminal-button-primary):not(.terminal-button-secondary):not(.terminal-button-danger):not(.terminal-button-warning):not(.terminal-button-ghost):not(.is-active):not([aria-pressed="true"]), .terminal-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-toolbar, :where([data-ui="data-terminal"]) .usk-table-wrap, :where([data-ui="data-terminal"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .usk-icon-button:not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-toolbar, :where([data-ui="data-terminal"]) .ui-table-wrap, :where([data-ui="data-terminal"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-active):not([aria-pressed="true"]), :where([data-ui="data-terminal"]) .ui-icon-button:not(.is-active):not([aria-pressed="true"]) {
52289
52634
  background: var(--terminal-control-bg);
52290
52635
  }
52291
52636
 
@@ -53218,7 +53563,7 @@
53218
53563
  --usk-native-range-track-shadow: none;
53219
53564
  --usk-native-range-progress-background: linear-gradient(90deg, var(--terminal-success), var(--terminal-warning), var(--terminal-danger));
53220
53565
  --usk-native-range-thumb-size: .9rem;
53221
- --usk-native-range-thumb-background: var(--terminal-text);
53566
+ --usk-native-range-thumb-background: var(--usk-native-primary);
53222
53567
  --usk-native-range-thumb-border: 1px solid var(--terminal-surface);
53223
53568
  --usk-native-range-thumb-radius: 0;
53224
53569
  --usk-native-range-thumb-shadow: 0 0 0 1px var(--terminal-primary);
@@ -54120,7 +54465,7 @@
54120
54465
  --usk-native-range-track-shadow: none;
54121
54466
  --usk-native-range-progress-background: linear-gradient(var(--terminal-primary), var(--terminal-primary));
54122
54467
  --usk-native-range-thumb-size: .75rem;
54123
- --usk-native-range-thumb-background: var(--terminal-surface);
54468
+ --usk-native-range-thumb-background: linear-gradient(135deg, var(--terminal-primary), var(--terminal-accent));
54124
54469
  --usk-native-range-thumb-border: 2px solid var(--terminal-text);
54125
54470
  --usk-native-range-thumb-radius: 0;
54126
54471
  --usk-native-range-thumb-shadow: none;
@@ -54479,7 +54824,7 @@
54479
54824
  --usk-native-range-track-shadow: 2px 2px 0 #00000029;
54480
54825
  --usk-native-range-progress-background: var(--paper-primary);
54481
54826
  --usk-native-range-thumb-size: 1.15rem;
54482
- --usk-native-range-thumb-background: var(--paper-surface-strong);
54827
+ --usk-native-range-thumb-background: var(--usk-native-primary);
54483
54828
  --usk-native-range-thumb-border: 1px solid var(--paper-border);
54484
54829
  --usk-native-range-thumb-radius: 50%;
54485
54830
  --usk-native-range-thumb-shadow: 2px 2px 0 #00000029;
@@ -54724,7 +55069,7 @@
54724
55069
  background: var(--paper-card-bg);
54725
55070
  }
54726
55071
 
54727
- .paper-toolbar, .paper-table-wrap, .paper-button:not(.paper-button-primary):not(.paper-button-secondary):not(.paper-button-danger):not(.paper-button-warning):not(.paper-button-ghost), .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .usk-button:not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap, :where([data-ui="paper-editorial"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .ui-icon-button {
55072
+ .paper-toolbar, .paper-table-wrap, .paper-button:where(:not([data-ui-variant])):not(.paper-button-primary):not(.paper-button-secondary):not(.paper-button-danger):not(.paper-button-warning):not(.paper-button-ghost), .paper-icon-button, :where([data-ui="paper-editorial"]) .usk-toolbar, :where([data-ui="paper-editorial"]) .usk-table-wrap, :where([data-ui="paper-editorial"]) .usk-button:where(:not([data-ui-variant])):not(.usk-button:where([data-ui-variant="primary"])):not(.usk-button:where([data-ui-variant="secondary"])):not(.usk-button:where([data-ui-variant="danger"])):not(.usk-button:where([data-ui-variant="warning"])):not(.usk-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .usk-icon-button, :where([data-ui="paper-editorial"]) .ui-toolbar, :where([data-ui="paper-editorial"]) .ui-table-wrap, :where([data-ui="paper-editorial"]) .ui-button:where(:not([data-ui-variant])):not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="paper-editorial"]) .ui-icon-button {
54728
55073
  background: var(--paper-control-bg);
54729
55074
  }
54730
55075
 
@@ -55625,7 +55970,7 @@
55625
55970
  --usk-native-range-track-shadow: 0 1px 0 rgb(var(--paper-text-rgb) / .22);
55626
55971
  --usk-native-range-progress-background: var(--paper-primary);
55627
55972
  --usk-native-range-thumb-size: 1rem;
55628
- --usk-native-range-thumb-background: var(--paper-surface-strong);
55973
+ --usk-native-range-thumb-background: var(--usk-native-primary);
55629
55974
  --usk-native-range-thumb-border: 2px solid var(--paper-primary);
55630
55975
  --usk-native-range-thumb-radius: .02rem;
55631
55976
  --usk-native-range-thumb-shadow: .08rem .08rem 0 rgb(var(--paper-text-rgb) / .28);
@@ -57485,6 +57830,46 @@
57485
57830
  pointer-events: auto;
57486
57831
  }
57487
57832
 
57833
+ .paper-alert, :where([data-ui="paper-editorial"]) .usk-alert, :where([data-ui="paper-editorial"]) .ui-alert {
57834
+ grid-template-columns: minmax(0, 1fr);
57835
+ align-items: center;
57836
+ gap: .25rem .5rem;
57837
+ padding-inline-start: 2.75rem;
57838
+ display: grid;
57839
+ position: relative;
57840
+ }
57841
+
57842
+ .paper-alert:before, :where([data-ui="paper-editorial"]) .usk-alert:before, :where([data-ui="paper-editorial"]) .ui-alert:before {
57843
+ place-items: center;
57844
+ block-size: 1.5rem;
57845
+ min-block-size: 0;
57846
+ inline-size: 1.5rem;
57847
+ min-inline-size: 0;
57848
+ margin: 0;
57849
+ padding: 0;
57850
+ font: 700 1.25rem / 1 Segoe UI Symbol, Arial, sans-serif;
57851
+ display: grid;
57852
+ position: absolute;
57853
+ inset-block-start: 50%;
57854
+ inset-inline-start: .75rem;
57855
+ transform: translateY(-50%);
57856
+ }
57857
+
57858
+ .paper-alert > :is(p, strong, span, div), :where([data-ui="paper-editorial"]) .usk-alert>:is(p,strong,span,div), :where([data-ui="paper-editorial"]) .ui-alert>:is(p,strong,span,div) {
57859
+ min-inline-size: 0;
57860
+ width: auto;
57861
+ margin: 0;
57862
+ }
57863
+
57864
+ .paper-alert:has( > button), :where([data-ui="paper-editorial"]) .usk-alert:has(>button), :where([data-ui="paper-editorial"]) .ui-alert:has(>button) {
57865
+ grid-template-columns: minmax(0, 1fr) auto;
57866
+ }
57867
+
57868
+ .paper-alert > button, :where([data-ui="paper-editorial"]) .usk-alert>button, :where([data-ui="paper-editorial"]) .ui-alert>button {
57869
+ align-self: center;
57870
+ margin: 0;
57871
+ }
57872
+
57488
57873
  .paper-spinner, .paper-loading-spinner, [data-ui="paper-editorial"] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]), :where([data-ui="paper-editorial"]) .usk-spinner, :where([data-ui="paper-editorial"]) .ui-spinner {
57489
57874
  block-size: 24px;
57490
57875
  inline-size: 24px;
@@ -57810,7 +58195,7 @@
57810
58195
  --usk-native-range-track-shadow: 0 0 12px var(--noir-primary);
57811
58196
  --usk-native-range-progress-background: var(--noir-primary);
57812
58197
  --usk-native-range-thumb-size: 1.35rem;
57813
- --usk-native-range-thumb-background: var(--noir-surface-strong);
58198
+ --usk-native-range-thumb-background: var(--usk-native-primary);
57814
58199
  --usk-native-range-thumb-border: 1px solid var(--noir-border);
57815
58200
  --usk-native-range-thumb-radius: 44% 56%;
57816
58201
  --usk-native-range-thumb-shadow: 0 0 12px var(--noir-primary);
@@ -58863,7 +59248,7 @@
58863
59248
  }
58864
59249
 
58865
59250
  .noir-icon-medallion {
58866
- color: var(--usk-primary-ink, var(--noir-primary));
59251
+ color: var(--usk-primary-ink, var(--noir-link));
58867
59252
  border-color: var(--noir-primary);
58868
59253
  box-shadow: 0 0 1.2rem rgb(var(--noir-primary-rgb)/.18);
58869
59254
  background: none;
@@ -58973,7 +59358,7 @@
58973
59358
  --usk-native-range-track-shadow: 0 0 .62rem rgb(var(--noir-warning-rgb) / .34);
58974
59359
  --usk-native-range-progress-background: linear-gradient(90deg, var(--noir-warning), var(--noir-primary));
58975
59360
  --usk-native-range-thumb-size: 1.26rem;
58976
- --usk-native-range-thumb-background: linear-gradient(135deg, var(--noir-warning), var(--noir-surface-strong));
59361
+ --usk-native-range-thumb-background: var(--usk-native-primary);
58977
59362
  --usk-native-range-thumb-border: 1px solid var(--noir-warning);
58978
59363
  --usk-native-range-thumb-radius: 0 .18rem 0 .18rem;
58979
59364
  --usk-native-range-thumb-shadow: -.2rem 0 .62rem rgb(var(--noir-focus-rgb) / .42);
@@ -59267,7 +59652,7 @@
59267
59652
  --usk-native-range-track-background: var(--noir-border);
59268
59653
  --usk-native-range-track-shadow: none;
59269
59654
  --usk-native-range-track-radius: 0;
59270
- --usk-native-range-thumb-background: var(--noir-primary);
59655
+ --usk-native-range-thumb-background: var(--usk-native-primary);
59271
59656
  --usk-native-range-thumb-shadow: none;
59272
59657
  --usk-native-progress-track-background: var(--noir-surface-soft);
59273
59658
  --usk-native-progress-track-shadow: none;
@@ -59405,6 +59790,7 @@
59405
59790
  }
59406
59791
 
59407
59792
  .noir-button-secondary, :where([data-ui="neo-noir"]) .usk-button:where([data-ui-variant="secondary"]), :where([data-ui="neo-noir"]) .ui-button:where([data-ui-variant="secondary"]) {
59793
+ --noir-action-fill: var(--noir-secondary);
59408
59794
  --noir-action-line: var(--noir-secondary);
59409
59795
  }
59410
59796