ui-style-kit-css 2.2.0 → 2.4.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 (122) hide show
  1. package/CHANGELOG.md +77 -1
  2. package/CONTRIBUTING.md +8 -1
  3. package/README.md +171 -53
  4. package/STYLE-MAP.md +28 -5
  5. package/dist/assets/bauhaus-barlow-OFL.txt +93 -0
  6. package/dist/assets/bauhaus-barlow-semibold.ttf +0 -0
  7. package/dist/assets/bauhaus-barlow.ttf +0 -0
  8. package/dist/assets/bauhaus-condensed-OFL.txt +93 -0
  9. package/dist/assets/bauhaus-condensed-bold.ttf +0 -0
  10. package/dist/assets/bauhaus-condensed-extrabold.ttf +0 -0
  11. package/dist/assets/bento-manrope-OFL.txt +93 -0
  12. package/dist/assets/bento-manrope.ttf +0 -0
  13. package/dist/assets/clay-grain.png +0 -0
  14. package/dist/assets/clay-rounded-OFL.txt +93 -0
  15. package/dist/assets/clay-rounded.ttf +0 -0
  16. package/dist/assets/neo-noir-corner-dark.png +0 -0
  17. package/dist/assets/neo-noir-corner-light.png +0 -0
  18. package/dist/assets/neo-noir-texture-dark.png +0 -0
  19. package/dist/assets/neo-noir-texture-light.png +0 -0
  20. package/dist/assets/organic-display-OFL.txt +93 -0
  21. package/dist/assets/organic-display.ttf +0 -0
  22. package/dist/assets/organic-icons-LICENSE.txt +21 -0
  23. package/dist/assets/organic-sans-OFL.txt +93 -0
  24. package/dist/assets/organic-sans.ttf +0 -0
  25. package/dist/ui-style-kit.css +55604 -6525
  26. package/dist/ui-style-kit.min.css +2 -2
  27. package/dist/ui-style-kit.visual.css +55443 -6942
  28. package/dist/ui-style-kit.visual.min.css +2 -2
  29. package/dist/ui-style-kit.with-bridge.css +55646 -6551
  30. package/dist/ui-style-kit.with-bridge.min.css +2 -2
  31. package/dist/visual/art-deco.css +7318 -0
  32. package/dist/visual/bauhaus.css +2 -2961
  33. package/dist/visual/bento.css +2 -2980
  34. package/dist/visual/brutalism.css +2679 -352
  35. package/dist/visual/clay.css +5 -0
  36. package/dist/visual/cyberpunk.css +4482 -781
  37. package/dist/visual/data-terminal.css +6182 -0
  38. package/dist/visual/editorial-luxe.css +6450 -0
  39. package/dist/visual/industrial-utility.css +7259 -0
  40. package/dist/visual/maximalist.css +4080 -1025
  41. package/dist/visual/minimal-saas.css +3305 -888
  42. package/dist/visual/neo-noir.css +5 -0
  43. package/dist/visual/neumorphism.css +3582 -975
  44. package/dist/visual/organic-modern.css +5 -0
  45. package/dist/visual/paper-editorial.css +7074 -0
  46. package/dist/visual/retro-glass.css +4426 -760
  47. package/dist/visual/retrofuturism.css +3676 -875
  48. package/dist/visual/tactile.css +4568 -1036
  49. package/dist/visual/technical-blueprint.css +6713 -0
  50. package/dist/visual/y2k.css +3672 -753
  51. package/docs/ART-DECO.md +80 -0
  52. package/docs/BAUHAUS.md +152 -0
  53. package/docs/BENTO.md +121 -0
  54. package/docs/CLAY.md +127 -0
  55. package/docs/DEMO-SHOWCASE.md +65 -0
  56. package/docs/ECOSYSTEM.md +9 -5
  57. package/docs/EDITORIAL-LUX.md +75 -0
  58. package/docs/INDUSTRIAL-UTILITY.md +131 -0
  59. package/docs/NATIVE-ELEMENTS.md +23 -17
  60. package/docs/NEO-NOIR.md +94 -0
  61. package/docs/ORGANIC-MODERN.md +91 -0
  62. package/docs/PAPER-EDITORIAL.md +63 -0
  63. package/docs/PUBLISHING.md +36 -11
  64. package/docs/RELEASE-2.4.0.md +88 -0
  65. package/docs/RETRO-GLASS.md +105 -0
  66. package/docs/STYLE-GUIDE.md +68 -13
  67. package/docs/TACTILE.md +38 -0
  68. package/docs/TECHNICAL-BLUEPRINT.md +60 -0
  69. package/docs/TOKENS.md +90 -4
  70. package/docs/superpowers/plans/2026-08-29-preset-identity-system-refinement.md +649 -0
  71. package/docs/superpowers/plans/2026-09-04-library-wide-theme-fallback-and-fidelity.md +331 -0
  72. package/docs/superpowers/specs/2026-08-29-preset-identity-system-refinement-design.md +212 -0
  73. package/docs/superpowers/specs/2026-09-04-library-wide-theme-fallback-and-fidelity-design.md +113 -0
  74. package/manifest.json +769 -20
  75. package/package.json +79 -14
  76. package/styles/art-deco.css +2068 -0
  77. package/styles/assets/bauhaus-barlow-OFL.txt +93 -0
  78. package/styles/assets/bauhaus-barlow-semibold.ttf +0 -0
  79. package/styles/assets/bauhaus-barlow.ttf +0 -0
  80. package/styles/assets/bauhaus-condensed-OFL.txt +93 -0
  81. package/styles/assets/bauhaus-condensed-bold.ttf +0 -0
  82. package/styles/assets/bauhaus-condensed-extrabold.ttf +0 -0
  83. package/styles/assets/bento-manrope-OFL.txt +93 -0
  84. package/styles/assets/bento-manrope.ttf +0 -0
  85. package/styles/assets/clay-grain.png +0 -0
  86. package/styles/assets/clay-rounded-OFL.txt +93 -0
  87. package/styles/assets/clay-rounded.ttf +0 -0
  88. package/styles/assets/neo-noir-corner-dark.png +0 -0
  89. package/styles/assets/neo-noir-corner-light.png +0 -0
  90. package/styles/assets/neo-noir-texture-dark.png +0 -0
  91. package/styles/assets/neo-noir-texture-light.png +0 -0
  92. package/styles/assets/organic-display-OFL.txt +93 -0
  93. package/styles/assets/organic-display.ttf +0 -0
  94. package/styles/assets/organic-icons-LICENSE.txt +21 -0
  95. package/styles/assets/organic-sans-OFL.txt +93 -0
  96. package/styles/assets/organic-sans.ttf +0 -0
  97. package/styles/bauhaus.css +1092 -87
  98. package/styles/bento.css +1413 -86
  99. package/styles/brutalism.css +493 -10
  100. package/styles/clay.css +1927 -0
  101. package/styles/compat-layout.css +1 -2
  102. package/styles/components.css +698 -33
  103. package/styles/content-overflow.css +434 -9
  104. package/styles/cyberpunk.css +2082 -46
  105. package/styles/data-terminal.css +1795 -0
  106. package/styles/editorial-luxe.css +1251 -0
  107. package/styles/industrial-utility.css +2449 -0
  108. package/styles/interactive-surface-bridge.css +40 -24
  109. package/styles/interactive-surface-theme.css +31 -13
  110. package/styles/maximalist.css +1410 -94
  111. package/styles/minimal-saas.css +675 -73
  112. package/styles/native-elements.css +396 -168
  113. package/styles/neo-noir.css +1332 -0
  114. package/styles/neumorphism.css +1155 -52
  115. package/styles/organic-modern.css +1353 -0
  116. package/styles/paper-editorial.css +1724 -0
  117. package/styles/retro-glass.css +870 -42
  118. package/styles/retrofuturism.css +1173 -55
  119. package/styles/tactile.css +2018 -84
  120. package/styles/technical-blueprint.css +1337 -0
  121. package/styles/theme-colors.css +796 -5
  122. package/styles/y2k.css +1182 -40
@@ -1,2964 +1,5 @@
1
1
  /*!
2
- * UI Style Kit CSS v2.2.0
2
+ * UI Style Kit CSS v2.4.0
3
3
  * CSS theme and UI style preset library.
4
4
  * License: MIT
5
- */
6
-
7
- @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout;
8
-
9
- /* styles/theme-colors.css */
10
- /* =========================================================
11
- UI Style Kit CSS - Shared Theme Color Roles
12
- Defines active scheme and mode colors once for every UI preset.
13
- ========================================================= */
14
-
15
- @layer ui-style-kit.theme_colors {
16
- /* Shared RGB roles keep visual presets focused on layout, texture, and component treatment. */
17
- :where([data-ui][data-theme="midnight-gold"][data-mode="light"]) {
18
- --usk-bg-rgb: 246 243 234;
19
- --usk-surface-rgb: 255 250 240;
20
- --usk-surface-strong-rgb: 255 255 255;
21
- --usk-surface-soft-rgb: 237 230 211;
22
- --usk-text-rgb: 23 32 51;
23
- --usk-text-muted-rgb: 95 104 121;
24
- --usk-border-rgb: 214 200 165;
25
- --usk-primary-rgb: 184 135 47;
26
- --usk-primary-hover-rgb: 148 104 31;
27
- --usk-primary-text-rgb: 16 16 16;
28
- --usk-secondary-rgb: 34 49 79;
29
- --usk-secondary-hover-rgb: 23 36 60;
30
- --usk-secondary-text-rgb: 255 255 255;
31
- --usk-accent-rgb: 217 164 65;
32
- --usk-success-rgb: 47 125 84;
33
- --usk-warning-rgb: 167 106 0;
34
- --usk-danger-rgb: 185 63 63;
35
- --usk-link-rgb: 138 100 31;
36
- --usk-accent-text-rgb: 0 0 0;
37
- --usk-success-text-rgb: 255 255 255;
38
- --usk-warning-text-rgb: 0 0 0;
39
- --usk-danger-text-rgb: 255 255 255;
40
- --usk-focus-rgb: 217 164 65;
41
- }
42
-
43
- :where([data-ui][data-theme="midnight-gold"][data-mode="dark"]) {
44
- --usk-bg-rgb: 7 17 31;
45
- --usk-surface-rgb: 16 27 45;
46
- --usk-surface-strong-rgb: 23 36 58;
47
- --usk-surface-soft-rgb: 12 22 39;
48
- --usk-text-rgb: 247 237 215;
49
- --usk-text-muted-rgb: 185 192 204;
50
- --usk-border-rgb: 57 72 97;
51
- --usk-primary-rgb: 214 168 79;
52
- --usk-primary-hover-rgb: 240 200 109;
53
- --usk-primary-text-rgb: 16 16 16;
54
- --usk-secondary-rgb: 111 134 184;
55
- --usk-secondary-hover-rgb: 146 167 209;
56
- --usk-secondary-text-rgb: 8 16 29;
57
- --usk-accent-rgb: 243 210 122;
58
- --usk-success-rgb: 107 214 156;
59
- --usk-warning-rgb: 255 203 91;
60
- --usk-danger-rgb: 255 123 123;
61
- --usk-link-rgb: 243 210 122;
62
- --usk-accent-text-rgb: 0 0 0;
63
- --usk-success-text-rgb: 0 0 0;
64
- --usk-warning-text-rgb: 0 0 0;
65
- --usk-danger-text-rgb: 0 0 0;
66
- --usk-focus-rgb: 255 214 107;
67
- }
68
-
69
- :where([data-ui][data-theme="midnight-gold"][data-mode="contrast"]) {
70
- --usk-bg-rgb: 0 0 0;
71
- --usk-surface-rgb: 8 8 8;
72
- --usk-surface-strong-rgb: 17 17 17;
73
- --usk-surface-soft-rgb: 5 5 5;
74
- --usk-text-rgb: 255 255 255;
75
- --usk-text-muted-rgb: 245 245 245;
76
- --usk-border-rgb: 255 255 255;
77
- --usk-primary-rgb: 255 212 0;
78
- --usk-primary-hover-rgb: 255 255 255;
79
- --usk-primary-text-rgb: 0 0 0;
80
- --usk-secondary-rgb: 0 217 255;
81
- --usk-secondary-hover-rgb: 255 255 255;
82
- --usk-secondary-text-rgb: 0 0 0;
83
- --usk-accent-rgb: 255 234 0;
84
- --usk-success-rgb: 0 255 117;
85
- --usk-warning-rgb: 255 191 0;
86
- --usk-danger-rgb: 255 77 77;
87
- --usk-link-rgb: 0 217 255;
88
- --usk-accent-text-rgb: 0 0 0;
89
- --usk-success-text-rgb: 0 0 0;
90
- --usk-warning-text-rgb: 0 0 0;
91
- --usk-danger-text-rgb: 0 0 0;
92
- --usk-focus-rgb: 255 255 255;
93
- }
94
-
95
- :where([data-ui][data-theme="ocean-steel"][data-mode="light"]) {
96
- --usk-bg-rgb: 238 248 251;
97
- --usk-surface-rgb: 255 255 255;
98
- --usk-surface-strong-rgb: 248 253 255;
99
- --usk-surface-soft-rgb: 220 236 242;
100
- --usk-text-rgb: 16 36 46;
101
- --usk-text-muted-rgb: 78 101 112;
102
- --usk-border-rgb: 184 211 221;
103
- --usk-primary-rgb: 8 125 157;
104
- --usk-primary-hover-rgb: 6 100 126;
105
- --usk-primary-text-rgb: 255 255 255;
106
- --usk-secondary-rgb: 57 86 107;
107
- --usk-secondary-hover-rgb: 44 67 84;
108
- --usk-secondary-text-rgb: 255 255 255;
109
- --usk-accent-rgb: 21 184 200;
110
- --usk-success-rgb: 38 122 92;
111
- --usk-warning-rgb: 167 101 0;
112
- --usk-danger-rgb: 182 70 70;
113
- --usk-link-rgb: 6 100 126;
114
- --usk-accent-text-rgb: 0 0 0;
115
- --usk-success-text-rgb: 255 255 255;
116
- --usk-warning-text-rgb: 255 255 255;
117
- --usk-danger-text-rgb: 255 255 255;
118
- --usk-focus-rgb: 21 184 200;
119
- }
120
-
121
- :where([data-ui][data-theme="ocean-steel"][data-mode="dark"]) {
122
- --usk-bg-rgb: 6 22 29;
123
- --usk-surface-rgb: 13 37 48;
124
- --usk-surface-strong-rgb: 20 52 66;
125
- --usk-surface-soft-rgb: 8 29 38;
126
- --usk-text-rgb: 233 251 255;
127
- --usk-text-muted-rgb: 167 192 201;
128
- --usk-border-rgb: 49 86 102;
129
- --usk-primary-rgb: 54 196 221;
130
- --usk-primary-hover-rgb: 115 227 244;
131
- --usk-primary-text-rgb: 4 18 22;
132
- --usk-secondary-rgb: 140 183 201;
133
- --usk-secondary-hover-rgb: 178 213 226;
134
- --usk-secondary-text-rgb: 6 22 29;
135
- --usk-accent-rgb: 83 240 255;
136
- --usk-success-rgb: 103 216 166;
137
- --usk-warning-rgb: 255 192 97;
138
- --usk-danger-rgb: 255 123 123;
139
- --usk-link-rgb: 115 227 244;
140
- --usk-accent-text-rgb: 0 0 0;
141
- --usk-success-text-rgb: 0 0 0;
142
- --usk-warning-text-rgb: 0 0 0;
143
- --usk-danger-text-rgb: 0 0 0;
144
- --usk-focus-rgb: 83 240 255;
145
- }
146
-
147
- :where([data-ui][data-theme="ocean-steel"][data-mode="contrast"]) {
148
- --usk-bg-rgb: 0 8 10;
149
- --usk-surface-rgb: 0 16 20;
150
- --usk-surface-strong-rgb: 0 26 32;
151
- --usk-surface-soft-rgb: 0 0 0;
152
- --usk-text-rgb: 255 255 255;
153
- --usk-text-muted-rgb: 234 255 255;
154
- --usk-border-rgb: 255 255 255;
155
- --usk-primary-rgb: 0 229 255;
156
- --usk-primary-hover-rgb: 255 255 255;
157
- --usk-primary-text-rgb: 0 0 0;
158
- --usk-secondary-rgb: 255 255 0;
159
- --usk-secondary-hover-rgb: 255 255 255;
160
- --usk-secondary-text-rgb: 0 0 0;
161
- --usk-accent-rgb: 0 255 255;
162
- --usk-success-rgb: 0 255 144;
163
- --usk-warning-rgb: 255 208 0;
164
- --usk-danger-rgb: 255 59 59;
165
- --usk-link-rgb: 0 229 255;
166
- --usk-accent-text-rgb: 0 0 0;
167
- --usk-success-text-rgb: 0 0 0;
168
- --usk-warning-text-rgb: 0 0 0;
169
- --usk-danger-text-rgb: 0 0 0;
170
- --usk-focus-rgb: 255 255 255;
171
- }
172
-
173
- :where([data-ui][data-theme="forest-moss"][data-mode="light"]) {
174
- --usk-bg-rgb: 242 247 239;
175
- --usk-surface-rgb: 255 255 255;
176
- --usk-surface-strong-rgb: 251 255 248;
177
- --usk-surface-soft-rgb: 226 234 219;
178
- --usk-text-rgb: 24 36 23;
179
- --usk-text-muted-rgb: 88 104 82;
180
- --usk-border-rgb: 197 211 186;
181
- --usk-primary-rgb: 63 125 58;
182
- --usk-primary-hover-rgb: 47 97 43;
183
- --usk-primary-text-rgb: 255 255 255;
184
- --usk-secondary-rgb: 106 95 56;
185
- --usk-secondary-hover-rgb: 81 73 43;
186
- --usk-secondary-text-rgb: 255 255 255;
187
- --usk-accent-rgb: 156 186 82;
188
- --usk-success-rgb: 47 125 84;
189
- --usk-warning-rgb: 154 106 0;
190
- --usk-danger-rgb: 173 69 69;
191
- --usk-link-rgb: 47 97 43;
192
- --usk-accent-text-rgb: 0 0 0;
193
- --usk-success-text-rgb: 255 255 255;
194
- --usk-warning-text-rgb: 255 255 255;
195
- --usk-danger-text-rgb: 255 255 255;
196
- --usk-focus-rgb: 156 186 82;
197
- }
198
-
199
- :where([data-ui][data-theme="forest-moss"][data-mode="dark"]) {
200
- --usk-bg-rgb: 7 16 6;
201
- --usk-surface-rgb: 16 28 15;
202
- --usk-surface-strong-rgb: 26 42 24;
203
- --usk-surface-soft-rgb: 11 22 10;
204
- --usk-text-rgb: 237 247 232;
205
- --usk-text-muted-rgb: 180 197 173;
206
- --usk-border-rgb: 61 83 56;
207
- --usk-primary-rgb: 130 210 122;
208
- --usk-primary-hover-rgb: 162 237 153;
209
- --usk-primary-text-rgb: 7 16 6;
210
- --usk-secondary-rgb: 210 189 114;
211
- --usk-secondary-hover-rgb: 239 217 139;
212
- --usk-secondary-text-rgb: 20 16 6;
213
- --usk-accent-rgb: 185 239 107;
214
- --usk-success-rgb: 117 223 167;
215
- --usk-warning-rgb: 255 210 99;
216
- --usk-danger-rgb: 255 133 133;
217
- --usk-link-rgb: 162 237 153;
218
- --usk-accent-text-rgb: 0 0 0;
219
- --usk-success-text-rgb: 0 0 0;
220
- --usk-warning-text-rgb: 0 0 0;
221
- --usk-danger-text-rgb: 0 0 0;
222
- --usk-focus-rgb: 185 239 107;
223
- }
224
-
225
- :where([data-ui][data-theme="forest-moss"][data-mode="contrast"]) {
226
- --usk-bg-rgb: 0 0 0;
227
- --usk-surface-rgb: 7 16 7;
228
- --usk-surface-strong-rgb: 11 25 11;
229
- --usk-surface-soft-rgb: 0 0 0;
230
- --usk-text-rgb: 255 255 255;
231
- --usk-text-muted-rgb: 240 255 240;
232
- --usk-border-rgb: 255 255 255;
233
- --usk-primary-rgb: 108 255 95;
234
- --usk-primary-hover-rgb: 255 255 255;
235
- --usk-primary-text-rgb: 0 0 0;
236
- --usk-secondary-rgb: 255 223 0;
237
- --usk-secondary-hover-rgb: 255 255 255;
238
- --usk-secondary-text-rgb: 0 0 0;
239
- --usk-accent-rgb: 182 255 0;
240
- --usk-success-rgb: 0 255 117;
241
- --usk-warning-rgb: 255 208 0;
242
- --usk-danger-rgb: 255 64 64;
243
- --usk-link-rgb: 108 255 95;
244
- --usk-accent-text-rgb: 0 0 0;
245
- --usk-success-text-rgb: 0 0 0;
246
- --usk-warning-text-rgb: 0 0 0;
247
- --usk-danger-text-rgb: 0 0 0;
248
- --usk-focus-rgb: 255 255 255;
249
- }
250
-
251
- :where([data-ui][data-theme="sunset-ember"][data-mode="light"]) {
252
- --usk-bg-rgb: 255 244 236;
253
- --usk-surface-rgb: 255 255 255;
254
- --usk-surface-strong-rgb: 255 250 246;
255
- --usk-surface-soft-rgb: 244 222 210;
256
- --usk-text-rgb: 42 23 17;
257
- --usk-text-muted-rgb: 118 88 77;
258
- --usk-border-rgb: 227 189 170;
259
- --usk-primary-rgb: 196 81 43;
260
- --usk-primary-hover-rgb: 159 63 32;
261
- --usk-primary-text-rgb: 255 255 255;
262
- --usk-secondary-rgb: 124 63 92;
263
- --usk-secondary-hover-rgb: 97 48 71;
264
- --usk-secondary-text-rgb: 255 255 255;
265
- --usk-accent-rgb: 230 154 58;
266
- --usk-success-rgb: 49 122 87;
267
- --usk-warning-rgb: 184 111 0;
268
- --usk-danger-rgb: 189 61 61;
269
- --usk-link-rgb: 159 63 32;
270
- --usk-accent-text-rgb: 0 0 0;
271
- --usk-success-text-rgb: 255 255 255;
272
- --usk-warning-text-rgb: 0 0 0;
273
- --usk-danger-text-rgb: 255 255 255;
274
- --usk-focus-rgb: 230 154 58;
275
- }
276
-
277
- :where([data-ui][data-theme="sunset-ember"][data-mode="dark"]) {
278
- --usk-bg-rgb: 23 9 5;
279
- --usk-surface-rgb: 38 17 11;
280
- --usk-surface-strong-rgb: 53 25 18;
281
- --usk-surface-soft-rgb: 30 12 7;
282
- --usk-text-rgb: 255 240 232;
283
- --usk-text-muted-rgb: 208 177 165;
284
- --usk-border-rgb: 106 59 45;
285
- --usk-primary-rgb: 255 138 91;
286
- --usk-primary-hover-rgb: 255 173 138;
287
- --usk-primary-text-rgb: 26 8 3;
288
- --usk-secondary-rgb: 227 138 181;
289
- --usk-secondary-hover-rgb: 255 175 208;
290
- --usk-secondary-text-rgb: 26 7 18;
291
- --usk-accent-rgb: 255 193 102;
292
- --usk-success-rgb: 112 215 163;
293
- --usk-warning-rgb: 255 209 102;
294
- --usk-danger-rgb: 255 119 119;
295
- --usk-link-rgb: 255 173 138;
296
- --usk-accent-text-rgb: 0 0 0;
297
- --usk-success-text-rgb: 0 0 0;
298
- --usk-warning-text-rgb: 0 0 0;
299
- --usk-danger-text-rgb: 0 0 0;
300
- --usk-focus-rgb: 255 193 102;
301
- }
302
-
303
- :where([data-ui][data-theme="sunset-ember"][data-mode="contrast"]) {
304
- --usk-bg-rgb: 0 0 0;
305
- --usk-surface-rgb: 18 4 0;
306
- --usk-surface-strong-rgb: 29 7 0;
307
- --usk-surface-soft-rgb: 0 0 0;
308
- --usk-text-rgb: 255 255 255;
309
- --usk-text-muted-rgb: 255 245 239;
310
- --usk-border-rgb: 255 255 255;
311
- --usk-primary-rgb: 255 106 0;
312
- --usk-primary-hover-rgb: 255 255 255;
313
- --usk-primary-text-rgb: 0 0 0;
314
- --usk-secondary-rgb: 255 79 184;
315
- --usk-secondary-hover-rgb: 255 255 255;
316
- --usk-secondary-text-rgb: 0 0 0;
317
- --usk-accent-rgb: 255 208 0;
318
- --usk-success-rgb: 0 255 144;
319
- --usk-warning-rgb: 255 191 0;
320
- --usk-danger-rgb: 255 48 48;
321
- --usk-link-rgb: 255 157 0;
322
- --usk-accent-text-rgb: 0 0 0;
323
- --usk-success-text-rgb: 0 0 0;
324
- --usk-warning-text-rgb: 0 0 0;
325
- --usk-danger-text-rgb: 0 0 0;
326
- --usk-focus-rgb: 255 255 255;
327
- }
328
-
329
- :where([data-ui][data-theme="royal-plum"][data-mode="light"]) {
330
- --usk-bg-rgb: 248 241 251;
331
- --usk-surface-rgb: 255 255 255;
332
- --usk-surface-strong-rgb: 253 248 255;
333
- --usk-surface-soft-rgb: 234 220 240;
334
- --usk-text-rgb: 36 21 45;
335
- --usk-text-muted-rgb: 105 86 113;
336
- --usk-border-rgb: 213 187 221;
337
- --usk-primary-rgb: 123 63 160;
338
- --usk-primary-hover-rgb: 99 49 127;
339
- --usk-primary-text-rgb: 255 255 255;
340
- --usk-secondary-rgb: 63 76 154;
341
- --usk-secondary-hover-rgb: 48 58 119;
342
- --usk-secondary-text-rgb: 255 255 255;
343
- --usk-accent-rgb: 192 90 198;
344
- --usk-success-rgb: 49 124 92;
345
- --usk-warning-rgb: 166 106 0;
346
- --usk-danger-rgb: 183 65 95;
347
- --usk-link-rgb: 99 49 127;
348
- --usk-accent-text-rgb: 0 0 0;
349
- --usk-success-text-rgb: 255 255 255;
350
- --usk-warning-text-rgb: 0 0 0;
351
- --usk-danger-text-rgb: 255 255 255;
352
- --usk-focus-rgb: 192 90 198;
353
- }
354
-
355
- :where([data-ui][data-theme="royal-plum"][data-mode="dark"]) {
356
- --usk-bg-rgb: 16 6 20;
357
- --usk-surface-rgb: 29 16 36;
358
- --usk-surface-strong-rgb: 42 23 52;
359
- --usk-surface-soft-rgb: 22 11 27;
360
- --usk-text-rgb: 250 236 255;
361
- --usk-text-muted-rgb: 200 176 209;
362
- --usk-border-rgb: 85 57 100;
363
- --usk-primary-rgb: 216 145 242;
364
- --usk-primary-hover-rgb: 235 184 255;
365
- --usk-primary-text-rgb: 19 6 23;
366
- --usk-secondary-rgb: 157 168 255;
367
- --usk-secondary-hover-rgb: 195 202 255;
368
- --usk-secondary-text-rgb: 8 11 31;
369
- --usk-accent-rgb: 255 156 246;
370
- --usk-success-rgb: 118 220 169;
371
- --usk-warning-rgb: 255 209 102;
372
- --usk-danger-rgb: 255 122 156;
373
- --usk-link-rgb: 235 184 255;
374
- --usk-accent-text-rgb: 0 0 0;
375
- --usk-success-text-rgb: 0 0 0;
376
- --usk-warning-text-rgb: 0 0 0;
377
- --usk-danger-text-rgb: 0 0 0;
378
- --usk-focus-rgb: 255 156 246;
379
- }
380
-
381
- :where([data-ui][data-theme="royal-plum"][data-mode="contrast"]) {
382
- --usk-bg-rgb: 0 0 0;
383
- --usk-surface-rgb: 16 0 20;
384
- --usk-surface-strong-rgb: 26 0 34;
385
- --usk-surface-soft-rgb: 0 0 0;
386
- --usk-text-rgb: 255 255 255;
387
- --usk-text-muted-rgb: 255 240 255;
388
- --usk-border-rgb: 255 255 255;
389
- --usk-primary-rgb: 228 92 255;
390
- --usk-primary-hover-rgb: 255 255 255;
391
- --usk-primary-text-rgb: 0 0 0;
392
- --usk-secondary-rgb: 0 217 255;
393
- --usk-secondary-hover-rgb: 255 255 255;
394
- --usk-secondary-text-rgb: 0 0 0;
395
- --usk-accent-rgb: 255 0 245;
396
- --usk-success-rgb: 0 255 144;
397
- --usk-warning-rgb: 255 225 0;
398
- --usk-danger-rgb: 255 63 110;
399
- --usk-link-rgb: 228 92 255;
400
- --usk-accent-text-rgb: 0 0 0;
401
- --usk-success-text-rgb: 0 0 0;
402
- --usk-warning-text-rgb: 0 0 0;
403
- --usk-danger-text-rgb: 0 0 0;
404
- --usk-focus-rgb: 255 255 255;
405
- }
406
-
407
- :where([data-ui][data-theme="graphite-cyan"][data-mode="light"]) {
408
- --usk-bg-rgb: 242 245 246;
409
- --usk-surface-rgb: 255 255 255;
410
- --usk-surface-strong-rgb: 249 251 252;
411
- --usk-surface-soft-rgb: 225 231 234;
412
- --usk-text-rgb: 23 29 33;
413
- --usk-text-muted-rgb: 93 104 112;
414
- --usk-border-rgb: 197 206 212;
415
- --usk-primary-rgb: 0 124 137;
416
- --usk-primary-hover-rgb: 0 99 110;
417
- --usk-primary-text-rgb: 255 255 255;
418
- --usk-secondary-rgb: 63 72 80;
419
- --usk-secondary-hover-rgb: 47 54 60;
420
- --usk-secondary-text-rgb: 255 255 255;
421
- --usk-accent-rgb: 34 184 199;
422
- --usk-success-rgb: 40 122 91;
423
- --usk-warning-rgb: 167 103 0;
424
- --usk-danger-rgb: 182 64 64;
425
- --usk-link-rgb: 0 99 110;
426
- --usk-accent-text-rgb: 0 0 0;
427
- --usk-success-text-rgb: 255 255 255;
428
- --usk-warning-text-rgb: 0 0 0;
429
- --usk-danger-text-rgb: 255 255 255;
430
- --usk-focus-rgb: 34 184 199;
431
- }
432
-
433
- :where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
434
- --usk-bg-rgb: 8 11 13;
435
- --usk-surface-rgb: 18 24 28;
436
- --usk-surface-strong-rgb: 28 37 43;
437
- --usk-surface-soft-rgb: 13 17 20;
438
- --usk-text-rgb: 237 246 248;
439
- --usk-text-muted-rgb: 174 187 193;
440
- --usk-border-rgb: 59 72 79;
441
- --usk-primary-rgb: 62 217 232;
442
- --usk-primary-hover-rgb: 123 243 255;
443
- --usk-primary-text-rgb: 6 16 18;
444
- --usk-secondary-rgb: 170 181 188;
445
- --usk-secondary-hover-rgb: 210 219 224;
446
- --usk-secondary-text-rgb: 8 11 13;
447
- --usk-accent-rgb: 123 243 255;
448
- --usk-success-rgb: 110 218 165;
449
- --usk-warning-rgb: 255 200 97;
450
- --usk-danger-rgb: 255 125 125;
451
- --usk-link-rgb: 123 243 255;
452
- --usk-accent-text-rgb: 0 0 0;
453
- --usk-success-text-rgb: 0 0 0;
454
- --usk-warning-text-rgb: 0 0 0;
455
- --usk-danger-text-rgb: 0 0 0;
456
- --usk-focus-rgb: 62 217 232;
457
- }
458
-
459
- :where([data-ui][data-theme="graphite-cyan"][data-mode="contrast"]) {
460
- --usk-bg-rgb: 0 0 0;
461
- --usk-surface-rgb: 7 7 7;
462
- --usk-surface-strong-rgb: 17 17 17;
463
- --usk-surface-soft-rgb: 0 0 0;
464
- --usk-text-rgb: 255 255 255;
465
- --usk-text-muted-rgb: 245 245 245;
466
- --usk-border-rgb: 255 255 255;
467
- --usk-primary-rgb: 0 240 255;
468
- --usk-primary-hover-rgb: 255 255 255;
469
- --usk-primary-text-rgb: 0 0 0;
470
- --usk-secondary-rgb: 242 242 242;
471
- --usk-secondary-hover-rgb: 255 255 255;
472
- --usk-secondary-text-rgb: 0 0 0;
473
- --usk-accent-rgb: 0 240 255;
474
- --usk-success-rgb: 0 255 117;
475
- --usk-warning-rgb: 255 208 0;
476
- --usk-danger-rgb: 255 64 64;
477
- --usk-link-rgb: 0 240 255;
478
- --usk-accent-text-rgb: 0 0 0;
479
- --usk-success-text-rgb: 0 0 0;
480
- --usk-warning-text-rgb: 0 0 0;
481
- --usk-danger-text-rgb: 0 0 0;
482
- --usk-focus-rgb: 255 255 255;
483
- }
484
-
485
- :where([data-ui][data-theme="desert-sage"][data-mode="light"]) {
486
- --usk-bg-rgb: 248 242 231;
487
- --usk-surface-rgb: 255 255 255;
488
- --usk-surface-strong-rgb: 255 250 241;
489
- --usk-surface-soft-rgb: 234 223 205;
490
- --usk-text-rgb: 43 36 25;
491
- --usk-text-muted-rgb: 113 103 84;
492
- --usk-border-rgb: 215 198 167;
493
- --usk-primary-rgb: 140 106 61;
494
- --usk-primary-hover-rgb: 112 83 47;
495
- --usk-primary-text-rgb: 255 255 255;
496
- --usk-secondary-rgb: 95 118 85;
497
- --usk-secondary-hover-rgb: 72 92 64;
498
- --usk-secondary-text-rgb: 255 255 255;
499
- --usk-accent-rgb: 201 151 74;
500
- --usk-success-rgb: 81 125 72;
501
- --usk-warning-rgb: 166 107 0;
502
- --usk-danger-rgb: 174 74 63;
503
- --usk-link-rgb: 112 83 47;
504
- --usk-accent-text-rgb: 0 0 0;
505
- --usk-success-text-rgb: 255 255 255;
506
- --usk-warning-text-rgb: 0 0 0;
507
- --usk-danger-text-rgb: 255 255 255;
508
- --usk-focus-rgb: 201 151 74;
509
- }
510
-
511
- :where([data-ui][data-theme="desert-sage"][data-mode="dark"]) {
512
- --usk-bg-rgb: 18 15 9;
513
- --usk-surface-rgb: 33 27 18;
514
- --usk-surface-strong-rgb: 47 40 27;
515
- --usk-surface-soft-rgb: 25 20 13;
516
- --usk-text-rgb: 248 239 223;
517
- --usk-text-muted-rgb: 199 186 163;
518
- --usk-border-rgb: 91 78 56;
519
- --usk-primary-rgb: 217 184 120;
520
- --usk-primary-hover-rgb: 240 211 154;
521
- --usk-primary-text-rgb: 21 16 6;
522
- --usk-secondary-rgb: 168 206 153;
523
- --usk-secondary-hover-rgb: 200 233 187;
524
- --usk-secondary-text-rgb: 9 20 7;
525
- --usk-accent-rgb: 241 196 110;
526
- --usk-success-rgb: 141 219 125;
527
- --usk-warning-rgb: 255 209 102;
528
- --usk-danger-rgb: 255 136 122;
529
- --usk-link-rgb: 240 211 154;
530
- --usk-accent-text-rgb: 0 0 0;
531
- --usk-success-text-rgb: 0 0 0;
532
- --usk-warning-text-rgb: 0 0 0;
533
- --usk-danger-text-rgb: 0 0 0;
534
- --usk-focus-rgb: 241 196 110;
535
- }
536
-
537
- :where([data-ui][data-theme="desert-sage"][data-mode="contrast"]) {
538
- --usk-bg-rgb: 0 0 0;
539
- --usk-surface-rgb: 15 11 3;
540
- --usk-surface-strong-rgb: 26 18 5;
541
- --usk-surface-soft-rgb: 0 0 0;
542
- --usk-text-rgb: 255 255 255;
543
- --usk-text-muted-rgb: 255 248 232;
544
- --usk-border-rgb: 255 255 255;
545
- --usk-primary-rgb: 255 209 102;
546
- --usk-primary-hover-rgb: 255 255 255;
547
- --usk-primary-text-rgb: 0 0 0;
548
- --usk-secondary-rgb: 157 255 107;
549
- --usk-secondary-hover-rgb: 255 255 255;
550
- --usk-secondary-text-rgb: 0 0 0;
551
- --usk-accent-rgb: 255 176 0;
552
- --usk-success-rgb: 0 255 117;
553
- --usk-warning-rgb: 255 225 0;
554
- --usk-danger-rgb: 255 77 77;
555
- --usk-link-rgb: 255 209 102;
556
- --usk-accent-text-rgb: 0 0 0;
557
- --usk-success-text-rgb: 0 0 0;
558
- --usk-warning-text-rgb: 0 0 0;
559
- --usk-danger-text-rgb: 0 0 0;
560
- --usk-focus-rgb: 255 255 255;
561
- }
562
-
563
- :where([data-ui][data-theme="rose-quartz"][data-mode="light"]) {
564
- --usk-bg-rgb: 255 242 245;
565
- --usk-surface-rgb: 255 255 255;
566
- --usk-surface-strong-rgb: 255 248 250;
567
- --usk-surface-soft-rgb: 242 220 227;
568
- --usk-text-rgb: 43 21 29;
569
- --usk-text-muted-rgb: 118 90 99;
570
- --usk-border-rgb: 223 184 198;
571
- --usk-primary-rgb: 184 71 109;
572
- --usk-primary-hover-rgb: 150 55 87;
573
- --usk-primary-text-rgb: 255 255 255;
574
- --usk-secondary-rgb: 122 85 126;
575
- --usk-secondary-hover-rgb: 96 65 99;
576
- --usk-secondary-text-rgb: 255 255 255;
577
- --usk-accent-rgb: 223 125 157;
578
- --usk-success-rgb: 49 122 92;
579
- --usk-warning-rgb: 166 106 0;
580
- --usk-danger-rgb: 189 63 85;
581
- --usk-link-rgb: 150 55 87;
582
- --usk-accent-text-rgb: 0 0 0;
583
- --usk-success-text-rgb: 255 255 255;
584
- --usk-warning-text-rgb: 0 0 0;
585
- --usk-danger-text-rgb: 255 255 255;
586
- --usk-focus-rgb: 223 125 157;
587
- }
588
-
589
- :where([data-ui][data-theme="rose-quartz"][data-mode="dark"]) {
590
- --usk-bg-rgb: 22 7 12;
591
- --usk-surface-rgb: 37 16 24;
592
- --usk-surface-strong-rgb: 53 24 36;
593
- --usk-surface-soft-rgb: 28 11 17;
594
- --usk-text-rgb: 255 240 244;
595
- --usk-text-muted-rgb: 210 174 185;
596
- --usk-border-rgb: 101 55 71;
597
- --usk-primary-rgb: 255 143 179;
598
- --usk-primary-hover-rgb: 255 182 205;
599
- --usk-primary-text-rgb: 24 6 13;
600
- --usk-secondary-rgb: 217 160 223;
601
- --usk-secondary-hover-rgb: 239 194 244;
602
- --usk-secondary-text-rgb: 22 6 24;
603
- --usk-accent-rgb: 255 173 197;
604
- --usk-success-rgb: 119 219 169;
605
- --usk-warning-rgb: 255 209 102;
606
- --usk-danger-rgb: 255 120 144;
607
- --usk-link-rgb: 255 182 205;
608
- --usk-accent-text-rgb: 0 0 0;
609
- --usk-success-text-rgb: 0 0 0;
610
- --usk-warning-text-rgb: 0 0 0;
611
- --usk-danger-text-rgb: 0 0 0;
612
- --usk-focus-rgb: 255 173 197;
613
- }
614
-
615
- :where([data-ui][data-theme="rose-quartz"][data-mode="contrast"]) {
616
- --usk-bg-rgb: 0 0 0;
617
- --usk-surface-rgb: 18 0 6;
618
- --usk-surface-strong-rgb: 32 0 13;
619
- --usk-surface-soft-rgb: 0 0 0;
620
- --usk-text-rgb: 255 255 255;
621
- --usk-text-muted-rgb: 255 240 245;
622
- --usk-border-rgb: 255 255 255;
623
- --usk-primary-rgb: 255 79 147;
624
- --usk-primary-hover-rgb: 255 255 255;
625
- --usk-primary-text-rgb: 0 0 0;
626
- --usk-secondary-rgb: 240 0 255;
627
- --usk-secondary-hover-rgb: 255 255 255;
628
- --usk-secondary-text-rgb: 0 0 0;
629
- --usk-accent-rgb: 255 138 179;
630
- --usk-success-rgb: 0 255 144;
631
- --usk-warning-rgb: 255 225 0;
632
- --usk-danger-rgb: 255 48 48;
633
- --usk-link-rgb: 255 138 179;
634
- --usk-accent-text-rgb: 0 0 0;
635
- --usk-success-text-rgb: 0 0 0;
636
- --usk-warning-text-rgb: 0 0 0;
637
- --usk-danger-text-rgb: 0 0 0;
638
- --usk-focus-rgb: 255 255 255;
639
- }
640
-
641
- :where([data-ui][data-theme="cyber-lime"][data-mode="light"]) {
642
- --usk-bg-rgb: 244 250 237;
643
- --usk-surface-rgb: 255 255 255;
644
- --usk-surface-strong-rgb: 251 255 246;
645
- --usk-surface-soft-rgb: 226 239 211;
646
- --usk-text-rgb: 23 34 20;
647
- --usk-text-muted-rgb: 89 105 82;
648
- --usk-border-rgb: 198 216 179;
649
- --usk-primary-rgb: 95 159 31;
650
- --usk-primary-hover-rgb: 73 125 23;
651
- --usk-primary-text-rgb: 16 16 16;
652
- --usk-secondary-rgb: 20 127 134;
653
- --usk-secondary-hover-rgb: 14 98 104;
654
- --usk-secondary-text-rgb: 255 255 255;
655
- --usk-accent-rgb: 164 215 46;
656
- --usk-success-rgb: 47 125 84;
657
- --usk-warning-rgb: 156 104 0;
658
- --usk-danger-rgb: 179 65 65;
659
- --usk-link-rgb: 73 125 23;
660
- --usk-accent-text-rgb: 0 0 0;
661
- --usk-success-text-rgb: 255 255 255;
662
- --usk-warning-text-rgb: 255 255 255;
663
- --usk-danger-text-rgb: 255 255 255;
664
- --usk-focus-rgb: 164 215 46;
665
- }
666
-
667
- :where([data-ui][data-theme="cyber-lime"][data-mode="dark"]) {
668
- --usk-bg-rgb: 5 11 5;
669
- --usk-surface-rgb: 13 24 12;
670
- --usk-surface-strong-rgb: 22 37 21;
671
- --usk-surface-soft-rgb: 8 17 8;
672
- --usk-text-rgb: 239 255 233;
673
- --usk-text-muted-rgb: 180 199 173;
674
- --usk-border-rgb: 57 82 54;
675
- --usk-primary-rgb: 168 255 61;
676
- --usk-primary-hover-rgb: 202 255 127;
677
- --usk-primary-text-rgb: 6 16 5;
678
- --usk-secondary-rgb: 61 235 242;
679
- --usk-secondary-hover-rgb: 134 248 255;
680
- --usk-secondary-text-rgb: 3 16 18;
681
- --usk-accent-rgb: 198 255 77;
682
- --usk-success-rgb: 111 240 168;
683
- --usk-warning-rgb: 255 218 98;
684
- --usk-danger-rgb: 255 119 119;
685
- --usk-link-rgb: 202 255 127;
686
- --usk-accent-text-rgb: 0 0 0;
687
- --usk-success-text-rgb: 0 0 0;
688
- --usk-warning-text-rgb: 0 0 0;
689
- --usk-danger-text-rgb: 0 0 0;
690
- --usk-focus-rgb: 168 255 61;
691
- }
692
-
693
- :where([data-ui][data-theme="cyber-lime"][data-mode="contrast"]) {
694
- --usk-bg-rgb: 0 0 0;
695
- --usk-surface-rgb: 5 11 0;
696
- --usk-surface-strong-rgb: 11 22 0;
697
- --usk-surface-soft-rgb: 0 0 0;
698
- --usk-text-rgb: 255 255 255;
699
- --usk-text-muted-rgb: 244 255 232;
700
- --usk-border-rgb: 255 255 255;
701
- --usk-primary-rgb: 170 255 0;
702
- --usk-primary-hover-rgb: 255 255 255;
703
- --usk-primary-text-rgb: 0 0 0;
704
- --usk-secondary-rgb: 0 240 255;
705
- --usk-secondary-hover-rgb: 255 255 255;
706
- --usk-secondary-text-rgb: 0 0 0;
707
- --usk-accent-rgb: 204 255 0;
708
- --usk-success-rgb: 0 255 117;
709
- --usk-warning-rgb: 255 225 0;
710
- --usk-danger-rgb: 255 48 48;
711
- --usk-link-rgb: 170 255 0;
712
- --usk-accent-text-rgb: 0 0 0;
713
- --usk-success-text-rgb: 0 0 0;
714
- --usk-warning-text-rgb: 0 0 0;
715
- --usk-danger-text-rgb: 0 0 0;
716
- --usk-focus-rgb: 255 255 255;
717
- }
718
-
719
- :where([data-ui][data-theme="arctic-indigo"][data-mode="light"]) {
720
- --usk-bg-rgb: 241 245 255;
721
- --usk-surface-rgb: 255 255 255;
722
- --usk-surface-strong-rgb: 248 251 255;
723
- --usk-surface-soft-rgb: 223 231 246;
724
- --usk-text-rgb: 20 27 46;
725
- --usk-text-muted-rgb: 88 100 122;
726
- --usk-border-rgb: 190 203 227;
727
- --usk-primary-rgb: 64 94 184;
728
- --usk-primary-hover-rgb: 49 72 148;
729
- --usk-primary-text-rgb: 255 255 255;
730
- --usk-secondary-rgb: 46 125 157;
731
- --usk-secondary-hover-rgb: 35 97 122;
732
- --usk-secondary-text-rgb: 255 255 255;
733
- --usk-accent-rgb: 123 147 232;
734
- --usk-success-rgb: 47 125 84;
735
- --usk-warning-rgb: 166 106 0;
736
- --usk-danger-rgb: 182 64 82;
737
- --usk-link-rgb: 49 72 148;
738
- --usk-accent-text-rgb: 0 0 0;
739
- --usk-success-text-rgb: 255 255 255;
740
- --usk-warning-text-rgb: 0 0 0;
741
- --usk-danger-text-rgb: 255 255 255;
742
- --usk-focus-rgb: 123 147 232;
743
- }
744
-
745
- :where([data-ui][data-theme="arctic-indigo"][data-mode="dark"]) {
746
- --usk-bg-rgb: 6 10 22;
747
- --usk-surface-rgb: 16 24 43;
748
- --usk-surface-strong-rgb: 24 35 66;
749
- --usk-surface-soft-rgb: 10 16 32;
750
- --usk-text-rgb: 237 243 255;
751
- --usk-text-muted-rgb: 178 191 217;
752
- --usk-border-rgb: 58 75 120;
753
- --usk-primary-rgb: 145 168 255;
754
- --usk-primary-hover-rgb: 183 197 255;
755
- --usk-primary-text-rgb: 5 8 22;
756
- --usk-secondary-rgb: 118 216 243;
757
- --usk-secondary-hover-rgb: 165 234 255;
758
- --usk-secondary-text-rgb: 4 17 22;
759
- --usk-accent-rgb: 194 206 255;
760
- --usk-success-rgb: 114 219 166;
761
- --usk-warning-rgb: 255 209 102;
762
- --usk-danger-rgb: 255 125 145;
763
- --usk-link-rgb: 183 197 255;
764
- --usk-accent-text-rgb: 0 0 0;
765
- --usk-success-text-rgb: 0 0 0;
766
- --usk-warning-text-rgb: 0 0 0;
767
- --usk-danger-text-rgb: 0 0 0;
768
- --usk-focus-rgb: 145 168 255;
769
- }
770
-
771
- :where([data-ui][data-theme="arctic-indigo"][data-mode="contrast"]) {
772
- --usk-bg-rgb: 0 0 0;
773
- --usk-surface-rgb: 3 8 22;
774
- --usk-surface-strong-rgb: 8 18 42;
775
- --usk-surface-soft-rgb: 0 0 0;
776
- --usk-text-rgb: 255 255 255;
777
- --usk-text-muted-rgb: 238 244 255;
778
- --usk-border-rgb: 255 255 255;
779
- --usk-primary-rgb: 111 140 255;
780
- --usk-primary-hover-rgb: 255 255 255;
781
- --usk-primary-text-rgb: 0 0 0;
782
- --usk-secondary-rgb: 0 217 255;
783
- --usk-secondary-hover-rgb: 255 255 255;
784
- --usk-secondary-text-rgb: 0 0 0;
785
- --usk-accent-rgb: 184 196 255;
786
- --usk-success-rgb: 0 255 144;
787
- --usk-warning-rgb: 255 225 0;
788
- --usk-danger-rgb: 255 63 95;
789
- --usk-link-rgb: 159 178 255;
790
- --usk-accent-text-rgb: 0 0 0;
791
- --usk-success-text-rgb: 0 0 0;
792
- --usk-warning-text-rgb: 0 0 0;
793
- --usk-danger-text-rgb: 0 0 0;
794
- --usk-focus-rgb: 255 255 255;
795
- }
796
- }
797
-
798
-
799
- /* styles/native-elements.css */
800
- /* =========================================================
801
- UI Style Kit CSS - Shared Native Element Layer
802
-
803
- Native fallback selectors are shared so UI presets can focus
804
- on visual identity while inheriting the same semantic coverage.
805
- Presets map --usk-native-* tokens to their public prefix tokens.
806
- ========================================================= */
807
-
808
- @layer ui-style-kit.native_elements {
809
- [data-ui][data-theme][data-mode] {
810
- --usk-native-surface: rgb(var(--usk-surface-rgb));
811
- --usk-native-surface-strong: rgb(var(--usk-surface-strong-rgb));
812
- --usk-native-surface-soft: rgb(var(--usk-surface-soft-rgb));
813
- --usk-native-card-bg: var(--usk-native-surface);
814
- --usk-native-control-bg: var(--usk-native-surface-soft);
815
- --usk-native-text: rgb(var(--usk-text-rgb));
816
- --usk-native-text-muted: rgb(var(--usk-text-muted-rgb));
817
- --usk-native-border: rgb(var(--usk-border-rgb));
818
- --usk-native-primary: rgb(var(--usk-primary-rgb));
819
- --usk-native-primary-hover: rgb(var(--usk-primary-hover-rgb));
820
- --usk-native-on-primary: rgb(var(--usk-primary-text-rgb));
821
- --usk-native-focus: rgb(var(--usk-focus-rgb));
822
- --usk-native-success: rgb(var(--usk-success-rgb));
823
- --usk-native-warning: rgb(var(--usk-warning-rgb));
824
- --usk-native-danger: rgb(var(--usk-danger-rgb));
825
- --usk-native-link: rgb(var(--usk-link-rgb));
826
- --usk-native-font-body: inherit;
827
- --usk-native-font-heading: inherit;
828
- --usk-native-font-control: inherit;
829
- --usk-native-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
830
- --usk-native-radius-sm: .5rem;
831
- --usk-native-radius: .75rem;
832
- --usk-native-radius-lg: 1rem;
833
- --usk-native-border-width: 1px;
834
- --usk-native-field-gap: .5rem;
835
- --usk-native-panel-padding: 1rem;
836
- --usk-native-control-min-block-size: 2.75rem;
837
- --usk-native-control-padding-block: .72rem;
838
- --usk-native-control-padding-inline: .95rem;
839
- --usk-native-subcontrol-padding-block: .55rem;
840
- --usk-native-subcontrol-padding-inline: .8rem;
841
- --usk-native-track: color-mix(in srgb, var(--usk-native-border) 50%, transparent);
842
- --usk-native-track-fill: var(--usk-native-primary);
843
- --usk-native-thumb: var(--usk-native-surface-strong);
844
- --usk-native-thumb-border: var(--usk-native-primary);
845
- --usk-native-indicator: var(--usk-native-primary);
846
- --usk-native-shadow: none;
847
- --usk-native-shadow-md: var(--usk-native-shadow);
848
- --usk-native-focus-ring: 0 0 0 3px rgb(var(--usk-focus-rgb) / .28);
849
- --usk-motion-duration: 140ms;
850
- --usk-motion-easing: cubic-bezier(0.2, 0, 0.2, 1);
851
-
852
- /* Shared semantic values are fully typed so optional companion and third-party consumers can use them directly. */
853
- --ui-color-bg: rgb(var(--usk-bg-rgb));
854
- --ui-color-surface: var(--usk-native-surface-strong);
855
- --ui-color-text: var(--usk-native-text);
856
- --ui-color-muted: var(--usk-native-text-muted);
857
- --ui-color-primary: var(--usk-native-primary);
858
- --ui-color-on-primary: var(--usk-native-on-primary);
859
- --ui-color-border: var(--usk-native-border);
860
- --ui-radius-control: var(--usk-native-radius);
861
- --ui-shadow-control: var(--usk-native-shadow);
862
- --ui-focus-color: var(--usk-native-focus);
863
- --ui-motion-duration: var(--usk-motion-duration);
864
- --ui-motion-easing: var(--usk-motion-easing);
865
- }
866
-
867
- [data-ui][data-theme][data-mode] :where(h1, h2, h3, h4, h5, h6) {
868
- color: var(--usk-native-text);
869
- font-family: var(--usk-native-font-heading);
870
- line-height: 1.15;
871
- margin: 0 0 .65em;
872
- text-wrap: balance;
873
- }
874
-
875
- [data-ui][data-theme][data-mode] :where(hgroup) {
876
- display: grid;
877
- gap: .35rem;
878
- margin-block: 0 1rem;
879
- }
880
-
881
- [data-ui][data-theme][data-mode] :where(h1) { font-size: clamp(2rem, 5vw, 3.5rem); }
882
- [data-ui][data-theme][data-mode] :where(h2) { font-size: clamp(1.55rem, 3vw, 2.35rem); }
883
- [data-ui][data-theme][data-mode] :where(h3) { font-size: clamp(1.25rem, 2vw, 1.65rem); }
884
-
885
- [data-ui][data-theme][data-mode] :where(p) {
886
- margin: 0 0 1rem;
887
- color: var(--usk-native-text-muted);
888
- line-height: 1.7;
889
- }
890
-
891
- [data-ui][data-theme][data-mode] :where(a) {
892
- color: var(--usk-native-link);
893
- text-decoration-thickness: .08em;
894
- text-underline-offset: .18em;
895
- }
896
-
897
- [data-ui][data-theme][data-mode] :where(a:hover) { color: var(--usk-native-primary-hover); }
898
-
899
- [data-ui][data-theme][data-mode] :where(ul, ol, menu) {
900
- margin: 0 0 1rem;
901
- padding-left: 1.35rem;
902
- color: var(--usk-native-text-muted);
903
- }
904
-
905
- [data-ui][data-theme][data-mode] :where(li) { margin-block: .25rem; }
906
-
907
- [data-ui][data-theme][data-mode] :where(blockquote) {
908
- margin: 1.25rem 0;
909
- padding: 1rem 1.25rem;
910
- color: var(--usk-native-text);
911
- background: var(--usk-native-surface-soft);
912
- border-left: .35rem solid var(--usk-native-primary);
913
- border-radius: var(--usk-native-radius);
914
- }
915
-
916
- [data-ui][data-theme][data-mode] :where(code, kbd, samp) {
917
- padding: .15em .35em;
918
- color: var(--usk-native-text);
919
- background: var(--usk-native-surface-soft);
920
- border: var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);
921
- border-radius: var(--usk-native-radius-sm);
922
- font-family: var(--usk-native-font-mono);
923
- font-size: .92em;
924
- }
925
-
926
- [data-ui][data-theme][data-mode] :where(pre) {
927
- overflow: auto;
928
- margin: 1rem 0;
929
- padding: 1rem;
930
- color: var(--usk-native-text);
931
- background: var(--usk-native-surface-soft);
932
- border: var(--usk-native-border-width) solid var(--usk-native-border);
933
- border-radius: var(--usk-native-radius);
934
- }
935
-
936
- [data-ui][data-theme][data-mode] :where(pre code) {
937
- display: block;
938
- padding: 0;
939
- background: transparent;
940
- border: 0;
941
- }
942
-
943
- [data-ui][data-theme][data-mode] :where(hr) {
944
- height: 1px;
945
- margin: 2rem 0;
946
- background: var(--usk-native-border);
947
- border: 0;
948
- }
949
-
950
- [data-ui][data-theme][data-mode] :where(mark) {
951
- padding-inline: .15em;
952
- color: var(--usk-native-text);
953
- background: color-mix(in srgb, var(--usk-native-warning) 32%, transparent);
954
- border-radius: .2em;
955
- }
956
-
957
- [data-ui][data-theme][data-mode] :where(small, sub, sup, rt, rp) { color: var(--usk-native-text-muted); }
958
- [data-ui][data-theme][data-mode] :where(rt, rp) { font-size: .72em; }
959
-
960
- [data-ui][data-theme][data-mode] :where(abbr[title]) {
961
- text-decoration: underline dotted var(--usk-native-primary);
962
- text-underline-offset: .18em;
963
- cursor: help;
964
- }
965
-
966
- [data-ui][data-theme][data-mode] :where(img, picture, video, canvas, svg, iframe, audio, object, embed, math) {
967
- max-width: 100%;
968
- }
969
-
970
- [data-ui][data-theme][data-mode] :where(img, video, canvas, svg, iframe) { height: auto; }
971
-
972
- [data-ui][data-theme][data-mode] :where(figure) { margin: 1.25rem 0; }
973
-
974
- [data-ui][data-theme][data-mode] :where(figcaption) {
975
- margin-top: .5rem;
976
- color: var(--usk-native-text-muted);
977
- font-size: .9rem;
978
- }
979
-
980
- [data-ui][data-theme][data-mode] :where(form) {
981
- display: grid;
982
- gap: var(--usk-native-field-gap);
983
- min-inline-size: 0;
984
- }
985
-
986
- [data-ui][data-theme][data-mode] :where(fieldset) {
987
- display: grid;
988
- gap: .9rem;
989
- min-inline-size: 0;
990
- margin: 0 0 1rem;
991
- padding: var(--usk-native-panel-padding);
992
- background: color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);
993
- border: var(--usk-native-border-width) solid var(--usk-native-border);
994
- border-radius: var(--usk-native-radius);
995
- }
996
-
997
- [data-ui][data-theme][data-mode] :where(legend) {
998
- padding-inline: .35rem;
999
- color: var(--usk-native-text);
1000
- font-weight: 900;
1001
- }
1002
-
1003
- [data-ui][data-theme][data-mode] :where(label) {
1004
- color: var(--usk-native-text);
1005
- font-weight: 750;
1006
- }
1007
-
1008
- [data-ui][data-theme][data-mode] :where(label:has(input), label:has(select), label:has(textarea)) {
1009
- display: grid;
1010
- gap: var(--usk-native-field-gap);
1011
- align-content: start;
1012
- }
1013
-
1014
- [data-ui][data-theme][data-mode] :where(label:has(input[type="checkbox"]), label:has(input[type="radio"])) {
1015
- display: inline-flex;
1016
- gap: var(--usk-native-field-gap);
1017
- align-items: center;
1018
- }
1019
-
1020
- [data-ui][data-theme][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea, select) {
1021
- width: 100%;
1022
- min-block-size: var(--usk-native-control-min-block-size);
1023
- padding: var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);
1024
- color: var(--usk-native-text);
1025
- background: var(--usk-native-control-bg);
1026
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1027
- border-radius: var(--usk-native-radius);
1028
- font: inherit;
1029
- }
1030
-
1031
- [data-ui][data-theme][data-mode] :where(input, textarea, select, button) {
1032
- color-scheme: inherit;
1033
- accent-color: var(--usk-native-primary);
1034
- }
1035
-
1036
- [data-ui][data-theme][data-mode] :where(input, textarea)::placeholder {
1037
- color: var(--usk-native-text-muted);
1038
- opacity: .78;
1039
- }
1040
-
1041
- [data-ui][data-theme][data-mode] :where(textarea) {
1042
- min-height: 7rem;
1043
- resize: vertical;
1044
- }
1045
-
1046
- [data-ui][data-theme][data-mode] :where(input, textarea, select, button) { font: inherit; }
1047
-
1048
- [data-ui][data-theme][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
1049
- min-block-size: var(--usk-native-control-min-block-size);
1050
- padding: .7rem 1rem;
1051
- color: var(--usk-native-on-primary);
1052
- background: var(--usk-native-primary);
1053
- border: var(--usk-native-border-width) solid var(--usk-native-primary);
1054
- border-radius: var(--usk-native-radius);
1055
- font-family: var(--usk-native-font-control);
1056
- font-weight: 850;
1057
- cursor: pointer;
1058
- }
1059
-
1060
- [data-ui][data-theme][data-mode] :where(button:not([class]):hover, input[type="button"]:not([class]):hover, input[type="submit"]:not([class]):hover, input[type="reset"]:not([class]):hover) {
1061
- background: var(--usk-native-primary-hover);
1062
- border-color: var(--usk-native-primary-hover);
1063
- }
1064
-
1065
- [data-ui][data-theme][data-mode] :where(input[type="checkbox"], input[type="radio"]) {
1066
- inline-size: 1.5rem;
1067
- block-size: 1.5rem;
1068
- accent-color: var(--usk-native-primary);
1069
- }
1070
-
1071
- [data-ui][data-theme][data-mode] :where(input[type="range"]) {
1072
- -webkit-appearance: none;
1073
- appearance: none;
1074
- width: 100%;
1075
- min-block-size: 1.5rem;
1076
- background: transparent;
1077
- accent-color: var(--usk-native-primary);
1078
- }
1079
-
1080
- [data-ui][data-theme][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track {
1081
- block-size: .45rem;
1082
- background: var(--usk-native-track);
1083
- border-radius: 999px;
1084
- }
1085
-
1086
- [data-ui][data-theme][data-mode] :where(input[type="range"])::-moz-range-track {
1087
- block-size: .45rem;
1088
- background: var(--usk-native-track);
1089
- border-radius: 999px;
1090
- }
1091
-
1092
- [data-ui][data-theme][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
1093
- -webkit-appearance: none;
1094
- appearance: none;
1095
- inline-size: 1.2rem;
1096
- block-size: 1.2rem;
1097
- margin-block-start: -.38rem;
1098
- background: var(--usk-native-thumb);
1099
- border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
1100
- border-radius: 999px;
1101
- box-shadow: var(--usk-native-shadow);
1102
- }
1103
-
1104
- [data-ui][data-theme][data-mode] :where(input[type="range"])::-moz-range-thumb {
1105
- inline-size: 1.2rem;
1106
- block-size: 1.2rem;
1107
- background: var(--usk-native-thumb);
1108
- border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
1109
- border-radius: 999px;
1110
- box-shadow: var(--usk-native-shadow);
1111
- }
1112
-
1113
- [data-ui][data-theme][data-mode] :where(input[type="color"]) {
1114
- inline-size: 3rem;
1115
- block-size: 2.4rem;
1116
- padding: .2rem;
1117
- background: var(--usk-native-control-bg);
1118
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1119
- border-radius: var(--usk-native-radius-sm);
1120
- }
1121
-
1122
- [data-ui][data-theme][data-mode] :where(input[type="color"])::-webkit-color-swatch-wrapper {
1123
- padding: 0;
1124
- }
1125
-
1126
- [data-ui][data-theme][data-mode] :where(input[type="color"])::-webkit-color-swatch {
1127
- border: 0;
1128
- border-radius: calc(var(--usk-native-radius-sm) / 1.5);
1129
- }
1130
-
1131
- [data-ui][data-theme][data-mode] :where(input[type="color"])::-moz-color-swatch {
1132
- border: 0;
1133
- border-radius: calc(var(--usk-native-radius-sm) / 1.5);
1134
- }
1135
-
1136
- [data-ui][data-theme][data-mode] :where(input[type="file"]) { color: var(--usk-native-text-muted); }
1137
-
1138
- /* Keep pseudo-elements outside :where() because engines reject them inside selector-list arguments. */
1139
- [data-ui][data-theme][data-mode] :where(input[type="file"])::file-selector-button,
1140
- [data-ui][data-theme][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
1141
- margin-inline-end: .75rem;
1142
- padding: var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);
1143
- color: var(--usk-native-on-primary);
1144
- background: var(--usk-native-primary);
1145
- border: var(--usk-native-border-width) solid var(--usk-native-primary);
1146
- border-radius: var(--usk-native-radius-sm);
1147
- font-weight: 800;
1148
- cursor: pointer;
1149
- }
1150
-
1151
- [data-ui][data-theme][data-mode] :where(input[type="file"]:hover)::file-selector-button,
1152
- [data-ui][data-theme][data-mode] :where(input[type="file"]:hover)::-webkit-file-upload-button {
1153
- background: var(--usk-native-primary-hover);
1154
- border-color: var(--usk-native-primary-hover);
1155
- }
1156
-
1157
- [data-ui][data-theme][data-mode] :where(input[type="file"]:focus-visible)::file-selector-button,
1158
- [data-ui][data-theme][data-mode] :where(input[type="file"]:focus-visible)::-webkit-file-upload-button {
1159
- box-shadow: var(--usk-native-focus-ring);
1160
- }
1161
-
1162
- [data-ui][data-theme][data-mode] :where(input[type="file"]:active)::file-selector-button,
1163
- [data-ui][data-theme][data-mode] :where(input[type="file"]:active)::-webkit-file-upload-button {
1164
- filter: brightness(.96);
1165
- }
1166
-
1167
- [data-ui][data-theme][data-mode] :where(input[type="file"]:disabled)::file-selector-button,
1168
- [data-ui][data-theme][data-mode] :where(input[type="file"]:disabled)::-webkit-file-upload-button {
1169
- color: var(--usk-native-text-muted);
1170
- background: var(--usk-native-surface-soft);
1171
- border-color: var(--usk-native-border);
1172
- cursor: not-allowed;
1173
- }
1174
-
1175
- [data-ui][data-theme][data-mode] :where(input:read-only, textarea:read-only) {
1176
- background: var(--usk-native-surface-soft);
1177
- }
1178
-
1179
- [data-ui][data-theme][data-mode] :where(input:required, textarea:required, select:required) {
1180
- box-shadow: inset .22rem 0 0 var(--usk-native-indicator);
1181
- }
1182
-
1183
- [data-ui][data-theme][data-mode] :where(input:user-valid, textarea:user-valid, select:user-valid, .is-valid) {
1184
- border-color: var(--usk-native-success);
1185
- }
1186
-
1187
- [data-ui][data-theme][data-mode] :where(input:user-invalid, textarea:user-invalid, select:user-invalid, [aria-invalid="true"], .is-invalid) {
1188
- border-color: var(--usk-native-danger);
1189
- }
1190
-
1191
- [data-ui][data-theme][data-mode] :where(input[type="checkbox"]:indeterminate, input[type="radio"]:indeterminate) {
1192
- accent-color: var(--usk-native-warning);
1193
- }
1194
-
1195
- [data-ui][data-theme][data-mode] :where(button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active) {
1196
- filter: brightness(.96);
1197
- }
1198
-
1199
- [data-ui][data-theme][data-mode] :where(input:disabled, textarea:disabled, select:disabled, button:disabled, [aria-disabled="true"]) {
1200
- color: var(--usk-native-text-muted);
1201
- background: color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);
1202
- border-color: var(--usk-native-border);
1203
- box-shadow: none;
1204
- opacity: .55;
1205
- cursor: not-allowed;
1206
- }
1207
-
1208
- [data-ui][data-theme][data-mode] :where(table) {
1209
- width: 100%;
1210
- margin: 1rem 0;
1211
- overflow: hidden;
1212
- background: var(--usk-native-surface);
1213
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1214
- border-radius: var(--usk-native-radius);
1215
- border-collapse: collapse;
1216
- }
1217
-
1218
- [data-ui][data-theme][data-mode] :where(caption) {
1219
- caption-side: bottom;
1220
- padding: .75rem;
1221
- color: var(--usk-native-text-muted);
1222
- font-size: .9rem;
1223
- }
1224
-
1225
- [data-ui][data-theme][data-mode] :where(th, td) {
1226
- padding: .8rem .9rem;
1227
- text-align: left;
1228
- border-bottom: var(--usk-native-border-width) solid var(--usk-native-border);
1229
- }
1230
-
1231
- [data-ui][data-theme][data-mode] :where(th) {
1232
- color: var(--usk-native-text);
1233
- background: color-mix(in srgb, var(--usk-native-primary) 10%, transparent);
1234
- }
1235
-
1236
- [data-ui][data-theme][data-mode] :where(td) { color: var(--usk-native-text-muted); }
1237
-
1238
- [data-ui][data-theme][data-mode] :where(details) {
1239
- margin: 1rem 0;
1240
- padding: .9rem 1rem;
1241
- color: var(--usk-native-text);
1242
- background: var(--usk-native-surface);
1243
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1244
- border-radius: var(--usk-native-radius);
1245
- }
1246
-
1247
- [data-ui][data-theme][data-mode] :where(summary) {
1248
- color: var(--usk-native-text);
1249
- font-weight: 900;
1250
- cursor: pointer;
1251
- }
1252
-
1253
- [data-ui][data-theme][data-mode] :where(dialog) {
1254
- max-width: min(92vw, 42rem);
1255
- padding: 0;
1256
- color: var(--usk-native-text);
1257
- background: var(--usk-native-surface-strong);
1258
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1259
- border-radius: var(--usk-native-radius-lg);
1260
- box-shadow: var(--usk-native-shadow-md), 0 30px 80px rgb(0 0 0 / .42);
1261
- }
1262
-
1263
- [data-ui][data-theme][data-mode] :where(dialog)::backdrop { background: rgb(0 0 0 / .62); }
1264
-
1265
- [data-ui][data-theme][data-mode] :where(progress, meter) {
1266
- width: 100%;
1267
- min-height: .9rem;
1268
- accent-color: var(--usk-native-primary);
1269
- }
1270
-
1271
- [data-ui][data-theme][data-mode] :where(progress, meter)::-webkit-progress-bar,
1272
- [data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar {
1273
- background: var(--usk-native-track);
1274
- border-radius: 999px;
1275
- }
1276
-
1277
- [data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,
1278
- [data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value {
1279
- background: var(--usk-native-track-fill);
1280
- border-radius: inherit;
1281
- }
1282
-
1283
- [data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,
1284
- [data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar {
1285
- background: var(--usk-native-track-fill);
1286
- border-radius: 999px;
1287
- }
1288
-
1289
- [data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value {
1290
- background: var(--usk-native-warning);
1291
- }
1292
-
1293
- [data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value {
1294
- background: var(--usk-native-danger);
1295
- }
1296
-
1297
- [data-ui][data-theme][data-mode] :where(main, section, header, footer, nav, article, aside, address) {
1298
- color: var(--usk-native-text);
1299
- }
1300
-
1301
- [data-ui][data-theme][data-mode] :where(article, aside) {
1302
- padding: var(--usk-native-panel-padding);
1303
- color: var(--usk-native-text);
1304
- background: var(--usk-native-card-bg);
1305
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1306
- border-radius: var(--usk-native-radius-lg);
1307
- box-shadow: var(--usk-native-shadow);
1308
- }
1309
-
1310
- [data-ui][data-theme][data-mode] :where(dl) {
1311
- margin: 0 0 1rem;
1312
- color: var(--usk-native-text-muted);
1313
- }
1314
-
1315
- [data-ui][data-theme][data-mode] :where(dt) {
1316
- color: var(--usk-native-text);
1317
- font-weight: 900;
1318
- }
1319
-
1320
- [data-ui][data-theme][data-mode] :where(dd) { margin: .25rem 0 .75rem 1.25rem; }
1321
- [data-ui][data-theme][data-mode] :where(strong, b) { color: var(--usk-native-text); font-weight: 900; }
1322
- [data-ui][data-theme][data-mode] :where(u) { text-decoration-color: var(--usk-native-primary); text-decoration-thickness: .08em; text-underline-offset: .16em; }
1323
- [data-ui][data-theme][data-mode] :where(bdi, bdo) { color: var(--usk-native-text); unicode-bidi: isolate; }
1324
- [data-ui][data-theme][data-mode] :where(em, i, cite, var, q) { color: var(--usk-native-text); }
1325
- [data-ui][data-theme][data-mode] :where(ins) { color: var(--usk-native-text); text-decoration-color: var(--usk-native-success); }
1326
- [data-ui][data-theme][data-mode] :where(del, s) { color: var(--usk-native-text); text-decoration-color: var(--usk-native-danger); }
1327
- [data-ui][data-theme][data-mode] :where(output) { color: var(--usk-native-text); font-weight: 800; }
1328
- [data-ui][data-theme][data-mode] :where(optgroup, option) { color: var(--usk-native-text); background: var(--usk-native-surface); }
1329
- [data-ui][data-theme][data-mode] :where(time, data, dfn, ruby) { color: var(--usk-native-text); }
1330
- [data-ui][data-theme][data-mode] :where(search) { display: block; color: var(--usk-native-text); }
1331
- [data-ui][data-theme][data-mode] :where(selectedcontent) { color: var(--usk-native-text); }
1332
- [data-ui][data-theme][data-mode] :where(datalist) { display: none; }
1333
-
1334
- [data-ui][data-theme][data-mode] :where(summary, li)::marker {
1335
- color: var(--usk-native-indicator);
1336
- }
1337
-
1338
- [data-ui][data-theme][data-mode] :where(input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"])::-webkit-calendar-picker-indicator {
1339
- opacity: .78;
1340
- accent-color: var(--usk-native-indicator);
1341
- }
1342
-
1343
- [data-ui][data-theme][data-mode] :where(input[type="search"])::-webkit-search-cancel-button {
1344
- accent-color: var(--usk-native-indicator);
1345
- }
1346
-
1347
- [data-ui][data-theme][data-mode] :where(input[type="number"])::-webkit-inner-spin-button,
1348
- [data-ui][data-theme][data-mode] :where(input[type="number"])::-webkit-outer-spin-button {
1349
- opacity: .72;
1350
- }
1351
-
1352
- [data-ui][data-theme][data-mode] :where(select)::picker-icon {
1353
- color: var(--usk-native-indicator);
1354
- }
1355
-
1356
- [data-ui][data-theme][data-mode] :where(:focus-visible) {
1357
- outline: 3px solid var(--usk-native-focus);
1358
- outline-offset: 3px;
1359
- box-shadow: var(--usk-native-focus-ring);
1360
- }
1361
-
1362
- [data-ui][data-theme][data-mode] :where(:target) {
1363
- scroll-margin-top: 6rem;
1364
- outline: 3px solid var(--usk-native-focus);
1365
- outline-offset: .35rem;
1366
- }
1367
-
1368
- [data-ui][data-theme][data-mode] :where([aria-current="page"]) { font-weight: 900; }
1369
- [data-ui][data-theme][data-mode] :where([aria-busy="true"]) { cursor: progress; }
1370
- [data-ui][data-theme][data-mode] :where([hidden]) { display: none !important; }
1371
- [data-ui][data-theme][data-mode] ::selection { color: var(--usk-native-on-primary); background: var(--usk-native-primary); }
1372
- [data-ui][data-theme][data-mode] ::-webkit-scrollbar { inline-size: .75rem; block-size: .75rem; }
1373
- [data-ui][data-theme][data-mode] ::-webkit-scrollbar-track { background: var(--usk-native-track); }
1374
- [data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb { background: var(--usk-native-thumb-border); border-radius: 999px; }
1375
-
1376
- @media (prefers-reduced-motion: reduce) {
1377
- [data-ui][data-theme][data-mode] :where(input[type="file"])::file-selector-button,
1378
- [data-ui][data-theme][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
1379
- transition-duration: 1ms !important;
1380
- }
1381
- }
1382
-
1383
- @media (forced-colors: active) {
1384
- [data-ui][data-theme][data-mode] :where(input, textarea, select, button, progress, meter) {
1385
- forced-color-adjust: auto;
1386
- }
1387
-
1388
- [data-ui][data-theme][data-mode] :where(input:user-invalid, textarea:user-invalid, select:user-invalid, [aria-invalid="true"], .is-invalid) {
1389
- border-color: Mark;
1390
- }
1391
- }
1392
- }
1393
-
1394
-
1395
- /* styles/components.css */
1396
- /* =========================================================
1397
- UI Style Kit CSS - Shared Component Foundations
1398
-
1399
- Structural-neutral overflow rules live here so visual-only
1400
- entrypoints remain safe inside consumer-owned layouts.
1401
- ========================================================= */
1402
-
1403
- @layer ui-style-kit.components {
1404
- [data-ui][data-theme][data-mode] :where(
1405
- h1,
1406
- h2,
1407
- h3,
1408
- h4,
1409
- h5,
1410
- h6,
1411
- p,
1412
- a,
1413
- li,
1414
- dt,
1415
- dd,
1416
- figcaption,
1417
- blockquote,
1418
- label,
1419
- legend,
1420
- summary,
1421
- code,
1422
- kbd,
1423
- samp,
1424
- pre,
1425
- th,
1426
- td
1427
- ) {
1428
- max-inline-size: 100%;
1429
- min-inline-size: 0;
1430
- overflow-wrap: anywhere;
1431
- }
1432
-
1433
- [data-ui][data-theme][data-mode] :where(
1434
- [class~="saas-surface"],
1435
- [class~="saas-surface-sm"],
1436
- [class~="saas-surface-lg"],
1437
- [class~="saas-card"],
1438
- [class~="saas-panel"],
1439
- [class~="saas-toolbar"],
1440
- [class~="saas-well"],
1441
- [class~="saas-inset"],
1442
- [class~="saas-field"],
1443
- [class~="saas-alert"],
1444
- [class~="saas-table-wrap"],
1445
- [class~="saas-nav"],
1446
- [class~="bento-surface"],
1447
- [class~="bento-surface-sm"],
1448
- [class~="bento-surface-lg"],
1449
- [class~="bento-card"],
1450
- [class~="bento-panel"],
1451
- [class~="bento-toolbar"],
1452
- [class~="bento-well"],
1453
- [class~="bento-inset"],
1454
- [class~="bento-field"],
1455
- [class~="bento-alert"],
1456
- [class~="bento-table-wrap"],
1457
- [class~="bento-nav"],
1458
- [class~="max-surface"],
1459
- [class~="max-surface-sm"],
1460
- [class~="max-surface-lg"],
1461
- [class~="max-card"],
1462
- [class~="max-panel"],
1463
- [class~="max-toolbar"],
1464
- [class~="max-well"],
1465
- [class~="max-inset"],
1466
- [class~="max-field"],
1467
- [class~="max-alert"],
1468
- [class~="max-table-wrap"],
1469
- [class~="max-nav"],
1470
- [class~="bau-surface"],
1471
- [class~="bau-surface-sm"],
1472
- [class~="bau-surface-lg"],
1473
- [class~="bau-card"],
1474
- [class~="bau-panel"],
1475
- [class~="bau-toolbar"],
1476
- [class~="bau-well"],
1477
- [class~="bau-inset"],
1478
- [class~="bau-field"],
1479
- [class~="bau-alert"],
1480
- [class~="bau-table-wrap"],
1481
- [class~="bau-nav"],
1482
- [class~="tactile-surface"],
1483
- [class~="tactile-surface-sm"],
1484
- [class~="tactile-surface-lg"],
1485
- [class~="tactile-card"],
1486
- [class~="tactile-panel"],
1487
- [class~="tactile-toolbar"],
1488
- [class~="tactile-well"],
1489
- [class~="tactile-inset"],
1490
- [class~="tactile-field"],
1491
- [class~="tactile-alert"],
1492
- [class~="tactile-table-wrap"],
1493
- [class~="tactile-nav"],
1494
- [class~="neo-surface"],
1495
- [class~="neo-surface-sm"],
1496
- [class~="neo-surface-lg"],
1497
- [class~="neo-card"],
1498
- [class~="neo-panel"],
1499
- [class~="neo-toolbar"],
1500
- [class~="neo-well"],
1501
- [class~="neo-inset"],
1502
- [class~="neo-field"],
1503
- [class~="neo-alert"],
1504
- [class~="neo-table-wrap"],
1505
- [class~="neo-nav"],
1506
- [class~="retro-surface"],
1507
- [class~="retro-surface-sm"],
1508
- [class~="retro-surface-lg"],
1509
- [class~="retro-card"],
1510
- [class~="retro-panel"],
1511
- [class~="retro-toolbar"],
1512
- [class~="retro-well"],
1513
- [class~="retro-inset"],
1514
- [class~="retro-field"],
1515
- [class~="retro-alert"],
1516
- [class~="retro-table-wrap"],
1517
- [class~="retro-nav"],
1518
- [class~="brutal-surface"],
1519
- [class~="brutal-card"],
1520
- [class~="brutal-panel"],
1521
- [class~="brutal-toolbar"],
1522
- [class~="brutal-well"],
1523
- [class~="brutal-inset"],
1524
- [class~="brutal-field"],
1525
- [class~="brutal-alert"],
1526
- [class~="brutal-table-wrap"],
1527
- [class~="brutal-nav"],
1528
- [class~="cyber-card"],
1529
- [class~="cyber-panel"],
1530
- [class~="cyber-toolbar"],
1531
- [class~="cyber-well"],
1532
- [class~="cyber-inset"],
1533
- [class~="cyber-field"],
1534
- [class~="cyber-alert"],
1535
- [class~="cyber-table-wrap"],
1536
- [class~="cyber-nav"],
1537
- [class~="y2k-card"],
1538
- [class~="y2k-panel"],
1539
- [class~="y2k-toolbar"],
1540
- [class~="y2k-well"],
1541
- [class~="y2k-inset"],
1542
- [class~="y2k-field"],
1543
- [class~="y2k-alert"],
1544
- [class~="y2k-table-wrap"],
1545
- [class~="y2k-nav"],
1546
- [class~="rg-card"],
1547
- [class~="rg-panel"],
1548
- [class~="rg-toolbar"],
1549
- [class~="rg-well"],
1550
- [class~="rg-inset"],
1551
- [class~="rg-field"],
1552
- [class~="rg-alert"],
1553
- [class~="rg-table-wrap"],
1554
- [class~="rg-nav"]
1555
- ), [data-ui]:where([data-ui="bauhaus"])[data-theme][data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],.ui-card,[class~="saas-panel"],.ui-toolbar,[class~="saas-well"],[class~="saas-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],.ui-card,[class~="bento-panel"],.ui-toolbar,[class~="bento-well"],[class~="bento-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],.ui-card,[class~="max-panel"],.ui-toolbar,[class~="max-well"],[class~="max-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],.ui-card,[class~="bau-panel"],.ui-toolbar,[class~="bau-well"],[class~="bau-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],.ui-card,[class~="tactile-panel"],.ui-toolbar,[class~="tactile-well"],[class~="tactile-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],.ui-card,[class~="neo-panel"],.ui-toolbar,[class~="neo-well"],[class~="neo-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],.ui-card,[class~="retro-panel"],.ui-toolbar,[class~="retro-well"],[class~="retro-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="brutal-surface"],.ui-card,[class~="brutal-panel"],.ui-toolbar,[class~="brutal-well"],[class~="brutal-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="cyber-panel"],.ui-toolbar,[class~="cyber-well"],[class~="cyber-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="y2k-panel"],.ui-toolbar,[class~="y2k-well"],[class~="y2k-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="rg-panel"],.ui-toolbar,[class~="rg-well"],[class~="rg-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav) {
1556
- max-inline-size: 100%;
1557
- min-inline-size: 0;
1558
- overflow-wrap: anywhere;
1559
- }
1560
-
1561
- [data-ui][data-theme][data-mode] :where(
1562
- [class~="saas-button"],
1563
- [class~="saas-icon-button"],
1564
- [class~="saas-badge"],
1565
- [class~="saas-nav-link"],
1566
- [class~="bento-button"],
1567
- [class~="bento-icon-button"],
1568
- [class~="bento-badge"],
1569
- [class~="bento-nav-link"],
1570
- [class~="max-button"],
1571
- [class~="max-icon-button"],
1572
- [class~="max-badge"],
1573
- [class~="max-nav-link"],
1574
- [class~="bau-button"],
1575
- [class~="bau-icon-button"],
1576
- [class~="bau-badge"],
1577
- [class~="bau-nav-link"],
1578
- [class~="tactile-button"],
1579
- [class~="tactile-icon-button"],
1580
- [class~="tactile-badge"],
1581
- [class~="tactile-nav-link"],
1582
- [class~="neo-button"],
1583
- [class~="neo-icon-button"],
1584
- [class~="neo-badge"],
1585
- [class~="neo-nav-link"],
1586
- [class~="retro-button"],
1587
- [class~="retro-icon-button"],
1588
- [class~="retro-badge"],
1589
- [class~="retro-nav-link"],
1590
- [class~="brutal-button"],
1591
- [class~="brutal-icon-button"],
1592
- [class~="brutal-badge"],
1593
- [class~="brutal-nav-link"],
1594
- [class~="cyber-button"],
1595
- [class~="cyber-icon-button"],
1596
- [class~="cyber-badge"],
1597
- [class~="cyber-nav-link"],
1598
- [class~="y2k-button"],
1599
- [class~="y2k-icon-button"],
1600
- [class~="y2k-badge"],
1601
- [class~="y2k-nav-link"],
1602
- [class~="rg-button"],
1603
- [class~="rg-icon-button"],
1604
- [class~="rg-badge"],
1605
- [class~="rg-nav-link"]
1606
- ), [data-ui]:where([data-ui="bauhaus"])[data-theme][data-mode] :where(.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link) {
1607
- max-inline-size: 100%;
1608
- min-inline-size: 0;
1609
- white-space: normal;
1610
- }
1611
-
1612
- [data-ui][data-theme][data-mode] :where(
1613
- .saas-button,
1614
- .saas-icon-button,
1615
- .saas-button-pill,
1616
- .bento-button,
1617
- .bento-icon-button,
1618
- .bento-button-pill,
1619
- .max-button,
1620
- .max-icon-button,
1621
- .max-button-pill,
1622
- .bau-button,
1623
- .bau-icon-button,
1624
- .bau-button-pill,
1625
- .tactile-button,
1626
- .tactile-icon-button,
1627
- .tactile-button-pill,
1628
- .neo-button,
1629
- .neo-icon-button,
1630
- .neo-button-pill,
1631
- .retro-button,
1632
- .retro-icon-button,
1633
- .retro-button-pill,
1634
- .brutal-button,
1635
- .brutal-icon-button,
1636
- .brutal-button-pill,
1637
- .cyber-button,
1638
- .cyber-icon-button,
1639
- .cyber-button-pill,
1640
- .y2k-button,
1641
- .y2k-icon-button,
1642
- .y2k-button-pill,
1643
- .rg-button,
1644
- .rg-icon-button,
1645
- .rg-button-pill
1646
- ), [data-ui]:where([data-ui="bauhaus"])[data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) {
1647
- box-sizing: border-box;
1648
- display: inline-flex;
1649
- align-items: center;
1650
- justify-content: center;
1651
- gap: .55rem;
1652
- min-inline-size: 0;
1653
- max-inline-size: 100%;
1654
- line-height: 1.15;
1655
- vertical-align: middle;
1656
- }
1657
-
1658
- [data-ui][data-theme][data-mode] :where(
1659
- .saas-button-pill,
1660
- .bento-button-pill,
1661
- .max-button-pill,
1662
- .bau-button-pill,
1663
- .tactile-button-pill,
1664
- .neo-button-pill,
1665
- .retro-button-pill,
1666
- .brutal-button-pill,
1667
- .cyber-button-pill,
1668
- .y2k-button-pill,
1669
- .rg-button-pill
1670
- ) {
1671
- min-block-size: 44px;
1672
- padding-block: .65rem;
1673
- padding-inline: max(1rem, 1em);
1674
- border-style: solid;
1675
- border-width: 1px;
1676
- border-radius: 999px;
1677
- font: inherit;
1678
- font-weight: 850;
1679
- text-align: center;
1680
- text-decoration: none;
1681
- overflow-wrap: anywhere;
1682
- white-space: normal;
1683
- cursor: pointer;
1684
- transition:
1685
- transform 160ms ease,
1686
- border-color 160ms ease,
1687
- box-shadow 160ms ease,
1688
- filter 160ms ease;
1689
- }
1690
-
1691
- .saas-button-pill { color: var(--saas-on-primary); background: var(--saas-primary); border-color: var(--saas-primary); border-radius: var(--saas-radius-pill); }
1692
- .bento-button-pill { color: var(--bento-on-primary); background: var(--bento-primary); border-color: var(--bento-primary); border-radius: var(--bento-radius-pill); }
1693
- .max-button-pill { color: var(--max-on-primary); background: var(--max-primary); border-color: var(--max-primary); border-radius: var(--max-radius-pill); }
1694
- .bau-button-pill { color: var(--bau-on-primary); background: var(--bau-primary); border-color: var(--bau-primary); border-radius: var(--bau-radius-pill); }
1695
- .tactile-button-pill { color: var(--tactile-on-primary); background: var(--tactile-primary); border-color: var(--tactile-primary); border-radius: var(--tactile-radius-pill); }
1696
- .neo-button-pill { color: var(--neo-on-primary); background: var(--neo-primary); border-color: var(--neo-primary); border-radius: var(--neo-radius-pill); }
1697
- .retro-button-pill { color: var(--retro-on-primary); background: var(--retro-primary); border-color: var(--retro-primary); border-radius: var(--retro-radius-pill); }
1698
- .brutal-button-pill { color: var(--brutal-on-primary); background: var(--brutal-primary); border-color: var(--brutal-primary); border-radius: var(--brutal-radius-pill); }
1699
- .cyber-button-pill { color: var(--cyber-on-primary); background: var(--cyber-primary); border-color: var(--cyber-primary); border-radius: var(--cyber-radius-pill); }
1700
- .y2k-button-pill { color: var(--y2k-on-primary); background: var(--y2k-primary); border-color: var(--y2k-primary); border-radius: var(--y2k-radius-pill); }
1701
- .rg-button-pill { color: var(--rg-on-primary); background: var(--rg-primary); border-color: var(--rg-primary); border-radius: var(--rg-radius-pill); }
1702
-
1703
- .saas-button-pill:hover { border-color: var(--saas-primary-hover); filter: brightness(1.04); }
1704
- .bento-button-pill:hover { border-color: var(--bento-primary-hover); filter: brightness(1.04); }
1705
- .max-button-pill:hover { border-color: var(--max-primary-hover); filter: brightness(1.04); }
1706
- .bau-button-pill:hover { border-color: var(--bau-primary-hover); filter: brightness(1.04); }
1707
- .tactile-button-pill:hover { border-color: var(--tactile-primary-hover); filter: brightness(1.04); }
1708
- .neo-button-pill:hover { border-color: var(--neo-primary-hover); filter: brightness(1.04); }
1709
- .retro-button-pill:hover { border-color: var(--retro-primary-hover); filter: brightness(1.04); }
1710
- .brutal-button-pill:hover { border-color: var(--brutal-primary-hover); filter: brightness(1.04); }
1711
- .cyber-button-pill:hover { border-color: var(--cyber-primary-hover); filter: brightness(1.04); }
1712
- .y2k-button-pill:hover { border-color: var(--y2k-primary-hover); filter: brightness(1.04); }
1713
- .rg-button-pill:hover { border-color: var(--rg-primary-hover); filter: brightness(1.04); }
1714
-
1715
- [data-ui][data-theme][data-mode] :where(
1716
- .saas-button-pill:active,
1717
- .saas-button-pill[aria-pressed="true"],
1718
- .bento-button-pill:active,
1719
- .bento-button-pill[aria-pressed="true"],
1720
- .max-button-pill:active,
1721
- .max-button-pill[aria-pressed="true"],
1722
- .bau-button-pill:active,
1723
- .bau-button-pill[aria-pressed="true"],
1724
- .tactile-button-pill:active,
1725
- .tactile-button-pill[aria-pressed="true"],
1726
- .neo-button-pill:active,
1727
- .neo-button-pill[aria-pressed="true"],
1728
- .retro-button-pill:active,
1729
- .retro-button-pill[aria-pressed="true"],
1730
- .brutal-button-pill:active,
1731
- .brutal-button-pill[aria-pressed="true"],
1732
- .cyber-button-pill:active,
1733
- .cyber-button-pill[aria-pressed="true"],
1734
- .y2k-button-pill:active,
1735
- .y2k-button-pill[aria-pressed="true"],
1736
- .rg-button-pill:active,
1737
- .rg-button-pill[aria-pressed="true"]
1738
- ) {
1739
- transform: translateY(1px);
1740
- }
1741
-
1742
- .saas-button-pill:focus-visible { outline: 3px solid var(--saas-focus); outline-offset: 3px; box-shadow: var(--saas-focus-ring); }
1743
- .bento-button-pill:focus-visible { outline: 3px solid var(--bento-focus); outline-offset: 3px; box-shadow: var(--bento-focus-ring); }
1744
- .max-button-pill:focus-visible { outline: 3px solid var(--max-focus); outline-offset: 3px; box-shadow: var(--max-focus-ring); }
1745
- .bau-button-pill:focus-visible { outline: 3px solid var(--bau-focus); outline-offset: 3px; box-shadow: var(--bau-focus-ring); }
1746
- .tactile-button-pill:focus-visible { outline: 3px solid var(--tactile-focus); outline-offset: 3px; box-shadow: var(--tactile-focus-ring); }
1747
- .neo-button-pill:focus-visible { outline: 3px solid var(--neo-focus); outline-offset: 3px; box-shadow: var(--neo-focus-ring); }
1748
- .retro-button-pill:focus-visible { outline: 3px solid var(--retro-focus); outline-offset: 3px; box-shadow: var(--retro-focus-ring); }
1749
- .brutal-button-pill:focus-visible { outline: 3px solid var(--brutal-focus); outline-offset: 3px; box-shadow: var(--brutal-focus-ring); }
1750
- .cyber-button-pill:focus-visible { outline: 3px solid var(--cyber-focus); outline-offset: 3px; box-shadow: var(--cyber-focus-ring); }
1751
- .y2k-button-pill:focus-visible { outline: 3px solid var(--y2k-focus); outline-offset: 3px; box-shadow: var(--y2k-focus-ring); }
1752
- .rg-button-pill:focus-visible { outline: 3px solid var(--rg-focus); outline-offset: 3px; box-shadow: var(--rg-focus-ring); }
1753
-
1754
- [data-ui][data-theme][data-mode] :where(
1755
- .saas-button-pill:disabled,
1756
- .saas-button-pill[aria-disabled="true"],
1757
- .bento-button-pill:disabled,
1758
- .bento-button-pill[aria-disabled="true"],
1759
- .max-button-pill:disabled,
1760
- .max-button-pill[aria-disabled="true"],
1761
- .bau-button-pill:disabled,
1762
- .bau-button-pill[aria-disabled="true"],
1763
- .tactile-button-pill:disabled,
1764
- .tactile-button-pill[aria-disabled="true"],
1765
- .neo-button-pill:disabled,
1766
- .neo-button-pill[aria-disabled="true"],
1767
- .retro-button-pill:disabled,
1768
- .retro-button-pill[aria-disabled="true"],
1769
- .brutal-button-pill:disabled,
1770
- .brutal-button-pill[aria-disabled="true"],
1771
- .cyber-button-pill:disabled,
1772
- .cyber-button-pill[aria-disabled="true"],
1773
- .y2k-button-pill:disabled,
1774
- .y2k-button-pill[aria-disabled="true"],
1775
- .rg-button-pill:disabled,
1776
- .rg-button-pill[aria-disabled="true"]
1777
- ) {
1778
- opacity: .55;
1779
- cursor: not-allowed;
1780
- filter: none;
1781
- transform: none;
1782
- }
1783
-
1784
- [data-ui][data-theme][data-mode] :where(
1785
- .saas-tooltip,
1786
- .saas-tooltip-top,
1787
- .saas-tooltip-right,
1788
- .saas-tooltip-bottom,
1789
- .saas-tooltip-left,
1790
- .bento-tooltip,
1791
- .bento-tooltip-top,
1792
- .bento-tooltip-right,
1793
- .bento-tooltip-bottom,
1794
- .bento-tooltip-left,
1795
- .max-tooltip,
1796
- .max-tooltip-top,
1797
- .max-tooltip-right,
1798
- .max-tooltip-bottom,
1799
- .max-tooltip-left,
1800
- .bau-tooltip,
1801
- .bau-tooltip-top,
1802
- .bau-tooltip-right,
1803
- .bau-tooltip-bottom,
1804
- .bau-tooltip-left,
1805
- .tactile-tooltip,
1806
- .tactile-tooltip-top,
1807
- .tactile-tooltip-right,
1808
- .tactile-tooltip-bottom,
1809
- .tactile-tooltip-left,
1810
- .neo-tooltip,
1811
- .neo-tooltip-top,
1812
- .neo-tooltip-right,
1813
- .neo-tooltip-bottom,
1814
- .neo-tooltip-left,
1815
- .retro-tooltip,
1816
- .retro-tooltip-top,
1817
- .retro-tooltip-right,
1818
- .retro-tooltip-bottom,
1819
- .retro-tooltip-left,
1820
- .brutal-tooltip,
1821
- .brutal-tooltip-top,
1822
- .brutal-tooltip-right,
1823
- .brutal-tooltip-bottom,
1824
- .brutal-tooltip-left,
1825
- .cyber-tooltip,
1826
- .cyber-tooltip-top,
1827
- .cyber-tooltip-right,
1828
- .cyber-tooltip-bottom,
1829
- .cyber-tooltip-left,
1830
- .y2k-tooltip,
1831
- .y2k-tooltip-top,
1832
- .y2k-tooltip-right,
1833
- .y2k-tooltip-bottom,
1834
- .y2k-tooltip-left,
1835
- .rg-tooltip,
1836
- .rg-tooltip-top,
1837
- .rg-tooltip-right,
1838
- .rg-tooltip-bottom,
1839
- .rg-tooltip-left
1840
- ) {
1841
- max-inline-size: min(18rem, calc(100vw - 2rem));
1842
- text-align: start;
1843
- overflow-wrap: anywhere;
1844
- }
1845
-
1846
- /* Directional tooltips detach only from an explicit anchor so static tooltip chips keep normal-flow sizing. */
1847
- [data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),
1848
- [data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]) {
1849
- position: relative;
1850
- }
1851
-
1852
- [data-ui][data-theme][data-mode] :where(
1853
- [data-ui-tooltip-anchor] > .saas-tooltip-top,
1854
- [data-ui-tooltip-anchor] > .saas-tooltip-right,
1855
- [data-ui-tooltip-anchor] > .saas-tooltip-bottom,
1856
- [data-ui-tooltip-anchor] > .saas-tooltip-left,
1857
- [data-ui-tooltip-anchor] > .bento-tooltip-top,
1858
- [data-ui-tooltip-anchor] > .bento-tooltip-right,
1859
- [data-ui-tooltip-anchor] > .bento-tooltip-bottom,
1860
- [data-ui-tooltip-anchor] > .bento-tooltip-left,
1861
- [data-ui-tooltip-anchor] > .max-tooltip-top,
1862
- [data-ui-tooltip-anchor] > .max-tooltip-right,
1863
- [data-ui-tooltip-anchor] > .max-tooltip-bottom,
1864
- [data-ui-tooltip-anchor] > .max-tooltip-left,
1865
- [data-ui-tooltip-anchor] > .bau-tooltip-top,
1866
- [data-ui-tooltip-anchor] > .bau-tooltip-right,
1867
- [data-ui-tooltip-anchor] > .bau-tooltip-bottom,
1868
- [data-ui-tooltip-anchor] > .bau-tooltip-left,
1869
- [data-ui-tooltip-anchor] > .tactile-tooltip-top,
1870
- [data-ui-tooltip-anchor] > .tactile-tooltip-right,
1871
- [data-ui-tooltip-anchor] > .tactile-tooltip-bottom,
1872
- [data-ui-tooltip-anchor] > .tactile-tooltip-left,
1873
- [data-ui-tooltip-anchor] > .neo-tooltip-top,
1874
- [data-ui-tooltip-anchor] > .neo-tooltip-right,
1875
- [data-ui-tooltip-anchor] > .neo-tooltip-bottom,
1876
- [data-ui-tooltip-anchor] > .neo-tooltip-left,
1877
- [data-ui-tooltip-anchor] > .retro-tooltip-top,
1878
- [data-ui-tooltip-anchor] > .retro-tooltip-right,
1879
- [data-ui-tooltip-anchor] > .retro-tooltip-bottom,
1880
- [data-ui-tooltip-anchor] > .retro-tooltip-left,
1881
- [data-ui-tooltip-anchor] > .brutal-tooltip-top,
1882
- [data-ui-tooltip-anchor] > .brutal-tooltip-right,
1883
- [data-ui-tooltip-anchor] > .brutal-tooltip-bottom,
1884
- [data-ui-tooltip-anchor] > .brutal-tooltip-left,
1885
- [data-ui-tooltip-anchor] > .cyber-tooltip-top,
1886
- [data-ui-tooltip-anchor] > .cyber-tooltip-right,
1887
- [data-ui-tooltip-anchor] > .cyber-tooltip-bottom,
1888
- [data-ui-tooltip-anchor] > .cyber-tooltip-left,
1889
- [data-ui-tooltip-anchor] > .y2k-tooltip-top,
1890
- [data-ui-tooltip-anchor] > .y2k-tooltip-right,
1891
- [data-ui-tooltip-anchor] > .y2k-tooltip-bottom,
1892
- [data-ui-tooltip-anchor] > .y2k-tooltip-left,
1893
- [data-ui-tooltip-anchor] > .rg-tooltip-top,
1894
- [data-ui-tooltip-anchor] > .rg-tooltip-right,
1895
- [data-ui-tooltip-anchor] > .rg-tooltip-bottom,
1896
- [data-ui-tooltip-anchor] > .rg-tooltip-left
1897
- ) {
1898
- position: absolute;
1899
- z-index: 20;
1900
- }
1901
-
1902
- [data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-top, [data-ui-tooltip-anchor] > .bento-tooltip-top, [data-ui-tooltip-anchor] > .max-tooltip-top, [data-ui-tooltip-anchor] > .bau-tooltip-top, [data-ui-tooltip-anchor] > .tactile-tooltip-top, [data-ui-tooltip-anchor] > .neo-tooltip-top, [data-ui-tooltip-anchor] > .retro-tooltip-top, [data-ui-tooltip-anchor] > .brutal-tooltip-top, [data-ui-tooltip-anchor] > .cyber-tooltip-top, [data-ui-tooltip-anchor] > .y2k-tooltip-top, [data-ui-tooltip-anchor] > .rg-tooltip-top) { inset-block-end: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
1903
- [data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-right, [data-ui-tooltip-anchor] > .bento-tooltip-right, [data-ui-tooltip-anchor] > .max-tooltip-right, [data-ui-tooltip-anchor] > .bau-tooltip-right, [data-ui-tooltip-anchor] > .tactile-tooltip-right, [data-ui-tooltip-anchor] > .neo-tooltip-right, [data-ui-tooltip-anchor] > .retro-tooltip-right, [data-ui-tooltip-anchor] > .brutal-tooltip-right, [data-ui-tooltip-anchor] > .cyber-tooltip-right, [data-ui-tooltip-anchor] > .y2k-tooltip-right, [data-ui-tooltip-anchor] > .rg-tooltip-right) { inset-inline-start: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }
1904
- [data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-bottom, [data-ui-tooltip-anchor] > .bento-tooltip-bottom, [data-ui-tooltip-anchor] > .max-tooltip-bottom, [data-ui-tooltip-anchor] > .bau-tooltip-bottom, [data-ui-tooltip-anchor] > .tactile-tooltip-bottom, [data-ui-tooltip-anchor] > .neo-tooltip-bottom, [data-ui-tooltip-anchor] > .retro-tooltip-bottom, [data-ui-tooltip-anchor] > .brutal-tooltip-bottom, [data-ui-tooltip-anchor] > .cyber-tooltip-bottom, [data-ui-tooltip-anchor] > .y2k-tooltip-bottom, [data-ui-tooltip-anchor] > .rg-tooltip-bottom) { inset-block-start: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
1905
- [data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-left, [data-ui-tooltip-anchor] > .bento-tooltip-left, [data-ui-tooltip-anchor] > .max-tooltip-left, [data-ui-tooltip-anchor] > .bau-tooltip-left, [data-ui-tooltip-anchor] > .tactile-tooltip-left, [data-ui-tooltip-anchor] > .neo-tooltip-left, [data-ui-tooltip-anchor] > .retro-tooltip-left, [data-ui-tooltip-anchor] > .brutal-tooltip-left, [data-ui-tooltip-anchor] > .cyber-tooltip-left, [data-ui-tooltip-anchor] > .y2k-tooltip-left, [data-ui-tooltip-anchor] > .rg-tooltip-left) { inset-inline-end: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }
1906
-
1907
- .saas-pill { border-radius: var(--saas-radius-pill); }
1908
- .bento-pill { border-radius: var(--bento-radius-pill); }
1909
- .max-pill { border-radius: var(--max-radius-pill); }
1910
- .bau-pill { border-radius: var(--bau-radius-pill); }
1911
- .tactile-pill { border-radius: var(--tactile-radius-pill); }
1912
- .neo-pill { border-radius: var(--neo-radius-pill); }
1913
- .retro-pill { border-radius: var(--retro-radius-pill); }
1914
- .brutal-pill { border-radius: var(--brutal-radius-pill); }
1915
- .cyber-pill { border-radius: var(--cyber-radius-pill); }
1916
- .y2k-pill { border-radius: var(--y2k-radius-pill); }
1917
- .rg-pill { border-radius: var(--rg-radius-pill); }
1918
- .saas-rounded { border-radius: var(--saas-radius-md); }
1919
- .bento-rounded { border-radius: var(--bento-radius-md); }
1920
- .max-rounded { border-radius: var(--max-radius-md); }
1921
- .bau-rounded { border-radius: var(--bau-radius-md); }
1922
- .tactile-rounded { border-radius: var(--tactile-radius-md); }
1923
- .neo-rounded { border-radius: var(--neo-radius-md); }
1924
- .retro-rounded { border-radius: var(--retro-radius-md); }
1925
- .brutal-rounded { border-radius: var(--brutal-radius-md); }
1926
- .cyber-rounded { border-radius: var(--cyber-radius-md); }
1927
- .y2k-rounded { border-radius: var(--y2k-radius-md); }
1928
- .rg-rounded { border-radius: var(--rg-radius-md); }
1929
- .saas-rounded-lg { border-radius: var(--saas-radius-lg); }
1930
- .bento-rounded-lg { border-radius: var(--bento-radius-lg); }
1931
- .max-rounded-lg { border-radius: var(--max-radius-lg); }
1932
- .bau-rounded-lg { border-radius: var(--bau-radius-lg); }
1933
- .tactile-rounded-lg { border-radius: var(--tactile-radius-lg); }
1934
- .neo-rounded-lg { border-radius: var(--neo-radius-lg); }
1935
- .retro-rounded-lg { border-radius: var(--retro-radius-lg); }
1936
- .brutal-rounded-lg { border-radius: var(--brutal-radius-lg); }
1937
- .cyber-rounded-lg { border-radius: var(--cyber-radius-lg); }
1938
- .y2k-rounded-lg { border-radius: var(--y2k-radius-lg); }
1939
- .rg-rounded-lg { border-radius: var(--rg-radius-lg); }
1940
- .saas-rounded-xl { border-radius: var(--saas-radius-xl); }
1941
- .bento-rounded-xl { border-radius: var(--bento-radius-xl); }
1942
- .max-rounded-xl { border-radius: var(--max-radius-xl); }
1943
- .bau-rounded-xl { border-radius: var(--bau-radius-xl); }
1944
- .tactile-rounded-xl { border-radius: var(--tactile-radius-xl); }
1945
- .neo-rounded-xl { border-radius: var(--neo-radius-xl); }
1946
- .retro-rounded-xl { border-radius: var(--retro-radius-xl); }
1947
- .brutal-rounded-xl { border-radius: var(--brutal-radius-xl); }
1948
- .cyber-rounded-xl { border-radius: var(--cyber-radius-xl); }
1949
- .y2k-rounded-xl { border-radius: var(--y2k-radius-xl); }
1950
- .rg-rounded-xl { border-radius: var(--rg-radius-xl); }
1951
-
1952
- .saas-surface, .saas-surface-sm, .saas-surface-lg { color: var(--saas-text); background: var(--saas-card-bg); border: 1px solid var(--saas-border); }
1953
- .bento-surface, .bento-surface-sm, .bento-surface-lg { color: var(--bento-text); background: var(--bento-card-bg); border: 1px solid var(--bento-border); }
1954
- .max-surface, .max-surface-sm, .max-surface-lg { color: var(--max-text); background: var(--max-card-bg); border: 1px solid var(--max-border); }
1955
- .bau-surface, .bau-surface-sm, .bau-surface-lg { color: var(--bau-text); background: var(--bau-card-bg); border: 1px solid var(--bau-border); }
1956
- .tactile-surface, .tactile-surface-sm, .tactile-surface-lg { color: var(--tactile-text); background: var(--tactile-card-bg); border: 1px solid var(--tactile-border); }
1957
- .neo-surface, .neo-surface-sm, .neo-surface-lg { color: var(--neo-text); background: var(--neo-card-bg); border: 1px solid var(--neo-border); }
1958
- .retro-surface, .retro-surface-sm, .retro-surface-lg { color: var(--retro-text); background: var(--retro-card-bg); border: 1px solid var(--retro-border); }
1959
- .brutal-surface, .brutal-surface-sm, .brutal-surface-lg { color: var(--brutal-text); background: var(--brutal-card-bg); border: 3px solid var(--brutal-border); }
1960
- .cyber-surface, .cyber-surface-sm, .cyber-surface-lg { color: var(--cyber-text); background: var(--cyber-card-bg); border: 1px solid var(--cyber-border); }
1961
- .y2k-surface, .y2k-surface-sm, .y2k-surface-lg { color: var(--y2k-text); background: var(--y2k-card-bg); border: 1px solid var(--y2k-border); }
1962
- .rg-surface, .rg-surface-sm, .rg-surface-lg { color: var(--rg-text); background: var(--rg-card-bg); border: 1px solid var(--rg-border); }
1963
-
1964
- .saas-bg-primary, .bento-bg-primary, .max-bg-primary, .bau-bg-primary, .tactile-bg-primary, .neo-bg-primary, .retro-bg-primary, .brutal-bg-primary, .cyber-bg-primary, .y2k-bg-primary, .rg-bg-primary { background: var(--usk-native-primary); color: var(--usk-native-on-primary); }
1965
- .saas-bg-secondary, .bento-bg-secondary, .max-bg-secondary, .bau-bg-secondary, .tactile-bg-secondary, .neo-bg-secondary, .retro-bg-secondary, .brutal-bg-secondary, .cyber-bg-secondary, .y2k-bg-secondary, .rg-bg-secondary { background: var(--usk-native-surface-soft); color: var(--usk-native-text); }
1966
- .saas-border, .bento-border, .max-border, .bau-border, .tactile-border, .neo-border, .retro-border, .brutal-border, .cyber-border, .y2k-border, .rg-border { border: var(--usk-native-border-width) solid var(--usk-native-border); }
1967
- .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); }
1968
- .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }
1969
-
1970
- .saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) {
1971
- color: var(--usk-native-primary);
1972
- background: transparent;
1973
- border-color: var(--usk-native-border);
1974
- }
1975
-
1976
- .saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio, :where([data-ui="bauhaus"]) .ui-switch {
1977
- display: inline-flex;
1978
- align-items: center;
1979
- gap: var(--usk-native-field-gap);
1980
- min-block-size: 24px;
1981
- color: var(--usk-native-text);
1982
- }
1983
-
1984
- .saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control {
1985
- inline-size: 1.5rem;
1986
- block-size: 1.5rem;
1987
- accent-color: var(--usk-native-primary);
1988
- }
1989
-
1990
- .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, :where([data-ui="bauhaus"]) .ui-switch-track {
1991
- position: relative;
1992
- display: inline-flex;
1993
- align-items: center;
1994
- inline-size: 2.75rem;
1995
- block-size: 1.5rem;
1996
- padding: .18rem;
1997
- background: var(--usk-native-track);
1998
- border: var(--usk-native-border-width) solid var(--usk-native-border);
1999
- border-radius: 999px;
2000
- }
2001
-
2002
- .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, :where([data-ui="bauhaus"]) .ui-switch-thumb {
2003
- inline-size: 1rem;
2004
- block-size: 1rem;
2005
- background: var(--usk-native-thumb);
2006
- border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
2007
- border-radius: 999px;
2008
- transition: transform 160ms ease;
2009
- }
2010
-
2011
- .saas-switch:has(input:checked) .saas-switch-track,
2012
- .bento-switch:has(input:checked) .bento-switch-track,
2013
- .max-switch:has(input:checked) .max-switch-track,
2014
- .bau-switch:has(input:checked) .bau-switch-track,
2015
- .tactile-switch:has(input:checked) .tactile-switch-track,
2016
- .neo-switch:has(input:checked) .neo-switch-track,
2017
- .retro-switch:has(input:checked) .retro-switch-track,
2018
- .brutal-switch:has(input:checked) .brutal-switch-track,
2019
- .cyber-switch:has(input:checked) .cyber-switch-track,
2020
- .y2k-switch:has(input:checked) .y2k-switch-track,
2021
- .rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-track {
2022
- background: var(--usk-native-track-fill);
2023
- }
2024
-
2025
- .saas-switch:has(input:checked) .saas-switch-thumb,
2026
- .bento-switch:has(input:checked) .bento-switch-thumb,
2027
- .max-switch:has(input:checked) .max-switch-thumb,
2028
- .bau-switch:has(input:checked) .bau-switch-thumb,
2029
- .tactile-switch:has(input:checked) .tactile-switch-thumb,
2030
- .neo-switch:has(input:checked) .neo-switch-thumb,
2031
- .retro-switch:has(input:checked) .retro-switch-thumb,
2032
- .brutal-switch:has(input:checked) .brutal-switch-thumb,
2033
- .cyber-switch:has(input:checked) .cyber-switch-thumb,
2034
- .y2k-switch:has(input:checked) .y2k-switch-thumb,
2035
- .rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-thumb {
2036
- transform: translateX(1.25rem);
2037
- }
2038
-
2039
- .saas-sr-only, .saas-visually-hidden, .bento-sr-only, .bento-visually-hidden, .max-sr-only, .max-visually-hidden, .bau-sr-only, .bau-visually-hidden, .tactile-sr-only, .tactile-visually-hidden, .neo-sr-only, .neo-visually-hidden, .retro-sr-only, .retro-visually-hidden, .brutal-sr-only, .brutal-visually-hidden, .cyber-sr-only, .cyber-visually-hidden, .y2k-sr-only, .y2k-visually-hidden, .rg-sr-only, .rg-visually-hidden {
2040
- position: absolute !important;
2041
- inline-size: 1px !important;
2042
- block-size: 1px !important;
2043
- padding: 0 !important;
2044
- margin: -1px !important;
2045
- overflow: hidden !important;
2046
- clip: rect(0, 0, 0, 0) !important;
2047
- white-space: nowrap !important;
2048
- border: 0 !important;
2049
- }
2050
-
2051
- .saas-skip-link, .bento-skip-link, .max-skip-link, .bau-skip-link, .tactile-skip-link, .neo-skip-link, .retro-skip-link, .brutal-skip-link, .cyber-skip-link, .y2k-skip-link, .rg-skip-link {
2052
- position: absolute;
2053
- inset-block-start: .75rem;
2054
- inset-inline-start: .75rem;
2055
- z-index: 1000;
2056
- padding: .75rem 1rem;
2057
- color: var(--usk-native-on-primary);
2058
- background: var(--usk-native-primary);
2059
- border-radius: var(--usk-native-radius);
2060
- transform: translateY(calc(-100% - 1rem));
2061
- }
2062
-
2063
- .saas-skip-link:focus-visible, .bento-skip-link:focus-visible, .max-skip-link:focus-visible, .bau-skip-link:focus-visible, .tactile-skip-link:focus-visible, .neo-skip-link:focus-visible, .retro-skip-link:focus-visible, .brutal-skip-link:focus-visible, .cyber-skip-link:focus-visible, .y2k-skip-link:focus-visible, .rg-skip-link:focus-visible {
2064
- transform: translateY(0);
2065
- }
2066
- }
2067
-
2068
-
2069
- /* styles/bauhaus.css (visual paint) */
2070
- @layer ui-style-kit.presets {
2071
- :root {
2072
- --bau-font-sans: Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
2073
- --bau-font-display: Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
2074
- --bau-font-body: var(--bau-font-sans);
2075
- --bau-font-heading: var(--bau-font-display);
2076
- --bau-font-control: var(--bau-font-display);
2077
- --bau-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
2078
- --bau-radius-xs: .25rem;
2079
- --bau-radius-sm: .5rem;
2080
- --bau-radius-md: .125rem;
2081
- --bau-radius-lg: .125rem;
2082
- --bau-radius-xl: calc(.125rem + .5rem);
2083
- --bau-radius-pill: 999px;
2084
- --bau-space-1: .25rem;
2085
- --bau-space-2: .5rem;
2086
- --bau-space-3: .75rem;
2087
- --bau-space-4: 1rem;
2088
- --bau-space-5: 1.25rem;
2089
- --bau-space-6: 1.5rem;
2090
- --bau-space-8: 2rem;
2091
- --bau-transition-fast: .15s ease;
2092
- --bau-transition-base: .24s ease;
2093
- }
2094
-
2095
- [data-ui="bauhaus"][data-mode="light"] {
2096
- color-scheme: light;
2097
- --bau-panel-alpha: .98;
2098
- --bau-panel-soft-alpha: .78;
2099
- --bau-border-alpha: .58;
2100
- --bau-shadow-alpha: .12;
2101
- --bau-focus-alpha: .34;
2102
- }
2103
-
2104
- [data-ui="bauhaus"][data-mode="dark"] {
2105
- color-scheme: dark;
2106
- --bau-panel-alpha: .92;
2107
- --bau-panel-soft-alpha: .64;
2108
- --bau-border-alpha: .52;
2109
- --bau-shadow-alpha: .34;
2110
- --bau-focus-alpha: .42;
2111
- }
2112
-
2113
- [data-ui="bauhaus"][data-mode="contrast"] {
2114
- color-scheme: dark;
2115
- --bau-panel-alpha: 1;
2116
- --bau-panel-soft-alpha: .92;
2117
- --bau-border-alpha: 1;
2118
- --bau-shadow-alpha: .5;
2119
- --bau-focus-alpha: .72;
2120
- }
2121
-
2122
- [data-ui="bauhaus"][data-theme][data-mode] {
2123
- --bau-bg-rgb: var(--usk-bg-rgb);
2124
- --bau-surface-rgb: var(--usk-surface-rgb);
2125
- --bau-surface-strong-rgb: var(--usk-surface-strong-rgb);
2126
- --bau-surface-soft-rgb: var(--usk-surface-soft-rgb);
2127
- --bau-text-rgb: var(--usk-text-rgb);
2128
- --bau-text-muted-rgb: var(--usk-text-muted-rgb);
2129
- --bau-border-rgb: var(--usk-border-rgb);
2130
- --bau-primary-rgb: var(--usk-primary-rgb);
2131
- --bau-primary-hover-rgb: var(--usk-primary-hover-rgb);
2132
- --bau-primary-text-rgb: var(--usk-primary-text-rgb);
2133
- --bau-secondary-rgb: var(--usk-secondary-rgb);
2134
- --bau-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
2135
- --bau-secondary-text-rgb: var(--usk-secondary-text-rgb);
2136
- --bau-accent-rgb: var(--usk-accent-rgb);
2137
- --bau-success-rgb: var(--usk-success-rgb);
2138
- --bau-warning-rgb: var(--usk-warning-rgb);
2139
- --bau-danger-rgb: var(--usk-danger-rgb);
2140
- --bau-link-rgb: var(--usk-link-rgb);
2141
- --bau-accent-text-rgb: var(--usk-accent-text-rgb);
2142
- --bau-success-text-rgb: var(--usk-success-text-rgb);
2143
- --bau-warning-text-rgb: var(--usk-warning-text-rgb);
2144
- --bau-danger-text-rgb: var(--usk-danger-text-rgb);
2145
- --bau-focus-rgb: var(--usk-focus-rgb);
2146
- --usk-native-surface: var(--bau-surface);
2147
- --usk-native-surface-strong: var(--bau-surface-strong);
2148
- --usk-native-surface-soft: var(--bau-surface-soft);
2149
- --usk-native-card-bg: var(--bau-card-bg);
2150
- --usk-native-control-bg: var(--bau-control-bg);
2151
- --usk-native-text: var(--bau-text);
2152
- --usk-native-text-muted: var(--bau-text-muted);
2153
- --usk-native-border: var(--bau-border);
2154
- --usk-native-primary: var(--bau-primary);
2155
- --usk-native-primary-hover: var(--bau-primary-hover);
2156
- --usk-native-on-primary: var(--bau-on-primary);
2157
- --usk-native-focus: var(--bau-focus);
2158
- --usk-native-success: var(--bau-success);
2159
- --usk-native-warning: var(--bau-warning);
2160
- --usk-native-danger: var(--bau-danger);
2161
- --usk-native-link: var(--bau-link);
2162
- --usk-native-font-body: var(--bau-font-body);
2163
- --usk-native-font-heading: var(--bau-font-heading);
2164
- --usk-native-font-control: var(--bau-font-control);
2165
- --usk-native-font-mono: var(--bau-font-mono);
2166
- --usk-native-radius-sm: var(--bau-radius-sm);
2167
- --usk-native-radius: var(--bau-radius-md);
2168
- --usk-native-radius-lg: var(--bau-radius-lg);
2169
- --usk-native-shadow: var(--bau-shadow-sm, none);
2170
- --usk-native-shadow-md: var(--bau-shadow-md, var(--usk-native-shadow));
2171
- --usk-native-focus-ring: var(--bau-focus-ring, 0 0 0 3px rgb(var(--bau-focus-rgb) / .28));
2172
- --usk-native-border-width: 1px;
2173
- --usk-native-field-gap: .5rem;
2174
- --usk-native-panel-padding: var(--bau-space-5);
2175
- --bau-bg: rgb(var(--bau-bg-rgb));
2176
- --bau-surface: rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));
2177
- --bau-surface-strong: rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));
2178
- --bau-surface-soft: rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));
2179
- --bau-text: rgb(var(--bau-text-rgb));
2180
- --bau-text-muted: rgb(var(--bau-text-muted-rgb));
2181
- --bau-fg: var(--bau-text);
2182
- --bau-surface-fg: var(--bau-text);
2183
- --bau-muted: var(--bau-text-muted);
2184
- --bau-border: rgb(var(--bau-border-rgb) / var(--bau-border-alpha));
2185
- --bau-control-fg: var(--bau-text);
2186
- --bau-primary: rgb(var(--bau-primary-rgb));
2187
- --bau-primary-hover: rgb(var(--bau-primary-hover-rgb));
2188
- --bau-primary-text: rgb(var(--bau-primary-text-rgb));
2189
- --bau-secondary: rgb(var(--bau-secondary-rgb));
2190
- --bau-secondary-hover: rgb(var(--bau-secondary-hover-rgb));
2191
- --bau-secondary-text: rgb(var(--bau-secondary-text-rgb));
2192
- --bau-on-primary: var(--bau-primary-text);
2193
- --bau-on-secondary: var(--bau-secondary-text);
2194
- --bau-on-accent: rgb(var(--bau-accent-text-rgb));
2195
- --bau-on-success: rgb(var(--bau-success-text-rgb));
2196
- --bau-on-warning: rgb(var(--bau-warning-text-rgb));
2197
- --bau-on-danger: rgb(var(--bau-danger-text-rgb));
2198
- --bau-accent: rgb(var(--bau-accent-rgb));
2199
- --bau-success: rgb(var(--bau-success-rgb));
2200
- --bau-warning: rgb(var(--bau-warning-rgb));
2201
- --bau-danger: rgb(var(--bau-danger-rgb));
2202
- --bau-link: rgb(var(--bau-link-rgb));
2203
- --bau-focus: rgb(var(--bau-focus-rgb));
2204
- --bau-focus-ring: 0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));
2205
- --bau-theme-bg-size: auto, auto, 48px 48px, 48px 48px, auto;
2206
- --bau-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);
2207
- --bau-card-bg: linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);
2208
- --bau-control-bg: linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));
2209
- --bau-spinner-track: rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));
2210
- --bau-spinner-stroke: var(--bau-primary);
2211
- --bau-spinner-accent: var(--bau-accent);
2212
- }
2213
-
2214
- [data-ui="bauhaus"] {
2215
- background: linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);
2216
- color: var(--bau-text);
2217
- font-family: var(--bau-font-body);
2218
- text-rendering: optimizelegibility;
2219
- -webkit-font-smoothing: antialiased;
2220
- -moz-osx-font-smoothing: grayscale;
2221
- background-size: 48px 48px;
2222
- line-height: 1.5;
2223
- }
2224
-
2225
- [data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
2226
- box-sizing: border-box;
2227
- }
2228
-
2229
- [data-ui="bauhaus"][data-theme][data-mode] {
2230
- background: var(--bau-theme-bg);
2231
- background-size: var(--bau-theme-bg-size);
2232
- }
2233
-
2234
- .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link {
2235
- font-family: var(--bau-font-heading);
2236
- }
2237
-
2238
- .bau-title {
2239
- color: var(--bau-text);
2240
- letter-spacing: -.06em;
2241
- text-transform: uppercase;
2242
- margin: 0;
2243
- font-size: clamp(2rem, 5vw, 3.7rem);
2244
- line-height: 1.02;
2245
- }
2246
-
2247
- .bau-heading {
2248
- color: var(--bau-text);
2249
- letter-spacing: -.03em;
2250
- margin: 0;
2251
- font-size: clamp(1.2rem, 2.5vw, 2rem);
2252
- line-height: 1.15;
2253
- }
2254
-
2255
- .bau-kicker {
2256
- color: var(--bau-primary);
2257
- letter-spacing: .12em;
2258
- text-transform: uppercase;
2259
- margin: 0;
2260
- font-size: .82rem;
2261
- font-weight: 850;
2262
- }
2263
-
2264
- .bau-subtitle, .bau-copy {
2265
- color: var(--bau-text-muted);
2266
- margin: 0;
2267
- line-height: 1.65;
2268
- }
2269
-
2270
- .bau-text-muted {
2271
- color: var(--bau-text-muted);
2272
- }
2273
-
2274
- .bau-divider {
2275
- background: var(--bau-border);
2276
- border: 0;
2277
- width: 100%;
2278
- height: 2px;
2279
- }
2280
-
2281
- .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap {
2282
- background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);
2283
- color: var(--bau-text);
2284
- border: 2px solid var(--bau-border);
2285
- border-radius: var(--bau-radius-lg);
2286
- box-shadow: 6px 6px 0 rgb(var(--bau-primary-rgb)/.55);
2287
- transition: transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);
2288
- position: relative;
2289
- }
2290
-
2291
- .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card {
2292
- padding: var(--bau-space-6);
2293
- }
2294
-
2295
- .bau-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar {
2296
- justify-content: space-between;
2297
- align-items: center;
2298
- gap: var(--bau-space-4);
2299
- padding: var(--bau-space-4);
2300
- flex-wrap: wrap;
2301
- display: flex;
2302
- }
2303
-
2304
- .bau-surface-sm {
2305
- border-radius: var(--bau-radius-md);
2306
- box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--bau-shadow-alpha)*.72));
2307
- }
2308
-
2309
- .bau-surface-lg {
2310
- border-radius: var(--bau-radius-xl);
2311
- box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--bau-shadow-alpha) + .08));
2312
- }
2313
-
2314
- .bau-well, .bau-inset {
2315
- background: var(--bau-surface-soft);
2316
- color: var(--bau-text);
2317
- border: 2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));
2318
- border-radius: var(--bau-radius-md);
2319
- padding: var(--bau-space-5);
2320
- box-shadow: inset 0 1px 3px #00000014;
2321
- }
2322
-
2323
- .bau-hover-lift:hover {
2324
- box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--bau-shadow-alpha) + .12));
2325
- transform: translate(-3px, -3px);
2326
- }
2327
-
2328
- .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button {
2329
- appearance: none;
2330
- justify-content: center;
2331
- align-items: center;
2332
- gap: var(--bau-space-2);
2333
- background: var(--bau-surface);
2334
- min-height: 2.75rem;
2335
- color: var(--bau-text);
2336
- border: 2px solid var(--bau-border);
2337
- border-radius: var(--bau-radius-md);
2338
- box-shadow: 0 6px 18px rgb(0 0 0 / var(--bau-shadow-alpha));
2339
- font: inherit;
2340
- cursor: pointer;
2341
- -webkit-user-select: none;
2342
- -moz-user-select: none;
2343
- user-select: none;
2344
- transition: color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);
2345
- padding: .75rem 1.1rem;
2346
- font-weight: 800;
2347
- line-height: 1;
2348
- text-decoration: none;
2349
- display: inline-flex;
2350
- }
2351
-
2352
- .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover {
2353
- border-color: var(--bau-primary);
2354
- transform: translateY(-1px);
2355
- }
2356
-
2357
- .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active {
2358
- transform: translateY(1px);
2359
- box-shadow: inset 0 3px 10px #0000002e;
2360
- }
2361
-
2362
- .bau-button-primary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) {
2363
- background: var(--bau-primary);
2364
- color: var(--bau-on-primary);
2365
- border-color: var(--bau-primary);
2366
- }
2367
-
2368
- .bau-button-primary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover {
2369
- background: var(--bau-primary-hover);
2370
- border-color: var(--bau-primary-hover);
2371
- }
2372
-
2373
- .bau-button-secondary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) {
2374
- background: var(--bau-secondary);
2375
- color: var(--bau-on-secondary);
2376
- border-color: var(--bau-secondary);
2377
- }
2378
-
2379
- .bau-button-secondary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover {
2380
- background: var(--bau-secondary-hover);
2381
- border-color: var(--bau-secondary-hover);
2382
- }
2383
-
2384
- .bau-button-danger, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) {
2385
- background: var(--bau-danger);
2386
- color: var(--bau-on-danger);
2387
- border-color: var(--bau-danger);
2388
- }
2389
-
2390
- .bau-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) {
2391
- color: var(--bau-text);
2392
- box-shadow: none;
2393
- background: none;
2394
- }
2395
-
2396
- .bau-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button {
2397
- border-radius: var(--bau-radius-pill);
2398
- width: 2.75rem;
2399
- padding: 0;
2400
- }
2401
-
2402
- .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled {
2403
- opacity: .55;
2404
- cursor: not-allowed;
2405
- transform: none;
2406
- }
2407
-
2408
- .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card {
2409
- background: var(--bau-card-bg);
2410
- }
2411
-
2412
- .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-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="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button {
2413
- background: var(--bau-control-bg);
2414
- }
2415
-
2416
- .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link {
2417
- font-family: var(--bau-font-control);
2418
- }
2419
-
2420
- .bau-field, :where([data-ui="bauhaus"]) .ui-field {
2421
- gap: var(--bau-space-2);
2422
- flex-direction: column;
2423
- display: flex;
2424
- }
2425
-
2426
- .bau-label, :where([data-ui="bauhaus"]) .ui-label {
2427
- color: var(--bau-text);
2428
- font-size: .925rem;
2429
- font-weight: 800;
2430
- }
2431
-
2432
- .bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select {
2433
- background: var(--bau-surface-soft);
2434
- width: 100%;
2435
- min-height: 2.875rem;
2436
- color: var(--bau-text);
2437
- border: 2px solid var(--bau-border);
2438
- border-radius: var(--bau-radius-md);
2439
- font: inherit;
2440
- transition: background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
2441
- outline: none;
2442
- padding: .75rem 1rem;
2443
- }
2444
-
2445
- .bau-textarea, :where([data-ui="bauhaus"]) .ui-textarea {
2446
- resize: vertical;
2447
- min-height: 8rem;
2448
- }
2449
-
2450
- .bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder {
2451
- color: var(--bau-text-muted);
2452
- opacity: .82;
2453
- }
2454
-
2455
- .bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover {
2456
- border-color: rgb(var(--bau-primary-rgb)/.58);
2457
- }
2458
-
2459
- .bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus {
2460
- border-color: var(--bau-focus);
2461
- box-shadow: var(--bau-focus-ring);
2462
- }
2463
-
2464
- .bau-help-text, :where([data-ui="bauhaus"]) .ui-help-text {
2465
- color: var(--bau-text-muted);
2466
- font-size: .875rem;
2467
- line-height: 1.45;
2468
- }
2469
-
2470
- .bau-check, .bau-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio {
2471
- align-items: center;
2472
- gap: var(--bau-space-2);
2473
- color: var(--bau-text);
2474
- cursor: pointer;
2475
- display: inline-flex;
2476
- }
2477
-
2478
- .bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input {
2479
- opacity: 0;
2480
- pointer-events: none;
2481
- position: absolute;
2482
- }
2483
-
2484
- .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control {
2485
- background: var(--bau-surface-soft);
2486
- border: 2px solid var(--bau-border);
2487
- width: 1.35rem;
2488
- height: 1.35rem;
2489
- transition: background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
2490
- place-items: center;
2491
- display: inline-grid;
2492
- }
2493
-
2494
- .bau-check-control, :where([data-ui="bauhaus"]) .ui-check-control {
2495
- border-radius: var(--bau-radius-xs);
2496
- }
2497
-
2498
- .bau-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control {
2499
- border-radius: 50%;
2500
- }
2501
-
2502
- .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control {
2503
- background: var(--bau-primary);
2504
- border-color: var(--bau-primary);
2505
- box-shadow: var(--bau-focus-ring);
2506
- }
2507
-
2508
- .bau-check input:checked + .bau-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after {
2509
- content: "✓";
2510
- color: var(--bau-on-primary);
2511
- font-size: .9rem;
2512
- font-weight: 900;
2513
- }
2514
-
2515
- .bau-radio input:checked + .bau-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after {
2516
- content: "";
2517
- background: var(--bau-on-primary);
2518
- border-radius: 50%;
2519
- width: .55rem;
2520
- height: .55rem;
2521
- }
2522
-
2523
- .bau-switch, :where([data-ui="bauhaus"]) .ui-switch {
2524
- align-items: center;
2525
- gap: var(--bau-space-3);
2526
- color: var(--bau-text);
2527
- cursor: pointer;
2528
- display: inline-flex;
2529
- }
2530
-
2531
- .bau-switch input, :where([data-ui="bauhaus"]) .ui-switch input {
2532
- opacity: 0;
2533
- pointer-events: none;
2534
- position: absolute;
2535
- }
2536
-
2537
- .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track {
2538
- background: var(--bau-surface-soft);
2539
- border: 2px solid var(--bau-border);
2540
- border-radius: var(--bau-radius-pill);
2541
- width: 3.5rem;
2542
- height: 1.9rem;
2543
- transition: background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
2544
- position: relative;
2545
- }
2546
-
2547
- .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb {
2548
- background: var(--bau-surface-strong);
2549
- border: 2px solid var(--bau-border);
2550
- width: 1.34rem;
2551
- height: 1.34rem;
2552
- box-shadow: 0 4px 12px rgb(0 0 0 / var(--bau-shadow-alpha));
2553
- transition: left var(--bau-transition-fast),background var(--bau-transition-fast);
2554
- border-radius: 50%;
2555
- position: absolute;
2556
- top: .22rem;
2557
- left: .22rem;
2558
- }
2559
-
2560
- .bau-switch input:checked + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track {
2561
- background: var(--bau-primary);
2562
- border-color: var(--bau-primary);
2563
- }
2564
-
2565
- .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
2566
- background: var(--bau-on-primary);
2567
- left: calc(100% - 1.56rem);
2568
- }
2569
-
2570
- .bau-badge, :where([data-ui="bauhaus"]) .ui-badge {
2571
- align-items: center;
2572
- gap: var(--bau-space-1);
2573
- background: var(--bau-surface-soft);
2574
- min-height: 1.75rem;
2575
- color: var(--bau-text);
2576
- border: 2px solid var(--bau-border);
2577
- border-radius: var(--bau-radius-pill);
2578
- padding: .35rem .7rem;
2579
- font-size: .8125rem;
2580
- font-weight: 850;
2581
- line-height: 1;
2582
- display: inline-flex;
2583
- }
2584
-
2585
- .bau-badge-primary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) {
2586
- background: var(--bau-primary);
2587
- color: var(--bau-on-primary);
2588
- border-color: var(--bau-primary);
2589
- }
2590
-
2591
- .bau-badge-secondary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) {
2592
- background: var(--bau-secondary);
2593
- color: var(--bau-on-secondary);
2594
- border-color: var(--bau-secondary);
2595
- }
2596
-
2597
- .bau-badge-success, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) {
2598
- background: var(--bau-success);
2599
- color: var(--bau-on-success);
2600
- border-color: var(--bau-success);
2601
- }
2602
-
2603
- .bau-badge-warning, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) {
2604
- background: var(--bau-warning);
2605
- color: var(--bau-on-warning);
2606
- border-color: var(--bau-warning);
2607
- }
2608
-
2609
- .bau-badge-danger, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) {
2610
- background: var(--bau-danger);
2611
- color: var(--bau-on-danger);
2612
- border-color: var(--bau-danger);
2613
- }
2614
-
2615
- .bau-nav, :where([data-ui="bauhaus"]) .ui-nav {
2616
- align-items: center;
2617
- gap: var(--bau-space-2);
2618
- padding: var(--bau-space-2);
2619
- background: var(--bau-surface);
2620
- border: 2px solid var(--bau-border);
2621
- border-radius: var(--bau-radius-xl);
2622
- box-shadow: 0 10px 30px rgb(0 0 0 / var(--bau-shadow-alpha));
2623
- flex-wrap: wrap;
2624
- display: flex;
2625
- }
2626
-
2627
- .bau-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link {
2628
- min-height: 2.5rem;
2629
- color: var(--bau-text-muted);
2630
- border-radius: var(--bau-radius-pill);
2631
- transition: color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
2632
- justify-content: center;
2633
- align-items: center;
2634
- padding: .65rem 1rem;
2635
- font-weight: 850;
2636
- text-decoration: none;
2637
- display: inline-flex;
2638
- }
2639
-
2640
- .bau-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover {
2641
- color: var(--bau-text);
2642
- background: var(--bau-surface-soft);
2643
- }
2644
-
2645
- .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active {
2646
- color: var(--bau-on-primary);
2647
- background: var(--bau-primary);
2648
- }
2649
-
2650
- .bau-tooltip, [data-ui="bauhaus"] :where(.ui-tooltip, [role="tooltip"], [data-tooltip]) {
2651
- background: linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);
2652
- max-inline-size: 16rem;
2653
- color: var(--bau-text);
2654
- border: 2px double var(--bau-border);
2655
- box-shadow: none;
2656
- text-transform: uppercase;
2657
- letter-spacing: .08em;
2658
- border-radius: 0;
2659
- align-items: center;
2660
- gap: .45rem;
2661
- padding: .58rem .78rem;
2662
- font-size: .82rem;
2663
- font-weight: 900;
2664
- line-height: 1.25;
2665
- display: inline-flex;
2666
- }
2667
-
2668
- .bau-tooltip-arrow {
2669
- background: var(--bau-accent);
2670
- flex: none;
2671
- block-size: .6rem;
2672
- inline-size: .6rem;
2673
- transform: rotate(45deg);
2674
- }
2675
-
2676
- .bau-progress, :where([data-ui="bauhaus"]) .ui-progress {
2677
- background: var(--bau-surface-soft);
2678
- border: 2px solid var(--bau-border);
2679
- border-radius: var(--bau-radius-pill);
2680
- width: 100%;
2681
- height: .9rem;
2682
- overflow: hidden;
2683
- }
2684
-
2685
- .bau-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar {
2686
- height: 100%;
2687
- width: var(--bau-progress-value, 50%);
2688
- background: linear-gradient(90deg,var(--bau-primary),var(--bau-accent));
2689
- border-radius: inherit;
2690
- }
2691
-
2692
- .bau-alert, :where([data-ui="bauhaus"]) .ui-alert {
2693
- gap: var(--bau-space-2);
2694
- padding: var(--bau-space-4);
2695
- background: var(--bau-surface);
2696
- color: var(--bau-text);
2697
- border: 2px solid var(--bau-border);
2698
- border-radius: var(--bau-radius-lg);
2699
- box-shadow: 0 10px 30px rgb(0 0 0 / var(--bau-shadow-alpha));
2700
- display: grid;
2701
- }
2702
-
2703
- .bau-alert-success, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) {
2704
- border-left-color: var(--bau-success);
2705
- }
2706
-
2707
- .bau-alert-warning, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) {
2708
- border-left-color: var(--bau-warning);
2709
- }
2710
-
2711
- .bau-alert-danger, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) {
2712
- border-left-color: var(--bau-danger);
2713
- }
2714
-
2715
- .bau-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title {
2716
- margin: 0;
2717
- font-weight: 900;
2718
- }
2719
-
2720
- .bau-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body {
2721
- color: var(--bau-text-muted);
2722
- margin: 0;
2723
- line-height: 1.55;
2724
- }
2725
-
2726
- .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap {
2727
- overflow: auto;
2728
- }
2729
-
2730
- .bau-table, :where([data-ui="bauhaus"]) .ui-table {
2731
- border-collapse: collapse;
2732
- width: 100%;
2733
- }
2734
-
2735
- .bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td {
2736
- text-align: left;
2737
- border-bottom: 2px solid var(--bau-border);
2738
- padding: .95rem 1rem;
2739
- }
2740
-
2741
- .bau-table th, :where([data-ui="bauhaus"]) .ui-table th {
2742
- color: var(--bau-text);
2743
- text-transform: uppercase;
2744
- letter-spacing: .08em;
2745
- background: rgb(var(--bau-primary-rgb)/.08);
2746
- font-size: .82rem;
2747
- font-weight: 900;
2748
- }
2749
-
2750
- .bau-table td, :where([data-ui="bauhaus"]) .ui-table td {
2751
- color: var(--bau-text-muted);
2752
- }
2753
-
2754
- .bau-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td {
2755
- background: rgb(var(--bau-primary-rgb)/.045);
2756
- }
2757
-
2758
- .bau-text-primary {
2759
- color: var(--bau-primary);
2760
- }
2761
-
2762
- .bau-text-secondary {
2763
- color: var(--bau-secondary);
2764
- }
2765
-
2766
- .bau-text-accent {
2767
- color: var(--bau-accent);
2768
- }
2769
-
2770
- .bau-text-success {
2771
- color: var(--bau-success);
2772
- }
2773
-
2774
- .bau-text-warning {
2775
- color: var(--bau-warning);
2776
- }
2777
-
2778
- .bau-text-danger {
2779
- color: var(--bau-danger);
2780
- }
2781
-
2782
- .bau-bg-primary {
2783
- background: var(--bau-primary);
2784
- color: var(--bau-on-primary);
2785
- }
2786
-
2787
- .bau-bg-secondary {
2788
- background: var(--bau-secondary);
2789
- color: var(--bau-on-secondary);
2790
- }
2791
-
2792
- .bau-border {
2793
- border: 2px solid var(--bau-border);
2794
- }
2795
-
2796
- .bau-rounded {
2797
- border-radius: var(--bau-radius-md);
2798
- }
2799
-
2800
- .bau-rounded-lg {
2801
- border-radius: var(--bau-radius-lg);
2802
- }
2803
-
2804
- .bau-rounded-xl {
2805
- border-radius: var(--bau-radius-xl);
2806
- }
2807
-
2808
- .bau-pill {
2809
- border-radius: var(--bau-radius-pill);
2810
- }
2811
-
2812
- .bau-sr-only, .bau-visually-hidden {
2813
- clip: rect(0,0,0,0) !important;
2814
- white-space: nowrap !important;
2815
- border: 0 !important;
2816
- width: 1px !important;
2817
- height: 1px !important;
2818
- margin: -1px !important;
2819
- padding: 0 !important;
2820
- position: absolute !important;
2821
- overflow: hidden !important;
2822
- }
2823
-
2824
- .bau-skip-link {
2825
- z-index: 9999;
2826
- background: var(--bau-primary);
2827
- color: var(--bau-on-primary);
2828
- border-radius: var(--bau-radius-md);
2829
- padding: .75rem 1rem;
2830
- font-weight: 900;
2831
- position: absolute;
2832
- top: 1rem;
2833
- left: 1rem;
2834
- transform: translateY(-150%);
2835
- }
2836
-
2837
- .bau-skip-link:focus {
2838
- transform: translateY(0);
2839
- }
2840
-
2841
- .bau-composition {
2842
- position: relative;
2843
- overflow: hidden;
2844
- }
2845
-
2846
- .bau-composition:after {
2847
- content: "";
2848
- background: var(--bau-primary);
2849
- opacity: .22;
2850
- border-radius: 50%;
2851
- block-size: 7rem;
2852
- inline-size: 7rem;
2853
- position: absolute;
2854
- top: -2rem;
2855
- right: -2rem;
2856
- }
2857
-
2858
- .bau-block {
2859
- background: var(--bau-primary);
2860
- min-block-size: 4rem;
2861
- min-inline-size: 4rem;
2862
- color: var(--bau-on-primary);
2863
- border: 2px solid var(--bau-border);
2864
- justify-content: center;
2865
- align-items: center;
2866
- font-weight: 950;
2867
- display: inline-flex;
2868
- }
2869
-
2870
- .bau-rail {
2871
- border-left: .75rem solid var(--bau-primary);
2872
- padding-left: var(--bau-space-4);
2873
- }
2874
-
2875
- .bau-spinner, .bau-loading-spinner, [data-ui="bauhaus"] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]) {
2876
- border: .2rem double var(--bau-border);
2877
- border-block-start-color: var(--bau-spinner-stroke);
2878
- border-inline-end-color: var(--bau-spinner-accent);
2879
- border-radius: var(--bau-radius-xs);
2880
- background: conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);
2881
- vertical-align: -.2em;
2882
- block-size: 2rem;
2883
- inline-size: 2rem;
2884
- animation: .8s steps(4, end) infinite bau-spin;
2885
- display: inline-block;
2886
- }
2887
-
2888
- .bau-spinner-sm {
2889
- border-width: .12rem;
2890
- block-size: 1rem;
2891
- inline-size: 1rem;
2892
- }
2893
-
2894
- .bau-spinner-lg {
2895
- border-width: .28rem;
2896
- block-size: 3rem;
2897
- inline-size: 3rem;
2898
- }
2899
-
2900
- .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] {
2901
- cursor: progress;
2902
- gap: .55rem;
2903
- }
2904
-
2905
- .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :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="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after {
2906
- content: "";
2907
- border: .16em solid rgb(var(--bau-primary-text-rgb)/.42);
2908
- border-block-start-color: currentColor;
2909
- border-radius: 50%;
2910
- block-size: 1em;
2911
- inline-size: 1em;
2912
- animation: .75s linear infinite bau-spin;
2913
- display: inline-block;
2914
- }
2915
-
2916
- @keyframes bau-spin {
2917
- to {
2918
- transform: rotate(360deg);
2919
- }
2920
- }
2921
-
2922
- @media (prefers-reduced-motion: reduce) {
2923
- [data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
2924
- scroll-behavior: auto !important;
2925
- transition-duration: 1ms !important;
2926
- animation-duration: 1ms !important;
2927
- animation-iteration-count: 1 !important;
2928
- }
2929
- }
2930
-
2931
- @media (prefers-contrast: more) {
2932
- [data-ui="bauhaus"] {
2933
- --bau-border-alpha: 1;
2934
- --bau-focus-alpha: .75;
2935
- }
2936
- }
2937
-
2938
- @media (forced-colors: active) {
2939
- [data-ui="bauhaus"] * {
2940
- forced-color-adjust: auto;
2941
- }
2942
-
2943
- [data-ui="bauhaus"] :where(:focus-visible) {
2944
- outline: 3px solid canvastext;
2945
- }
2946
- }
2947
-
2948
- @media print {
2949
- [data-ui="bauhaus"] {
2950
- color: #000 !important;
2951
- background: #fff !important;
2952
- }
2953
-
2954
- [data-ui="bauhaus"] * {
2955
- box-shadow: none !important;
2956
- text-shadow: none !important;
2957
- }
2958
-
2959
- [data-ui="bauhaus"] a {
2960
- text-decoration: underline;
2961
- color: #000 !important;
2962
- }
2963
- }
2964
- }
5
+ */@layer ui-style-kit.theme_colors,ui-style-kit.native_elements,ui-style-kit.components,ui-style-kit.presets,ui-style-kit.compat_layout;@layer ui-style-kit.theme_colors{:where([data-ui][data-mode="light"]){--usk-border-text-mix:45%;--usk-border-min-alpha:1}:where([data-ui][data-mode="dark"],[data-ui][data-mode="contrast"]){--usk-border-text-mix:0%;--usk-border-min-alpha:0}:where([data-ui][data-theme="midnight-gold"][data-mode="light"]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:162 118 38;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:132 94 27;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme="midnight-gold"][data-mode="dark"]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme="midnight-gold"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="ocean-steel"][data-mode="light"]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme="ocean-steel"][data-mode="dark"]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme="ocean-steel"][data-mode="contrast"]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="forest-moss"][data-mode="light"]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme="forest-moss"][data-mode="dark"]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme="forest-moss"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="sunset-ember"][data-mode="light"]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme="sunset-ember"][data-mode="dark"]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme="sunset-ember"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="royal-plum"][data-mode="light"]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme="royal-plum"][data-mode="dark"]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme="royal-plum"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="graphite-cyan"][data-mode="light"]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme="graphite-cyan"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="desert-sage"][data-mode="light"]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:107 97 78;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme="desert-sage"][data-mode="dark"]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme="desert-sage"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="rose-quartz"][data-mode="light"]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme="rose-quartz"][data-mode="dark"]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme="rose-quartz"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="cyber-lime"][data-mode="light"]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:86 145 26;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:65 112 19;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme="cyber-lime"][data-mode="dark"]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme="cyber-lime"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="arctic-indigo"][data-mode="light"]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme="arctic-indigo"][data-mode="dark"]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme="arctic-indigo"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="chrome-navy"][data-mode="light"]){--usk-bg-rgb:245 247 250;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 254 255;--usk-surface-soft-rgb:230 234 240;--usk-text-rgb:13 27 42;--usk-text-muted-rgb:78 90 105;--usk-border-rgb:192 198 207;--usk-primary-rgb:31 58 95;--usk-primary-hover-rgb:22 44 72;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:62 107 142;--usk-secondary-hover-rgb:50 87 118;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:90 127 166;--usk-success-rgb:31 107 83;--usk-warning-rgb:164 106 0;--usk-danger-rgb:178 60 60;--usk-link-rgb:26 53 86;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:90 127 166}:where([data-ui][data-theme="chrome-navy"][data-mode="dark"]){--usk-bg-rgb:8 17 28;--usk-surface-rgb:16 33 49;--usk-surface-strong-rgb:23 48 66;--usk-surface-soft-rgb:12 26 39;--usk-text-rgb:239 244 250;--usk-text-muted-rgb:181 192 205;--usk-border-rgb:69 87 107;--usk-primary-rgb:126 169 211;--usk-primary-hover-rgb:165 194 225;--usk-primary-text-rgb:8 17 28;--usk-secondary-rgb:168 193 220;--usk-secondary-hover-rgb:199 216 234;--usk-secondary-text-rgb:8 17 28;--usk-accent-rgb:199 213 229;--usk-success-rgb:120 216 181;--usk-warning-rgb:255 209 122;--usk-danger-rgb:255 144 144;--usk-link-rgb:199 213 229;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:159 188 224}:where([data-ui][data-theme="chrome-navy"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 8 12;--usk-surface-strong-rgb:10 19 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:242 247 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:156 197 240;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 230 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:230 240 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 92 92;--usk-link-rgb:156 197 240;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="recycled-emerald"][data-mode="light"]){--usk-bg-rgb:246 251 249;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 255 254;--usk-surface-soft-rgb:232 242 239;--usk-text-rgb:14 44 41;--usk-text-muted-rgb:88 112 109;--usk-border-rgb:199 216 212;--usk-primary-rgb:14 91 79;--usk-primary-hover-rgb:10 72 63;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:15 118 110;--usk-secondary-hover-rgb:12 95 89;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:52 211 153;--usk-success-rgb:21 115 71;--usk-warning-rgb:150 99 0;--usk-danger-rgb:185 63 79;--usk-link-rgb:12 81 71;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:52 211 153}:where([data-ui][data-theme="recycled-emerald"][data-mode="dark"]){--usk-bg-rgb:7 22 20;--usk-surface-rgb:16 38 34;--usk-surface-strong-rgb:22 54 47;--usk-surface-soft-rgb:11 29 26;--usk-text-rgb:236 251 247;--usk-text-muted-rgb:183 208 203;--usk-border-rgb:65 97 92;--usk-primary-rgb:69 209 175;--usk-primary-hover-rgb:114 227 197;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:103 221 209;--usk-secondary-hover-rgb:141 236 227;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:139 255 214;--usk-success-rgb:141 229 184;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 154 168;--usk-link-rgb:139 255 214;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:103 221 209}:where([data-ui][data-theme="recycled-emerald"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 16 13;--usk-surface-strong-rgb:8 33 28;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:239 255 248;--usk-border-rgb:255 255 255;--usk-primary-rgb:56 240 185;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:160 255 217;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 128;--usk-link-rgb:56 240 185;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="industrial-orange"][data-mode="light"]){--usk-bg-rgb:245 243 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 250 248;--usk-surface-soft-rgb:228 224 218;--usk-text-rgb:24 21 18;--usk-text-muted-rgb:98 91 84;--usk-border-rgb:184 178 169;--usk-primary-rgb:183 78 22;--usk-primary-hover-rgb:142 63 18;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:43 43 43;--usk-secondary-hover-rgb:27 27 27;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:225 139 61;--usk-success-rgb:47 125 84;--usk-warning-rgb:164 106 0;--usk-danger-rgb:178 60 60;--usk-link-rgb:142 63 18;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:225 139 61}:where([data-ui][data-theme="industrial-orange"][data-mode="dark"]){--usk-bg-rgb:13 12 11;--usk-surface-rgb:26 26 26;--usk-surface-strong-rgb:43 43 43;--usk-surface-soft-rgb:18 17 16;--usk-text-rgb:247 242 235;--usk-text-muted-rgb:197 188 177;--usk-border-rgb:89 81 73;--usk-primary-rgb:255 138 61;--usk-primary-hover-rgb:255 174 113;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:198 191 182;--usk-secondary-hover-rgb:227 222 215;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 179 107;--usk-success-rgb:139 223 178;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 152 152;--usk-link-rgb:255 179 107;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 154 66}:where([data-ui][data-theme="industrial-orange"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:10 9 8;--usk-surface-strong-rgb:23 19 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:247 241 234;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 154 66;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:244 241 236;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 195 111;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 92 92;--usk-link-rgb:255 179 107;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="performance-red"][data-mode="light"]){--usk-bg-rgb:246 246 247;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 252 253;--usk-surface-soft-rgb:230 231 234;--usk-text-rgb:18 19 23;--usk-text-muted-rgb:92 97 107;--usk-border-rgb:199 203 210;--usk-primary-rgb:200 16 46;--usk-primary-hover-rgb:163 14 37;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:31 31 31;--usk-secondary-hover-rgb:17 17 17;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:232 76 97;--usk-success-rgb:47 125 84;--usk-warning-rgb:164 106 0;--usk-danger-rgb:168 15 41;--usk-link-rgb:163 14 37;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:232 76 97}:where([data-ui][data-theme="performance-red"][data-mode="dark"]){--usk-bg-rgb:9 9 10;--usk-surface-rgb:20 20 22;--usk-surface-strong-rgb:31 31 34;--usk-surface-soft-rgb:15 16 18;--usk-text-rgb:249 249 250;--usk-text-muted-rgb:192 197 207;--usk-border-rgb:76 79 86;--usk-primary-rgb:255 76 102;--usk-primary-hover-rgb:255 112 133;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:209 211 216;--usk-secondary-hover-rgb:232 233 236;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 131 148;--usk-success-rgb:143 223 182;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 127 144;--usk-link-rgb:255 131 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 76 102}:where([data-ui][data-theme="performance-red"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:18 18 18;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 54 86;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 149 163;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 106 125;--usk-link-rgb:255 149 163;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="heritage-brass"][data-mode="light"]){--usk-bg-rgb:250 244 234;--usk-surface-rgb:255 253 249;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:239 228 207;--usk-text-rgb:42 31 26;--usk-text-muted-rgb:109 92 84;--usk-border-rgb:212 192 166;--usk-primary-rgb:107 15 26;--usk-primary-hover-rgb:91 13 22;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:17 17 17;--usk-secondary-hover-rgb:0 0 0;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 154 70;--usk-success-rgb:47 125 84;--usk-warning-rgb:160 107 19;--usk-danger-rgb:178 60 60;--usk-link-rgb:91 13 22;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 154 70}:where([data-ui][data-theme="heritage-brass"][data-mode="dark"]){--usk-bg-rgb:19 13 10;--usk-surface-rgb:33 24 20;--usk-surface-strong-rgb:50 36 30;--usk-surface-soft-rgb:25 18 15;--usk-text-rgb:251 245 236;--usk-text-muted-rgb:211 195 183;--usk-border-rgb:106 82 62;--usk-primary-rgb:201 138 93;--usk-primary-hover-rgb:224 169 126;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:246 235 215;--usk-secondary-hover-rgb:255 248 235;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:231 184 95;--usk-success-rgb:152 224 182;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 160 154;--usk-link-rgb:240 200 125;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:231 184 95}:where([data-ui][data-theme="heritage-brass"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 10 7;--usk-surface-strong-rgb:28 18 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:200 138 54;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 243 217;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 211 107;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 107 107;--usk-link-rgb:255 211 107;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="service-blue-red"][data-mode="light"]){--usk-bg-rgb:245 247 250;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 252 253;--usk-surface-soft-rgb:232 235 240;--usk-text-rgb:17 36 59;--usk-text-muted-rgb:90 104 119;--usk-border-rgb:200 207 217;--usk-primary-rgb:13 59 102;--usk-primary-hover-rgb:11 49 85;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:214 43 43;--usk-secondary-hover-rgb:178 35 35;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:233 90 90;--usk-success-rgb:47 125 84;--usk-warning-rgb:164 106 0;--usk-danger-rgb:198 40 40;--usk-link-rgb:11 49 85;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:214 43 43}:where([data-ui][data-theme="service-blue-red"][data-mode="dark"]){--usk-bg-rgb:8 17 28;--usk-surface-rgb:16 32 48;--usk-surface-strong-rgb:24 49 73;--usk-surface-soft-rgb:11 23 36;--usk-text-rgb:243 247 251;--usk-text-muted-rgb:188 200 213;--usk-border-rgb:71 96 121;--usk-primary-rgb:108 169 227;--usk-primary-hover-rgb:147 193 237;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 106 106;--usk-secondary-hover-rgb:255 146 146;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 154 154;--usk-success-rgb:143 223 182;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 143 143;--usk-link-rgb:165 203 241;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 106 106}:where([data-ui][data-theme="service-blue-red"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:6 16 26;--usk-surface-strong-rgb:10 29 48;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:102 181 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 102 102;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 170 170;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 92 92;--usk-link-rgb:140 198 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="newsprint-crimson"][data-mode="light"]){--usk-bg-rgb:238 229 212;--usk-surface-rgb:248 241 229;--usk-surface-strong-rgb:255 249 238;--usk-surface-soft-rgb:222 209 188;--usk-text-rgb:44 38 34;--usk-text-muted-rgb:99 88 80;--usk-border-rgb:184 170 152;--usk-primary-rgb:122 35 41;--usk-primary-hover-rgb:92 24 29;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:64 58 54;--usk-secondary-hover-rgb:45 41 38;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:199 137 114;--usk-success-rgb:47 114 82;--usk-warning-rgb:154 101 0;--usk-danger-rgb:165 42 50;--usk-link-rgb:106 30 36;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:165 42 50}:where([data-ui][data-theme="newsprint-crimson"][data-mode="dark"]){--usk-bg-rgb:22 16 13;--usk-surface-rgb:33 24 20;--usk-surface-strong-rgb:48 35 30;--usk-surface-soft-rgb:26 18 15;--usk-text-rgb:244 235 221;--usk-text-muted-rgb:198 184 168;--usk-border-rgb:106 90 76;--usk-primary-rgb:216 124 131;--usk-primary-hover-rgb:238 160 166;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:200 185 166;--usk-secondary-hover-rgb:229 214 194;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:240 165 151;--usk-success-rgb:138 214 175;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 154 154;--usk-link-rgb:240 165 151;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:240 165 151}:where([data-ui][data-theme="newsprint-crimson"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:13 8 6;--usk-surface-strong-rgb:26 16 12;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 122 132;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 243 218;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 179 167;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 102;--usk-link-rgb:255 154 163;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="foundry-amber"][data-mode="light"]){--usk-bg-rgb:241 240 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:250 250 248;--usk-surface-soft-rgb:223 221 216;--usk-text-rgb:29 28 26;--usk-text-muted-rgb:96 93 88;--usk-border-rgb:167 163 155;--usk-primary-rgb:169 87 0;--usk-primary-hover-rgb:134 70 0;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:58 58 60;--usk-secondary-hover-rgb:39 39 41;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:232 154 45;--usk-success-rgb:47 114 82;--usk-warning-rgb:154 101 0;--usk-danger-rgb:173 54 54;--usk-link-rgb:134 70 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:232 154 45}:where([data-ui][data-theme="foundry-amber"][data-mode="dark"]){--usk-bg-rgb:17 17 19;--usk-surface-rgb:27 28 31;--usk-surface-strong-rgb:39 40 44;--usk-surface-soft-rgb:22 23 26;--usk-text-rgb:244 242 237;--usk-text-muted-rgb:187 184 177;--usk-border-rgb:88 90 95;--usk-primary-rgb:240 160 58;--usk-primary-hover-rgb:255 183 95;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:174 179 184;--usk-secondary-hover-rgb:208 211 214;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 209 122;--usk-success-rgb:138 214 175;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 153 153;--usk-link-rgb:255 209 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:240 160 58}:where([data-ui][data-theme="foundry-amber"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:9 9 9;--usk-surface-strong-rgb:21 21 21;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 244 242;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 176 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 211 107;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 102;--usk-link-rgb:255 194 71;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="soft-orchid"][data-mode="light"]){--usk-bg-rgb:247 244 252;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 250 255;--usk-surface-soft-rgb:233 226 246;--usk-text-rgb:36 26 58;--usk-text-muted-rgb:103 92 121;--usk-border-rgb:207 197 227;--usk-primary-rgb:101 82 184;--usk-primary-hover-rgb:75 59 152;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:105 82 163;--usk-secondary-hover-rgb:81 63 129;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:196 156 232;--usk-success-rgb:62 122 98;--usk-warning-rgb:152 100 0;--usk-danger-rgb:168 58 96;--usk-link-rgb:75 59 152;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:141 117 209}:where([data-ui][data-theme="soft-orchid"][data-mode="dark"]){--usk-bg-rgb:18 13 29;--usk-surface-rgb:28 21 43;--usk-surface-strong-rgb:42 32 64;--usk-surface-soft-rgb:23 17 34;--usk-text-rgb:245 240 255;--usk-text-muted-rgb:196 184 217;--usk-border-rgb:93 79 120;--usk-primary-rgb:169 148 242;--usk-primary-hover-rgb:196 181 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:209 183 245;--usk-secondary-hover-rgb:229 213 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:231 198 255;--usk-success-rgb:145 223 184;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 153 183;--usk-link-rgb:209 183 245;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:209 183 245}:where([data-ui][data-theme="soft-orchid"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:12 7 20;--usk-surface-strong-rgb:26 16 40;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:247 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:184 156 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:113 255 226;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 242;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 139;--usk-link-rgb:201 181 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="electric-noir"][data-mode="light"]){--usk-bg-rgb:244 245 248;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 252 255;--usk-surface-soft-rgb:230 232 240;--usk-text-rgb:20 17 28;--usk-text-muted-rgb:95 90 104;--usk-border-rgb:198 199 209;--usk-primary-rgb:140 26 120;--usk-primary-hover-rgb:114 21 98;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:33 58 85;--usk-secondary-hover-rgb:23 42 62;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:46 117 144;--usk-success-rgb:47 114 82;--usk-warning-rgb:152 100 0;--usk-danger-rgb:168 40 90;--usk-link-rgb:114 21 98;--usk-accent-text-rgb:255 255 255;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:168 48 160}:where([data-ui][data-theme="electric-noir"][data-mode="dark"]){--usk-bg-rgb:9 7 20;--usk-surface-rgb:17 11 27;--usk-surface-strong-rgb:27 16 43;--usk-surface-soft-rgb:13 9 22;--usk-text-rgb:246 244 250;--usk-text-muted-rgb:188 179 199;--usk-border-rgb:75 50 92;--usk-primary-rgb:226 74 196;--usk-primary-hover-rgb:255 114 223;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:75 166 201;--usk-secondary-hover-rgb:120 197 226;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 122 225;--usk-success-rgb:138 214 175;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 122 159;--usk-link-rgb:255 122 225;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 122 225}:where([data-ui][data-theme="electric-noir"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:9 5 18;--usk-surface-strong-rgb:22 10 36;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:248 242 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 89 215;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 215 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 146 230;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 139;--usk-link-rgb:255 123 224;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-mode]{--usk-native-bg:rgb(var(--usk-bg-rgb));--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:var(--usk-native-border);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-choice-size:1.5rem;--usk-native-choice-background:var(--usk-native-control-bg);--usk-native-choice-border:var(--usk-native-border-width) solid var(--usk-native-border);--usk-native-checkbox-radius:.3rem;--usk-native-radio-radius:50%;--usk-native-choice-shadow:none;--usk-native-choice-checked-background:var(--usk-native-primary);--usk-native-choice-mark-color:var(--usk-native-on-primary);--usk-native-select-indicator-image:linear-gradient(45deg,transparent 50%,var(--usk-native-indicator) 50%),linear-gradient(135deg,var(--usk-native-indicator) 50%,transparent 50%);--usk-native-select-indicator-size:.42rem .42rem,.42rem .42rem;--usk-native-select-indicator-position:calc(100% - 1.15rem) 50%,calc(100% - .85rem) 50%;--usk-native-select-padding-inline-end:2.5rem;--usk-native-range-track-size:.45rem;--usk-native-range-track-background:var(--usk-native-track);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:999px;--usk-native-range-track-shadow:none;--usk-native-range-progress-background:var(--usk-native-track-fill);--usk-native-range-thumb-size:1.2rem;--usk-native-range-thumb-background:var(--usk-native-thumb);--usk-native-range-thumb-border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);--usk-native-range-thumb-radius:50%;--usk-native-range-thumb-shadow:var(--usk-native-shadow);--usk-native-progress-size:.9rem;--usk-native-progress-track-background:var(--usk-native-track);--usk-native-progress-track-border:0 solid transparent;--usk-native-progress-track-radius:999px;--usk-native-progress-track-shadow:none;--usk-native-progress-value-background:var(--usk-native-track-fill);--usk-native-progress-value-radius:inherit;--usk-native-progress-value-shadow:none;--usk-native-meter-optimum-background:var(--usk-native-success);--usk-native-meter-suboptimum-background:var(--usk-native-warning);--usk-native-meter-critical-background:var(--usk-native-danger);--usk-native-file-button-background:var(--usk-native-primary);--usk-native-file-button-border:var(--usk-native-border-width) solid var(--usk-native-primary);--usk-native-file-button-radius:var(--usk-native-radius-sm);--usk-native-file-button-shadow:var(--usk-native-shadow);--usk-native-color-swatch-border:0 solid transparent;--usk-native-color-swatch-radius:calc(var(--usk-native-radius-sm)/1.5);--usk-native-indicator-opacity:.78;--usk-native-indicator-filter:none;--usk-native-scrollbar-size:.75rem;--usk-native-scrollbar-track:var(--usk-native-track);--usk-native-scrollbar-thumb:var(--usk-native-thumb-border);--usk-native-scrollbar-radius:999px;--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb)/.28);--usk-motion-duration:140ms;--usk-motion-easing:cubic-bezier(0.2,0,0.2,1);--ui-color-bg:var(--usk-native-bg);--ui-color-surface:var(--usk-native-surface-strong);--ui-color-text:var(--usk-native-text);--ui-color-muted:var(--usk-native-text-muted);--ui-color-primary:var(--usk-native-primary);--ui-color-on-primary:var(--usk-native-on-primary);--ui-color-border:var(--usk-native-border);--ui-radius-control:var(--usk-native-radius);--ui-shadow-control:var(--usk-native-shadow);--ui-focus-color:var(--usk-native-focus);--ui-motion-duration:var(--usk-motion-duration);--ui-motion-easing:var(--usk-motion-easing)}[data-ui][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);line-height:1.15;margin:0 0 .65em}@supports (text-wrap:balance){[data-ui][data-mode] :where(h1,h2,h3,h4,h5,h6){text-wrap:balance}}[data-ui][data-mode] :where(hgroup){display:grid;gap:.35rem;margin-block:0 1rem}[data-ui][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-mode] :where(p){margin:0 0 1rem;color:var(--usk-native-text-muted);line-height:1.7}[data-ui][data-mode] :where(a){color:var(--usk-native-link);text-decoration-thickness:.08em;text-underline-offset:.18em}[data-ui][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-mode] :where(ul,ol,menu){margin:0 0 1rem;padding-left:1.35rem;color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(li){margin-block:.25rem}[data-ui][data-mode] :where(blockquote){margin:1.25rem 0;padding:1rem 1.25rem;color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(code,kbd,samp){padding:.15em .35em;color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);font-size:.92em}[data-ui][data-mode] :where(pre){overflow:auto;margin:1rem 0;padding:1rem;color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(pre code){display:block;padding:0;background:transparent;border:0}[data-ui][data-mode] :where(hr){height:1px;margin:2rem 0;background:var(--usk-native-border);border:0}[data-ui][data-mode] :where(mark){padding-inline:.15em;color:var(--usk-native-text);background:rgb(var(--usk-warning-rgb)/.32);border-radius:.2em}[data-ui][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-mode] audio[controls]{display:block;box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:60px;padding:3px;background:var(--usk-native-control-bg);color:var(--usk-native-text);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);box-shadow:var(--usk-native-shadow);accent-color:var(--usk-native-primary);color-scheme:light}[data-ui][data-mode="dark"] audio[controls],[data-ui][data-mode="contrast"] audio[controls]{color-scheme:dark}[data-ui][data-mode] audio[controls]::-webkit-media-controls-enclosure{border-radius:var(--usk-native-radius);background:transparent}[data-ui][data-mode] audio[controls]::-webkit-media-controls-panel{background:var(--usk-native-control-bg);color:var(--usk-native-text)}[data-ui][data-mode] audio[controls]:focus-visible{outline:2px solid var(--usk-native-focus);outline-offset:2px}[data-ui][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-mode] :where(figcaption){margin-top:.5rem;color:var(--usk-native-text-muted);font-size:.9rem}[data-ui][data-mode] :where(form){display:grid;gap:var(--usk-native-field-gap);min-inline-size:0}[data-ui][data-mode] :where(fieldset){display:grid;gap:.9rem;min-inline-size:0;margin:0 0 1rem;padding:var(--usk-native-panel-padding);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(legend){padding-inline:.35rem;color:var(--usk-native-text);font-weight:900}[data-ui][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){display:grid;gap:var(--usk-native-field-gap);align-content:start}[data-ui][data-mode] :where(label:has(input[type="checkbox"]),label:has(input[type="radio"])){display:inline-flex;gap:var(--usk-native-field-gap);align-items:center}[data-ui][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-mode] :where(textarea){min-height:7rem;resize:vertical}[data-ui][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-mode] :where(select:not([multiple])){-webkit-appearance:none;appearance:none;padding-inline-end:var(--usk-native-select-padding-inline-end);background-image:var(--usk-native-select-indicator-image);background-repeat:no-repeat;background-position:var(--usk-native-select-indicator-position);background-size:var(--usk-native-select-indicator-size)}[data-ui][data-mode] :where(select[multiple]){padding-inline-end:var(--usk-native-control-padding-inline);background-image:none}[dir="rtl"] [data-ui][data-mode] :where(select:not([multiple])),[data-ui][data-mode][dir="rtl"] :where(select:not([multiple])){--usk-native-select-indicator-position:1.15rem 50%,.85rem 50%}[data-ui][data-mode] :where(button,input[type="button"],input[type="submit"],input[type="reset"]){-webkit-appearance:none;appearance:none;box-sizing:border-box;min-block-size:var(--usk-native-control-min-block-size);padding:.7rem 1rem;font:inherit}[data-ui][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);font-weight:850;cursor:pointer}[data-ui][data-mode] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]){display:inline-flex;align-items:center;justify-content:center;gap:.55rem}[data-ui][data-mode] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"])::after{flex:0 0 1em}[data-ui][data-mode] :where(button:not([class]):hover,input[type="button"]:not([class]):hover,input[type="submit"]:not([class]):hover,input[type="reset"]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-mode] :where(input[type="checkbox"],input[type="radio"]){-webkit-appearance:none;appearance:none;inline-size:var(--usk-native-choice-size);block-size:var(--usk-native-choice-size);background:var(--usk-native-choice-background);border:var(--usk-native-choice-border);box-shadow:var(--usk-native-choice-shadow);accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(input[type="checkbox"]){border-radius:var(--usk-native-checkbox-radius)}[data-ui][data-mode] :where(input[type="radio"]){border-radius:var(--usk-native-radio-radius)}[data-ui][data-mode] :where(input[type="checkbox"]:checked){background-color:var(--usk-native-choice-checked-background);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%)}[data-ui][data-mode] :where(input[type="checkbox"]:hover:not(:disabled),input[type="radio"]:hover:not(:disabled)){border-color:var(--usk-native-primary);filter:brightness(1.04)}[data-ui][data-mode] :where(input[type="checkbox"]:active:not(:disabled),input[type="radio"]:active:not(:disabled)){filter:brightness(.94);transform:scale(.94)}[data-ui][data-mode] :where(input[type="radio"]:checked){background:radial-gradient(circle,var(--usk-native-choice-mark-color)0 31%,transparent 34%),var(--usk-native-choice-checked-background)}[data-ui][data-mode] :where(input[type="range"]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;background:transparent;accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track{block-size:var(--usk-native-range-track-size);background:var(--usk-native-range-track-background);border:var(--usk-native-range-track-border);border-radius:var(--usk-native-range-track-radius);box-shadow:var(--usk-native-range-track-shadow)}[data-ui][data-mode] :where(input[type="range"])::-moz-range-track{block-size:var(--usk-native-range-track-size);background:var(--usk-native-range-track-background);border:var(--usk-native-range-track-border);border-radius:var(--usk-native-range-track-radius);box-shadow:var(--usk-native-range-track-shadow)}[data-ui][data-mode] :where(input[type="range"])::-moz-range-progress{block-size:var(--usk-native-range-track-size);background:var(--usk-native-range-progress-background);border-radius:var(--usk-native-range-track-radius)}[data-ui][data-mode] :where(input[type="range"])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--usk-native-range-thumb-size);block-size:var(--usk-native-range-thumb-size);margin-block-start:calc((var(--usk-native-range-track-size) - var(--usk-native-range-thumb-size))/2);background:var(--usk-native-range-thumb-background);border:var(--usk-native-range-thumb-border);border-radius:var(--usk-native-range-thumb-radius);box-shadow:var(--usk-native-range-thumb-shadow)}[data-ui][data-mode] :where(input[type="range"])::-moz-range-thumb{inline-size:var(--usk-native-range-thumb-size);block-size:var(--usk-native-range-thumb-size);background:var(--usk-native-range-thumb-background);border:var(--usk-native-range-thumb-border);border-radius:var(--usk-native-range-thumb-radius);box-shadow:var(--usk-native-range-thumb-shadow)}[data-ui][data-mode] :where(input[type="color"]){inline-size:3rem;block-size:2.4rem;padding:.2rem;background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm)}[data-ui][data-mode] :where(input[type="color"])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-mode] :where(input[type="color"])::-webkit-color-swatch{border:var(--usk-native-color-swatch-border);border-radius:var(--usk-native-color-swatch-radius)}[data-ui][data-mode] :where(input[type="color"])::-moz-color-swatch{border:var(--usk-native-color-swatch-border);border-radius:var(--usk-native-color-swatch-radius)}[data-ui][data-mode] :where(input[type="file"]){color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(input[type="file"])::file-selector-button,[data-ui][data-mode] :where(input[type="file"])::-webkit-file-upload-button{margin-inline-end:.75rem;padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-file-button-background);border:var(--usk-native-file-button-border);border-radius:var(--usk-native-file-button-radius);box-shadow:var(--usk-native-file-button-shadow);font-weight:800;cursor:pointer}[data-ui][data-mode] :where(input[type="file"]:hover)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-mode] :where(input[type="file"]:focus-visible)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-mode] :where(input[type="file"]:active)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-mode] :where(input[type="file"]:disabled)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-mode] :where(input:read-only:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid="true"],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-mode] :where(input[type="checkbox"]:indeterminate,input[type="radio"]:indeterminate){background:linear-gradient(var(--usk-native-choice-mark-color),var(--usk-native-choice-mark-color)) center/58% .15rem no-repeat var(--usk-native-choice-checked-background);accent-color:var(--usk-native-warning)}[data-ui][data-mode] :where(button:active,input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active){filter:brightness(.96)}[data-ui][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled="true"]){color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-mode] :where(table){width:100%;margin:1rem 0;background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse}[data-ui][data-mode] :where(caption){caption-side:bottom;padding:.75rem;color:var(--usk-native-text-muted);font-size:.9rem}[data-ui][data-mode] :where(th,td){padding:.8rem .9rem;text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border)}[data-ui][data-mode] :where(th){color:var(--usk-native-text);background:var(--usk-native-surface-soft)}[data-ui][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(details){margin:1rem 0;padding:.9rem 1rem;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)}[data-ui][data-mode] :where(summary){color:var(--usk-native-text);font-weight:900;cursor:pointer}[data-ui][data-mode] :where(dialog){max-width:min(92vw,42rem);padding:0;color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md),0 30px 80px rgb(0 0 0/.42)}[data-ui][data-mode] :where(dialog p){color:inherit}[data-ui][data-mode] :where(dialog)::backdrop{background:rgb(0 0 0/.62)}[data-ui][data-mode] :where(progress,meter){-webkit-appearance:none;appearance:none;width:100%;min-height:var(--usk-native-progress-size);accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(progress:not([value])){background:repeating-linear-gradient(115deg,var(--usk-native-progress-track-background)0 .5rem,var(--usk-native-progress-value-background) .5rem 1rem);background-size:200% 100%;border:var(--usk-native-progress-track-border);border-radius:var(--usk-native-progress-track-radius);box-shadow:var(--usk-native-progress-track-shadow);animation:usk-native-progress-indeterminate 1.2s linear infinite}@keyframes usk-native-progress-indeterminate{to{background-position:-2rem 0}}[data-ui][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-progress-track-background);border:var(--usk-native-progress-track-border);border-radius:var(--usk-native-progress-track-radius);box-shadow:var(--usk-native-progress-track-shadow)}[data-ui][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-progress-value-background);border-radius:var(--usk-native-progress-value-radius);box-shadow:var(--usk-native-progress-value-shadow)}[data-ui][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-progress-value-background);border-radius:var(--usk-native-progress-value-radius);box-shadow:var(--usk-native-progress-value-shadow)}[data-ui][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-meter-optimum-background)}[data-ui][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-meter-suboptimum-background)}[data-ui][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-meter-critical-background)}[data-ui][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-mode] :where(dl){margin:0 0 1rem;color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-decoration-thickness:.08em;text-underline-offset:.16em}[data-ui][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-mode] :where(search){display:block;color:var(--usk-native-text)}[data-ui][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-mode] :where(datalist){display:none}[data-ui][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-mode] :where(input[type="date"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"])::-webkit-calendar-picker-indicator{opacity:var(--usk-native-indicator-opacity);filter:var(--usk-native-indicator-filter);accent-color:var(--usk-native-indicator)}[data-ui][data-mode] :where(input[type="search"])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-mode] :where(input[type="number"])::-webkit-inner-spin-button,[data-ui][data-mode] :where(input[type="number"])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator);opacity:var(--usk-native-indicator-opacity);filter:var(--usk-native-indicator-filter)}[data-ui][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-mode] :where(:target){scroll-margin-top:6rem;outline:3px solid var(--usk-native-focus);outline-offset:.35rem}[data-ui][data-mode] :where([aria-current="page"]){font-weight:900}[data-ui][data-mode] :where([aria-busy="true"]){cursor:progress}[data-ui][data-mode] :where([hidden]){display:none!important}[data-ui][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-mode] ::-webkit-scrollbar{inline-size:var(--usk-native-scrollbar-size);block-size:var(--usk-native-scrollbar-size)}[data-ui][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-scrollbar-track)}[data-ui][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-scrollbar-thumb);border-radius:var(--usk-native-scrollbar-radius)}@supports (color:color-mix(in srgb,black,white)){[data-ui][data-mode]{--usk-native-track:color-mix(in srgb,var(--usk-native-border) 50%,transparent)}[data-ui][data-mode] :where(code,kbd,samp){border-color:color-mix(in srgb,var(--usk-native-border) 62%,transparent)}[data-ui][data-mode] :where(mark){background:color-mix(in srgb,var(--usk-native-warning) 32%,transparent)}[data-ui][data-mode] :where(fieldset){background:color-mix(in srgb,var(--usk-native-card-bg) 88%,transparent)}[data-ui][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled="true"]){background:color-mix(in srgb,var(--usk-native-surface-soft) 72%,transparent)}[data-ui][data-mode] :where(th){background:color-mix(in srgb,var(--usk-native-primary) 10%,transparent)}}@media (prefers-reduced-motion:reduce){[data-ui][data-mode] :where(input[type="file"])::file-selector-button,[data-ui][data-mode] :where(input[type="file"])::-webkit-file-upload-button{transition-duration:1ms!important}[data-ui][data-mode] :where(progress:not([value])){animation:none}}[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-webkit-slider-runnable-track,[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-webkit-slider-thumb,[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-moz-range-track,[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-moz-range-thumb,[data-ui][data-theme][data-mode="contrast"] :where(progress,meter),[data-ui][data-theme][data-mode="contrast"] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode="contrast"] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode="contrast"] :where(progress)::-moz-progress-bar{box-shadow:none;filter:none}@media (forced-colors:active){@supports (forced-color-adjust:auto){[data-ui][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}}[data-ui][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid="true"],.is-invalid){border-color:Mark}}}@layer ui-style-kit.components{[data-ui][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,strong,small,em,code,kbd,samp,pre,th,td){max-inline-size:100%;min-inline-size:0;overflow-wrap:break-word;word-break:normal}[data-ui][data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],[class~="saas-card"],[class~="saas-panel"],[class~="saas-toolbar"],[class~="saas-well"],[class~="saas-inset"],[class~="saas-field"],[class~="saas-alert"],[class~="saas-table-wrap"],[class~="saas-nav"],[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],[class~="bento-card"],[class~="bento-panel"],[class~="bento-toolbar"],[class~="bento-well"],[class~="bento-inset"],[class~="bento-field"],[class~="bento-alert"],[class~="bento-table-wrap"],[class~="bento-nav"],[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],[class~="max-card"],[class~="max-panel"],[class~="max-toolbar"],[class~="max-well"],[class~="max-inset"],[class~="max-field"],[class~="max-alert"],[class~="max-table-wrap"],[class~="max-nav"],[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],[class~="bau-card"],[class~="bau-panel"],[class~="bau-toolbar"],[class~="bau-well"],[class~="bau-inset"],[class~="bau-field"],[class~="bau-alert"],[class~="bau-table-wrap"],[class~="bau-nav"],[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],[class~="tactile-card"],[class~="tactile-panel"],[class~="tactile-toolbar"],[class~="tactile-well"],[class~="tactile-inset"],[class~="tactile-field"],[class~="tactile-alert"],[class~="tactile-table-wrap"],[class~="tactile-nav"],[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],[class~="neo-card"],[class~="neo-panel"],[class~="neo-toolbar"],[class~="neo-well"],[class~="neo-inset"],[class~="neo-field"],[class~="neo-alert"],[class~="neo-table-wrap"],[class~="neo-nav"],[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],[class~="retro-card"],[class~="retro-panel"],[class~="retro-toolbar"],[class~="retro-well"],[class~="retro-inset"],[class~="retro-field"],[class~="retro-alert"],[class~="retro-table-wrap"],[class~="retro-nav"],[class~="brutal-surface"],[class~="brutal-card"],[class~="brutal-panel"],[class~="brutal-toolbar"],[class~="brutal-well"],[class~="brutal-inset"],[class~="brutal-field"],[class~="brutal-alert"],[class~="brutal-table-wrap"],[class~="brutal-nav"],[class~="cyber-card"],[class~="cyber-panel"],[class~="cyber-toolbar"],[class~="cyber-well"],[class~="cyber-inset"],[class~="cyber-field"],[class~="cyber-alert"],[class~="cyber-table-wrap"],[class~="cyber-nav"],[class~="y2k-card"],[class~="y2k-panel"],[class~="y2k-toolbar"],[class~="y2k-well"],[class~="y2k-inset"],[class~="y2k-field"],[class~="y2k-alert"],[class~="y2k-table-wrap"],[class~="y2k-nav"],[class~="rg-card"],[class~="rg-panel"],[class~="rg-toolbar"],[class~="rg-well"],[class~="rg-inset"],[class~="rg-field"],[class~="rg-alert"],[class~="rg-table-wrap"],[class~="rg-nav"]),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],.ui-card,[class~="saas-panel"],.ui-toolbar,[class~="saas-well"],[class~="saas-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],.ui-card,[class~="bento-panel"],.ui-toolbar,[class~="bento-well"],[class~="bento-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],.ui-card,[class~="max-panel"],.ui-toolbar,[class~="max-well"],[class~="max-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],.ui-card,[class~="bau-panel"],.ui-toolbar,[class~="bau-well"],[class~="bau-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],.ui-card,[class~="tactile-panel"],.ui-toolbar,[class~="tactile-well"],[class~="tactile-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],.ui-card,[class~="neo-panel"],.ui-toolbar,[class~="neo-well"],[class~="neo-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],.ui-card,[class~="retro-panel"],.ui-toolbar,[class~="retro-well"],[class~="retro-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="brutal-surface"],.ui-card,[class~="brutal-panel"],.ui-toolbar,[class~="brutal-well"],[class~="brutal-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="cyber-panel"],.ui-toolbar,[class~="cyber-well"],[class~="cyber-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="y2k-panel"],.ui-toolbar,[class~="y2k-well"],[class~="y2k-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="rg-panel"],.ui-toolbar,[class~="rg-well"],[class~="rg-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav){max-inline-size:100%;min-inline-size:0}[data-ui][data-mode] :where([class~="saas-button"],[class~="saas-icon-button"],[class~="saas-badge"],[class~="saas-nav-link"],[class~="bento-button"],[class~="bento-icon-button"],[class~="bento-badge"],[class~="bento-nav-link"],[class~="max-button"],[class~="max-icon-button"],[class~="max-badge"],[class~="max-nav-link"],[class~="bau-button"],[class~="bau-icon-button"],[class~="bau-badge"],[class~="bau-nav-link"],[class~="tactile-button"],[class~="tactile-icon-button"],[class~="tactile-badge"],[class~="tactile-nav-link"],[class~="neo-button"],[class~="neo-icon-button"],[class~="neo-badge"],[class~="neo-nav-link"],[class~="retro-button"],[class~="retro-icon-button"],[class~="retro-badge"],[class~="retro-nav-link"],[class~="brutal-button"],[class~="brutal-icon-button"],[class~="brutal-badge"],[class~="brutal-nav-link"],[class~="cyber-button"],[class~="cyber-icon-button"],[class~="cyber-badge"],[class~="cyber-nav-link"],[class~="y2k-button"],[class~="y2k-icon-button"],[class~="y2k-badge"],[class~="y2k-nav-link"],[class~="rg-button"],[class~="rg-icon-button"],[class~="rg-badge"],[class~="rg-nav-link"]),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link){max-inline-size:100%;min-inline-size:0;overflow-wrap:break-word;word-break:normal;white-space:normal}[data-ui][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;vertical-align:middle}[data-ui][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;padding-block:.65rem;padding-inline:max(1rem,1em);border-style:solid;border-width:1px;border-radius:999px;font:inherit;font-weight:850;text-align:center;text-decoration:none;overflow-wrap:break-word;word-break:normal;white-space:normal;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,filter 160ms ease}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed="true"],.bento-button-pill:active,.bento-button-pill[aria-pressed="true"],.max-button-pill:active,.max-button-pill[aria-pressed="true"],.bau-button-pill:active,.bau-button-pill[aria-pressed="true"],.tactile-button-pill:active,.tactile-button-pill[aria-pressed="true"],.neo-button-pill:active,.neo-button-pill[aria-pressed="true"],.retro-button-pill:active,.retro-button-pill[aria-pressed="true"],.brutal-button-pill:active,.brutal-button-pill[aria-pressed="true"],.cyber-button-pill:active,.cyber-button-pill[aria-pressed="true"],.y2k-button-pill:active,.y2k-button-pill[aria-pressed="true"],.rg-button-pill:active,.rg-button-pill[aria-pressed="true"]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled="true"],.bento-button-pill:disabled,.bento-button-pill[aria-disabled="true"],.max-button-pill:disabled,.max-button-pill[aria-disabled="true"],.bau-button-pill:disabled,.bau-button-pill[aria-disabled="true"],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled="true"],.neo-button-pill:disabled,.neo-button-pill[aria-disabled="true"],.retro-button-pill:disabled,.retro-button-pill[aria-disabled="true"],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled="true"],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled="true"],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled="true"],.rg-button-pill:disabled,.rg-button-pill[aria-disabled="true"]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){max-inline-size:min(18rem,calc(100vw - 2rem));text-align:start;overflow-wrap:break-word;word-break:normal}[data-ui][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){position:absolute;z-index:20}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-inline-start:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-inline-end:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{inline-size:100%;block-size:1px;border:0;background:var(--usk-native-border)}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--usk-native-primary);background:transparent;border-color:var(--usk-native-border)}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui="bauhaus"]) .ui-check,:where([data-ui="bauhaus"]) .ui-radio,:where([data-ui="bauhaus"]) .ui-switch{display:inline-flex;align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text)}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio-control{inline-size:1.5rem;block-size:1.5rem;accent-color:var(--usk-native-primary)}.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,:where([data-ui="bauhaus"]) .ui-switch-track{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;inline-size:2.75rem;block-size:1.5rem;padding:.18rem;background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px}.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,:where([data-ui="bauhaus"]) .ui-switch-thumb{inline-size:1rem;block-size:1rem;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;transition:transform 160ms ease}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:1000;padding:.75rem 1rem;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{[data-ui][data-mode] :where(.saas-badge-seal,.bento-badge-seal,.max-badge-seal,.bau-badge-seal,.tactile-badge-seal,.neo-badge-seal,.retro-badge-seal,.brutal-badge-seal,.cyber-badge-seal,.y2k-badge-seal,.rg-badge-seal,.luxe-badge-seal,.organic-badge-seal,.utility-badge-seal,.blueprint-badge-seal,.deco-badge-seal,.clay-badge-seal,.terminal-badge-seal,.paper-badge-seal,.noir-badge-seal)>strong{color:inherit;font-size:1.5rem;line-height:.9}[data-ui][data-mode] :where(.saas-badge-seal,.bento-badge-seal,.max-badge-seal,.bau-badge-seal,.tactile-badge-seal,.neo-badge-seal,.retro-badge-seal,.brutal-badge-seal,.cyber-badge-seal,.y2k-badge-seal,.rg-badge-seal,.luxe-badge-seal,.organic-badge-seal,.utility-badge-seal,.blueprint-badge-seal,.deco-badge-seal,.clay-badge-seal,.terminal-badge-seal,.paper-badge-seal,.noir-badge-seal)>small{color:inherit;font-size:.8125rem;line-height:1}}@layer ui-style-kit.components{[data-ui][data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.luxe-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.luxe-toolbar,.luxe-well,.luxe-inset,.luxe-field,.luxe-alert,.luxe-table-wrap,.luxe-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.organic-card,.organic-card-service,.organic-card-feature,.organic-panel,.organic-toolbar,.organic-well,.organic-inset,.organic-field,.organic-alert,.organic-table-wrap,.organic-nav,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.utility-card,.utility-card-service,.utility-card-feature,.utility-panel,.utility-toolbar,.utility-well,.utility-inset,.utility-field,.utility-alert,.utility-table-wrap,.utility-nav,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.blueprint-card,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.blueprint-toolbar,.blueprint-well,.blueprint-inset,.blueprint-field,.blueprint-alert,.blueprint-table-wrap,.blueprint-nav,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.deco-card,.deco-card-service,.deco-card-feature,.deco-panel,.deco-toolbar,.deco-well,.deco-inset,.deco-field,.deco-alert,.deco-table-wrap,.deco-nav,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.clay-card,.clay-card-service,.clay-card-feature,.clay-panel,.clay-toolbar,.clay-well,.clay-inset,.clay-field,.clay-alert,.clay-table-wrap,.clay-nav,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.terminal-card,.terminal-card-service,.terminal-card-feature,.terminal-panel,.terminal-toolbar,.terminal-well,.terminal-inset,.terminal-field,.terminal-alert,.terminal-table-wrap,.terminal-nav,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.paper-card,.paper-card-service,.paper-card-feature,.paper-panel,.paper-toolbar,.paper-well,.paper-inset,.paper-field,.paper-alert,.paper-table-wrap,.paper-nav,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.noir-card,.noir-card-service,.noir-card-feature,.noir-panel,.noir-toolbar,.noir-well,.noir-inset,.noir-field,.noir-alert,.noir-table-wrap,.noir-nav,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.ui-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.ui-toolbar,.luxe-well,.luxe-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.ui-card,.organic-card-service,.organic-card-feature,.organic-panel,.ui-toolbar,.organic-well,.organic-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.ui-card,.utility-card-service,.utility-card-feature,.utility-panel,.ui-toolbar,.utility-well,.utility-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.ui-card,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.ui-toolbar,.blueprint-well,.blueprint-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.ui-card,.deco-card-service,.deco-card-feature,.deco-panel,.ui-toolbar,.deco-well,.deco-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.ui-card,.clay-card-service,.clay-card-feature,.clay-panel,.ui-toolbar,.clay-well,.clay-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.ui-card,.terminal-card-service,.terminal-card-feature,.terminal-panel,.ui-toolbar,.terminal-well,.terminal-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.ui-card,.paper-card-service,.paper-card-feature,.paper-panel,.ui-toolbar,.paper-well,.paper-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.ui-card,.noir-card-service,.noir-card-feature,.noir-panel,.ui-toolbar,.noir-well,.noir-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim){max-inline-size:100%;min-inline-size:0}[data-ui][data-mode] :where(.luxe-button,.luxe-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.luxe-badge,.luxe-badge-seal,.luxe-nav-link,.luxe-icon-medallion,.organic-button,.organic-icon-button,.organic-button-cut,.organic-button-outline-heavy,.organic-badge,.organic-badge-seal,.organic-nav-link,.organic-icon-medallion,.utility-button,.utility-icon-button,.utility-button-cut,.utility-button-outline-heavy,.utility-badge,.utility-badge-seal,.utility-nav-link,.utility-icon-medallion,.blueprint-button,.blueprint-icon-button,.blueprint-button-cut,.blueprint-button-outline-heavy,.blueprint-badge,.blueprint-badge-seal,.blueprint-nav-link,.blueprint-icon-medallion,.deco-button,.deco-icon-button,.deco-button-cut,.deco-button-outline-heavy,.deco-badge,.deco-badge-seal,.deco-nav-link,.deco-icon-medallion,.clay-button,.clay-icon-button,.clay-button-cut,.clay-button-outline-heavy,.clay-badge,.clay-badge-seal,.clay-nav-link,.clay-icon-medallion,.terminal-button,.terminal-icon-button,.terminal-button-cut,.terminal-button-outline-heavy,.terminal-badge,.terminal-badge-seal,.terminal-nav-link,.terminal-icon-medallion,.paper-button,.paper-icon-button,.paper-button-cut,.paper-button-outline-heavy,.paper-badge,.paper-badge-seal,.paper-nav-link,.paper-icon-medallion,.noir-button,.noir-icon-button,.noir-button-cut,.noir-button-outline-heavy,.noir-badge,.noir-badge-seal,.noir-nav-link,.noir-icon-medallion),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.ui-badge,.luxe-badge-seal,.ui-nav-link,.luxe-icon-medallion,.ui-button,.ui-icon-button,.organic-button-cut,.organic-button-outline-heavy,.ui-badge,.organic-badge-seal,.ui-nav-link,.organic-icon-medallion,.ui-button,.ui-icon-button,.utility-button-cut,.utility-button-outline-heavy,.ui-badge,.utility-badge-seal,.ui-nav-link,.utility-icon-medallion,.ui-button,.ui-icon-button,.blueprint-button-cut,.blueprint-button-outline-heavy,.ui-badge,.blueprint-badge-seal,.ui-nav-link,.blueprint-icon-medallion,.ui-button,.ui-icon-button,.deco-button-cut,.deco-button-outline-heavy,.ui-badge,.deco-badge-seal,.ui-nav-link,.deco-icon-medallion,.ui-button,.ui-icon-button,.clay-button-cut,.clay-button-outline-heavy,.ui-badge,.clay-badge-seal,.ui-nav-link,.clay-icon-medallion,.ui-button,.ui-icon-button,.terminal-button-cut,.terminal-button-outline-heavy,.ui-badge,.terminal-badge-seal,.ui-nav-link,.terminal-icon-medallion,.ui-button,.ui-icon-button,.paper-button-cut,.paper-button-outline-heavy,.ui-badge,.paper-badge-seal,.ui-nav-link,.paper-icon-medallion,.ui-button,.ui-icon-button,.noir-button-cut,.noir-button-outline-heavy,.ui-badge,.noir-badge-seal,.ui-nav-link,.noir-icon-medallion){max-inline-size:100%;min-inline-size:0;overflow-wrap:break-word;word-break:normal;white-space:normal}[data-ui][data-mode] :where(.luxe-button,.luxe-icon-button,.luxe-button-pill,.organic-button,.organic-icon-button,.organic-button-pill,.utility-button,.utility-icon-button,.utility-button-pill,.blueprint-button,.blueprint-icon-button,.blueprint-button-pill,.deco-button,.deco-icon-button,.deco-button-pill,.clay-button,.clay-icon-button,.clay-button-pill,.terminal-button,.terminal-icon-button,.terminal-button-pill,.paper-button,.paper-icon-button,.paper-button-pill,.noir-button,.noir-icon-button,.noir-button-pill),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.luxe-button-pill,.ui-button,.ui-icon-button,.organic-button-pill,.ui-button,.ui-icon-button,.utility-button-pill,.ui-button,.ui-icon-button,.blueprint-button-pill,.ui-button,.ui-icon-button,.deco-button-pill,.ui-button,.ui-icon-button,.clay-button-pill,.ui-button,.ui-icon-button,.terminal-button-pill,.ui-button,.ui-icon-button,.paper-button-pill,.ui-button,.ui-icon-button,.noir-button-pill){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;vertical-align:middle}[data-ui][data-mode] :where(.luxe-button-pill,.organic-button-pill,.utility-button-pill,.blueprint-button-pill,.deco-button-pill,.clay-button-pill,.terminal-button-pill,.paper-button-pill,.noir-button-pill){min-block-size:44px;padding-block:.65rem;padding-inline:max(1rem,1em);border-style:solid;border-width:1px;border-radius:999px;font:inherit;font-weight:850;text-align:center;text-decoration:none;overflow-wrap:break-word;word-break:normal;white-space:normal;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,filter 160ms ease}.luxe-button-pill{color:var(--luxe-on-primary);background:var(--luxe-primary);border-color:var(--luxe-primary);border-radius:var(--luxe-radius-pill)}.luxe-button-pill:hover{border-color:var(--luxe-primary-hover);filter:brightness(1.04)}.luxe-button-pill:focus-visible{outline:3px solid var(--luxe-focus);outline-offset:3px;box-shadow:var(--luxe-focus-ring)}.luxe-pill{border-radius:var(--luxe-radius-pill)}.luxe-rounded{border-radius:var(--luxe-radius-md)}.luxe-rounded-lg{border-radius:var(--luxe-radius-lg)}.luxe-rounded-xl{border-radius:var(--luxe-radius-xl)}.luxe-surface,.luxe-surface-sm,.luxe-surface-lg{color:var(--luxe-text);background:var(--luxe-card-bg);border:1px solid var(--luxe-border)}.organic-button-pill{color:var(--organic-on-primary);background:var(--organic-primary);border-color:var(--organic-primary);border-radius:var(--organic-radius-pill)}.organic-button-pill:hover{border-color:var(--organic-primary-hover);filter:brightness(1.04)}.organic-button-pill:focus-visible{outline:3px solid var(--organic-focus);outline-offset:3px;box-shadow:var(--organic-focus-ring)}.organic-pill{border-radius:var(--organic-radius-pill)}.organic-rounded{border-radius:var(--organic-radius-md)}.organic-rounded-lg{border-radius:var(--organic-radius-lg)}.organic-rounded-xl{border-radius:var(--organic-radius-xl)}.organic-surface,.organic-surface-sm,.organic-surface-lg{color:var(--organic-text);background:var(--organic-card-bg);border:1px solid var(--organic-border)}.utility-button-pill{color:var(--utility-on-primary);background:var(--utility-primary);border-color:var(--utility-primary);border-radius:var(--utility-radius-pill)}.utility-button-pill:hover{border-color:var(--utility-primary-hover);filter:brightness(1.04)}.utility-button-pill:focus-visible{outline:3px solid var(--utility-focus);outline-offset:3px;box-shadow:var(--utility-focus-ring)}.utility-pill{border-radius:var(--utility-radius-pill)}.utility-rounded{border-radius:var(--utility-radius-md)}.utility-rounded-lg{border-radius:var(--utility-radius-lg)}.utility-rounded-xl{border-radius:var(--utility-radius-xl)}.utility-surface,.utility-surface-sm,.utility-surface-lg{color:var(--utility-text);background:var(--utility-card-bg);border:1px solid var(--utility-border)}.blueprint-button-pill{color:var(--blueprint-on-primary);background:var(--blueprint-primary);border-color:var(--blueprint-primary);border-radius:var(--blueprint-radius-pill)}.blueprint-button-pill:hover{border-color:var(--blueprint-primary-hover);filter:brightness(1.04)}.blueprint-button-pill:focus-visible{outline:3px solid var(--blueprint-focus);outline-offset:3px;box-shadow:var(--blueprint-focus-ring)}.blueprint-pill{border-radius:var(--blueprint-radius-pill)}.blueprint-rounded{border-radius:var(--blueprint-radius-md)}.blueprint-rounded-lg{border-radius:var(--blueprint-radius-lg)}.blueprint-rounded-xl{border-radius:var(--blueprint-radius-xl)}.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg{color:var(--blueprint-text);background:var(--blueprint-card-bg);border:1px solid var(--blueprint-border)}.deco-button-pill{color:var(--deco-on-primary);background:var(--deco-primary);border-color:var(--deco-primary);border-radius:var(--deco-radius-pill)}.deco-button-pill:hover{border-color:var(--deco-primary-hover);filter:brightness(1.04)}.deco-button-pill:focus-visible{outline:3px solid var(--deco-focus);outline-offset:3px;box-shadow:var(--deco-focus-ring)}.deco-pill{border-radius:var(--deco-radius-pill)}.deco-rounded{border-radius:var(--deco-radius-md)}.deco-rounded-lg{border-radius:var(--deco-radius-lg)}.deco-rounded-xl{border-radius:var(--deco-radius-xl)}.deco-surface,.deco-surface-sm,.deco-surface-lg{color:var(--deco-text);background:var(--deco-card-bg);border:1px solid var(--deco-border)}.clay-button-pill{color:var(--clay-on-primary);background:var(--clay-primary);border-color:var(--clay-primary);border-radius:var(--clay-radius-pill)}.clay-button-pill:hover{border-color:var(--clay-primary-hover);filter:brightness(1.04)}.clay-button-pill:focus-visible{outline:3px solid var(--clay-focus);outline-offset:3px;box-shadow:var(--clay-focus-ring)}.clay-pill{border-radius:var(--clay-radius-pill)}.clay-rounded{border-radius:var(--clay-radius-md)}.clay-rounded-lg{border-radius:var(--clay-radius-lg)}.clay-rounded-xl{border-radius:var(--clay-radius-xl)}.clay-surface,.clay-surface-sm,.clay-surface-lg{color:var(--clay-text);background:var(--clay-card-bg);border:1px solid var(--clay-border)}.terminal-button-pill{color:var(--terminal-on-primary);background:var(--terminal-primary);border-color:var(--terminal-primary);border-radius:var(--terminal-radius-pill)}.terminal-button-pill:hover{border-color:var(--terminal-primary-hover);filter:brightness(1.04)}.terminal-button-pill:focus-visible{outline:3px solid var(--terminal-focus);outline-offset:3px;box-shadow:var(--terminal-focus-ring)}.terminal-pill{border-radius:var(--terminal-radius-pill)}.terminal-rounded{border-radius:var(--terminal-radius-md)}.terminal-rounded-lg{border-radius:var(--terminal-radius-lg)}.terminal-rounded-xl{border-radius:var(--terminal-radius-xl)}.terminal-surface,.terminal-surface-sm,.terminal-surface-lg{color:var(--terminal-text);background:var(--terminal-card-bg);border:1px solid var(--terminal-border)}.paper-button-pill{color:var(--paper-on-primary);background:var(--paper-primary);border-color:var(--paper-primary);border-radius:var(--paper-radius-pill)}.paper-button-pill:hover{border-color:var(--paper-primary-hover);filter:brightness(1.04)}.paper-button-pill:focus-visible{outline:3px solid var(--paper-focus);outline-offset:3px;box-shadow:var(--paper-focus-ring)}.paper-pill{border-radius:var(--paper-radius-pill)}.paper-rounded{border-radius:var(--paper-radius-md)}.paper-rounded-lg{border-radius:var(--paper-radius-lg)}.paper-rounded-xl{border-radius:var(--paper-radius-xl)}.paper-surface,.paper-surface-sm,.paper-surface-lg{color:var(--paper-text);background:var(--paper-card-bg);border:1px solid var(--paper-border)}.noir-button-pill{color:var(--noir-on-primary);background:var(--noir-primary);border-color:var(--noir-primary);border-radius:var(--noir-radius-pill)}.noir-button-pill:hover{border-color:var(--noir-primary-hover);filter:brightness(1.04)}.noir-button-pill:focus-visible{outline:3px solid var(--noir-focus);outline-offset:3px;box-shadow:var(--noir-focus-ring)}.noir-pill{border-radius:var(--noir-radius-pill)}.noir-rounded{border-radius:var(--noir-radius-md)}.noir-rounded-lg{border-radius:var(--noir-radius-lg)}.noir-rounded-xl{border-radius:var(--noir-radius-xl)}.noir-surface,.noir-surface-sm,.noir-surface-lg{color:var(--noir-text);background:var(--noir-card-bg);border:1px solid var(--noir-border)}[data-ui][data-mode] :where(.luxe-button-pill:active,.luxe-button-pill[aria-pressed="true"],.organic-button-pill:active,.organic-button-pill[aria-pressed="true"],.utility-button-pill:active,.utility-button-pill[aria-pressed="true"],.blueprint-button-pill:active,.blueprint-button-pill[aria-pressed="true"],.deco-button-pill:active,.deco-button-pill[aria-pressed="true"],.clay-button-pill:active,.clay-button-pill[aria-pressed="true"],.terminal-button-pill:active,.terminal-button-pill[aria-pressed="true"],.paper-button-pill:active,.paper-button-pill[aria-pressed="true"],.noir-button-pill:active,.noir-button-pill[aria-pressed="true"]){transform:translateY(1px)}[data-ui][data-mode] :where(.luxe-button-pill:disabled,.luxe-button-pill[aria-disabled="true"],.organic-button-pill:disabled,.organic-button-pill[aria-disabled="true"],.utility-button-pill:disabled,.utility-button-pill[aria-disabled="true"],.blueprint-button-pill:disabled,.blueprint-button-pill[aria-disabled="true"],.deco-button-pill:disabled,.deco-button-pill[aria-disabled="true"],.clay-button-pill:disabled,.clay-button-pill[aria-disabled="true"],.terminal-button-pill:disabled,.terminal-button-pill[aria-disabled="true"],.paper-button-pill:disabled,.paper-button-pill[aria-disabled="true"],.noir-button-pill:disabled,.noir-button-pill[aria-disabled="true"]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-mode] :where(.luxe-tooltip,.luxe-tooltip-top,.luxe-tooltip-right,.luxe-tooltip-bottom,.luxe-tooltip-left,.organic-tooltip,.organic-tooltip-top,.organic-tooltip-right,.organic-tooltip-bottom,.organic-tooltip-left,.utility-tooltip,.utility-tooltip-top,.utility-tooltip-right,.utility-tooltip-bottom,.utility-tooltip-left,.blueprint-tooltip,.blueprint-tooltip-top,.blueprint-tooltip-right,.blueprint-tooltip-bottom,.blueprint-tooltip-left,.deco-tooltip,.deco-tooltip-top,.deco-tooltip-right,.deco-tooltip-bottom,.deco-tooltip-left,.clay-tooltip,.clay-tooltip-top,.clay-tooltip-right,.clay-tooltip-bottom,.clay-tooltip-left,.terminal-tooltip,.terminal-tooltip-top,.terminal-tooltip-right,.terminal-tooltip-bottom,.terminal-tooltip-left,.paper-tooltip,.paper-tooltip-top,.paper-tooltip-right,.paper-tooltip-bottom,.paper-tooltip-left,.noir-tooltip,.noir-tooltip-top,.noir-tooltip-right,.noir-tooltip-bottom,.noir-tooltip-left){max-inline-size:min(18rem,calc(100vw - 2rem));text-align:start;overflow-wrap:break-word;word-break:normal}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-top,[data-ui-tooltip-anchor]>.luxe-tooltip-right,[data-ui-tooltip-anchor]>.luxe-tooltip-bottom,[data-ui-tooltip-anchor]>.luxe-tooltip-left,[data-ui-tooltip-anchor]>.organic-tooltip-top,[data-ui-tooltip-anchor]>.organic-tooltip-right,[data-ui-tooltip-anchor]>.organic-tooltip-bottom,[data-ui-tooltip-anchor]>.organic-tooltip-left,[data-ui-tooltip-anchor]>.utility-tooltip-top,[data-ui-tooltip-anchor]>.utility-tooltip-right,[data-ui-tooltip-anchor]>.utility-tooltip-bottom,[data-ui-tooltip-anchor]>.utility-tooltip-left,[data-ui-tooltip-anchor]>.blueprint-tooltip-top,[data-ui-tooltip-anchor]>.blueprint-tooltip-right,[data-ui-tooltip-anchor]>.blueprint-tooltip-bottom,[data-ui-tooltip-anchor]>.blueprint-tooltip-left,[data-ui-tooltip-anchor]>.deco-tooltip-top,[data-ui-tooltip-anchor]>.deco-tooltip-right,[data-ui-tooltip-anchor]>.deco-tooltip-bottom,[data-ui-tooltip-anchor]>.deco-tooltip-left,[data-ui-tooltip-anchor]>.clay-tooltip-top,[data-ui-tooltip-anchor]>.clay-tooltip-right,[data-ui-tooltip-anchor]>.clay-tooltip-bottom,[data-ui-tooltip-anchor]>.clay-tooltip-left,[data-ui-tooltip-anchor]>.terminal-tooltip-top,[data-ui-tooltip-anchor]>.terminal-tooltip-right,[data-ui-tooltip-anchor]>.terminal-tooltip-bottom,[data-ui-tooltip-anchor]>.terminal-tooltip-left,[data-ui-tooltip-anchor]>.paper-tooltip-top,[data-ui-tooltip-anchor]>.paper-tooltip-right,[data-ui-tooltip-anchor]>.paper-tooltip-bottom,[data-ui-tooltip-anchor]>.paper-tooltip-left,[data-ui-tooltip-anchor]>.noir-tooltip-top,[data-ui-tooltip-anchor]>.noir-tooltip-right,[data-ui-tooltip-anchor]>.noir-tooltip-bottom,[data-ui-tooltip-anchor]>.noir-tooltip-left){position:absolute;z-index:20}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-top,[data-ui-tooltip-anchor]>.organic-tooltip-top,[data-ui-tooltip-anchor]>.utility-tooltip-top,[data-ui-tooltip-anchor]>.blueprint-tooltip-top,[data-ui-tooltip-anchor]>.deco-tooltip-top,[data-ui-tooltip-anchor]>.clay-tooltip-top,[data-ui-tooltip-anchor]>.terminal-tooltip-top,[data-ui-tooltip-anchor]>.paper-tooltip-top,[data-ui-tooltip-anchor]>.noir-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-right,[data-ui-tooltip-anchor]>.organic-tooltip-right,[data-ui-tooltip-anchor]>.utility-tooltip-right,[data-ui-tooltip-anchor]>.blueprint-tooltip-right,[data-ui-tooltip-anchor]>.deco-tooltip-right,[data-ui-tooltip-anchor]>.clay-tooltip-right,[data-ui-tooltip-anchor]>.terminal-tooltip-right,[data-ui-tooltip-anchor]>.paper-tooltip-right,[data-ui-tooltip-anchor]>.noir-tooltip-right){inset-inline-start:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-bottom,[data-ui-tooltip-anchor]>.organic-tooltip-bottom,[data-ui-tooltip-anchor]>.utility-tooltip-bottom,[data-ui-tooltip-anchor]>.blueprint-tooltip-bottom,[data-ui-tooltip-anchor]>.deco-tooltip-bottom,[data-ui-tooltip-anchor]>.clay-tooltip-bottom,[data-ui-tooltip-anchor]>.terminal-tooltip-bottom,[data-ui-tooltip-anchor]>.paper-tooltip-bottom,[data-ui-tooltip-anchor]>.noir-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-left,[data-ui-tooltip-anchor]>.organic-tooltip-left,[data-ui-tooltip-anchor]>.utility-tooltip-left,[data-ui-tooltip-anchor]>.blueprint-tooltip-left,[data-ui-tooltip-anchor]>.deco-tooltip-left,[data-ui-tooltip-anchor]>.clay-tooltip-left,[data-ui-tooltip-anchor]>.terminal-tooltip-left,[data-ui-tooltip-anchor]>.paper-tooltip-left,[data-ui-tooltip-anchor]>.noir-tooltip-left){inset-inline-end:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}:where(.luxe-bg-primary,.organic-bg-primary,.utility-bg-primary,.blueprint-bg-primary,.deco-bg-primary,.clay-bg-primary,.terminal-bg-primary,.paper-bg-primary,.noir-bg-primary){background:var(--usk-native-primary);color:var(--usk-native-on-primary)}:where(.luxe-bg-secondary,.organic-bg-secondary,.utility-bg-secondary,.blueprint-bg-secondary,.deco-bg-secondary,.clay-bg-secondary,.terminal-bg-secondary,.paper-bg-secondary,.noir-bg-secondary){background:var(--usk-native-surface-soft);color:var(--usk-native-text)}:where(.luxe-border,.organic-border,.utility-border,.blueprint-border,.deco-border,.clay-border,.terminal-border,.paper-border,.noir-border){border:var(--usk-native-border-width) solid var(--usk-native-border)}:where(.luxe-divider,.organic-divider,.utility-divider,.blueprint-divider,.deco-divider,.clay-divider,.terminal-divider,.paper-divider,.noir-divider){inline-size:100%;block-size:1px;border:0;background:var(--usk-native-border)}:where(.luxe-disabled,.organic-disabled,.utility-disabled,.blueprint-disabled,.deco-disabled,.clay-disabled,.terminal-disabled,.paper-disabled,.noir-disabled){opacity:.55;cursor:not-allowed;pointer-events:none}:where(.luxe-button-ghost,.organic-button-ghost,.utility-button-ghost,.blueprint-button-ghost,.deco-button-ghost,.clay-button-ghost,.terminal-button-ghost,.paper-button-ghost,.noir-button-ghost),:where([data-ui="bauhaus"]) :where(.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"])){color:var(--usk-native-primary);background:transparent;border-color:var(--usk-native-border)}:where(.luxe-check,.luxe-radio,.luxe-switch,.organic-check,.organic-radio,.organic-switch,.utility-check,.utility-radio,.utility-switch,.blueprint-check,.blueprint-radio,.blueprint-switch,.deco-check,.deco-radio,.deco-switch,.clay-check,.clay-radio,.clay-switch,.terminal-check,.terminal-radio,.terminal-switch,.paper-check,.paper-radio,.paper-switch,.noir-check,.noir-radio,.noir-switch),:where([data-ui="bauhaus"]) :where(.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch){display:inline-flex;align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text)}:where(.luxe-check-control,.luxe-radio-control,.organic-check-control,.organic-radio-control,.utility-check-control,.utility-radio-control,.blueprint-check-control,.blueprint-radio-control,.deco-check-control,.deco-radio-control,.clay-check-control,.clay-radio-control,.terminal-check-control,.terminal-radio-control,.paper-check-control,.paper-radio-control,.noir-check-control,.noir-radio-control),:where([data-ui="bauhaus"]) :where(.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control){inline-size:1.5rem;block-size:1.5rem;accent-color:var(--usk-native-primary)}:where(.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),:where([data-ui="bauhaus"]) :where(.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track){position:relative;display:inline-flex;align-items:center;flex:0 0 auto;inline-size:2.75rem;block-size:1.5rem;padding:.18rem;background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px}:where(.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),:where([data-ui="bauhaus"]) :where(.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb){inline-size:1rem;block-size:1rem;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;transition:transform 160ms ease}:where(.luxe-switch:has(input:checked) .luxe-switch-track,.organic-switch:has(input:checked) .organic-switch-track,.utility-switch:has(input:checked) .utility-switch-track,.blueprint-switch:has(input:checked) .blueprint-switch-track,.deco-switch:has(input:checked) .deco-switch-track,.clay-switch:has(input:checked) .clay-switch-track,.terminal-switch:has(input:checked) .terminal-switch-track,.paper-switch:has(input:checked) .paper-switch-track,.noir-switch:has(input:checked) .noir-switch-track),:where([data-ui="bauhaus"]) :where(.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track){background:var(--usk-native-track-fill)}:where(.luxe-sr-only,.luxe-visually-hidden,.organic-sr-only,.organic-visually-hidden,.utility-sr-only,.utility-visually-hidden,.blueprint-sr-only,.blueprint-visually-hidden,.deco-sr-only,.deco-visually-hidden,.clay-sr-only,.clay-visually-hidden,.terminal-sr-only,.terminal-visually-hidden,.paper-sr-only,.paper-visually-hidden,.noir-sr-only,.noir-visually-hidden){position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:where(.luxe-skip-link,.organic-skip-link,.utility-skip-link,.blueprint-skip-link,.deco-skip-link,.clay-skip-link,.terminal-skip-link,.paper-skip-link,.noir-skip-link){position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:1000;padding:.75rem 1rem;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);transform:translateY(calc(-100% - 1rem))}:where(.luxe-skip-link:focus-visible,.organic-skip-link:focus-visible,.utility-skip-link:focus-visible,.blueprint-skip-link:focus-visible,.deco-skip-link:focus-visible,.clay-skip-link:focus-visible,.terminal-skip-link:focus-visible,.paper-skip-link:focus-visible,.noir-skip-link:focus-visible){transform:translateY(0)}}@font-face{font-family:Bauhaus Barlow;src:url(../assets/bauhaus-barlow.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bauhaus Barlow;src:url(../assets/bauhaus-barlow-semibold.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:Bauhaus Condensed;src:url(../assets/bauhaus-condensed-bold.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Bauhaus Condensed;src:url(../assets/bauhaus-condensed-extrabold.ttf)format("truetype");font-style:normal;font-weight:800 900;font-display:swap}@layer ui-style-kit.presets{:root{--bau-font-sans:"Bauhaus Barlow",Arial,sans-serif;--bau-font-display:"Bauhaus Condensed","Arial Narrow",Arial,sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--bau-radius-xs:0;--bau-radius-sm:0;--bau-radius-md:0;--bau-radius-lg:0;--bau-radius-xl:0;--bau-radius-pill:999px;--bau-rule-width:.16rem;--bau-rule-heavy:.28rem;--bau-grid-step:3rem;--bau-panel-shadow:.48rem .48rem 0 rgb(var(--bau-text-rgb)/.84);--bau-control-shadow:.26rem .26rem 0 rgb(var(--bau-text-rgb)/.88);--bau-control-shadow-hover:.42rem .42rem 0 rgb(var(--bau-text-rgb)/.9);--bau-control-shadow-pressed:.08rem .08rem 0 rgb(var(--bau-text-rgb)/.9);--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui="bauhaus"][data-mode="light"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bau-fallback-bg-rgb:238 233 221;--bau-fallback-surface-rgb:255 253 247;--bau-fallback-surface-strong-rgb:255 253 247;--bau-fallback-surface-soft-rgb:238 233 221;--bau-fallback-text-rgb:9 9 9;--bau-fallback-text-muted-rgb:85 81 73;--bau-fallback-border-rgb:9 9 9;--bau-fallback-primary-rgb:6 75 196;--bau-fallback-primary-hover-rgb:15 94 233;--bau-fallback-primary-text-rgb:255 255 255;--bau-fallback-secondary-rgb:9 9 9;--bau-fallback-secondary-hover-rgb:40 40 40;--bau-fallback-secondary-text-rgb:255 253 247;--bau-fallback-accent-rgb:255 202 8;--bau-fallback-accent-text-rgb:9 9 9;--bau-fallback-success-rgb:22 123 78;--bau-fallback-success-text-rgb:255 255 255;--bau-fallback-warning-rgb:255 202 8;--bau-fallback-warning-text-rgb:9 9 9;--bau-fallback-danger-rgb:214 32 20;--bau-fallback-danger-text-rgb:255 255 255;--bau-fallback-link-rgb:6 75 196;--bau-fallback-focus-rgb:154 101 0;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.78;--bau-shadow-alpha:.18;--bau-focus-alpha:.34}[data-ui="bauhaus"][data-mode="dark"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bau-fallback-bg-rgb:5 5 5;--bau-fallback-surface-rgb:8 8 8;--bau-fallback-surface-strong-rgb:12 12 12;--bau-fallback-surface-soft-rgb:21 21 21;--bau-fallback-text-rgb:247 244 236;--bau-fallback-text-muted-rgb:185 180 169;--bau-fallback-border-rgb:244 241 232;--bau-fallback-primary-rgb:10 84 232;--bau-fallback-primary-hover-rgb:28 100 238;--bau-fallback-primary-text-rgb:255 255 255;--bau-fallback-secondary-rgb:247 244 236;--bau-fallback-secondary-hover-rgb:255 255 255;--bau-fallback-secondary-text-rgb:5 5 5;--bau-fallback-accent-rgb:255 208 20;--bau-fallback-accent-text-rgb:9 9 9;--bau-fallback-success-rgb:85 200 136;--bau-fallback-success-text-rgb:5 5 5;--bau-fallback-warning-rgb:255 208 20;--bau-fallback-warning-text-rgb:9 9 9;--bau-fallback-danger-rgb:255 59 47;--bau-fallback-danger-text-rgb:5 5 5;--bau-fallback-link-rgb:111 161 255;--bau-fallback-focus-rgb:255 208 20;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.68;--bau-shadow-alpha:.38;--bau-focus-alpha:.42}[data-ui="bauhaus"][data-mode="contrast"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bau-fallback-bg-rgb:0 0 0;--bau-fallback-surface-rgb:6 16 26;--bau-fallback-surface-strong-rgb:10 29 48;--bau-fallback-surface-soft-rgb:0 0 0;--bau-fallback-text-rgb:255 255 255;--bau-fallback-text-muted-rgb:238 244 255;--bau-fallback-border-rgb:255 255 255;--bau-fallback-primary-rgb:102 181 255;--bau-fallback-primary-hover-rgb:255 255 255;--bau-fallback-primary-text-rgb:0 0 0;--bau-fallback-secondary-rgb:255 102 102;--bau-fallback-secondary-hover-rgb:255 255 255;--bau-fallback-secondary-text-rgb:0 0 0;--bau-fallback-accent-rgb:255 170 170;--bau-fallback-accent-text-rgb:0 0 0;--bau-fallback-success-rgb:0 255 144;--bau-fallback-success-text-rgb:0 0 0;--bau-fallback-warning-rgb:255 212 0;--bau-fallback-warning-text-rgb:0 0 0;--bau-fallback-danger-rgb:255 92 92;--bau-fallback-danger-text-rgb:0 0 0;--bau-fallback-link-rgb:140 198 255;--bau-fallback-focus-rgb:255 255 255;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui="bauhaus"][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-focus-rgb:var(--usk-focus-rgb)}[data-ui="bauhaus"][data-mode]{--usk-native-bg:var(--bau-bg);--bau-bg-rgb:var(--usk-bg-rgb,var(--bau-fallback-bg-rgb));--bau-surface-rgb:var(--usk-surface-rgb,var(--bau-fallback-surface-rgb));--bau-surface-strong-rgb:var(--usk-surface-strong-rgb,var(--bau-fallback-surface-strong-rgb));--bau-surface-soft-rgb:var(--usk-surface-soft-rgb,var(--bau-fallback-surface-soft-rgb));--bau-text-rgb:var(--usk-text-rgb,var(--bau-fallback-text-rgb));--bau-text-muted-rgb:var(--usk-text-muted-rgb,var(--bau-fallback-text-muted-rgb));--bau-border-rgb:var(--usk-border-rgb,var(--bau-fallback-border-rgb));--bau-primary-rgb:var(--usk-primary-rgb,var(--bau-fallback-primary-rgb));--bau-primary-hover-rgb:var(--usk-primary-hover-rgb,var(--bau-fallback-primary-hover-rgb));--bau-primary-text-rgb:var(--usk-primary-text-rgb,var(--bau-fallback-primary-text-rgb));--bau-secondary-rgb:var(--usk-secondary-rgb,var(--bau-fallback-secondary-rgb));--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb,var(--bau-fallback-secondary-hover-rgb));--bau-secondary-text-rgb:var(--usk-secondary-text-rgb,var(--bau-fallback-secondary-text-rgb));--bau-accent-rgb:var(--usk-accent-rgb,var(--bau-fallback-accent-rgb));--bau-accent-text-rgb:var(--usk-accent-text-rgb,var(--bau-fallback-accent-text-rgb));--bau-success-rgb:var(--usk-success-rgb,var(--bau-fallback-success-rgb));--bau-success-text-rgb:var(--usk-success-text-rgb,var(--bau-fallback-success-text-rgb));--bau-warning-rgb:var(--usk-warning-rgb,var(--bau-fallback-warning-rgb));--bau-warning-text-rgb:var(--usk-warning-text-rgb,var(--bau-fallback-warning-text-rgb));--bau-danger-rgb:var(--usk-danger-rgb,var(--bau-fallback-danger-rgb));--bau-danger-text-rgb:var(--usk-danger-text-rgb,var(--bau-fallback-danger-text-rgb));--bau-link-rgb:var(--usk-link-rgb,var(--bau-fallback-link-rgb));--bau-focus-rgb:var(--usk-focus-rgb,var(--bau-fallback-focus-rgb));--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:0;--usk-native-radius:0;--usk-native-radius-lg:0;--usk-native-shadow:var(--bau-control-shadow);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb)/.28));--usk-native-border-width:2px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--usk-native-control-min-block-size:3.125rem;--usk-native-control-padding-block:.75rem;--usk-native-control-padding-inline:1.05rem;--usk-native-subcontrol-padding-block:.5rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-choice-size:1.5rem;--usk-native-choice-background:var(--bau-control-bg);--usk-native-choice-border:2px solid var(--bau-border);--usk-native-checkbox-radius:0;--usk-native-radio-radius:50%;--usk-native-choice-shadow:var(--bau-control-shadow-pressed);--usk-native-choice-checked-background:var(--bau-primary);--usk-native-choice-mark-color:var(--bau-on-primary);--usk-native-select-indicator-image:linear-gradient(45deg,transparent 50%,var(--bau-text) 50%),linear-gradient(135deg,var(--bau-text) 50%,transparent 50%);--usk-native-select-indicator-size:.58rem .58rem,.58rem .58rem;--usk-native-select-indicator-position:calc(100% - 1.45rem) 50%,calc(100% - 1.04rem) 50%;--usk-native-select-padding-inline-end:3rem;--usk-native-range-track-size:.24rem;--usk-native-range-track-background:var(--bau-border);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:0;--usk-native-range-track-shadow:none;--usk-native-range-progress-background:var(--bau-primary);--usk-native-range-thumb-size:1.55rem;--usk-native-range-thumb-background:var(--bau-primary);--usk-native-range-thumb-border:2px solid var(--bau-border);--usk-native-range-thumb-radius:50%;--usk-native-range-thumb-shadow:var(--bau-control-shadow-pressed);--usk-native-progress-size:.95rem;--usk-native-progress-track-background:repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.15rem,rgb(var(--bau-border-rgb)/.7) 1.15rem calc(1.15rem + 2px));--usk-native-progress-track-border:2px solid var(--bau-border);--usk-native-progress-track-radius:0;--usk-native-progress-track-shadow:none;--usk-native-progress-value-background:repeating-linear-gradient(90deg,var(--bau-primary)0 1.15rem,var(--bau-accent) 1.15rem 1.3rem);--usk-native-progress-value-radius:0;--usk-native-progress-value-shadow:none;--usk-native-meter-optimum-background:var(--bau-success);--usk-native-meter-suboptimum-background:var(--bau-warning);--usk-native-meter-critical-background:var(--bau-danger);--usk-native-file-button-background:var(--bau-primary);--usk-native-file-button-border:2px solid var(--bau-border);--usk-native-file-button-radius:0;--usk-native-file-button-shadow:var(--bau-control-shadow);--usk-native-color-swatch-border:2px solid var(--bau-border);--usk-native-color-swatch-radius:0;--usk-native-indicator-opacity:1;--usk-native-indicator-filter:none;--usk-native-scrollbar-size:1rem;--usk-native-scrollbar-track:var(--bau-surface-soft);--usk-native-scrollbar-thumb:var(--bau-primary);--usk-native-scrollbar-radius:0;--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb)/var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb)/var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb)/var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-structural-ink:rgb(var(--bau-text-rgb));--bau-border:rgb(var(--bau-text-rgb)/.94);--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb)/var(--bau-focus-alpha));--bau-theme-bg-size:auto,auto,var(--bau-grid-step) var(--bau-grid-step),var(--bau-grid-step) var(--bau-grid-step),auto;--bau-theme-bg:radial-gradient(circle at 78% 7rem,rgb(var(--bau-danger-rgb)/.24)0 4.2rem,transparent 4.3rem),linear-gradient(90deg,transparent 0 72%,rgb(var(--bau-primary-rgb)/.16) 72% 100%),linear-gradient(90deg,rgb(var(--bau-text-rgb)/.12) var(--bau-rule-width),transparent var(--bau-rule-width)),linear-gradient(rgb(var(--bau-text-rgb)/.12) var(--bau-rule-width),transparent var(--bau-rule-width)),var(--bau-bg);--bau-card-bg:linear-gradient(90deg,var(--bau-primary)0 .9rem,transparent .9rem),linear-gradient(180deg,rgb(var(--bau-text-rgb)/.12)0 var(--bau-rule-width),transparent var(--bau-rule-width)),var(--bau-surface);--bau-control-bg:rgb(var(--bau-surface-strong-rgb)/var(--bau-panel-alpha));--bau-spinner-track:rgb(var(--bau-border-rgb)/max(.28,calc(var(--bau-border-alpha)*.7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}@supports (color:color-mix(in srgb,black,white)){[data-ui="bauhaus"][data-mode]{--bau-border:color-mix(in srgb,var(--bau-structural-ink) 94%,var(--bau-bg))}}[data-ui="bauhaus"]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui="bauhaus"] *,[data-ui="bauhaus"] :before,[data-ui="bauhaus"] :after{box-sizing:border-box}[data-ui="bauhaus"][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-badge,:where([data-ui="bauhaus"]) .ui-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(2.35rem,6vw,4.65rem);font-weight:950;font-stretch:condensed;line-height:.94}.bau-heading{color:var(--bau-text);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.15rem,2.4vw,2rem);font-weight:950;font-stretch:condensed;line-height:1.05}.bau-kicker{color:var(--bau-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{width:100%;height:var(--bau-rule-width);background:var(--bau-text);border:0}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui="bauhaus"]) .ui-card,:where([data-ui="bauhaus"]) .ui-toolbar,:where([data-ui="bauhaus"]) .ui-table-wrap{background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-panel-shadow);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);border-radius:0;position:relative}.bau-surface:before,.bau-card:before,.bau-panel:before,:where([data-ui="bauhaus"]) .ui-card:before{content:"";background:var(--bau-accent);border-block-end:var(--bau-rule-width) solid var(--bau-border);border-inline-start:var(--bau-rule-width) solid var(--bau-border);pointer-events:none;block-size:.75rem;inline-size:clamp(2.75rem,16%,7rem);position:absolute;inset-block-start:0;inset-inline-end:0}.bau-toolbar,:where([data-ui="bauhaus"]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{box-shadow:var(--bau-control-shadow);border-radius:0}.bau-surface-lg{box-shadow:var(--bau-panel-shadow);border-radius:0}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.9));border-block-start-width:var(--bau-rule-heavy);padding:var(--bau-space-5);box-shadow:inset .65rem 0 0 rgb(var(--bau-primary-rgb)/.18);border-radius:0}.bau-button,.bau-icon-button,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:3rem;color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);border-radius:0;padding:.84rem 1.25rem;font-weight:950;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui="bauhaus"]) .ui-button:hover,:where([data-ui="bauhaus"]) .ui-icon-button:hover{border-color:var(--bau-border);box-shadow:var(--bau-control-shadow-hover);transform:translate(-.16rem,-.16rem)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed="true"],.bau-icon-button[aria-pressed="true"],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui="bauhaus"]) .ui-button:active,:where([data-ui="bauhaus"]) .ui-icon-button:active,:where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"],:where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"],:where([data-ui="bauhaus"]) .ui-button.is-active,:where([data-ui="bauhaus"]) .ui-icon-button.is-active{box-shadow:var(--bau-control-shadow-pressed);transform:translate(.12rem,.12rem)}.bau-button-primary:hover,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover{background:var(--bau-primary-hover);border-color:var(--bau-border)}.bau-button-secondary:hover,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-border)}.bau-button-ghost,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--bau-text);box-shadow:none;background:none}.bau-icon-button,:where([data-ui="bauhaus"]) .ui-icon-button{border-radius:0;width:3rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui="bauhaus"]) .ui-button:disabled,:where([data-ui="bauhaus"]) .ui-icon-button:disabled{opacity:.62;cursor:not-allowed;box-shadow:none;transform:none}.bau-card,.bau-panel,:where([data-ui="bauhaus"]) .ui-card{background:var(--bau-card-bg)}.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"]) .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{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-icon-button,:where([data-ui="bauhaus"]) .ui-badge,:where([data-ui="bauhaus"]) .ui-nav-link{font-family:var(--bau-font-control)}.bau-field,:where([data-ui="bauhaus"]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui="bauhaus"]) .ui-label{color:var(--bau-text);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:950}.bau-input,.bau-textarea,.bau-select,:where([data-ui="bauhaus"]) .ui-input,:where([data-ui="bauhaus"]) .ui-textarea,:where([data-ui="bauhaus"]) .ui-select{background:var(--bau-control-bg);width:100%;min-height:3.125rem;color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);border-block-end-width:var(--bau-rule-heavy);box-shadow:none;font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);border-radius:0;outline:none;padding:.78rem 1rem}.bau-textarea,:where([data-ui="bauhaus"]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui="bauhaus"]) .ui-input::placeholder,:where([data-ui="bauhaus"]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui="bauhaus"]) .ui-input:hover,:where([data-ui="bauhaus"]) .ui-textarea:hover,:where([data-ui="bauhaus"]) .ui-select:hover{box-shadow:inset .5rem 0 0 rgb(var(--bau-primary-rgb)/.2)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui="bauhaus"]) .ui-input:focus,:where([data-ui="bauhaus"]) .ui-textarea:focus,:where([data-ui="bauhaus"]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring),inset .5rem 0 0 rgb(var(--bau-primary-rgb)/.26)}.bau-help-text,:where([data-ui="bauhaus"]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui="bauhaus"]) .ui-check,:where([data-ui="bauhaus"]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui="bauhaus"]) .ui-check input,:where([data-ui="bauhaus"]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio-control{background:var(--bau-control-bg);border:var(--bau-rule-width) solid var(--bau-border);width:1.5rem;height:1.5rem;box-shadow:var(--bau-control-shadow-pressed);transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-radio-control,:where([data-ui="bauhaus"]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control,:where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-border);box-shadow:var(--bau-control-shadow)}.bau-check input:checked+.bau-check-control:after,:where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after{content:"";border:solid var(--bau-on-primary);border-width:0 0 .18rem .18rem;width:.7rem;height:.42rem;transform:rotate(-45deg) translate(.03rem,-.03rem)}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui="bauhaus"]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui="bauhaus"]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui="bauhaus"]) .ui-switch-track{background:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);width:3.75rem;height:1.9rem;box-shadow:var(--bau-control-shadow-pressed);transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);border-radius:0;position:relative}.bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch-thumb{background:var(--bau-bg);border:var(--bau-rule-width) solid var(--bau-border);width:1.18rem;height:1.18rem;box-shadow:none;transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:0;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-border);box-shadow:var(--bau-control-shadow)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.4rem)}.bau-badge,:where([data-ui="bauhaus"]) .ui-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-control-bg);min-height:1.85rem;color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow-pressed);letter-spacing:.08em;text-transform:uppercase;border-radius:0;padding:.42rem .72rem;font-size:.76rem;font-weight:950;line-height:1;display:inline-flex}.bau-badge-primary,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-border)}.bau-badge-secondary,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-border)}.bau-badge-success,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]){background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-border)}.bau-badge-warning,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-border)}.bau-badge-danger,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-border)}.bau-nav,:where([data-ui="bauhaus"]) .ui-nav{background:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-panel-shadow);border-radius:0;flex-wrap:wrap;align-items:stretch;gap:0;padding:0;display:flex}.bau-nav-link,:where([data-ui="bauhaus"]) .ui-nav-link{min-height:3rem;color:var(--bau-bg);border-inline-end:var(--bau-rule-width) solid var(--bau-border);letter-spacing:.08em;text-transform:uppercase;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);border-radius:0;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.82rem;font-weight:950;text-decoration:none;display:inline-flex}.bau-nav-link:hover,:where([data-ui="bauhaus"]) .ui-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-strong);box-shadow:inset 0-.45rem 0 var(--bau-accent)}.bau-nav-link[aria-current="page"],.bau-nav-link.is-active,:where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"],:where([data-ui="bauhaus"]) .ui-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress,:where([data-ui="bauhaus"]) .ui-progress{background:repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.15rem,rgb(var(--bau-border-rgb)/.7) 1.15rem calc(1.15rem + 2px));border:var(--bau-rule-width) solid var(--bau-border);border-radius:0;width:100%;height:1rem;overflow:hidden}.bau-progress-bar,:where([data-ui="bauhaus"]) .ui-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:repeating-linear-gradient(90deg,var(--bau-primary)0 1.15rem,var(--bau-accent) 1.15rem 1.3rem);border-radius:0}.bau-alert,:where([data-ui="bauhaus"]) .ui-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);border-inline-start-width:.7rem;border-radius:0;display:grid}.bau-alert-success,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]){border-left-color:var(--bau-success)}.bau-alert-warning,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]){border-left-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]){border-left-color:var(--bau-danger)}.bau-alert-title,:where([data-ui="bauhaus"]) .ui-alert-title{letter-spacing:.05em;text-transform:uppercase;margin:0;font-weight:950}.bau-alert-body,:where([data-ui="bauhaus"]) .ui-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap,:where([data-ui="bauhaus"]) .ui-table-wrap{overflow:auto}.bau-table,:where([data-ui="bauhaus"]) .ui-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td,:where([data-ui="bauhaus"]) .ui-table th,:where([data-ui="bauhaus"]) .ui-table td{text-align:left;border-bottom:var(--bau-rule-width) solid var(--bau-border);border-inline-end:1px solid rgb(var(--bau-border-rgb)/.55);padding:.95rem 1rem}.bau-table th,:where([data-ui="bauhaus"]) .ui-table th{color:var(--bau-on-primary);text-transform:uppercase;letter-spacing:.09em;background:var(--bau-primary);font-size:.82rem;font-weight:950}.bau-table td,:where([data-ui="bauhaus"]) .ui-table td{color:var(--bau-text-muted)}.bau-table tr:hover td,:where([data-ui="bauhaus"]) .ui-table tr:hover td{color:var(--bau-text);background:rgb(var(--bau-primary-rgb)/.1)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{isolation:isolate;position:relative;overflow:hidden}.bau-composition:before{content:"";border-inline-start:var(--bau-rule-width) solid rgb(var(--bau-text-rgb)/.62);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:28%}.bau-composition:after{content:"";background:var(--bau-danger);border:var(--bau-rule-width) solid var(--bau-border);opacity:.9;pointer-events:none;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.9rem solid var(--bau-primary);padding-left:var(--bau-space-4);box-shadow:inset var(--bau-rule-width)0 0 var(--bau-border)}.bau-spinner,.bau-loading-spinner,[data-ui="bauhaus"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy="true"],.bau-icon-button[aria-busy="true"],[data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]),:where([data-ui="bauhaus"]) .ui-button[aria-busy="true"],:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]{cursor:progress;gap:.55rem}.bau-button[aria-busy="true"]:after,.bau-icon-button[aria-busy="true"]:after,[data-ui="bauhaus"] :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="bauhaus"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}.bau-card-media{aspect-ratio:16/9;object-fit:cover;border:var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/.86);filter:saturate(1.08) contrast(1.08);border-radius:0;inline-size:100%;display:block}.bau-card-service{gap:var(--bau-space-3);text-align:left;align-content:start;display:grid;position:relative;overflow:visible}.bau-card-service>.bau-icon-medallion{z-index:2;justify-self:start;margin-block-start:-2.15rem;position:relative}.bau-card-service>.bau-card-media+.bau-icon-medallion{margin-block-start:-2.15rem}.bau-card-feature{gap:var(--bau-space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.bau-card-accent-edge{border-inline-start:.35rem solid var(--bau-primary)}.bau-icon-medallion{background:var(--bau-primary);block-size:3.75rem;inline-size:3.75rem;color:var(--bau-on-primary);border:var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/.82);box-shadow:var(--bau-control-shadow);border-radius:0;flex:none;place-items:center;padding:.7rem;line-height:1;display:inline-grid}.bau-icon-medallion>:where(svg,img){object-fit:contain;block-size:100%;inline-size:100%}.bau-button.bau-button-cut,.bau-button-cut,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut{clip-path:polygon(.6rem 0,100%0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);border-radius:0}.bau-button.bau-button-cut:focus-visible,.bau-button-cut:focus-visible,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut:focus-visible{outline-offset:-3px}.bau-button.bau-button-outline-heavy,.bau-button-outline-heavy,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy{color:var(--bau-primary);border-style:solid;border-width:2px;border-color:var(--bau-primary);box-shadow:none;background:none}.bau-button.bau-button-outline-heavy:hover,.bau-button-outline-heavy:hover,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy:hover{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary-hover)}.bau-badge-seal{aspect-ratio:1;background:var(--bau-warning);inline-size:5rem;min-inline-size:5rem;color:var(--bau-on-warning);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);text-align:center;font-family:var(--bau-font-heading);letter-spacing:.04em;border-radius:0;align-content:center;place-items:center;padding:.65rem;font-size:.72rem;font-weight:900;line-height:1.05;display:inline-grid}.bau-feature-strip{background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);border-radius:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.bau-feature-item{align-items:center;gap:var(--bau-space-3);min-inline-size:0;padding:var(--bau-space-4);border-inline-end:1px solid rgb(var(--bau-border-rgb)/.62);grid-template-columns:auto minmax(0,1fr);display:grid}.bau-feature-item:last-child{border-inline-end:0}.bau-feature-item>:where(p,small){color:var(--bau-text-muted);margin:0}.bau-callout-bar{align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4) var(--bau-space-5);background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bau-callout-bar>:where(p,div){min-inline-size:0}.bau-callout-bar>:where(.bau-button,a,button):last-child,:where([data-ui="bauhaus"]) .bau-callout-bar>:where(.ui-button,a,button):last-child{justify-self:end}.bau-eyebrow{color:var(--bau-primary);font-family:var(--bau-font-heading);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900;line-height:1.2}.bau-media-scrim{isolation:isolate;background:linear-gradient(135deg,var(--bau-primary)0 35%,var(--bau-warning) 35% 48%,var(--bau-danger) 48% 100%);border:var(--bau-rule-width) solid var(--bau-border);border-radius:0;min-block-size:12rem;position:relative;overflow:hidden}.bau-media-scrim>:where(img,picture,video){block-size:100%;inline-size:100%;min-block-size:inherit;object-fit:cover;display:block}.bau-media-scrim>:where(figcaption,[data-media-caption]){z-index:1;color:#fff;border-block-start:var(--bau-rule-width) solid var(--bau-warning);background:linear-gradient(to top,#000000eb,#000000a3 58%,#0000);padding:clamp(1rem,4vw,2rem);position:absolute;inset-block-end:0;inset-inline:0}.bau-media-scrim>:where(figcaption,[data-media-caption]) *{color:inherit}@media (max-width:42rem){.bau-callout-bar{grid-template-columns:1fr;align-items:start}.bau-callout-bar>:where(.bau-button,a,button):last-child,:where([data-ui="bauhaus"]) .bau-callout-bar>:where(.ui-button,a,button):last-child{justify-self:stretch}.bau-feature-item{border-inline-end:0;border-block-end:1px solid rgb(var(--bau-border-rgb)/.62)}.bau-feature-item:last-child{border-block-end:0}}.bau-card-service,.bau-card-feature,.bau-feature-strip,.bau-callout-bar,.bau-media-scrim{border-width:2px;border-radius:0}.bau-icon-medallion,.bau-badge-seal{box-shadow:.3rem .3rem 0 var(--bau-text);border-width:2px;border-radius:0}.bau-card-accent-edge{border-inline-start-width:.5rem}.bau-button-cut{clip-path:polygon(.55rem 0,100%0,calc(100% - .55rem) 100%,0 100%)}.bau-button.bau-button-cut,.bau-button-cut,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut{clip-path:polygon(.7rem 0,100%0,calc(100% - .45rem) 100%,0 100%);justify-content:center;justify-self:start;min-block-size:2.75rem;inline-size:min(100%,12rem);min-inline-size:6rem;max-inline-size:100%}.bau-button.bau-button-outline-heavy,.bau-button-outline-heavy,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy{clip-path:polygon(0 0,calc(100% - .7rem)0,100% 100%,.45rem 100%);box-shadow:inset .32rem 0 0 rgb(var(--bau-primary-rgb)/.24);border-width:2px;border-radius:0}.bau-card-service,.bau-media-scrim,.bau-feature-strip,.bau-callout-bar,.bau-well{border:2px solid var(--bau-border);border-inline-start-width:.48rem;border-inline-start-color:var(--bau-primary);box-shadow:none;border-radius:0}[data-ui="bauhaus"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){border:2px solid var(--bau-primary);box-shadow:.22rem .22rem 0 rgb(var(--bau-text-rgb)/.72);border-radius:0}[data-ui="bauhaus"][data-mode] :where(dialog){border:2px solid var(--bau-border);box-shadow:.4rem .4rem 0 rgb(var(--bau-text-rgb)/.32);border-inline-start-width:.48rem;border-radius:0}.bau-button[aria-busy="true"]:after,.bau-icon-button[aria-busy="true"]:after,[data-ui="bauhaus"] :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="bauhaus"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after{background:conic-gradient(currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);box-shadow:none;clip-path:inset(0);border:.12em double;border-radius:0;animation:.78s steps(4,end) infinite bau-spin}[data-ui="bauhaus"][data-mode]{--usk-native-font-control:var(--bau-font-heading);--usk-native-control-min-block-size:3.125rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:1.15rem;--usk-native-border-width:2px;--usk-native-radius-sm:0;--usk-native-radius:0;--usk-native-radius-lg:0;--usk-native-shadow:.22rem .22rem 0 rgb(var(--bau-text-rgb)/.78);--usk-native-shadow-md:.46rem .46rem 0 rgb(var(--bau-text-rgb)/.28);--usk-native-focus-ring:0 0 0 2px var(--bau-surface-strong),0 0 0 5px var(--bau-primary);--usk-native-subcontrol-padding-block:.49rem;--usk-native-subcontrol-padding-inline:.84rem;--usk-native-choice-size:1.52rem;--usk-native-choice-background:var(--bau-control-bg);--usk-native-choice-border:2px solid var(--bau-border);--usk-native-checkbox-radius:0;--usk-native-radio-radius:50%;--usk-native-choice-shadow:inset 0 0 0 2px var(--bau-surface-strong);--usk-native-choice-checked-background:var(--bau-primary);--usk-native-choice-mark-color:var(--bau-on-primary);--usk-native-select-indicator-image:linear-gradient(45deg,transparent 48%,var(--bau-text) 49%),linear-gradient(135deg,var(--bau-text) 51%,transparent 52%);--usk-native-select-indicator-size:.62rem .62rem,.62rem .62rem;--usk-native-select-indicator-position:calc(100% - 1.5rem) 50%,calc(100% - 1.05rem) 50%;--usk-native-select-padding-inline-end:3.2rem;--usk-native-range-track-size:.3rem;--usk-native-range-track-background:linear-gradient(90deg,var(--bau-warning)0 34%,var(--bau-border) 34% 68%,var(--bau-primary) 68%);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:0;--usk-native-range-track-shadow:inset 0-2px 0 rgb(var(--bau-text-rgb)/.3);--usk-native-range-progress-background:var(--bau-primary);--usk-native-range-thumb-size:1.58rem;--usk-native-range-thumb-background:var(--bau-primary);--usk-native-range-thumb-border:2px solid var(--bau-border);--usk-native-range-thumb-radius:50%;--usk-native-range-thumb-shadow:.16rem .16rem 0 rgb(var(--bau-text-rgb)/.7);--usk-native-progress-size:.98rem;--usk-native-progress-track-background:repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.18rem,var(--bau-border) 1.18rem 1.3rem);--usk-native-progress-track-border:2px solid var(--bau-border);--usk-native-progress-track-radius:0;--usk-native-progress-track-shadow:none;--usk-native-progress-value-background:repeating-linear-gradient(90deg,var(--bau-primary)0 1.18rem,var(--bau-warning) 1.18rem 1.3rem);--usk-native-progress-value-radius:0;--usk-native-progress-value-shadow:inset -2px 0 0 var(--bau-border);--usk-native-scrollbar-size:1rem;--usk-native-scrollbar-track:var(--bau-surface-soft);--usk-native-scrollbar-thumb:linear-gradient(180deg,var(--bau-primary)0 64%,var(--bau-warning) 64%);--usk-native-scrollbar-radius:0}.bau-title{letter-spacing:max(.035em,.5px);margin-block:.75rem;font-weight:900}.bau-label,:where([data-ui="bauhaus"]) .ui-label{font-size:.7rem;font-weight:850}.bau-button,:where([data-ui="bauhaus"]) .ui-button{background:var(--bau-primary);min-height:3.125rem;box-shadow:.22rem .22rem 0 rgb(var(--bau-text-rgb)/.78);border-radius:0;padding:.72rem 1.15rem;font-weight:900}.bau-input,:where([data-ui="bauhaus"]) .ui-input{border-radius:0;min-height:3rem;padding:.68rem 1rem}.bau-card,:where([data-ui="bauhaus"]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-card-bg);border:2px solid var(--bau-border);box-shadow:none;border-radius:0 4rem 0 0;padding:1.5rem}.bau-well{background:linear-gradient(135deg,rgb(var(--bau-warning-rgb)/.16)0 25%,transparent 25%),var(--bau-surface-soft);border:2px solid var(--bau-border);box-shadow:inset .5rem 0 0 var(--bau-primary)}.bau-badge,:where([data-ui="bauhaus"]) .ui-badge{border-radius:0;min-height:1.82rem;padding:.28rem .68rem}.bau-alert,:where([data-ui="bauhaus"]) .ui-alert{background:linear-gradient(90deg,var(--bau-warning)0 .58rem,var(--bau-card-bg) .58rem);border:2px solid var(--bau-border);box-shadow:none;border-radius:0 0 0 2rem}.bau-table-wrap,:where([data-ui="bauhaus"]) .ui-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.08)0 .5rem,transparent .5rem),var(--bau-card-bg);box-shadow:none;border-radius:0}.bau-table th,:where([data-ui="bauhaus"]) .ui-table th{background:var(--bau-border);padding:.82rem 1rem;font-weight:900}.bau-table td,:where([data-ui="bauhaus"]) .ui-table td{padding:.78rem .98rem}.bau-nav,.bau-panel,.bau-toolbar,.bau-tooltip,[data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]),.bau-card-service,.bau-feature-strip,.bau-callout-bar,:where([data-ui="bauhaus"]) .ui-nav,:where([data-ui="bauhaus"]) .ui-toolbar{border:2px solid var(--bau-border);box-shadow:none;border-radius:0}.bau-check-control,.bau-switch-track,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-switch-track{border-radius:0}.bau-card,:where([data-ui="bauhaus"]) .ui-card{border-radius:0 4rem 0 0}@supports (color:color-mix(in srgb,black,white)){.bau-panel,.bau-card-service,.bau-feature-strip,.bau-callout-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--bau-surface) 68%,var(--bau-primary))0 18%,transparent 18% 78%,color-mix(in srgb,var(--bau-surface) 64%,var(--bau-warning)) 78%),var(--bau-card-bg)}}@media (prefers-reduced-motion:reduce){[data-ui="bauhaus"] *,[data-ui="bauhaus"] :before,[data-ui="bauhaus"] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui="bauhaus"]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){@supports (forced-color-adjust:auto){[data-ui="bauhaus"] *{forced-color-adjust:auto}}[data-ui="bauhaus"] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui="bauhaus"]{color:#000!important;background:#fff!important}[data-ui="bauhaus"] *{box-shadow:none!important;text-shadow:none!important}[data-ui="bauhaus"] a{text-decoration:underline;color:#000!important}}.bau-input[readonly],.bau-textarea[readonly],:where([data-ui="bauhaus"]) .ui-input[readonly],:where([data-ui="bauhaus"]) .ui-textarea[readonly]{filter:saturate(.72);opacity:.78;border-style:dashed}.bau-button-primary,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-secondary,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-danger,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--bau-primary);background:none;border-color:#0000}.bau-feature-item>.bau-icon-medallion{font-size:1.5rem;line-height:1}.bau-callout-bar>.bau-icon-medallion{min-block-size:4.5rem;min-inline-size:4.5rem;font-size:2rem;font-weight:800;line-height:1}[data-ui="bauhaus"][data-mode] .bau-button.bau-button-warning,:where([data-ui="bauhaus"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning);text-shadow:none}[data-ui="bauhaus"][data-mode] .bau-sheet *,[data-ui="bauhaus"][data-mode] .bau-sheet :before,[data-ui="bauhaus"][data-mode] .bau-sheet :after{box-sizing:border-box}[data-ui="bauhaus"][data-mode] .bau-sheet button,[data-ui="bauhaus"][data-mode] .bau-sheet input,[data-ui="bauhaus"][data-mode] .bau-sheet select,[data-ui="bauhaus"][data-mode] .bau-sheet textarea{font:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet button{color:inherit;cursor:pointer}[data-ui="bauhaus"][data-mode] .bau-sheet button:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet input:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet select:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet textarea:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet summary:focus-visible{outline:3px solid var(--bau-warning);outline-offset:2px}[data-ui="bauhaus"][data-mode] .bau-sheet h1,[data-ui="bauhaus"][data-mode] .bau-sheet h2,[data-ui="bauhaus"][data-mode] .bau-sheet p{margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet h2,[data-ui="bauhaus"][data-mode] .bau-sheet legend,[data-ui="bauhaus"][data-mode] .bau-sheet th{font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase}[data-ui="bauhaus"][data-mode] .bau-sheet h2{font-size:15px;font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet svg{flex:none;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel{background:var(--bau-surface);border:2px solid var(--bau-border);box-shadow:none;border-radius:0;min-height:0;padding:14px;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel>header{border-bottom:2px solid;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel>header>svg{color:var(--bau-primary);width:18px;height:18px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{background:var(--bau-workshop-rail-bg);border-right:3px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);flex-direction:column;height:100%;padding:24px 0 14px;display:flex;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet[data-mode="light"] .bau-sidebar{border-right-color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand{align-items:center;gap:10px;padding:0 18px 24px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark{border:2px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);justify-content:center;align-items:center;width:34px;height:34px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark svg{width:20px;height:20px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand>span:last-child{display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand strong{font-family:var(--bau-font-heading);letter-spacing:0;font-size:21px;font-weight:800;line-height:.95}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand small{letter-spacing:0;margin-top:5px;font-size:12px;font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav{border-block:2px solid var(--bau-workshop-rail-text);display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button{border:0;border-bottom:1px solid var(--bau-workshop-rail-bg);color:var(--bau-workshop-rail-text);font-family:var(--bau-font-heading);text-align:left;text-transform:uppercase;background:none;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:background-color .12s linear,color .12s linear;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button:last-child{border-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button svg{width:17px;height:17px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button:hover{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button.is-active{background:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-spacer{flex:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note{background:var(--bau-workshop-rail-bg);border:2px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);min-height:202px;margin:0 14px;padding:15px;position:relative;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note strong{font-family:var(--bau-font-heading);letter-spacing:0;font-size:15px;line-height:1.05}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note p{color:var(--bau-workshop-rail-text);max-width:130px;margin-top:8px;font-size:12px;line-height:1.35}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note img{object-fit:contain;width:180px;height:125px;position:absolute;bottom:-10px;right:-4px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle{background:var(--bau-workshop-rail-bg);border:2px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);font-family:var(--bau-font-heading);text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:48px;margin:10px 14px 0;padding:0 10px;font-size:12px;font-weight:700;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle>svg{width:18px;height:18px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch{border:2px solid var(--bau-border);background:none;width:38px;height:20px;padding:1px;transition:background-color .12s linear;display:inline-flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle .bau-compact-switch{border-color:var(--bau-workshop-rail-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch>span{background:var(--bau-border);width:14px;height:14px;transition:transform .12s linear;display:block;transform:translateX(0)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle .bau-compact-switch>span{background:var(--bau-workshop-rail-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch[aria-checked="true"],[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch.is-on{background:var(--bau-primary);border-color:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch[aria-checked="true"]>span,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch.is-on>span{background:var(--bau-on-primary);transform:translateX(18px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-canvas{background:var(--bau-border);grid-template-rows:388px 286px 322px;gap:6px;height:1024px;padding:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid{gap:6px;min-height:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero{background:var(--bau-surface);padding:0;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero-copy{z-index:2;position:absolute;top:48px;left:34px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-eyebrow{color:var(--bau-primary);font-family:var(--bau-font-heading);letter-spacing:0;font-size:12px;font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1{font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;max-width:490px;margin:14px 0 17px;font-size:57px;font-weight:800;line-height:.83}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 span{color:var(--bau-primary);letter-spacing:0;font-size:37px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero p{letter-spacing:0;max-width:350px;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-inline-actions{gap:8px;margin-top:24px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button{background:var(--bau-surface);border:2px solid var(--bau-border);font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 15px;font-size:12px;font-weight:700;transition:background-color .1s linear,color .1s linear,transform .1s linear;display:inline-flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:hover:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:hover:not(:disabled){background:var(--bau-warning);color:var(--bau-on-warning);transform:translate(-2px,-2px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:active:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:active:not(:disabled){transform:translate(1px,1px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-primary,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-hover,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-busy,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-primary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-hover,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-busy{background:var(--bau-primary);border-color:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-hover,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-hover{background:var(--bau-primary-hover);transform:translate(-2px,-2px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-secondary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-secondary{border-color:var(--bau-border);color:var(--bau-text);background:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-danger,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-danger{background:var(--bau-danger);border-color:var(--bau-danger);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-ghost,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-ghost{color:var(--bau-primary);background:none;border-color:#0000}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:disabled,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:disabled{background:var(--bau-surface-soft);border-color:var(--bau-surface-soft);color:var(--bau-on-primary);cursor:not-allowed;opacity:.7}[data-ui="bauhaus"][data-mode] .bau-sheet[data-mode="dark"] .bau-button:disabled,:where([data-ui="bauhaus"])[data-mode] .bau-sheet[data-mode="dark"] .ui-button:disabled{background:var(--bau-surface-soft);border-color:var(--bau-surface-soft);color:var(--bau-text-muted)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions{grid-template-rows:auto repeat(7,1fr);gap:6px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions header{margin-bottom:2px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-actions .ui-button{width:100%;min-height:0;padding-block:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system{background:var(--bau-primary);border-color:var(--bau-border);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>header{margin-bottom:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>header>svg{color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>p{text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-live-dot{background:var(--bau-warning);border:1px solid;width:8px;height:8px;display:inline-block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row{border:1px solid;grid-template-columns:1fr 64px;align-items:center;gap:8px;min-height:60px;margin-bottom:8px;padding:9px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row span{gap:1px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row strong,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row small{font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row strong{letter-spacing:0;text-transform:uppercase}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row small{color:var(--bau-on-primary);font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>small{color:var(--bau-on-primary);letter-spacing:0;text-transform:uppercase;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>button{color:var(--bau-on-primary);text-transform:uppercase;background:none;border:0;align-items:center;gap:6px;margin-top:5px;padding:0;font-size:12px;font-weight:700;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress{appearance:none;background:var(--bau-surface-soft);border:1px solid;border-radius:0;width:100%;height:8px;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress{background:var(--bau-surface-soft)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-webkit-progress-value{background:var(--bau-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-moz-progress-bar{background:var(--bau-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-webkit-progress-value{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-webkit-progress-value{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-webkit-progress-value{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-moz-progress-bar{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-moz-progress-bar{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-moz-progress-bar{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-utility-stack{gap:6px;min-height:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack{grid-template-rows:1.55fr .95fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>header{margin-bottom:4px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>header>svg{color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>strong{font-family:var(--bau-font-heading);margin-top:6px;font-size:37px;line-height:1;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>span{letter-spacing:0;font-size:12px;font-weight:700;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>div{align-items:center;gap:8px;margin:14px 0 10px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>div small{font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota{background:var(--bau-danger);color:var(--bau-on-primary);grid-template-columns:1fr 92px;align-items:center;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy{gap:2px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy strong{font-family:var(--bau-font-heading);font-size:29px;line-height:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy span{letter-spacing:0;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota meter,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders meter{accent-color:var(--bau-warning);width:100%;height:15px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel>header>span{color:var(--bau-text-muted);letter-spacing:0;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 6px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field{gap:3px;min-width:0;display:grid;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field>span:first-child,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field>span:first-child{color:var(--bau-text-muted);font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field select,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field select,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea{background:var(--bau-surface);border:1px solid var(--bau-border);color:var(--bau-text);border-radius:0;width:100%;min-width:0;height:27px;padding:0 7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input::placeholder,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea::placeholder,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input::placeholder,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input::placeholder,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea::placeholder{color:var(--bau-text-muted)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea{resize:none;height:33px;padding-top:6px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon{display:block;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon>svg{color:var(--bau-text-muted);pointer-events:none;z-index:1;width:12px;height:12px;position:absolute;top:7px;left:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon>input{padding-left:24px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>input{padding-left:7px;padding-right:26px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>button{z-index:2;background:none;border:0;padding:0;position:absolute;top:7px;right:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>button svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input[type="color"],:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input[type="color"]{padding:2px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file input{opacity:0;z-index:2;height:27px;position:absolute;top:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file>span:last-child{background:var(--bau-surface);border:1px dashed var(--bau-border);color:var(--bau-primary);text-transform:uppercase;justify-content:center;align-items:center;gap:5px;height:27px;font-size:12px;font-weight:700;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file>span:last-child svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset{border:0;margin:0 0 7px;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices legend{margin-bottom:4px;font-size:12px;font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset>label,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row{color:var(--bau-text-muted);align-items:center;gap:7px;margin-bottom:5px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input[type="checkbox"],[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input[type="radio"]{accent-color:var(--bau-primary);width:15px;height:15px;margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row{background:none;border:0;justify-content:space-between;width:100%;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row:disabled{opacity:.48}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders>label{gap:5px;margin-bottom:13px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders>label>span{color:var(--bau-text-muted);font-family:var(--bau-font-heading);text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:700;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders output{color:var(--bau-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders input[type="range"]{accent-color:var(--bau-primary);width:100%;height:7px;margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper{justify-content:space-between;align-items:center;margin:3px 0 13px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span{background:var(--bau-surface);border:1px solid var(--bau-border);justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span.is-complete{background:var(--bau-primary);border-color:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span.is-current{background:var(--bau-warning);border-color:var(--bau-border);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span svg{width:10px;height:10px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>i{background:var(--bau-border);width:23px;height:2px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment{border:1px solid var(--bau-border);grid-template-columns:repeat(3,1fr);display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button{border:0;border-right:1px solid var(--bau-border);color:var(--bau-text-muted);font-family:var(--bau-font-heading);text-transform:uppercase;background:none;min-height:27px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button:last-child{border-right:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button.is-active{background:var(--bau-primary);color:var(--bau-on-primary);font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-badges{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status{background:var(--bau-primary);border:1px solid var(--bau-border);color:var(--bau-on-primary);font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:0;align-items:center;min-height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-violet,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-info{background:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-success{background:var(--bau-success);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-warning{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-danger{background:var(--bau-danger);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert{border:2px solid var(--bau-border);align-items:flex-start;gap:8px;min-height:66px;margin-bottom:7px;padding:9px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert{background:var(--bau-danger);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>svg,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>svg,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>svg{width:16px;height:16px;margin-top:1px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>span,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>span,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>span{gap:3px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert strong,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast strong,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert strong{color:currentColor;text-transform:uppercase;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert small,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast small,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert small{color:currentColor;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button{color:currentColor;background:none;border:0;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button svg,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button svg,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-utility-stack{grid-template-rows:1fr 1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading{padding:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>header,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading>header{margin-bottom:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel{z-index:4;position:relative;overflow:visible}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>button{background:var(--bau-primary);color:var(--bau-on-primary);border:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel [role="tooltip"]{background:var(--bau-workshop-rail-bg);border:2px solid var(--bau-warning);color:var(--bau-on-primary);width:105px;padding:8px;font-size:12px;line-height:1.45;position:absolute;bottom:9px;left:39px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading>header{flex:1 0 100%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-spinner{color:var(--bau-primary);width:31px;height:31px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-spin{animation:1s linear infinite bau-spin}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton{gap:5px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span{background:var(--bau-border);height:7px;animation:1.5s steps(2,end) infinite bau-workshop-pulse;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span:nth-child(2){background:var(--bau-primary);width:76%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span:nth-child(3){background:var(--bau-warning);width:54%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel{grid-template-rows:auto 1fr auto;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>header{margin-bottom:8px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>header>div:first-child{display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>header>div:first-child>span{color:var(--bau-text-muted);letter-spacing:0;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools{align-items:center;gap:6px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools label{position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools label>svg{color:var(--bau-text-muted);width:11px;height:11px;position:absolute;top:7px;left:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input{width:92px;height:26px;padding-left:23px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools>button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td>button{background:var(--bau-surface);border:1px solid var(--bau-border);justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools>button svg,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td>button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-wrap,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-table-wrap{border:1px solid var(--bau-border);overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel thead{background:var(--bau-border);color:var(--bau-surface)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td{border-bottom:1px solid var(--bau-border);text-align:left;text-overflow:ellipsis;white-space:nowrap;height:35px;padding:0 8px;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th{border-bottom:1px solid var(--bau-border);text-align:left;text-overflow:ellipsis;white-space:nowrap;height:28px;padding:0 8px;font-size:12px;font-weight:700;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:first-child{width:58px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(3){width:63px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(4){width:72px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(5){width:104px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(6){width:88px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(7){width:30px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel tbody tr:last-child td{border-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel tbody tr:nth-child(2n){background:var(--bau-surface-soft)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel .bau-status{min-height:20px;padding-inline:6px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell{grid-template-columns:27px 1fr;align-items:center;gap:7px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell b{font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer{color:var(--bau-text-muted);justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer nav{gap:4px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer nav button{background:var(--bau-surface);border:1px solid var(--bau-border);justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer nav button.is-active{background:var(--bau-warning);color:var(--bau-on-warning);font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card{flex-direction:column;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>header{justify-content:flex-start;align-items:center}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-icon{background:var(--bau-primary);border:1px solid var(--bau-border);color:var(--bau-on-primary);justify-content:center;align-items:center;width:39px;height:39px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-icon svg{width:22px;height:22px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>header>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>header .bau-status{min-height:18px;padding-inline:5px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>p{color:var(--bau-text-muted);margin-bottom:9px;font-size:12px;line-height:1.45}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl{border-block:1px solid var(--bau-border);margin:0 0 8px;padding:8px 0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl>div{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl>div:last-child{margin-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dt{color:var(--bau-text-muted);text-transform:uppercase}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dd{margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox{border:1px solid var(--bau-border);margin-bottom:8px;display:grid;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button{border:0;border-bottom:1px solid var(--bau-border);text-align:left;background:none;justify-content:space-between;align-items:center;min-height:27px;padding:0 8px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button:last-child{border-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button[aria-selected="true"]{background:var(--bau-primary);color:var(--bau-on-primary);font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card details{color:var(--bau-text-muted);margin-bottom:8px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card summary{color:var(--bau-text);cursor:pointer;font-family:var(--bau-font-heading);text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card summary svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card details p{margin-top:4px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>.bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-service-card>.ui-button{width:100%;min-height:30px;margin-top:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-zone{background:var(--bau-primary);border-color:var(--bau-border);grid-template-rows:42px 1fr;padding:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar{border-bottom:2px solid var(--bau-on-primary);justify-content:space-between;align-items:center;padding:7px 11px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs{display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar>button{color:var(--bau-on-primary);font-family:var(--bau-font-heading);text-transform:uppercase;background:none;border:1px solid #0000;min-height:27px;padding:0 8px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button.is-active{background:var(--bau-warning);border-color:var(--bau-on-warning);color:var(--bau-on-warning);font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface{justify-content:center;align-items:center;padding:14px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog{background:var(--bau-surface-strong);border:2px solid var(--bau-border);box-shadow:9px 9px 0 var(--bau-warning);color:var(--bau-text);width:100%;max-width:315px;margin:0;padding:24px;display:block;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog:not([open]){display:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close{color:var(--bau-text-muted);background:none;border:0;padding:0;position:absolute;top:11px;right:11px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close svg{width:15px;height:15px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon{background:var(--bau-danger);color:var(--bau-on-primary);justify-content:center;align-items:center;width:39px;height:39px;margin-bottom:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon svg{width:21px;height:21px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface h2{font-size:17px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface p{color:var(--bau-text-muted);margin:8px 0 17px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog>div{justify-content:flex-end;gap:8px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-dialog-surface .ui-button{min-height:33px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-live-status,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-ui="bauhaus"][data-mode]{--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-heading);--bau-panel-alpha:1;--bau-panel-soft-alpha:1;--bau-panel-shadow:none;--bau-control-shadow:none;--bau-control-shadow-hover:none;--bau-control-shadow-pressed:none;--bau-rule-width:2px;--bau-rule-heavy:3px;--bau-transition-fast:.12s linear;--bau-transition-base:.12s linear;--bau-theme-bg:var(--bau-bg);--bau-card-bg:var(--bau-surface);--bau-control-bg:var(--bau-surface);--bau-workshop-rail-bg:rgb(var(--usk-surface-strong-rgb,5 5 5));--bau-workshop-rail-text:rgb(var(--usk-text-rgb,247 244 236));--usk-native-shadow:none;--usk-native-shadow-md:none;--usk-native-choice-shadow:none;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.5rem;--usk-native-control-padding-inline:.75rem;--usk-native-range-track-background:var(--bau-surface-soft);--usk-native-range-track-shadow:none;--usk-native-range-thumb-shadow:none;--usk-native-progress-track-background:var(--bau-surface-soft);--usk-native-progress-value-background:var(--bau-primary);--usk-native-progress-value-shadow:none;--usk-native-scrollbar-thumb:var(--bau-primary);--usk-native-focus-ring:0 0 0 3px var(--bau-focus);background:var(--bau-bg)}.bau-title{letter-spacing:0;font-size:3rem;font-weight:800;line-height:1.05}.bau-heading{letter-spacing:0;font-size:1.5rem;font-weight:800;line-height:1.15}.bau-kicker,.bau-label,.bau-badge,.bau-nav-link,.bau-button,:where([data-ui="bauhaus"]) .ui-label,:where([data-ui="bauhaus"]) .ui-badge,:where([data-ui="bauhaus"]) .ui-nav-link,:where([data-ui="bauhaus"]) .ui-button{letter-spacing:0}.bau-label,:where([data-ui="bauhaus"]) .ui-label{font-family:var(--bau-font-heading);font-size:.875rem}.bau-card,.bau-panel,.bau-surface,.bau-toolbar,.bau-table-wrap,.bau-card-service,.bau-card-feature,.bau-feature-strip,.bau-callout-bar,.bau-well,.bau-inset,:where([data-ui="bauhaus"]) .ui-card,:where([data-ui="bauhaus"]) .ui-toolbar,:where([data-ui="bauhaus"]) .ui-table-wrap{background:var(--bau-surface);border:2px solid var(--bau-border);box-shadow:none;border-radius:0}.bau-card:before,.bau-panel:before,.bau-surface:before,:where([data-ui="bauhaus"]) .ui-card:before{content:none}.bau-card,.bau-panel,:where([data-ui="bauhaus"]) .ui-card{padding:1rem}.bau-hover-lift:hover{box-shadow:none;transform:none}.bau-button,.bau-icon-button,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-icon-button{min-height:2.75rem;box-shadow:none;padding:.5rem 1rem;font-weight:700}.bau-button:hover,.bau-icon-button:hover,:where([data-ui="bauhaus"]) .ui-button:hover,:where([data-ui="bauhaus"]) .ui-icon-button:hover{box-shadow:none;transform:none}.bau-button:active,.bau-button.is-active,.bau-button[aria-pressed="true"],.bau-icon-button:active,:where([data-ui="bauhaus"]) .ui-button:active,:where([data-ui="bauhaus"]) .ui-button.is-active,:where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"],:where([data-ui="bauhaus"]) .ui-icon-button:active{box-shadow:none;transform:translateY(1px)}.bau-button.bau-button-secondary,:where([data-ui="bauhaus"]) .ui-button.ui-button:where([data-ui-variant="secondary"]){border-color:var(--bau-border);color:var(--bau-text);background:none}.bau-button.bau-button-secondary:hover,:where([data-ui="bauhaus"]) .ui-button.ui-button:where([data-ui-variant="secondary"]):hover{background:var(--bau-warning);color:var(--bau-on-warning)}.bau-button.bau-button-cut,.bau-button-cut,.bau-button.bau-button-outline-heavy,.bau-button-outline-heavy,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy{clip-path:none;box-shadow:none}.bau-input,.bau-select,.bau-textarea,:where([data-ui="bauhaus"]) .ui-input,:where([data-ui="bauhaus"]) .ui-select,:where([data-ui="bauhaus"]) .ui-textarea{border:2px solid var(--bau-border);min-height:2.75rem;padding:.5rem .75rem}.bau-input:hover,.bau-select:hover,.bau-textarea:hover,:where([data-ui="bauhaus"]) .ui-input:hover,:where([data-ui="bauhaus"]) .ui-select:hover,:where([data-ui="bauhaus"]) .ui-textarea:hover{box-shadow:none}.bau-input:focus,.bau-select:focus,.bau-textarea:focus,:where([data-ui="bauhaus"]) .ui-input:focus,:where([data-ui="bauhaus"]) .ui-select:focus,:where([data-ui="bauhaus"]) .ui-textarea:focus{box-shadow:none;outline:3px solid var(--bau-focus);outline-offset:2px}.bau-input[aria-invalid="true"],.bau-textarea[aria-invalid="true"],.bau-select[aria-invalid="true"],:where([data-ui="bauhaus"]) .ui-input[aria-invalid="true"],:where([data-ui="bauhaus"]) .ui-textarea[aria-invalid="true"],:where([data-ui="bauhaus"]) .ui-select[aria-invalid="true"]{border-color:var(--bau-danger);box-shadow:none}.bau-input[readonly],.bau-textarea[readonly],:where([data-ui="bauhaus"]) .ui-input[readonly],:where([data-ui="bauhaus"]) .ui-textarea[readonly]{opacity:1;filter:none;background:var(--bau-surface-soft);border-style:solid}.bau-check-control,.bau-radio-control,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio-control{box-shadow:none;flex:none}[data-ui="bauhaus"][data-mode] :where(input[type="checkbox"]:checked:not(:indeterminate)){background-image:none;position:relative}[data-ui="bauhaus"][data-mode] :where(input[type="checkbox"]:checked:not(:indeterminate)):after{content:"";border:solid var(--bau-on-primary);border-width:0 0 2px 2px;width:65%;height:38%;position:absolute;top:18%;left:18%;transform:rotate(-45deg)}.bau-switch,:where([data-ui="bauhaus"]) .ui-switch{flex:none;min-inline-size:max-content}.bau-switch-track,:where([data-ui="bauhaus"]) .ui-switch-track{background:var(--bau-surface-soft);flex:none;width:2.75rem;height:1.5rem}.bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch-thumb{background:var(--bau-text);border:0;width:1rem;height:1rem;top:.125rem;left:.125rem}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - 1.125rem)}.bau-check:has(input:focus-visible) .bau-check-control,.bau-radio:has(input:focus-visible) .bau-radio-control,.bau-switch:has(input:focus-visible) .bau-switch-track,:where([data-ui="bauhaus"]) .ui-check:has(input:focus-visible) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio:has(input:focus-visible) .ui-radio-control,:where([data-ui="bauhaus"]) .ui-switch:has(input:focus-visible) .ui-switch-track{outline:3px solid var(--bau-focus);outline-offset:2px}.bau-nav,:where([data-ui="bauhaus"]) .ui-nav{background:var(--bau-workshop-rail-bg)}.bau-nav-link,:where([data-ui="bauhaus"]) .ui-nav-link{color:var(--bau-workshop-rail-text)}.bau-nav-link:hover,:where([data-ui="bauhaus"]) .ui-nav-link:hover{background:var(--bau-warning);color:var(--bau-on-warning);box-shadow:none}.bau-nav-link[aria-current="page"],.bau-nav-link.is-active,:where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"],:where([data-ui="bauhaus"]) .ui-nav-link.is-active{box-shadow:none}.bau-alert,:where([data-ui="bauhaus"]) .ui-alert{background:var(--bau-surface);border-radius:0;flex-wrap:wrap;gap:.5rem .75rem;display:flex}.bau-alert-title,:where([data-ui="bauhaus"]) .ui-alert-title{word-break:normal;overflow-wrap:normal;flex:none}.bau-alert-text{word-break:normal;overflow-wrap:normal;flex:12rem}.bau-alert-success,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]){border-inline-start-color:var(--bau-success)}.bau-alert-warning,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]){border-inline-start-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]){border-inline-start-color:var(--bau-danger)}.bau-progress,:where([data-ui="bauhaus"]) .ui-progress{background:var(--bau-surface-soft);height:.75rem}.bau-progress-bar,:where([data-ui="bauhaus"]) .ui-progress-bar{background:var(--bau-primary)}.bau-table th,:where([data-ui="bauhaus"]) .ui-table th{color:var(--bau-bg);background:var(--bau-text)}.bau-icon-medallion,.bau-badge-seal{box-shadow:none}.bau-card-service>.bau-icon-medallion{font-size:2rem}.bau-tooltip,[data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]){background:var(--bau-workshop-rail-bg);color:var(--bau-workshop-rail-text);border:2px solid var(--bau-warning);letter-spacing:0}[data-ui="bauhaus"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){box-shadow:none;border-color:var(--bau-border)}[data-ui="bauhaus"][data-mode] :where(dialog){background:var(--bau-surface-strong);color:var(--bau-text);border:2px solid var(--bau-border);box-shadow:.5rem .5rem 0 var(--bau-warning)}.bau-spinner,[data-ui="bauhaus"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:2px solid;block-size:1.75rem;inline-size:1.75rem;color:var(--bau-primary);box-shadow:none;clip-path:none;background:none;border-block-start-color:#0000;border-radius:50%;flex:none;animation:1s linear infinite bau-spin;display:inline-block}.bau-spinner-sm{block-size:1rem;inline-size:1rem}.bau-spinner-lg{block-size:2.5rem;inline-size:2.5rem}.bau-button[aria-busy="true"]:after,.bau-icon-button[aria-busy="true"]:after,[data-ui="bauhaus"] :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="bauhaus"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after{content:"";block-size:1em;inline-size:1em;box-shadow:none;clip-path:none;background:none;border:2px solid;border-block-start-color:#0000;border-radius:50%;flex:none;animation:1s linear infinite bau-spin;display:inline-block}[data-ui="bauhaus"][data-mode] .bau-sheet{background:var(--bau-border);border:2px solid var(--bau-border);color:var(--bau-text);font-family:var(--bau-font-body);grid-template-columns:12rem minmax(0,1fr);font-size:.875rem;line-height:1.4;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet [hidden]{display:none}[data-ui="bauhaus"][data-mode] .bau-sheet :where(h1,h2,h3,p,span,strong,small,button){overflow-wrap:normal;word-break:normal;letter-spacing:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel{border-radius:0;padding:1rem;overflow:visible}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-canvas{grid-template-rows:auto;gap:6px;height:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:1fr 1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel{grid-column:span 2}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-zone{grid-column:1/-1;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet h2{font-size:1.25rem;line-height:1.2}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero{flex-direction:column;justify-content:center;gap:1rem;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero-copy{position:static}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-eyebrow{color:var(--bau-link)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1{font-size:3rem;line-height:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 span{font-size:2rem;display:block}.bau-hero-art{object-fit:contain;block-size:auto;inline-size:100%;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-inline-actions{flex-wrap:wrap}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button{font-family:var(--bau-font-heading);min-height:2.75rem;padding:.5rem .75rem;font-size:.9375rem;line-height:1.15}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-primary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="primary"]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-secondary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="secondary"]){color:var(--bau-text);border-color:var(--bau-border);background:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-danger,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="danger"]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-warning,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="warning"]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-ghost,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="ghost"]){color:var(--bau-link);background:none;border-color:#0000}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:disabled,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:disabled{color:var(--bau-text-muted);background:var(--bau-surface-soft);border-color:var(--bau-border);opacity:1;transform:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-busy,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-busy{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:hover:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:hover:not(:disabled){transform:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{border-color:var(--bau-border);height:auto;overflow:visible}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]){color:var(--bau-workshop-rail-text);border-color:currentColor;margin:.75rem;transition:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary:hover:not(:disabled),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary:focus-visible,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]):hover:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]):focus-visible{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note{min-height:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark{flex:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand strong,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand small,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note strong{color:var(--bau-workshop-rail-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>header,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>header{color:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota{color:var(--bau-on-danger)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage{color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system :where(p,small,strong,h2,button,svg),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage :where(p,small,strong,h2,span,svg),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota :where(p,small,strong,h2,span){color:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field :where(input,select,textarea),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field :where(input,select,textarea){height:auto;min-height:2.75rem;font:inherit;padding:.5rem .65rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea{resize:vertical;min-height:5rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>input{padding-right:3rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>button{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid;top:0;right:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file input{opacity:1;position:static}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file>span:last-child:not(:first-child){display:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset{border:0;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset>label{min-height:2.75rem;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input:is([type="checkbox"],[type="radio"]){flex:none;width:1.25rem;height:1.25rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch{width:44px;height:24px;min-height:0;max-height:24px;box-shadow:none;border-radius:0;flex:none;padding:2px;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch>span{width:16px;height:16px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch:before{content:"";position:absolute;inset:-12px 0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row{min-height:44px;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert{background:var(--bau-danger);color:var(--bau-on-danger);border-radius:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-success{color:var(--bau-on-success)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-danger,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon{color:var(--bau-on-danger)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>span,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>span,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>span{flex:8rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>button{color:var(--bau-on-primary);min-width:2.75rem;min-height:2.75rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel [role="tooltip"]{width:auto;color:var(--bau-workshop-rail-text);margin-top:.75rem;display:block;position:static}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-spinner{block-size:1.75rem;inline-size:1.75rem;width:1.75rem;height:1.75rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton{flex:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-wrap,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-table-wrap{padding:0;overflow:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel table{table-layout:auto;min-width:28rem;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(n){width:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel :where(th,td){height:auto;padding:.75rem .5rem;font-size:.8125rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th{color:var(--bau-bg)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input{width:100%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface{padding:1.25rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog{max-width:32rem;padding:1.5rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog>div{flex-wrap:wrap}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid;top:0;right:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar>button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button{min-height:2.75rem;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar{flex-wrap:wrap;height:auto}.bau-spin{animation:1s linear infinite bau-spin}.bau-reference{background:var(--bau-surface);color:var(--bau-text);padding:1rem}@keyframes bau-workshop-pulse{50%{opacity:.45}}@media (max-width:75rem){[data-ui="bauhaus"][data-mode] .bau-sheet{grid-template-columns:1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{border-right:0;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-spacer{display:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand{padding:0}}@media (max-width:48rem){[data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack{grid-template-columns:1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel{grid-column:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{grid-template-columns:1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1{font-size:2.5rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-ui="bauhaus"] *,[data-ui="bauhaus"] :before,[data-ui="bauhaus"] :after{transition:none!important;animation:none!important}}}[data-ui="bauhaus"][data-mode] .bau-title{letter-spacing:max(.03em,.5px);margin-block:max(.75rem,12px)}[data-ui="bauhaus"][data-mode] .bau-feature-item>.bau-icon-medallion{font-size:1.5rem;line-height:1}[data-ui="bauhaus"][data-mode] .bau-callout-bar>.bau-icon-medallion{min-block-size:4.5rem;min-inline-size:4.5rem;font-size:2rem;font-weight:800;line-height:1}