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,2983 +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="bento"])[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="bento"])[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="bento"])[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="bento"]) .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="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio, :where([data-ui="bento"]) .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="bento"]) .ui-check-control, :where([data-ui="bento"]) .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="bento"]) .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="bento"]) .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="bento"]) .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="bento"]) .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/bento.css (visual paint) */
2070
- @layer ui-style-kit.presets {
2071
- :root {
2072
- --bento-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
2073
- --bento-font-display: Inter, ui-sans-serif, system-ui, sans-serif;
2074
- --bento-font-body: var(--bento-font-sans);
2075
- --bento-font-heading: var(--bento-font-display);
2076
- --bento-font-control: var(--bento-font-display);
2077
- --bento-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
2078
- --bento-radius-xs: .25rem;
2079
- --bento-radius-sm: .5rem;
2080
- --bento-radius-md: 1rem;
2081
- --bento-radius-lg: 1.75rem;
2082
- --bento-radius-xl: calc(1.75rem + .5rem);
2083
- --bento-radius-pill: 999px;
2084
- --bento-space-1: .25rem;
2085
- --bento-space-2: .5rem;
2086
- --bento-space-3: .75rem;
2087
- --bento-space-4: 1rem;
2088
- --bento-space-5: 1.25rem;
2089
- --bento-space-6: 1.5rem;
2090
- --bento-space-8: 2rem;
2091
- --bento-transition-fast: .15s ease;
2092
- --bento-transition-base: .24s ease;
2093
- }
2094
-
2095
- [data-ui="bento"][data-mode="light"] {
2096
- color-scheme: light;
2097
- --bento-panel-alpha: .98;
2098
- --bento-panel-soft-alpha: .78;
2099
- --bento-border-alpha: .58;
2100
- --bento-shadow-alpha: .12;
2101
- --bento-focus-alpha: .34;
2102
- }
2103
-
2104
- [data-ui="bento"][data-mode="dark"] {
2105
- color-scheme: dark;
2106
- --bento-panel-alpha: .92;
2107
- --bento-panel-soft-alpha: .64;
2108
- --bento-border-alpha: .52;
2109
- --bento-shadow-alpha: .34;
2110
- --bento-focus-alpha: .42;
2111
- }
2112
-
2113
- [data-ui="bento"][data-mode="contrast"] {
2114
- color-scheme: dark;
2115
- --bento-panel-alpha: 1;
2116
- --bento-panel-soft-alpha: .92;
2117
- --bento-border-alpha: 1;
2118
- --bento-shadow-alpha: .5;
2119
- --bento-focus-alpha: .72;
2120
- }
2121
-
2122
- [data-ui="bento"][data-theme][data-mode] {
2123
- --bento-bg-rgb: var(--usk-bg-rgb);
2124
- --bento-surface-rgb: var(--usk-surface-rgb);
2125
- --bento-surface-strong-rgb: var(--usk-surface-strong-rgb);
2126
- --bento-surface-soft-rgb: var(--usk-surface-soft-rgb);
2127
- --bento-text-rgb: var(--usk-text-rgb);
2128
- --bento-text-muted-rgb: var(--usk-text-muted-rgb);
2129
- --bento-border-rgb: var(--usk-border-rgb);
2130
- --bento-primary-rgb: var(--usk-primary-rgb);
2131
- --bento-primary-hover-rgb: var(--usk-primary-hover-rgb);
2132
- --bento-primary-text-rgb: var(--usk-primary-text-rgb);
2133
- --bento-secondary-rgb: var(--usk-secondary-rgb);
2134
- --bento-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
2135
- --bento-secondary-text-rgb: var(--usk-secondary-text-rgb);
2136
- --bento-accent-rgb: var(--usk-accent-rgb);
2137
- --bento-success-rgb: var(--usk-success-rgb);
2138
- --bento-warning-rgb: var(--usk-warning-rgb);
2139
- --bento-danger-rgb: var(--usk-danger-rgb);
2140
- --bento-link-rgb: var(--usk-link-rgb);
2141
- --bento-accent-text-rgb: var(--usk-accent-text-rgb);
2142
- --bento-success-text-rgb: var(--usk-success-text-rgb);
2143
- --bento-warning-text-rgb: var(--usk-warning-text-rgb);
2144
- --bento-danger-text-rgb: var(--usk-danger-text-rgb);
2145
- --bento-focus-rgb: var(--usk-focus-rgb);
2146
- --usk-native-surface: var(--bento-surface);
2147
- --usk-native-surface-strong: var(--bento-surface-strong);
2148
- --usk-native-surface-soft: var(--bento-surface-soft);
2149
- --usk-native-card-bg: var(--bento-card-bg);
2150
- --usk-native-control-bg: var(--bento-control-bg);
2151
- --usk-native-text: var(--bento-text);
2152
- --usk-native-text-muted: var(--bento-text-muted);
2153
- --usk-native-border: var(--bento-border);
2154
- --usk-native-primary: var(--bento-primary);
2155
- --usk-native-primary-hover: var(--bento-primary-hover);
2156
- --usk-native-on-primary: var(--bento-on-primary);
2157
- --usk-native-focus: var(--bento-focus);
2158
- --usk-native-success: var(--bento-success);
2159
- --usk-native-warning: var(--bento-warning);
2160
- --usk-native-danger: var(--bento-danger);
2161
- --usk-native-link: var(--bento-link);
2162
- --usk-native-font-body: var(--bento-font-body);
2163
- --usk-native-font-heading: var(--bento-font-heading);
2164
- --usk-native-font-control: var(--bento-font-control);
2165
- --usk-native-font-mono: var(--bento-font-mono);
2166
- --usk-native-radius-sm: var(--bento-radius-sm);
2167
- --usk-native-radius: var(--bento-radius-md);
2168
- --usk-native-radius-lg: var(--bento-radius-lg);
2169
- --usk-native-shadow: var(--bento-shadow-sm, none);
2170
- --usk-native-shadow-md: var(--bento-shadow-md, var(--usk-native-shadow));
2171
- --usk-native-focus-ring: var(--bento-focus-ring, 0 0 0 3px rgb(var(--bento-focus-rgb) / .28));
2172
- --usk-native-border-width: 1px;
2173
- --usk-native-field-gap: .5rem;
2174
- --usk-native-panel-padding: var(--bento-space-5);
2175
- --bento-bg: rgb(var(--bento-bg-rgb));
2176
- --bento-surface: rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));
2177
- --bento-surface-strong: rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));
2178
- --bento-surface-soft: rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));
2179
- --bento-text: rgb(var(--bento-text-rgb));
2180
- --bento-text-muted: rgb(var(--bento-text-muted-rgb));
2181
- --bento-fg: var(--bento-text);
2182
- --bento-surface-fg: var(--bento-text);
2183
- --bento-muted: var(--bento-text-muted);
2184
- --bento-border: rgb(var(--bento-border-rgb) / var(--bento-border-alpha));
2185
- --bento-control-fg: var(--bento-text);
2186
- --bento-primary: rgb(var(--bento-primary-rgb));
2187
- --bento-primary-hover: rgb(var(--bento-primary-hover-rgb));
2188
- --bento-primary-text: rgb(var(--bento-primary-text-rgb));
2189
- --bento-secondary: rgb(var(--bento-secondary-rgb));
2190
- --bento-secondary-hover: rgb(var(--bento-secondary-hover-rgb));
2191
- --bento-secondary-text: rgb(var(--bento-secondary-text-rgb));
2192
- --bento-on-primary: var(--bento-primary-text);
2193
- --bento-on-secondary: var(--bento-secondary-text);
2194
- --bento-on-accent: rgb(var(--bento-accent-text-rgb));
2195
- --bento-on-success: rgb(var(--bento-success-text-rgb));
2196
- --bento-on-warning: rgb(var(--bento-warning-text-rgb));
2197
- --bento-on-danger: rgb(var(--bento-danger-text-rgb));
2198
- --bento-accent: rgb(var(--bento-accent-rgb));
2199
- --bento-success: rgb(var(--bento-success-rgb));
2200
- --bento-warning: rgb(var(--bento-warning-rgb));
2201
- --bento-danger: rgb(var(--bento-danger-rgb));
2202
- --bento-link: rgb(var(--bento-link-rgb));
2203
- --bento-focus: rgb(var(--bento-focus-rgb));
2204
- --bento-focus-ring: 0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));
2205
- --bento-theme-bg-size: auto;
2206
- --bento-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);
2207
- --bento-card-bg: linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);
2208
- --bento-control-bg: linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));
2209
- --bento-spinner-track: rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));
2210
- --bento-spinner-stroke: var(--bento-primary);
2211
- --bento-spinner-accent: var(--bento-accent);
2212
- }
2213
-
2214
- [data-ui="bento"] {
2215
- background: radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);
2216
- color: var(--bento-text);
2217
- font-family: var(--bento-font-body);
2218
- text-rendering: optimizelegibility;
2219
- -webkit-font-smoothing: antialiased;
2220
- -moz-osx-font-smoothing: grayscale;
2221
- line-height: 1.5;
2222
- }
2223
-
2224
- [data-ui="bento"] *, [data-ui="bento"] :before, [data-ui="bento"] :after {
2225
- box-sizing: border-box;
2226
- }
2227
-
2228
- [data-ui="bento"][data-theme][data-mode] {
2229
- background: var(--bento-theme-bg);
2230
- background-size: var(--bento-theme-bg-size);
2231
- }
2232
-
2233
- .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link {
2234
- font-family: var(--bento-font-heading);
2235
- }
2236
-
2237
- .bento-title {
2238
- color: var(--bento-text);
2239
- letter-spacing: -.055em;
2240
- margin: 0;
2241
- font-size: clamp(2rem, 5vw, 3.7rem);
2242
- line-height: 1.02;
2243
- }
2244
-
2245
- .bento-heading {
2246
- color: var(--bento-text);
2247
- letter-spacing: -.03em;
2248
- margin: 0;
2249
- font-size: clamp(1.2rem, 2.5vw, 2rem);
2250
- line-height: 1.15;
2251
- }
2252
-
2253
- .bento-kicker {
2254
- color: var(--bento-primary);
2255
- letter-spacing: .12em;
2256
- text-transform: uppercase;
2257
- margin: 0;
2258
- font-size: .82rem;
2259
- font-weight: 850;
2260
- }
2261
-
2262
- .bento-subtitle, .bento-copy {
2263
- color: var(--bento-text-muted);
2264
- margin: 0;
2265
- line-height: 1.65;
2266
- }
2267
-
2268
- .bento-text-muted {
2269
- color: var(--bento-text-muted);
2270
- }
2271
-
2272
- .bento-divider {
2273
- background: var(--bento-border);
2274
- border: 0;
2275
- width: 100%;
2276
- height: 1px;
2277
- }
2278
-
2279
- .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap {
2280
- background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);
2281
- color: var(--bento-text);
2282
- border: 1px solid var(--bento-border);
2283
- border-radius: var(--bento-radius-lg);
2284
- box-shadow: 0 16px 40px rgb(0 0 0 / var(--bento-shadow-alpha));
2285
- transition: transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);
2286
- position: relative;
2287
- }
2288
-
2289
- .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card {
2290
- padding: var(--bento-space-6);
2291
- }
2292
-
2293
- .bento-toolbar, :where([data-ui="bento"]) .ui-toolbar {
2294
- justify-content: space-between;
2295
- align-items: center;
2296
- gap: var(--bento-space-4);
2297
- padding: var(--bento-space-4);
2298
- flex-wrap: wrap;
2299
- display: flex;
2300
- }
2301
-
2302
- .bento-surface-sm {
2303
- border-radius: var(--bento-radius-md);
2304
- box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--bento-shadow-alpha)*.72));
2305
- }
2306
-
2307
- .bento-surface-lg {
2308
- border-radius: var(--bento-radius-xl);
2309
- box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--bento-shadow-alpha) + .08));
2310
- }
2311
-
2312
- .bento-well, .bento-inset {
2313
- background: var(--bento-surface-soft);
2314
- color: var(--bento-text);
2315
- border: 1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));
2316
- border-radius: var(--bento-radius-md);
2317
- padding: var(--bento-space-5);
2318
- box-shadow: inset 0 1px 3px #00000014;
2319
- }
2320
-
2321
- .bento-hover-lift:hover {
2322
- box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--bento-shadow-alpha) + .12));
2323
- transform: translateY(-3px) scale(1.005);
2324
- }
2325
-
2326
- .bento-button, .bento-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button {
2327
- appearance: none;
2328
- justify-content: center;
2329
- align-items: center;
2330
- gap: var(--bento-space-2);
2331
- background: var(--bento-surface);
2332
- min-height: 2.75rem;
2333
- color: var(--bento-text);
2334
- border: 1px solid var(--bento-border);
2335
- border-radius: var(--bento-radius-md);
2336
- box-shadow: 0 6px 18px rgb(0 0 0 / var(--bento-shadow-alpha));
2337
- font: inherit;
2338
- cursor: pointer;
2339
- -webkit-user-select: none;
2340
- -moz-user-select: none;
2341
- user-select: none;
2342
- transition: color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);
2343
- padding: .75rem 1.1rem;
2344
- font-weight: 800;
2345
- line-height: 1;
2346
- text-decoration: none;
2347
- display: inline-flex;
2348
- }
2349
-
2350
- .bento-button:hover, .bento-icon-button:hover, :where([data-ui="bento"]) .ui-button:hover, :where([data-ui="bento"]) .ui-icon-button:hover {
2351
- border-color: var(--bento-primary);
2352
- transform: translateY(-1px);
2353
- }
2354
-
2355
- .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active, :where([data-ui="bento"]) .ui-button:active, :where([data-ui="bento"]) .ui-icon-button:active, :where([data-ui="bento"]) .ui-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-button.is-active, :where([data-ui="bento"]) .ui-icon-button.is-active {
2356
- transform: translateY(1px);
2357
- box-shadow: inset 0 3px 10px #0000002e;
2358
- }
2359
-
2360
- .bento-button-primary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]) {
2361
- background: var(--bento-primary);
2362
- color: var(--bento-on-primary);
2363
- border-color: var(--bento-primary);
2364
- }
2365
-
2366
- .bento-button-primary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover {
2367
- background: var(--bento-primary-hover);
2368
- border-color: var(--bento-primary-hover);
2369
- }
2370
-
2371
- .bento-button-secondary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) {
2372
- background: var(--bento-secondary);
2373
- color: var(--bento-on-secondary);
2374
- border-color: var(--bento-secondary);
2375
- }
2376
-
2377
- .bento-button-secondary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover {
2378
- background: var(--bento-secondary-hover);
2379
- border-color: var(--bento-secondary-hover);
2380
- }
2381
-
2382
- .bento-button-danger, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]) {
2383
- background: var(--bento-danger);
2384
- color: var(--bento-on-danger);
2385
- border-color: var(--bento-danger);
2386
- }
2387
-
2388
- .bento-button-ghost, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) {
2389
- color: var(--bento-text);
2390
- box-shadow: none;
2391
- background: none;
2392
- }
2393
-
2394
- .bento-icon-button, :where([data-ui="bento"]) .ui-icon-button {
2395
- border-radius: var(--bento-radius-pill);
2396
- width: 2.75rem;
2397
- padding: 0;
2398
- }
2399
-
2400
- .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled, :where([data-ui="bento"]) .ui-button:disabled, :where([data-ui="bento"]) .ui-icon-button:disabled {
2401
- opacity: .55;
2402
- cursor: not-allowed;
2403
- transform: none;
2404
- }
2405
-
2406
- .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card {
2407
- background: var(--bento-card-bg);
2408
- }
2409
-
2410
- .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap, :where([data-ui="bento"]) .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="bento"]) .ui-icon-button {
2411
- background: var(--bento-control-bg);
2412
- }
2413
-
2414
- .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link {
2415
- font-family: var(--bento-font-control);
2416
- }
2417
-
2418
- .bento-field, :where([data-ui="bento"]) .ui-field {
2419
- gap: var(--bento-space-2);
2420
- flex-direction: column;
2421
- display: flex;
2422
- }
2423
-
2424
- .bento-label, :where([data-ui="bento"]) .ui-label {
2425
- color: var(--bento-text);
2426
- font-size: .925rem;
2427
- font-weight: 800;
2428
- }
2429
-
2430
- .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select {
2431
- background: var(--bento-surface-soft);
2432
- width: 100%;
2433
- min-height: 2.875rem;
2434
- color: var(--bento-text);
2435
- border: 1px solid var(--bento-border);
2436
- border-radius: var(--bento-radius-md);
2437
- font: inherit;
2438
- transition: background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
2439
- outline: none;
2440
- padding: .75rem 1rem;
2441
- }
2442
-
2443
- .bento-textarea, :where([data-ui="bento"]) .ui-textarea {
2444
- resize: vertical;
2445
- min-height: 8rem;
2446
- }
2447
-
2448
- .bento-input::placeholder, .bento-textarea::placeholder, :where([data-ui="bento"]) .ui-input::placeholder, :where([data-ui="bento"]) .ui-textarea::placeholder {
2449
- color: var(--bento-text-muted);
2450
- opacity: .82;
2451
- }
2452
-
2453
- .bento-input:hover, .bento-textarea:hover, .bento-select:hover, :where([data-ui="bento"]) .ui-input:hover, :where([data-ui="bento"]) .ui-textarea:hover, :where([data-ui="bento"]) .ui-select:hover {
2454
- border-color: rgb(var(--bento-primary-rgb)/.58);
2455
- }
2456
-
2457
- .bento-input:focus, .bento-textarea:focus, .bento-select:focus, :where([data-ui="bento"]) .ui-input:focus, :where([data-ui="bento"]) .ui-textarea:focus, :where([data-ui="bento"]) .ui-select:focus {
2458
- border-color: var(--bento-focus);
2459
- box-shadow: var(--bento-focus-ring);
2460
- }
2461
-
2462
- .bento-help-text, :where([data-ui="bento"]) .ui-help-text {
2463
- color: var(--bento-text-muted);
2464
- font-size: .875rem;
2465
- line-height: 1.45;
2466
- }
2467
-
2468
- .bento-check, .bento-radio, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio {
2469
- align-items: center;
2470
- gap: var(--bento-space-2);
2471
- color: var(--bento-text);
2472
- cursor: pointer;
2473
- display: inline-flex;
2474
- }
2475
-
2476
- .bento-check input, .bento-radio input, :where([data-ui="bento"]) .ui-check input, :where([data-ui="bento"]) .ui-radio input {
2477
- opacity: 0;
2478
- pointer-events: none;
2479
- position: absolute;
2480
- }
2481
-
2482
- .bento-check-control, .bento-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control {
2483
- background: var(--bento-surface-soft);
2484
- border: 1px solid var(--bento-border);
2485
- width: 1.35rem;
2486
- height: 1.35rem;
2487
- transition: background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
2488
- place-items: center;
2489
- display: inline-grid;
2490
- }
2491
-
2492
- .bento-check-control, :where([data-ui="bento"]) .ui-check-control {
2493
- border-radius: var(--bento-radius-xs);
2494
- }
2495
-
2496
- .bento-radio-control, :where([data-ui="bento"]) .ui-radio-control {
2497
- border-radius: 50%;
2498
- }
2499
-
2500
- .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control {
2501
- background: var(--bento-primary);
2502
- border-color: var(--bento-primary);
2503
- box-shadow: var(--bento-focus-ring);
2504
- }
2505
-
2506
- .bento-check input:checked + .bento-check-control:after, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after {
2507
- content: "✓";
2508
- color: var(--bento-on-primary);
2509
- font-size: .9rem;
2510
- font-weight: 900;
2511
- }
2512
-
2513
- .bento-radio input:checked + .bento-radio-control:after, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after {
2514
- content: "";
2515
- background: var(--bento-on-primary);
2516
- border-radius: 50%;
2517
- width: .55rem;
2518
- height: .55rem;
2519
- }
2520
-
2521
- .bento-switch, :where([data-ui="bento"]) .ui-switch {
2522
- align-items: center;
2523
- gap: var(--bento-space-3);
2524
- color: var(--bento-text);
2525
- cursor: pointer;
2526
- display: inline-flex;
2527
- }
2528
-
2529
- .bento-switch input, :where([data-ui="bento"]) .ui-switch input {
2530
- opacity: 0;
2531
- pointer-events: none;
2532
- position: absolute;
2533
- }
2534
-
2535
- .bento-switch-track, :where([data-ui="bento"]) .ui-switch-track {
2536
- background: var(--bento-surface-soft);
2537
- border: 1px solid var(--bento-border);
2538
- border-radius: var(--bento-radius-pill);
2539
- width: 3.5rem;
2540
- height: 1.9rem;
2541
- transition: background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
2542
- position: relative;
2543
- }
2544
-
2545
- .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb {
2546
- background: var(--bento-surface-strong);
2547
- border: 1px solid var(--bento-border);
2548
- width: 1.34rem;
2549
- height: 1.34rem;
2550
- box-shadow: 0 4px 12px rgb(0 0 0 / var(--bento-shadow-alpha));
2551
- transition: left var(--bento-transition-fast),background var(--bento-transition-fast);
2552
- border-radius: 50%;
2553
- position: absolute;
2554
- top: .22rem;
2555
- left: .22rem;
2556
- }
2557
-
2558
- .bento-switch input:checked + .bento-switch-track, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track {
2559
- background: var(--bento-primary);
2560
- border-color: var(--bento-primary);
2561
- }
2562
-
2563
- .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
2564
- background: var(--bento-on-primary);
2565
- left: calc(100% - 1.56rem);
2566
- }
2567
-
2568
- .bento-badge, :where([data-ui="bento"]) .ui-badge {
2569
- align-items: center;
2570
- gap: var(--bento-space-1);
2571
- background: var(--bento-surface-soft);
2572
- min-height: 1.75rem;
2573
- color: var(--bento-text);
2574
- border: 1px solid var(--bento-border);
2575
- border-radius: var(--bento-radius-pill);
2576
- padding: .35rem .7rem;
2577
- font-size: .8125rem;
2578
- font-weight: 850;
2579
- line-height: 1;
2580
- display: inline-flex;
2581
- }
2582
-
2583
- .bento-badge-primary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]) {
2584
- background: var(--bento-primary);
2585
- color: var(--bento-on-primary);
2586
- border-color: var(--bento-primary);
2587
- }
2588
-
2589
- .bento-badge-secondary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]) {
2590
- background: var(--bento-secondary);
2591
- color: var(--bento-on-secondary);
2592
- border-color: var(--bento-secondary);
2593
- }
2594
-
2595
- .bento-badge-success, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]) {
2596
- background: var(--bento-success);
2597
- color: var(--bento-on-success);
2598
- border-color: var(--bento-success);
2599
- }
2600
-
2601
- .bento-badge-warning, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]) {
2602
- background: var(--bento-warning);
2603
- color: var(--bento-on-warning);
2604
- border-color: var(--bento-warning);
2605
- }
2606
-
2607
- .bento-badge-danger, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]) {
2608
- background: var(--bento-danger);
2609
- color: var(--bento-on-danger);
2610
- border-color: var(--bento-danger);
2611
- }
2612
-
2613
- .bento-nav, :where([data-ui="bento"]) .ui-nav {
2614
- align-items: center;
2615
- gap: var(--bento-space-2);
2616
- padding: var(--bento-space-2);
2617
- background: var(--bento-surface);
2618
- border: 1px solid var(--bento-border);
2619
- border-radius: var(--bento-radius-xl);
2620
- box-shadow: 0 10px 30px rgb(0 0 0 / var(--bento-shadow-alpha));
2621
- flex-wrap: wrap;
2622
- display: flex;
2623
- }
2624
-
2625
- .bento-nav-link, :where([data-ui="bento"]) .ui-nav-link {
2626
- min-height: 2.5rem;
2627
- color: var(--bento-text-muted);
2628
- border-radius: var(--bento-radius-pill);
2629
- transition: color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);
2630
- justify-content: center;
2631
- align-items: center;
2632
- padding: .65rem 1rem;
2633
- font-weight: 850;
2634
- text-decoration: none;
2635
- display: inline-flex;
2636
- }
2637
-
2638
- .bento-nav-link:hover, :where([data-ui="bento"]) .ui-nav-link:hover {
2639
- color: var(--bento-text);
2640
- background: var(--bento-surface-soft);
2641
- }
2642
-
2643
- .bento-nav-link[aria-current="page"], .bento-nav-link.is-active, :where([data-ui="bento"]) .ui-nav-link[aria-current="page"], :where([data-ui="bento"]) .ui-nav-link.is-active {
2644
- color: var(--bento-on-primary);
2645
- background: var(--bento-primary);
2646
- }
2647
-
2648
- .bento-tooltip, [data-ui="bento"] :where(.ui-tooltip, [role="tooltip"], [data-tooltip]) {
2649
- background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);
2650
- max-inline-size: 16rem;
2651
- color: var(--bento-text);
2652
- border: 1px solid rgb(var(--bento-border-rgb)/.7);
2653
- border-radius: var(--bento-radius-sm);
2654
- box-shadow: 0 .65rem 1.35rem rgb(0 0 0 / var(--bento-shadow-alpha));
2655
- align-items: center;
2656
- gap: .45rem;
2657
- padding: .6rem .8rem;
2658
- font-size: .82rem;
2659
- font-weight: 850;
2660
- line-height: 1.35;
2661
- display: inline-flex;
2662
- }
2663
-
2664
- .bento-tooltip-arrow {
2665
- background: var(--bento-primary);
2666
- border-radius: var(--bento-radius-xs);
2667
- flex: none;
2668
- block-size: .6rem;
2669
- inline-size: .6rem;
2670
- transform: rotate(45deg);
2671
- }
2672
-
2673
- .bento-progress, :where([data-ui="bento"]) .ui-progress {
2674
- background: var(--bento-surface-soft);
2675
- border: 1px solid var(--bento-border);
2676
- border-radius: var(--bento-radius-pill);
2677
- width: 100%;
2678
- height: .9rem;
2679
- overflow: hidden;
2680
- }
2681
-
2682
- .bento-progress-bar, :where([data-ui="bento"]) .ui-progress-bar {
2683
- height: 100%;
2684
- width: var(--bento-progress-value, 50%);
2685
- background: linear-gradient(90deg,var(--bento-primary),var(--bento-accent));
2686
- border-radius: inherit;
2687
- }
2688
-
2689
- .bento-alert, :where([data-ui="bento"]) .ui-alert {
2690
- gap: var(--bento-space-2);
2691
- padding: var(--bento-space-4);
2692
- background: var(--bento-surface);
2693
- color: var(--bento-text);
2694
- border: 1px solid var(--bento-border);
2695
- border-radius: var(--bento-radius-lg);
2696
- box-shadow: 0 10px 30px rgb(0 0 0 / var(--bento-shadow-alpha));
2697
- display: grid;
2698
- }
2699
-
2700
- .bento-alert-success, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]) {
2701
- border-left-color: var(--bento-success);
2702
- }
2703
-
2704
- .bento-alert-warning, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]) {
2705
- border-left-color: var(--bento-warning);
2706
- }
2707
-
2708
- .bento-alert-danger, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]) {
2709
- border-left-color: var(--bento-danger);
2710
- }
2711
-
2712
- .bento-alert-title, :where([data-ui="bento"]) .ui-alert-title {
2713
- margin: 0;
2714
- font-weight: 900;
2715
- }
2716
-
2717
- .bento-alert-body, :where([data-ui="bento"]) .ui-alert-body {
2718
- color: var(--bento-text-muted);
2719
- margin: 0;
2720
- line-height: 1.55;
2721
- }
2722
-
2723
- .bento-table-wrap, :where([data-ui="bento"]) .ui-table-wrap {
2724
- overflow: auto;
2725
- }
2726
-
2727
- .bento-table, :where([data-ui="bento"]) .ui-table {
2728
- border-collapse: collapse;
2729
- width: 100%;
2730
- }
2731
-
2732
- .bento-table th, .bento-table td, :where([data-ui="bento"]) .ui-table th, :where([data-ui="bento"]) .ui-table td {
2733
- text-align: left;
2734
- border-bottom: 1px solid var(--bento-border);
2735
- padding: .95rem 1rem;
2736
- }
2737
-
2738
- .bento-table th, :where([data-ui="bento"]) .ui-table th {
2739
- color: var(--bento-text);
2740
- text-transform: uppercase;
2741
- letter-spacing: .08em;
2742
- background: rgb(var(--bento-primary-rgb)/.08);
2743
- font-size: .82rem;
2744
- font-weight: 900;
2745
- }
2746
-
2747
- .bento-table td, :where([data-ui="bento"]) .ui-table td {
2748
- color: var(--bento-text-muted);
2749
- }
2750
-
2751
- .bento-table tr:hover td, :where([data-ui="bento"]) .ui-table tr:hover td {
2752
- background: rgb(var(--bento-primary-rgb)/.045);
2753
- }
2754
-
2755
- .bento-text-primary {
2756
- color: var(--bento-primary);
2757
- }
2758
-
2759
- .bento-text-secondary {
2760
- color: var(--bento-secondary);
2761
- }
2762
-
2763
- .bento-text-accent {
2764
- color: var(--bento-accent);
2765
- }
2766
-
2767
- .bento-text-success {
2768
- color: var(--bento-success);
2769
- }
2770
-
2771
- .bento-text-warning {
2772
- color: var(--bento-warning);
2773
- }
2774
-
2775
- .bento-text-danger {
2776
- color: var(--bento-danger);
2777
- }
2778
-
2779
- .bento-bg-primary {
2780
- background: var(--bento-primary);
2781
- color: var(--bento-on-primary);
2782
- }
2783
-
2784
- .bento-bg-secondary {
2785
- background: var(--bento-secondary);
2786
- color: var(--bento-on-secondary);
2787
- }
2788
-
2789
- .bento-border {
2790
- border: 1px solid var(--bento-border);
2791
- }
2792
-
2793
- .bento-rounded {
2794
- border-radius: var(--bento-radius-md);
2795
- }
2796
-
2797
- .bento-rounded-lg {
2798
- border-radius: var(--bento-radius-lg);
2799
- }
2800
-
2801
- .bento-rounded-xl {
2802
- border-radius: var(--bento-radius-xl);
2803
- }
2804
-
2805
- .bento-pill {
2806
- border-radius: var(--bento-radius-pill);
2807
- }
2808
-
2809
- .bento-sr-only, .bento-visually-hidden {
2810
- clip: rect(0,0,0,0) !important;
2811
- white-space: nowrap !important;
2812
- border: 0 !important;
2813
- width: 1px !important;
2814
- height: 1px !important;
2815
- margin: -1px !important;
2816
- padding: 0 !important;
2817
- position: absolute !important;
2818
- overflow: hidden !important;
2819
- }
2820
-
2821
- .bento-skip-link {
2822
- z-index: 9999;
2823
- background: var(--bento-primary);
2824
- color: var(--bento-on-primary);
2825
- border-radius: var(--bento-radius-md);
2826
- padding: .75rem 1rem;
2827
- font-weight: 900;
2828
- position: absolute;
2829
- top: 1rem;
2830
- left: 1rem;
2831
- transform: translateY(-150%);
2832
- }
2833
-
2834
- .bento-skip-link:focus {
2835
- transform: translateY(0);
2836
- }
2837
-
2838
- .bento-grid-feature {
2839
- gap: var(--bento-space-5);
2840
- grid-template-columns: repeat(6, 1fr);
2841
- grid-auto-rows: minmax(8rem, auto);
2842
- display: grid;
2843
- }
2844
-
2845
- .bento-tile {
2846
- min-height: 12rem;
2847
- padding: var(--bento-space-6);
2848
- background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);
2849
- border: 1px solid var(--bento-border);
2850
- border-radius: var(--bento-radius-xl);
2851
- box-shadow: 0 16px 40px rgb(0 0 0 / var(--bento-shadow-alpha));
2852
- }
2853
-
2854
- .bento-tile-lg {
2855
- grid-area: span 2 / span 4;
2856
- }
2857
-
2858
- .bento-tile-md {
2859
- grid-column: span 3;
2860
- }
2861
-
2862
- .bento-tile-sm {
2863
- grid-column: span 2;
2864
- }
2865
-
2866
- .bento-stat {
2867
- gap: .25rem;
2868
- display: grid;
2869
- }
2870
-
2871
- .bento-stat-value {
2872
- color: var(--bento-primary);
2873
- font-size: clamp(2rem, 4vw, 3rem);
2874
- font-weight: 950;
2875
- line-height: 1;
2876
- }
2877
-
2878
- .bento-stat-label {
2879
- color: var(--bento-text-muted);
2880
- font-weight: 750;
2881
- }
2882
-
2883
- @media (width <= 760px) {
2884
- .bento-grid-feature {
2885
- grid-template-columns: 1fr;
2886
- }
2887
-
2888
- .bento-tile-lg, .bento-tile-md, .bento-tile-sm {
2889
- grid-area: auto;
2890
- }
2891
- }
2892
-
2893
- .bento-spinner, .bento-loading-spinner, [data-ui="bento"] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]) {
2894
- border: .18rem solid rgb(var(--bento-border-rgb)/.44);
2895
- border-block-start-color: var(--bento-spinner-stroke);
2896
- border-inline-end-color: var(--bento-spinner-accent);
2897
- border-radius: var(--bento-radius-md);
2898
- background: conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));
2899
- block-size: 2rem;
2900
- inline-size: 2rem;
2901
- box-shadow: inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0 / var(--bento-shadow-alpha));
2902
- vertical-align: -.2em;
2903
- animation: .9s steps(4, end) infinite bento-spin;
2904
- display: inline-block;
2905
- }
2906
-
2907
- .bento-spinner-sm {
2908
- border-width: .12rem;
2909
- block-size: 1rem;
2910
- inline-size: 1rem;
2911
- }
2912
-
2913
- .bento-spinner-lg {
2914
- border-width: .24rem;
2915
- block-size: 3rem;
2916
- inline-size: 3rem;
2917
- }
2918
-
2919
- .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :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="bento"]) .ui-button[aria-busy="true"], :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"] {
2920
- cursor: progress;
2921
- gap: .55rem;
2922
- }
2923
-
2924
- .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :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="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after {
2925
- content: "";
2926
- border: .16em solid rgb(var(--bento-primary-text-rgb)/.42);
2927
- border-block-start-color: currentColor;
2928
- border-radius: 50%;
2929
- block-size: 1em;
2930
- inline-size: 1em;
2931
- animation: .75s linear infinite bento-spin;
2932
- display: inline-block;
2933
- }
2934
-
2935
- @keyframes bento-spin {
2936
- to {
2937
- transform: rotate(360deg);
2938
- }
2939
- }
2940
-
2941
- @media (prefers-reduced-motion: reduce) {
2942
- [data-ui="bento"] *, [data-ui="bento"] :before, [data-ui="bento"] :after {
2943
- scroll-behavior: auto !important;
2944
- transition-duration: 1ms !important;
2945
- animation-duration: 1ms !important;
2946
- animation-iteration-count: 1 !important;
2947
- }
2948
- }
2949
-
2950
- @media (prefers-contrast: more) {
2951
- [data-ui="bento"] {
2952
- --bento-border-alpha: 1;
2953
- --bento-focus-alpha: .75;
2954
- }
2955
- }
2956
-
2957
- @media (forced-colors: active) {
2958
- [data-ui="bento"] * {
2959
- forced-color-adjust: auto;
2960
- }
2961
-
2962
- [data-ui="bento"] :where(:focus-visible) {
2963
- outline: 3px solid canvastext;
2964
- }
2965
- }
2966
-
2967
- @media print {
2968
- [data-ui="bento"] {
2969
- color: #000 !important;
2970
- background: #fff !important;
2971
- }
2972
-
2973
- [data-ui="bento"] * {
2974
- box-shadow: none !important;
2975
- text-shadow: none !important;
2976
- }
2977
-
2978
- [data-ui="bento"] a {
2979
- text-decoration: underline;
2980
- color: #000 !important;
2981
- }
2982
- }
2983
- }
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="bento"])[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="bento"])[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="bento"])[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="bento"]) .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="bento"]) .ui-check,:where([data-ui="bento"]) .ui-radio,:where([data-ui="bento"]) .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="bento"]) .ui-check-control,:where([data-ui="bento"]) .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="bento"]) .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="bento"]) .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="bento"]) .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="bento"])[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="bento"])[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="bento"])[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="bento"]) :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="bento"]) :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="bento"]) :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="bento"]) :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="bento"]) :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="bento"]) :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:Bento Manrope;src:url(../assets/bento-manrope.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@layer ui-style-kit.presets{:root{--bento-font-sans:"Bento Manrope",ui-sans-serif,system-ui,sans-serif;--bento-font-display:var(--bento-font-sans);--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--bento-radius-xs:.375rem;--bento-radius-sm:.625rem;--bento-radius-md:.75rem;--bento-radius-lg:1rem;--bento-radius-xl:1.5rem;--bento-radius-pill:999px;--bento-control-radius:.75rem;--bento-tile-radius:1.5rem;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui="bento"][data-mode="light"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bento-fallback-bg-rgb:247 244 252;--bento-fallback-surface-rgb:255 255 255;--bento-fallback-surface-strong-rgb:252 250 255;--bento-fallback-surface-soft-rgb:233 226 246;--bento-fallback-text-rgb:36 26 58;--bento-fallback-text-muted-rgb:103 92 121;--bento-fallback-border-rgb:207 197 227;--bento-fallback-primary-rgb:101 82 184;--bento-fallback-primary-hover-rgb:75 59 152;--bento-fallback-primary-text-rgb:255 255 255;--bento-fallback-secondary-rgb:105 82 163;--bento-fallback-secondary-hover-rgb:81 63 129;--bento-fallback-secondary-text-rgb:255 255 255;--bento-fallback-accent-rgb:196 156 232;--bento-fallback-accent-text-rgb:0 0 0;--bento-fallback-success-rgb:62 122 98;--bento-fallback-success-text-rgb:255 255 255;--bento-fallback-warning-rgb:152 100 0;--bento-fallback-warning-text-rgb:255 255 255;--bento-fallback-danger-rgb:168 58 96;--bento-fallback-danger-text-rgb:255 255 255;--bento-fallback-link-rgb:75 59 152;--bento-fallback-focus-rgb:141 117 209;--bento-panel-alpha:.96;--bento-panel-soft-alpha:.72;--bento-border-alpha:.38;--bento-shadow-alpha:.14;--bento-focus-alpha:.32}[data-ui="bento"][data-mode="dark"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bento-fallback-bg-rgb:18 13 29;--bento-fallback-surface-rgb:28 21 43;--bento-fallback-surface-strong-rgb:42 32 64;--bento-fallback-surface-soft-rgb:23 17 34;--bento-fallback-text-rgb:245 240 255;--bento-fallback-text-muted-rgb:196 184 217;--bento-fallback-border-rgb:93 79 120;--bento-fallback-primary-rgb:169 148 242;--bento-fallback-primary-hover-rgb:196 181 255;--bento-fallback-primary-text-rgb:0 0 0;--bento-fallback-secondary-rgb:209 183 245;--bento-fallback-secondary-hover-rgb:229 213 255;--bento-fallback-secondary-text-rgb:0 0 0;--bento-fallback-accent-rgb:231 198 255;--bento-fallback-accent-text-rgb:0 0 0;--bento-fallback-success-rgb:145 223 184;--bento-fallback-success-text-rgb:0 0 0;--bento-fallback-warning-rgb:255 210 122;--bento-fallback-warning-text-rgb:0 0 0;--bento-fallback-danger-rgb:255 153 183;--bento-fallback-danger-text-rgb:0 0 0;--bento-fallback-link-rgb:209 183 245;--bento-fallback-focus-rgb:209 183 245;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui="bento"][data-mode="contrast"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bento-fallback-bg-rgb:0 0 0;--bento-fallback-surface-rgb:12 7 20;--bento-fallback-surface-strong-rgb:26 16 40;--bento-fallback-surface-soft-rgb:0 0 0;--bento-fallback-text-rgb:255 255 255;--bento-fallback-text-muted-rgb:247 240 255;--bento-fallback-border-rgb:255 255 255;--bento-fallback-primary-rgb:184 156 255;--bento-fallback-primary-hover-rgb:255 255 255;--bento-fallback-primary-text-rgb:0 0 0;--bento-fallback-secondary-rgb:113 255 226;--bento-fallback-secondary-hover-rgb:255 255 255;--bento-fallback-secondary-text-rgb:0 0 0;--bento-fallback-accent-rgb:255 208 242;--bento-fallback-accent-text-rgb:0 0 0;--bento-fallback-success-rgb:0 255 144;--bento-fallback-success-text-rgb:0 0 0;--bento-fallback-warning-rgb:255 212 0;--bento-fallback-warning-text-rgb:0 0 0;--bento-fallback-danger-rgb:255 102 139;--bento-fallback-danger-text-rgb:0 0 0;--bento-fallback-link-rgb:201 181 255;--bento-fallback-focus-rgb:255 255 255;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui="bento"][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-focus-rgb:var(--usk-focus-rgb)}[data-ui="bento"][data-mode]{--usk-native-bg:var(--bento-bg);--bento-bg-rgb:var(--usk-bg-rgb,var(--bento-fallback-bg-rgb));--bento-surface-rgb:var(--usk-surface-rgb,var(--bento-fallback-surface-rgb));--bento-surface-strong-rgb:var(--usk-surface-strong-rgb,var(--bento-fallback-surface-strong-rgb));--bento-surface-soft-rgb:var(--usk-surface-soft-rgb,var(--bento-fallback-surface-soft-rgb));--bento-text-rgb:var(--usk-text-rgb,var(--bento-fallback-text-rgb));--bento-text-muted-rgb:var(--usk-text-muted-rgb,var(--bento-fallback-text-muted-rgb));--bento-border-rgb:var(--usk-border-rgb,var(--bento-fallback-border-rgb));--bento-primary-rgb:var(--usk-primary-rgb,var(--bento-fallback-primary-rgb));--bento-primary-hover-rgb:var(--usk-primary-hover-rgb,var(--bento-fallback-primary-hover-rgb));--bento-primary-text-rgb:var(--usk-primary-text-rgb,var(--bento-fallback-primary-text-rgb));--bento-secondary-rgb:var(--usk-secondary-rgb,var(--bento-fallback-secondary-rgb));--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb,var(--bento-fallback-secondary-hover-rgb));--bento-secondary-text-rgb:var(--usk-secondary-text-rgb,var(--bento-fallback-secondary-text-rgb));--bento-accent-rgb:var(--usk-accent-rgb,var(--bento-fallback-accent-rgb));--bento-accent-text-rgb:var(--usk-accent-text-rgb,var(--bento-fallback-accent-text-rgb));--bento-success-rgb:var(--usk-success-rgb,var(--bento-fallback-success-rgb));--bento-success-text-rgb:var(--usk-success-text-rgb,var(--bento-fallback-success-text-rgb));--bento-warning-rgb:var(--usk-warning-rgb,var(--bento-fallback-warning-rgb));--bento-warning-text-rgb:var(--usk-warning-text-rgb,var(--bento-fallback-warning-text-rgb));--bento-danger-rgb:var(--usk-danger-rgb,var(--bento-fallback-danger-rgb));--bento-danger-text-rgb:var(--usk-danger-text-rgb,var(--bento-fallback-danger-text-rgb));--bento-link-rgb:var(--usk-link-rgb,var(--bento-fallback-link-rgb));--bento-focus-rgb:var(--usk-focus-rgb,var(--bento-fallback-focus-rgb));--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-control-radius);--usk-native-radius-lg:var(--bento-tile-radius);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb)/.28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-6);--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.68rem;--usk-native-control-padding-inline:1rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.85rem;--usk-native-choice-size:1.25rem;--usk-native-choice-background:var(--bento-control-bg);--usk-native-choice-border:1px solid var(--bento-border);--usk-native-checkbox-radius:.375rem;--usk-native-radio-radius:50%;--usk-native-choice-shadow:0 .2rem .55rem rgb(var(--bento-text-rgb)/.12),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.7);--usk-native-choice-checked-background:var(--bento-primary);--usk-native-choice-mark-color:var(--bento-on-primary);--usk-native-select-indicator-image:linear-gradient(30deg,transparent 50%,var(--bento-primary) 50%),linear-gradient(150deg,var(--bento-primary) 50%,transparent 50%);--usk-native-select-indicator-size:.38rem .38rem,.38rem .38rem;--usk-native-select-indicator-position:calc(100% - 1.08rem) 50%,calc(100% - .78rem) 50%;--usk-native-select-padding-inline-end:2.4rem;--usk-native-range-track-size:.6rem;--usk-native-range-track-background:var(--bento-surface-soft);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:999px;--usk-native-range-track-shadow:inset 0 1px 2px rgb(var(--bento-text-rgb)/.12);--usk-native-range-progress-background:var(--bento-primary);--usk-native-range-thumb-size:1.35rem;--usk-native-range-thumb-background:var(--bento-surface-strong);--usk-native-range-thumb-border:1px solid rgb(var(--bento-primary-rgb)/.28);--usk-native-range-thumb-radius:.5rem;--usk-native-range-thumb-shadow:0 .35rem .8rem rgb(var(--bento-text-rgb)/.18),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.78);--usk-native-progress-size:.6rem;--usk-native-progress-track-background:var(--bento-surface-soft);--usk-native-progress-track-border:0 solid transparent;--usk-native-progress-track-radius:999px;--usk-native-progress-track-shadow:inset 0 1px 2px rgb(var(--bento-text-rgb)/.12);--usk-native-progress-value-background:var(--bento-primary);--usk-native-progress-value-radius:inherit;--usk-native-progress-value-shadow:none;--usk-native-meter-optimum-background:var(--bento-success);--usk-native-meter-suboptimum-background:var(--bento-warning);--usk-native-meter-critical-background:var(--bento-danger);--usk-native-file-button-background:var(--bento-primary);--usk-native-file-button-border:1px solid rgb(var(--bento-primary-rgb)/.24);--usk-native-file-button-radius:var(--bento-radius-md);--usk-native-file-button-shadow:0 .3rem .7rem rgb(var(--bento-primary-rgb)/.18);--usk-native-color-swatch-border:1px solid var(--bento-border);--usk-native-color-swatch-radius:var(--bento-radius-md);--usk-native-indicator-opacity:.77;--usk-native-indicator-filter:none;--usk-native-scrollbar-size:.8rem;--usk-native-scrollbar-track:var(--bento-surface-soft);--usk-native-scrollbar-thumb:var(--bento-primary);--usk-native-scrollbar-radius:var(--bento-radius-pill);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb)/var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb)/var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb)/max(var(--bento-border-alpha),var(--usk-border-min-alpha)));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb)/var(--bento-focus-alpha));--bento-shadow-sm:0 .35rem 1rem rgb(var(--bento-text-rgb)/calc(var(--bento-shadow-alpha)*.72)),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.58);--bento-shadow-md:0 .95rem 2.35rem rgb(var(--bento-text-rgb)/var(--bento-shadow-alpha)),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.62);--bento-tile-edge:rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.34));--bento-tile-shadow:0 .85rem 2.2rem rgb(var(--bento-text-rgb)/calc(var(--bento-shadow-alpha)*.82)),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.68);--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 18% 8%,rgb(var(--bento-primary-rgb)/.1),transparent 30rem),radial-gradient(circle at 88% 4%,rgb(var(--bento-accent-rgb)/.1),transparent 28rem),linear-gradient(180deg,rgb(var(--bento-primary-rgb)/.035),transparent 32rem),var(--bento-bg);--bento-card-bg:linear-gradient(145deg,rgb(var(--bento-primary-rgb)/.12),rgb(var(--bento-accent-rgb)/.07)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));--bento-control-bg:linear-gradient(180deg,rgb(var(--bento-primary-rgb)/.045),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha)));--bento-tile-primary-bg:linear-gradient(145deg,rgb(var(--bento-primary-rgb)/.16),rgb(var(--bento-primary-rgb)/.06)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));--bento-tile-accent-bg:linear-gradient(145deg,rgb(var(--bento-accent-rgb)/.15),rgb(var(--bento-primary-rgb)/.05)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));--bento-tile-secondary-bg:linear-gradient(145deg,rgb(var(--bento-secondary-rgb)/.14),rgb(var(--bento-accent-rgb)/.05)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));--bento-spinner-track:rgb(var(--bento-border-rgb)/max(.28,calc(var(--bento-border-alpha)*.7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}@supports (color:color-mix(in srgb,black,white)){[data-ui="bento"][data-mode]{--bento-border:color-mix(in srgb,rgb(var(--bento-border-rgb)/max(var(--bento-border-alpha),var(--usk-border-min-alpha))),var(--bento-text) var(--usk-border-text-mix))}}[data-ui="bento"]{background:var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui="bento"] *,[data-ui="bento"] :before,[data-ui="bento"] :after{box-sizing:border-box}[data-ui="bento"][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui="bento"]) .ui-button,:where([data-ui="bento"]) .ui-badge,:where([data-ui="bento"]) .ui-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.045em;margin:0;font-size:clamp(2.1rem,5.5vw,3.9rem);font-weight:800;line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.025em;margin:0;font-size:clamp(1.25rem,2.75vw,2.1rem);font-weight:800;line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui="bento"]) .ui-card,:where([data-ui="bento"]) .ui-toolbar,:where([data-ui="bento"]) .ui-table-wrap{background:var(--bento-card-bg);color:var(--bento-text);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-tile-shadow);transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-toolbar,:where([data-ui="bento"]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:var(--bento-shadow-sm)}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 1rem 2.5rem rgb(var(--bento-text-rgb)/calc(var(--bento-shadow-alpha) + .04))}.bento-well,.bento-inset{background:var(--bento-tile-secondary-bg);color:var(--bento-text);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-radius-lg);padding:var(--bento-space-5);box-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72),inset 0-1px 2px rgb(var(--bento-text-rgb)/.08)}.bento-hover-lift:hover{box-shadow:0 1.1rem 2.4rem rgb(var(--bento-text-rgb)/calc(var(--bento-shadow-alpha) + .06));transform:translateY(-2px)}.bento-button,.bento-icon-button,:where([data-ui="bento"]) .ui-button,:where([data-ui="bento"]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-control-bg);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-control-radius);box-shadow:var(--bento-shadow-sm);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.7rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui="bento"]) .ui-button:hover,:where([data-ui="bento"]) .ui-icon-button:hover{background:var(--bento-surface-soft);border-color:rgb(var(--bento-primary-rgb)/.48);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed="true"],.bento-icon-button[aria-pressed="true"],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui="bento"]) .ui-button:active,:where([data-ui="bento"]) .ui-icon-button:active,:where([data-ui="bento"]) .ui-button[aria-pressed="true"],:where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"],:where([data-ui="bento"]) .ui-button.is-active,:where([data-ui="bento"]) .ui-icon-button.is-active{box-shadow:inset 0 2px 6px rgb(var(--bento-text-rgb)/.14);transform:translateY(1px)}.bento-button-primary:hover,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]){background:rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));color:var(--bento-primary);border-color:rgb(var(--bento-primary-rgb)/.32);box-shadow:none}.bento-button-secondary:hover,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover{background:rgb(var(--bento-primary-rgb)/.06);border-color:rgb(var(--bento-primary-rgb)/.52)}.bento-button-ghost,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--bento-primary);box-shadow:none;background:none;border-color:#0000}.bento-icon-button,:where([data-ui="bento"]) .ui-icon-button{border-radius:var(--bento-control-radius);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui="bento"]) .ui-button:disabled,:where([data-ui="bento"]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui="bento"]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:where(:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-warning):not(.bento-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-hover):not(.is-busy)),.bento-icon-button,:where([data-ui="bento"]) .ui-toolbar,:where([data-ui="bento"]) .ui-table-wrap,:where([data-ui="bento"]) .ui-button:where(: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-hover):not(.is-busy)),:where([data-ui="bento"]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui="bento"]) .ui-button,:where([data-ui="bento"]) .ui-icon-button,:where([data-ui="bento"]) .ui-badge,:where([data-ui="bento"]) .ui-nav-link{font-family:var(--bento-font-control)}.bento-field,:where([data-ui="bento"]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui="bento"]) .ui-label{color:var(--bento-text);font-size:.9rem;font-weight:750}.bento-input,.bento-textarea,.bento-select,:where([data-ui="bento"]) .ui-input,:where([data-ui="bento"]) .ui-textarea,:where([data-ui="bento"]) .ui-select{background:var(--bento-control-bg);width:100%;min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-control-radius);box-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.68rem 1rem}.bento-textarea,:where([data-ui="bento"]) .ui-textarea{resize:vertical;min-height:7rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui="bento"]) .ui-input::placeholder,:where([data-ui="bento"]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui="bento"]) .ui-input:hover,:where([data-ui="bento"]) .ui-textarea:hover,:where([data-ui="bento"]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.42)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui="bento"]) .ui-input:focus,:where([data-ui="bento"]) .ui-textarea:focus,:where([data-ui="bento"]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui="bento"]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui="bento"]) .ui-check,:where([data-ui="bento"]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui="bento"]) .ui-check input,:where([data-ui="bento"]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui="bento"]) .ui-check-control,:where([data-ui="bento"]) .ui-radio-control{background:var(--bento-control-bg);border:1px solid var(--bento-tile-edge);width:1.25rem;height:1.25rem;box-shadow:var(--bento-shadow-sm);transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui="bento"]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui="bento"]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui="bento"]) .ui-check input:checked+.ui-check-control,:where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:0 0 0 .16rem rgb(var(--bento-primary-rgb)/.18)}.bento-check input:checked+.bento-check-control:after,:where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.78rem;font-weight:900;line-height:1}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.48rem;height:.48rem}.bento-switch,:where([data-ui="bento"]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui="bento"]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui="bento"]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-radius-pill);width:3rem;height:1.6rem;box-shadow:inset 0 1px 3px rgb(var(--bento-text-rgb)/.12);transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui="bento"]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-radius-sm);width:1.15rem;height:1.15rem;box-shadow:var(--bento-shadow-sm);transition:left var(--bento-transition-fast),background var(--bento-transition-fast);position:absolute;top:.16rem;left:.16rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.31rem)}.bento-badge,:where([data-ui="bento"]) .ui-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-tile-secondary-bg);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-radius-sm);box-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.62);padding:.38rem .72rem;font-size:.8125rem;font-weight:800;line-height:1;display:inline-flex}.bento-badge-primary,:where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary,:where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]){background:rgb(var(--bento-primary-rgb)/.1);color:var(--bento-primary);border-color:#0000}.bento-badge-success,:where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]){background:rgb(var(--bento-success-rgb)/.14);color:var(--bento-success);border-color:#0000}.bento-badge-warning,:where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]){background:rgb(var(--bento-warning-rgb)/.14);color:var(--bento-warning);border-color:#0000}.bento-badge-danger,:where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]){background:rgb(var(--bento-danger-rgb)/.14);color:var(--bento-danger);border-color:#0000}.bento-nav,:where([data-ui="bento"]) .ui-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-card-bg);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-tile-shadow);flex-wrap:wrap;display:flex}.bento-nav-link,:where([data-ui="bento"]) .ui-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-control-radius);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.6rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.bento-nav-link:hover,:where([data-ui="bento"]) .ui-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current="page"],.bento-nav-link.is-active,:where([data-ui="bento"]) .ui-nav-link[aria-current="page"],:where([data-ui="bento"]) .ui-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui="bento"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]){background:var(--bento-text);max-inline-size:16rem;color:var(--bento-bg);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-md);box-shadow:0 .75rem 1.6rem rgb(var(--bento-text-rgb)/.24);align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:800;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{border-radius:var(--bento-radius-xs);opacity:.9;background:currentColor;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress,:where([data-ui="bento"]) .ui-progress{background:linear-gradient(90deg,rgb(var(--bento-surface-soft-rgb)/.86),rgb(var(--bento-primary-rgb)/.08));border:1px solid var(--bento-tile-edge);border-radius:var(--bento-radius-pill);width:100%;height:.6rem;box-shadow:inset 0 1px 2px rgb(var(--bento-text-rgb)/.12);overflow:hidden}.bento-progress-bar,:where([data-ui="bento"]) .ui-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:var(--bento-primary);border-radius:inherit}.bento-alert,:where([data-ui="bento"]) .ui-alert{gap:var(--bento-space-2);padding:var(--bento-space-5);background:var(--bento-tile-primary-bg);color:var(--bento-text);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-shadow-sm);display:grid}.bento-alert-success,:where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]){background:linear-gradient(145deg,rgb(var(--bento-success-rgb)/.18),rgb(var(--bento-primary-rgb)/.04)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));border-color:rgb(var(--bento-success-rgb)/.28)}.bento-alert-warning,:where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]){background:linear-gradient(145deg,rgb(var(--bento-warning-rgb)/.2),rgb(var(--bento-accent-rgb)/.04)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));border-color:rgb(var(--bento-warning-rgb)/.28)}.bento-alert-danger,:where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]){background:linear-gradient(145deg,rgb(var(--bento-danger-rgb)/.18),rgb(var(--bento-accent-rgb)/.04)),rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));border-color:rgb(var(--bento-danger-rgb)/.28)}.bento-alert-title,:where([data-ui="bento"]) .ui-alert-title{margin:0;font-weight:900}.bento-alert-body,:where([data-ui="bento"]) .ui-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap,:where([data-ui="bento"]) .ui-table-wrap{overflow:auto}.bento-table,:where([data-ui="bento"]) .ui-table{border-collapse:separate;border-spacing:0;width:100%}.bento-table th,.bento-table td,:where([data-ui="bento"]) .ui-table th,:where([data-ui="bento"]) .ui-table td{text-align:left;border-bottom:1px solid var(--bento-tile-edge);padding:.95rem 1.1rem}.bento-table th,:where([data-ui="bento"]) .ui-table th{color:var(--bento-text);text-transform:none;letter-spacing:0;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:800}.bento-table td,:where([data-ui="bento"]) .ui-table td{color:var(--bento-text-muted)}.bento-table tbody tr:nth-child(2n) td,:where([data-ui="bento"]) .ui-table tbody tr:nth-child(2n) td{background:rgb(var(--bento-accent-rgb)/.035)}.bento-table tr:hover td,:where([data-ui="bento"]) .ui-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.08)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-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}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));grid-auto-rows:minmax(9rem,auto);display:grid;container-type:inline-size}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:var(--bento-tile-primary-bg);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-tile-shadow)}.bento-tile:nth-child(3n+2){background:var(--bento-tile-accent-bg)}.bento-tile:nth-child(3n){background:var(--bento-tile-secondary-bg)}.bento-tile,.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto;min-inline-size:0}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);overflow-wrap:normal;word-break:normal;font-weight:750}@container (width>=34rem){.bento-tile-lg{grid-area:span 2/span 2}}.bento-spinner,.bento-loading-spinner,[data-ui="bento"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy="true"],.bento-icon-button[aria-busy="true"],[data-ui="bento"] :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="bento"]) .ui-button[aria-busy="true"],:where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]{cursor:progress;gap:.55rem}.bento-button[aria-busy="true"]:after,.bento-icon-button[aria-busy="true"]:after,[data-ui="bento"] :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="bento"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}.bento-card-media{aspect-ratio:16/9;object-fit:cover;border:1px solid rgb(var(--bento-border-rgb)/.72);border-radius:var(--bento-radius-lg);inline-size:100%;display:block}.bento-card-service{gap:var(--bento-space-3);text-align:center;align-content:start;display:grid;position:relative;overflow:visible}.bento-card-service>.bento-icon-medallion{z-index:2;justify-self:center;margin-block-start:-2.15rem;position:relative}.bento-card-service>.bento-card-media+.bento-icon-medallion{margin-block-start:-2.15rem}.bento-card-feature{gap:var(--bento-space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.bento-card-accent-edge{border-inline-start:.35rem solid var(--bento-primary)}.bento-icon-medallion{background:var(--bento-primary);block-size:3.75rem;inline-size:3.75rem;color:var(--bento-on-primary);border:2px solid rgb(var(--bento-border-rgb)/.82);border-radius:50%;flex:none;place-items:center;padding:.7rem;line-height:1;display:inline-grid}.bento-icon-medallion>:where(svg,img){object-fit:contain;block-size:100%;inline-size:100%}.bento-button.bento-button-cut,.bento-button-cut,:where([data-ui="bento"]) .ui-button.bento-button-cut{clip-path:polygon(.6rem 0,100%0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);border-radius:0}.bento-button.bento-button-cut:focus-visible,.bento-button-cut:focus-visible,:where([data-ui="bento"]) .ui-button.bento-button-cut:focus-visible{outline-offset:-3px}.bento-button.bento-button-outline-heavy,.bento-button-outline-heavy,:where([data-ui="bento"]) .ui-button.bento-button-outline-heavy{color:var(--bento-primary);border-style:solid;border-width:2px;border-color:var(--bento-primary);box-shadow:none;background:none}.bento-button.bento-button-outline-heavy:hover,.bento-button-outline-heavy:hover,:where([data-ui="bento"]) .ui-button.bento-button-outline-heavy:hover{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary-hover)}.bento-badge-seal{aspect-ratio:1;background:var(--bento-surface-strong);inline-size:5rem;min-inline-size:5rem;color:var(--bento-text);border:2px solid var(--bento-primary);text-align:center;font-family:var(--bento-font-heading);letter-spacing:.04em;border-radius:50%;align-content:center;place-items:center;padding:.65rem;font-size:.72rem;font-weight:900;line-height:1.05;display:inline-grid}.bento-feature-strip{background:var(--bento-card-bg);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.bento-feature-item{align-items:center;gap:var(--bento-space-3);min-inline-size:0;padding:var(--bento-space-4);border-inline-end:1px solid rgb(var(--bento-border-rgb)/.62);grid-template-columns:auto minmax(0,1fr);display:grid}.bento-feature-item:last-child{border-inline-end:0}.bento-feature-item>:where(p,small){color:var(--bento-text-muted);margin:0}.bento-callout-bar{align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4) var(--bento-space-5);background:var(--bento-card-bg);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bento-callout-bar>:where(p,div){min-inline-size:0}.bento-callout-bar>:where(.bento-button,a,button):last-child,:where([data-ui="bento"]) .bento-callout-bar>:where(.ui-button,a,button):last-child{justify-self:end}.bento-eyebrow{color:var(--bento-primary);font-family:var(--bento-font-heading);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900;line-height:1.2}.bento-media-scrim{isolation:isolate;background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);min-block-size:12rem;position:relative;overflow:hidden}.bento-media-scrim>:where(img,picture,video){block-size:100%;inline-size:100%;min-block-size:inherit;object-fit:cover;display:block}.bento-media-scrim>:where(figcaption,[data-media-caption]){z-index:1;color:#fff;background:linear-gradient(to top,#000000e6,#00000094 56%,#0000);padding:clamp(1rem,4vw,2rem);position:absolute;inset-block-end:0;inset-inline:0}.bento-media-scrim>:where(figcaption,[data-media-caption]) *{color:inherit}@media (max-width:42rem){.bento-callout-bar{grid-template-columns:1fr;align-items:start}.bento-callout-bar>:where(.bento-button,a,button):last-child,:where([data-ui="bento"]) .bento-callout-bar>:where(.ui-button,a,button):last-child{justify-self:stretch}.bento-feature-item{border-inline-end:0;border-block-end:1px solid rgb(var(--bento-border-rgb)/.62)}.bento-feature-item:last-child{border-block-end:0}}.bento-card-service{background:var(--bento-tile-primary-bg);border-radius:var(--bento-tile-radius)}.bento-card-feature{background:var(--bento-tile-accent-bg);border-radius:var(--bento-tile-radius)}.bento-icon-medallion{background:rgb(var(--bento-primary-rgb)/.1);color:var(--bento-primary);border:1px solid rgb(var(--bento-primary-rgb)/.2);border-radius:var(--bento-radius-md);box-shadow:var(--bento-shadow-sm)}.bento-feature-strip{gap:var(--bento-space-3);padding:var(--bento-space-3)}.bento-feature-item{background:var(--bento-tile-primary-bg);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-radius-lg);box-shadow:var(--bento-shadow-sm)}.bento-feature-item:nth-child(3n+2){background:var(--bento-tile-accent-bg)}.bento-feature-item:nth-child(3n){background:var(--bento-tile-secondary-bg)}.bento-button.bento-button-cut,.bento-button-cut,:where([data-ui="bento"]) .ui-button.bento-button-cut{border-radius:var(--bento-control-radius);clip-path:none;justify-content:center;justify-self:center;min-block-size:2.75rem;inline-size:min(100%,14rem);min-inline-size:6rem;max-inline-size:100%}.bento-button.bento-button-outline-heavy,.bento-button-outline-heavy,:where([data-ui="bento"]) .ui-button.bento-button-outline-heavy{background:rgb(var(--bento-surface-strong-rgb)/var(--bento-panel-alpha));color:var(--bento-primary);border-width:1px;border-color:rgb(var(--bento-primary-rgb)/.32);border-radius:var(--bento-control-radius);clip-path:none;box-shadow:var(--bento-shadow-sm)}.bento-card-service,.bento-media-scrim,.bento-feature-strip,.bento-callout-bar{border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-tile-shadow)}.bento-feature-strip{background:var(--bento-card-bg)}.bento-callout-bar{background:var(--bento-tile-secondary-bg)}.bento-grid-feature{padding:var(--bento-space-3);background:rgb(var(--bento-primary-rgb)/.055);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.55)}[data-ui="bento"][data-mode] :where(fieldset,article,aside){background:var(--bento-card-bg);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-tile-shadow)}[data-ui="bento"][data-mode] :where(legend){font-family:var(--bento-font-heading);font-weight:800}[data-ui="bento"][data-mode] :where(label){font-weight:750}[data-ui="bento"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){min-block-size:var(--usk-native-control-min-block-size);background-color:var(--bento-surface-strong);background-image:var(--bento-control-bg);color:var(--bento-text);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-control-radius);box-shadow:var(--bento-shadow-sm);font-family:var(--bento-font-control);padding:.7rem 1.1rem;font-weight:800}[data-ui="bento"][data-mode] :where(dialog){background:var(--bento-card-bg);border:1px solid var(--bento-tile-edge);border-radius:var(--bento-tile-radius);box-shadow:var(--bento-tile-shadow)}.bento-button[aria-busy="true"]:after,.bento-icon-button[aria-busy="true"]:after,[data-ui="bento"] :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="bento"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after{background:conic-gradient(currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);box-shadow:inset 0 0 0 .12em rgb(var(--bento-surface-rgb)/.72);clip-path:inset(0 round .24em);border:.12em solid;border-radius:.24em;animation:.86s steps(4,end) infinite bento-spin}@media (prefers-reduced-motion:reduce){[data-ui="bento"] *,[data-ui="bento"] :before,[data-ui="bento"] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui="bento"]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){@supports (forced-color-adjust:auto){[data-ui="bento"] *{forced-color-adjust:auto}}[data-ui="bento"] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui="bento"]{color:#000!important;background:#fff!important}[data-ui="bento"] *{box-shadow:none!important;text-shadow:none!important}[data-ui="bento"] a{text-decoration:underline;color:#000!important}}.bento-input[aria-invalid="true"],.bento-textarea[aria-invalid="true"],.bento-select[aria-invalid="true"],:where([data-ui="bento"]) .ui-input[aria-invalid="true"],:where([data-ui="bento"]) .ui-textarea[aria-invalid="true"],:where([data-ui="bento"]) .ui-select[aria-invalid="true"]{border-color:var(--bento-danger);box-shadow:0 0 0 2px rgb(var(--bento-danger-rgb)/.18)}.bento-input[readonly],.bento-textarea[readonly],:where([data-ui="bento"]) .ui-input[readonly],:where([data-ui="bento"]) .ui-textarea[readonly]{filter:saturate(.72);opacity:.78;border-style:dashed}[data-ui="bento"][data-mode]{--usk-native-control-padding-block:.68rem;--usk-native-control-padding-inline:1.05rem;--usk-native-radius-sm:.625rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1.5rem;--usk-native-shadow:0 .3rem .85rem rgb(var(--bento-text-rgb)/.1),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.68);--usk-native-shadow-md:0 .85rem 2.2rem rgb(var(--bento-text-rgb)/.14),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);--usk-native-focus-ring:0 0 0 .2rem rgb(var(--bento-focus-rgb)/.28);--usk-native-subcontrol-padding-block:.54rem;--usk-native-subcontrol-padding-inline:.84rem;--usk-native-choice-size:1.25rem;--usk-native-choice-background:linear-gradient(145deg,rgb(var(--bento-primary-rgb)/.08),rgb(var(--bento-surface-strong-rgb)/.96));--usk-native-choice-border:1px solid rgb(var(--bento-border-rgb)/.54);--usk-native-checkbox-radius:.375rem;--usk-native-choice-shadow:0 .2rem .55rem rgb(var(--bento-text-rgb)/.12),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.78);--usk-native-choice-checked-background:linear-gradient(145deg,var(--bento-primary),var(--bento-primary-hover));--usk-native-select-indicator-size:.38rem .38rem,.38rem .38rem;--usk-native-select-indicator-position:calc(100% - 1.08rem) 50%,calc(100% - .78rem) 50%;--usk-native-select-padding-inline-end:2.4rem;--usk-native-range-track-size:.6rem;--usk-native-range-track-background:linear-gradient(90deg,rgb(var(--bento-surface-soft-rgb)/.9),rgb(var(--bento-primary-rgb)/.12));--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-shadow:inset 0 1px 2px rgb(var(--bento-text-rgb)/.12);--usk-native-range-progress-background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));--usk-native-range-thumb-size:1.35rem;--usk-native-range-thumb-border:1px solid rgb(var(--bento-primary-rgb)/.28);--usk-native-range-thumb-radius:.5rem;--usk-native-range-thumb-shadow:0 .35rem .8rem rgb(var(--bento-text-rgb)/.18),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.78);--usk-native-progress-size:.6rem;--usk-native-progress-track-background:linear-gradient(90deg,rgb(var(--bento-surface-soft-rgb)/.92),rgb(var(--bento-primary-rgb)/.08));--usk-native-progress-track-border:0 solid transparent;--usk-native-progress-track-shadow:inset 0 1px 2px rgb(var(--bento-text-rgb)/.12);--usk-native-progress-value-background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));--usk-native-progress-value-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.32);--usk-native-scrollbar-size:.8rem;--usk-native-scrollbar-track:rgb(var(--bento-surface-soft-rgb)/.74);--usk-native-scrollbar-thumb:linear-gradient(180deg,var(--bento-primary),var(--bento-primary-hover));--usk-native-scrollbar-radius:999px}.bento-title{letter-spacing:max(.018em,.5px);margin-block:.75rem;font-weight:800}.bento-label,:where([data-ui="bento"]) .ui-label{font-size:.9rem;font-weight:750}.bento-button,.bento-icon-button,:where([data-ui="bento"]) .ui-button,:where([data-ui="bento"]) .ui-icon-button{background:var(--bento-control-bg);min-height:2.75rem;box-shadow:var(--bento-shadow-sm);border-radius:.75rem;padding:.68rem 1.05rem;font-weight:800}.bento-icon-button,:where([data-ui="bento"]) .ui-icon-button{padding:0}.bento-input,.bento-textarea,.bento-select,:where([data-ui="bento"]) .ui-input,:where([data-ui="bento"]) .ui-textarea,:where([data-ui="bento"]) .ui-select{min-height:2.75rem;box-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);border-radius:.75rem;padding:.68rem 1rem}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui="bento"]) .ui-card,:where([data-ui="bento"]) .ui-toolbar,:where([data-ui="bento"]) .ui-table-wrap{background:var(--bento-card-bg);border:1px solid var(--bento-tile-edge);box-shadow:var(--bento-tile-shadow);border-radius:1.5rem}.bento-card,.bento-panel,:where([data-ui="bento"]) .ui-card{padding:1.5rem}.bento-card:nth-of-type(3n+2),.bento-panel:nth-of-type(3n+2),:where([data-ui="bento"]) .ui-card:nth-of-type(3n+2){background:var(--bento-tile-accent-bg)}.bento-card:nth-of-type(3n),.bento-panel:nth-of-type(3n),:where([data-ui="bento"]) .ui-card:nth-of-type(3n){background:var(--bento-tile-secondary-bg)}.bento-well,.bento-inset{background:var(--bento-tile-secondary-bg);border:1px solid var(--bento-tile-edge);box-shadow:inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.74),inset 0-1px 2px rgb(var(--bento-text-rgb)/.08);border-radius:1.125rem;padding:1.25rem}.bento-badge,:where([data-ui="bento"]) .ui-badge{border-radius:.625rem;min-height:1.7rem;padding:.3rem .7rem}.bento-alert,:where([data-ui="bento"]) .ui-alert{background:linear-gradient(145deg,rgb(var(--bento-primary-rgb)/.1),rgb(var(--bento-accent-rgb)/.055)),var(--bento-surface-strong);border:1px solid var(--bento-tile-edge);box-shadow:var(--bento-shadow-sm);border-radius:1.25rem}.bento-progress,:where([data-ui="bento"]) .ui-progress{background:rgb(var(--bento-surface-soft-rgb)/.88);height:.6rem}.bento-progress-bar,:where([data-ui="bento"]) .ui-progress-bar{background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent))}.bento-table-wrap,:where([data-ui="bento"]) .ui-table-wrap{background:var(--bento-card-bg);box-shadow:var(--bento-tile-shadow);border-radius:1.5rem}.bento-table th,:where([data-ui="bento"]) .ui-table th{background:rgb(var(--bento-primary-rgb)/.08);padding:.95rem 1.1rem;font-weight:800}.bento-table td,:where([data-ui="bento"]) .ui-table td{padding:.95rem 1.1rem}.bento-nav,:where([data-ui="bento"]) .ui-nav{box-shadow:var(--bento-shadow-sm);border-radius:1rem;padding:.35rem}.bento-nav-link,:where([data-ui="bento"]) .ui-nav-link{border-radius:.75rem;min-height:2.5rem;padding:.6rem .9rem}.bento-tooltip,[data-ui="bento"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]){box-shadow:var(--bento-shadow-md);border-radius:.75rem}.bento-card-service,.bento-card-feature,.bento-feature-strip,.bento-callout-bar{box-shadow:var(--bento-tile-shadow);border-radius:1.5rem;padding:1.5rem}.bento-feature-item{border-radius:1rem;padding:1rem}[data-ui="bento"][data-mode] :where(dialog){background:var(--bento-card-bg);box-shadow:0 1.25rem 3rem rgb(var(--bento-text-rgb)/.2),inset 0 1px 0 rgb(var(--bento-surface-strong-rgb)/.72);border-radius:1.5rem}.bento-button-primary,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-secondary,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-danger,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--bento-primary);background:none;border-color:#0000}.bento-feature-item>.bento-icon-medallion{font-size:1.5rem;line-height:1}.bento-callout-bar>.bento-icon-medallion{min-block-size:4.5rem;min-inline-size:4.5rem;font-size:2rem;font-weight:800;line-height:1}[data-ui="bento"][data-mode] .bento-button.bento-button-warning,:where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]){background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning);text-shadow:none}[data-ui="bento"][data-mode] .bento-sheet *,[data-ui="bento"][data-mode] .bento-sheet :before,[data-ui="bento"][data-mode] .bento-sheet :after{box-sizing:border-box}[data-ui="bento"][data-mode] .bento-sheet button,[data-ui="bento"][data-mode] .bento-sheet input,[data-ui="bento"][data-mode] .bento-sheet select,[data-ui="bento"][data-mode] .bento-sheet textarea{font:inherit}[data-ui="bento"][data-mode] .bento-sheet button{color:inherit;cursor:pointer}[data-ui="bento"][data-mode] .bento-sheet button:focus-visible,[data-ui="bento"][data-mode] .bento-sheet input:focus-visible,[data-ui="bento"][data-mode] .bento-sheet select:focus-visible,[data-ui="bento"][data-mode] .bento-sheet textarea:focus-visible,[data-ui="bento"][data-mode] .bento-sheet summary:focus-visible{outline:2px solid var(--bento-mosaic-violet);outline-offset:2px}[data-ui="bento"][data-mode] .bento-sheet h1,[data-ui="bento"][data-mode] .bento-sheet h2,[data-ui="bento"][data-mode] .bento-sheet p{margin:0}[data-ui="bento"][data-mode] .bento-sheet h2{letter-spacing:0;font-size:13px;font-weight:800}[data-ui="bento"][data-mode] .bento-sheet svg{flex:none;display:block}[data-ui="bento"][data-mode] .bento-stage{margin:0 auto;position:relative;overflow:hidden}[data-ui="bento"][data-mode] .bento-stage.is-export,[data-ui="bento"][data-mode] .bento-stage.is-export *{cursor:none!important;pointer-events:none!important}[data-ui="bento"][data-mode] .bento-stage.is-export *,[data-ui="bento"][data-mode] .bento-stage.is-export :before,[data-ui="bento"][data-mode] .bento-stage.is-export :after{transition:none!important;animation:none!important}[data-ui="bento"][data-mode] .bento-panel{background:var(--bento-mosaic-panel);border:1px solid var(--bento-mosaic-line);box-shadow:var(--bento-mosaic-shadow);border-radius:17px;min-height:0;padding:15px;overflow:visible}[data-ui="bento"][data-mode] .bento-panel>header{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}[data-ui="bento"][data-mode] .bento-panel>header>svg{color:var(--bento-mosaic-primary);width:17px;height:17px}[data-ui="bento"][data-mode] .bento-sidebar{background:var(--bento-mosaic-panel);border:1px solid var(--bento-mosaic-line);border-radius:0 18px 18px 0;flex-direction:column;height:calc(100% - 12px);margin-block:6px;padding:20px 12px 12px;display:flex;overflow:hidden}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-sidebar{background:var(--bento-surface)}[data-ui="bento"][data-mode] .bento-brand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}[data-ui="bento"][data-mode] .bento-brand-mark{background:var(--bento-mosaic-primary-soft);border:1px solid var(--bento-mosaic-primary);color:var(--bento-mosaic-primary);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}[data-ui="bento"][data-mode] .bento-brand-mark svg{width:18px;height:18px}[data-ui="bento"][data-mode] .bento-brand>span:last-child{display:grid}[data-ui="bento"][data-mode] .bento-brand strong{font-size:14px;font-weight:800}[data-ui="bento"][data-mode] .bento-brand small{color:var(--bento-mosaic-muted);letter-spacing:0;font-size:12px;font-weight:800}[data-ui="bento"][data-mode] .bento-sidebar nav{gap:5px;display:grid}[data-ui="bento"][data-mode] .bento-sidebar nav button{color:var(--bento-mosaic-muted);text-align:left;background:none;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;font-size:12px;font-weight:650;transition:background-color .16s,color .16s,transform .16s;display:flex}[data-ui="bento"][data-mode] .bento-sidebar nav button svg{width:17px;height:17px}[data-ui="bento"][data-mode] .bento-sidebar nav button:hover{background:var(--bento-mosaic-panel-soft);color:var(--bento-mosaic-text);transform:translateX(2px)}[data-ui="bento"][data-mode] .bento-sidebar nav button.is-active{background:var(--bento-mosaic-primary);box-shadow:0 8px 20px var(--bento-mosaic-primary);color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-sidebar-spacer{flex:1}[data-ui="bento"][data-mode] .bento-sidebar-note{background:var(--bento-mosaic-primary-soft);border:1px solid var(--bento-mosaic-primary);border-radius:13px;min-height:197px;padding:18px 15px 8px;position:relative;overflow:hidden}[data-ui="bento"][data-mode] .bento-sidebar-note strong{font-size:12px;line-height:1.55}[data-ui="bento"][data-mode] .bento-sidebar-note p{color:var(--bento-mosaic-muted);max-width:112px;margin-top:8px;font-size:12px;line-height:1.55}[data-ui="bento"][data-mode] .bento-sidebar-note img{object-fit:contain;width:132px;height:108px;position:absolute;bottom:-24px;right:-24px}[data-ui="bento"][data-mode] .bento-theme-toggle{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:10px;padding:0 11px;font-size:12px;font-weight:700;display:grid}[data-ui="bento"][data-mode] .bento-theme-toggle>svg{width:18px;height:18px}[data-ui="bento"][data-mode] .bento-switch:where(button,span),:where([data-ui="bento"])[data-mode] .ui-switch:where(button,span){background:var(--bento-mosaic-line-strong);border:1px solid var(--bento-mosaic-line-strong);border-radius:999px;width:37px;height:20px;padding:2px;transition:background-color .16s;display:inline-flex}[data-ui="bento"][data-mode] .bento-switch:where(button,span)>span,:where([data-ui="bento"])[data-mode] .ui-switch:where(button,span)>span{background:var(--bento-on-primary);border-radius:50%;width:14px;height:14px;transition:transform .16s;display:block;transform:translateX(0);box-shadow:0 1px 4px #131d4040}[data-ui="bento"][data-mode] .bento-switch:where(button,span)[aria-checked="true"],:where([data-ui="bento"])[data-mode] .ui-switch:where(button,span)[aria-checked="true"]{background:var(--bento-mosaic-primary);border-color:var(--bento-mosaic-primary)}[data-ui="bento"][data-mode] .bento-switch:where(button,span)[aria-checked="true"]>span,:where([data-ui="bento"])[data-mode] .ui-switch:where(button,span)[aria-checked="true"]>span{transform:translateX(17px)}[data-ui="bento"][data-mode] .bento-switch:where(button,span).is-on,:where([data-ui="bento"])[data-mode] .ui-switch:where(button,span).is-on{background:var(--bento-mosaic-primary);border-color:var(--bento-mosaic-primary)}[data-ui="bento"][data-mode] .bento-switch:where(button,span).is-on>span,:where([data-ui="bento"])[data-mode] .ui-switch:where(button,span).is-on>span{transform:translateX(17px)}[data-ui="bento"][data-mode] .bento-switch:where(label),:where([data-ui="bento"])[data-mode] .ui-switch:where(label){align-items:center;gap:8px;max-width:100%;display:inline-flex;position:relative}[data-ui="bento"][data-mode] .bento-switch:where(label)>span:last-child,:where([data-ui="bento"])[data-mode] .ui-switch:where(label)>span:last-child{overflow-wrap:normal;word-break:normal}[data-ui="bento"][data-mode] .bento-switch-track,:where([data-ui="bento"])[data-mode] .ui-switch-track{background:var(--bento-border);width:37px;height:20px;box-shadow:none;flex:0 0 37px}[data-ui="bento"][data-mode] .bento-switch-thumb,:where([data-ui="bento"])[data-mode] .ui-switch-thumb{background:var(--bento-surface-strong);width:14px;height:14px;box-shadow:none;border:0;border-radius:50%;top:2px;left:2px}[data-ui="bento"][data-mode] .bento-switch input:checked+.bento-switch-track,:where([data-ui="bento"])[data-mode] .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}[data-ui="bento"][data-mode] .bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui="bento"])[data-mode] .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 16px)}[data-ui="bento"][data-mode] .bento-switch input:focus-visible+.bento-switch-track,:where([data-ui="bento"])[data-mode] .ui-switch input:focus-visible+.ui-switch-track{outline:2px solid var(--bento-focus);outline-offset:3px}[data-ui="bento"][data-mode] .bento-switch input:disabled+.bento-switch-track,:where([data-ui="bento"])[data-mode] .ui-switch input:disabled+.ui-switch-track{opacity:.5}[data-ui="bento"][data-mode] .bento-canvas{grid-template-rows:388px 286px 322px;gap:8px;height:1024px;padding:6px 8px 6px 10px;display:grid}[data-ui="bento"][data-mode] .bento-top-grid,[data-ui="bento"][data-mode] .bento-middle-grid,[data-ui="bento"][data-mode] .bento-bottom-grid{gap:8px;min-height:0;display:grid}[data-ui="bento"][data-mode] .bento-hero{background:var(--bento-mosaic-primary-soft);border-color:var(--bento-border);padding:0;position:relative}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-hero{background:var(--bento-mosaic-primary-soft);border-color:var(--bento-border)}[data-ui="bento"][data-mode] .bento-hero-copy{z-index:2;position:absolute;top:55px;left:40px}[data-ui="bento"][data-mode] .bento-eyebrow{color:var(--bento-mosaic-primary);letter-spacing:0;font-size:12px;font-weight:800}[data-ui="bento"][data-mode] .bento-hero h1{letter-spacing:0;margin:11px 0 14px;font-size:50px;font-weight:850;line-height:1.08}[data-ui="bento"][data-mode] .bento-hero h1 span{color:var(--bento-mosaic-primary)}[data-ui="bento"][data-mode] .bento-hero p{color:var(--bento-mosaic-muted);max-width:270px;font-size:13px}[data-ui="bento"][data-mode] .bento-inline-actions{gap:10px;margin-top:20px;display:flex}[data-ui="bento"][data-mode] .bento-hero-art{object-fit:contain;object-position:center;z-index:1;width:420px;height:345px;position:absolute;top:20px;right:-30px;transform:rotate(-3deg)}[data-ui="bento"][data-mode] .bento-hero-art.is-dark,[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-hero-art.is-light{display:none}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-hero-art.is-dark{width:300px;height:300px;display:block;top:40px;right:-10px}[data-ui="bento"][data-mode] .bento-button,:where([data-ui="bento"])[data-mode] .ui-button{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-weight:750;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}[data-ui="bento"][data-mode] .bento-button:hover:not(:disabled),:where([data-ui="bento"])[data-mode] .ui-button:hover:not(:disabled){transform:translateY(-1px)}[data-ui="bento"][data-mode] .bento-button:active:not(:disabled),:where([data-ui="bento"])[data-mode] .ui-button:active:not(:disabled){transform:translateY(1px)}[data-ui="bento"][data-mode] .bento-button.is-primary,[data-ui="bento"][data-mode] .bento-button.is-hover,[data-ui="bento"][data-mode] .bento-button.is-busy,:where([data-ui="bento"])[data-mode] .ui-button.is-primary,:where([data-ui="bento"])[data-mode] .ui-button.is-hover,:where([data-ui="bento"])[data-mode] .ui-button.is-busy{background:var(--bento-mosaic-primary);border-color:var(--bento-mosaic-primary);color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-button.is-hover,:where([data-ui="bento"])[data-mode] .ui-button.is-hover{background:var(--bento-mosaic-primary-hover);box-shadow:0 8px 18px var(--bento-mosaic-primary)}[data-ui="bento"][data-mode] .bento-button.is-secondary,:where([data-ui="bento"])[data-mode] .ui-button.is-secondary{border-color:var(--bento-mosaic-primary);color:var(--bento-mosaic-primary);background:none}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-button.is-secondary,:where([data-ui="bento"])[data-mode] .bento-sheet[data-mode="dark"] .ui-button.is-secondary{border-color:var(--bento-border);color:var(--bento-link)}[data-ui="bento"][data-mode] .bento-button.is-danger,:where([data-ui="bento"])[data-mode] .ui-button.is-danger{background:var(--bento-mosaic-danger-soft);border-color:var(--bento-mosaic-danger);color:var(--bento-mosaic-danger)}[data-ui="bento"][data-mode] .bento-button.is-ghost,:where([data-ui="bento"])[data-mode] .ui-button.is-ghost{color:var(--bento-mosaic-primary);background:none;border-color:#0000}[data-ui="bento"][data-mode] .bento-button:disabled,:where([data-ui="bento"])[data-mode] .ui-button:disabled{color:var(--bento-mosaic-faint);cursor:not-allowed;opacity:.62}[data-ui="bento"][data-mode] .bento-actions{grid-template-rows:auto repeat(7,1fr);gap:5px;display:grid}[data-ui="bento"][data-mode] .bento-actions header{margin-bottom:2px}[data-ui="bento"][data-mode] .bento-actions .bento-button,:where([data-ui="bento"])[data-mode] .bento-actions .ui-button{width:100%;min-height:0;padding-block:0;font-size:12px}[data-ui="bento"][data-mode] .bento-system{background:var(--bento-primary);border-color:var(--bento-primary);color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-system{background:var(--bento-primary);border-color:var(--bento-primary)}[data-ui="bento"][data-mode] .bento-system>header{margin-bottom:5px}[data-ui="bento"][data-mode] .bento-system>header>svg{color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-system>p{align-items:center;gap:7px;margin-bottom:8px;font-size:12px;display:flex}[data-ui="bento"][data-mode] .bento-live-dot{background:var(--bento-success);border-radius:50%;width:7px;height:7px;display:inline-block}[data-ui="bento"][data-mode] .bento-service-row{background:#ffffff17;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1fr 64px;align-items:center;gap:8px;min-height:61px;margin-bottom:8px;padding:9px;display:grid}[data-ui="bento"][data-mode] .bento-service-row span{gap:2px;display:grid}[data-ui="bento"][data-mode] .bento-service-row strong,[data-ui="bento"][data-mode] .bento-service-row small{font-size:12px}[data-ui="bento"][data-mode] .bento-service-row small{color:var(--bento-on-primary);font-weight:700}[data-ui="bento"][data-mode] .bento-system>small{color:var(--bento-on-primary);font-size:12px}[data-ui="bento"][data-mode] .bento-system>button{color:var(--bento-on-primary);background:none;border:0;align-items:center;gap:6px;margin-top:5px;padding:0;font-size:12px;font-weight:750;display:flex}[data-ui="bento"][data-mode] .bento-system>button svg{width:13px;height:13px}[data-ui="bento"][data-mode] .bento-system progress,[data-ui="bento"][data-mode] .bento-usage progress,[data-ui="bento"][data-mode] .bento-usage-cell progress,[data-ui="bento"][data-mode] .bento-sliders progress{appearance:none;background:var(--bento-mosaic-line);border:0;border-radius:999px;width:100%;height:6px;overflow:hidden}[data-ui="bento"][data-mode] .bento-system progress{background:#ffffff29}[data-ui="bento"][data-mode] .bento-system progress::-webkit-progress-bar{background:inherit;border-radius:inherit}[data-ui="bento"][data-mode] .bento-usage progress::-webkit-progress-bar{background:inherit;border-radius:inherit}[data-ui="bento"][data-mode] .bento-usage-cell progress::-webkit-progress-bar{background:inherit;border-radius:inherit}[data-ui="bento"][data-mode] .bento-sliders progress::-webkit-progress-bar{background:inherit;border-radius:inherit}[data-ui="bento"][data-mode] .bento-system progress::-webkit-progress-value{background:var(--bento-success);border-radius:inherit}[data-ui="bento"][data-mode] .bento-system progress::-moz-progress-bar{background:var(--bento-success);border-radius:inherit}[data-ui="bento"][data-mode] .bento-metrics-stack,[data-ui="bento"][data-mode] .bento-utility-stack{gap:8px;min-height:0;display:grid}[data-ui="bento"][data-mode] .bento-metrics-stack{grid-template-rows:1.55fr .95fr}[data-ui="bento"][data-mode] .bento-usage,[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-usage{background:var(--bento-mosaic-warning-soft);border-color:var(--bento-warning)}[data-ui="bento"][data-mode] .bento-usage>header{margin-bottom:3px}[data-ui="bento"][data-mode] .bento-usage>header>svg{color:var(--bento-mosaic-warning)}[data-ui="bento"][data-mode] .bento-usage>strong{letter-spacing:0;margin-top:4px;font-size:33px;line-height:1.1;display:block}[data-ui="bento"][data-mode] .bento-usage>span{color:var(--bento-mosaic-muted);font-size:12px;font-weight:700;display:block}[data-ui="bento"][data-mode] .bento-usage>div{align-items:center;gap:8px;margin:12px 0 10px;display:flex}[data-ui="bento"][data-mode] .bento-usage>div small{color:var(--bento-mosaic-muted);font-size:12px}[data-ui="bento"][data-mode] .bento-usage progress::-webkit-progress-value{background:var(--bento-mosaic-primary);border-radius:inherit}[data-ui="bento"][data-mode] .bento-usage-cell progress::-webkit-progress-value{background:var(--bento-mosaic-primary);border-radius:inherit}[data-ui="bento"][data-mode] .bento-sliders progress::-webkit-progress-value{background:var(--bento-mosaic-primary);border-radius:inherit}[data-ui="bento"][data-mode] .bento-usage progress::-moz-progress-bar{background:var(--bento-mosaic-primary);border-radius:inherit}[data-ui="bento"][data-mode] .bento-usage-cell progress::-moz-progress-bar{background:var(--bento-mosaic-primary);border-radius:inherit}[data-ui="bento"][data-mode] .bento-sliders progress::-moz-progress-bar{background:var(--bento-mosaic-primary);border-radius:inherit}[data-ui="bento"][data-mode] .bento-quota{background:var(--bento-mosaic-success-soft);border-color:var(--bento-success);grid-template-columns:1fr 98px;align-items:center;display:grid}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-quota{background:var(--bento-mosaic-success-soft);border-color:var(--bento-success)}[data-ui="bento"][data-mode] .bento-quota-copy{gap:3px;display:grid}[data-ui="bento"][data-mode] .bento-quota-copy strong{color:var(--bento-mosaic-success);letter-spacing:0;font-size:24px}[data-ui="bento"][data-mode] .bento-quota-copy span{color:var(--bento-mosaic-muted);font-size:12px}[data-ui="bento"][data-mode] .bento-quota meter,[data-ui="bento"][data-mode] .bento-sliders meter{accent-color:var(--bento-mosaic-success);width:100%;height:13px}[data-ui="bento"][data-mode] .bento-form-panel>header>span{color:var(--bento-mosaic-muted);font-size:12px}[data-ui="bento"][data-mode] .bento-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 6px;display:grid}[data-ui="bento"][data-mode] .bento-field,:where([data-ui="bento"])[data-mode] .ui-field{gap:3px;min-width:0;display:grid;position:relative}[data-ui="bento"][data-mode] .bento-field.is-wide,:where([data-ui="bento"])[data-mode] .ui-field.is-wide{width:100%}[data-ui="bento"][data-mode] .bento-field>span:first-child,:where([data-ui="bento"])[data-mode] .ui-field>span:first-child{color:var(--bento-mosaic-muted);font-size:12px;font-weight:750}[data-ui="bento"][data-mode] .bento-field input,[data-ui="bento"][data-mode] .bento-field select,[data-ui="bento"][data-mode] .bento-field textarea,[data-ui="bento"][data-mode] .bento-table-tools input,:where([data-ui="bento"])[data-mode] .ui-field input,:where([data-ui="bento"])[data-mode] .ui-field select,:where([data-ui="bento"])[data-mode] .ui-field textarea{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line-strong);color:var(--bento-mosaic-text);border-radius:6px;width:100%;min-width:0;height:26px;padding:0 7px}[data-ui="bento"][data-mode] .bento-field input::placeholder,[data-ui="bento"][data-mode] .bento-field textarea::placeholder,[data-ui="bento"][data-mode] .bento-table-tools input::placeholder,:where([data-ui="bento"])[data-mode] .ui-field input::placeholder,:where([data-ui="bento"])[data-mode] .ui-field textarea::placeholder{color:var(--bento-mosaic-faint)}[data-ui="bento"][data-mode] .bento-field textarea,:where([data-ui="bento"])[data-mode] .ui-field textarea{resize:none;height:32px;padding-top:6px}[data-ui="bento"][data-mode] .bento-input-icon{display:block;position:relative}[data-ui="bento"][data-mode] .bento-input-icon>svg{color:var(--bento-mosaic-muted);pointer-events:none;z-index:1;width:12px;height:12px;position:absolute;top:7px;left:7px}[data-ui="bento"][data-mode] .bento-input-icon>input{padding-left:24px}[data-ui="bento"][data-mode] .bento-input-icon.is-end>input{padding-left:7px;padding-right:26px}[data-ui="bento"][data-mode] .bento-input-icon.is-end>button{z-index:2;background:none;border:0;padding:0;position:absolute;top:7px;right:7px}[data-ui="bento"][data-mode] .bento-field input[type="color"],:where([data-ui="bento"])[data-mode] .ui-field input[type="color"]{padding:2px}[data-ui="bento"][data-mode] .bento-file input{opacity:0;z-index:2;height:26px;position:absolute;top:12px}[data-ui="bento"][data-mode] .bento-file>span:last-child{background:var(--bento-mosaic-panel-soft);border:1px dashed var(--bento-mosaic-line-strong);color:var(--bento-mosaic-primary);border-radius:6px;justify-content:center;align-items:center;gap:5px;height:26px;font-size:12px;font-weight:750;display:flex}[data-ui="bento"][data-mode] .bento-file>span:last-child svg{width:12px;height:12px}[data-ui="bento"][data-mode] .bento-choices fieldset{border:0;margin:0 0 7px;padding:0}[data-ui="bento"][data-mode] .bento-choices legend{margin-bottom:4px;font-size:12px;font-weight:800}[data-ui="bento"][data-mode] .bento-choices fieldset>label,[data-ui="bento"][data-mode] .bento-switch-row{color:var(--bento-mosaic-muted);align-items:center;gap:7px;margin-bottom:5px;font-size:12px;display:flex}[data-ui="bento"][data-mode] .bento-choices input[type="checkbox"],[data-ui="bento"][data-mode] .bento-choices input[type="radio"]{accent-color:var(--bento-mosaic-primary);width:15px;height:15px;margin:0}[data-ui="bento"][data-mode] .bento-switch-row{background:none;border:0;justify-content:space-between;width:100%;padding:0}[data-ui="bento"][data-mode] .bento-switch-row:disabled{opacity:.48}[data-ui="bento"][data-mode] .bento-sliders>label{gap:5px;margin-bottom:13px;display:grid}[data-ui="bento"][data-mode] .bento-sliders>label>span{color:var(--bento-mosaic-muted);justify-content:space-between;font-size:12px;font-weight:700;display:flex}[data-ui="bento"][data-mode] .bento-sliders output{color:var(--bento-mosaic-text)}[data-ui="bento"][data-mode] .bento-sliders input[type="range"]{accent-color:var(--bento-mosaic-primary);width:100%;height:7px;margin:0}[data-ui="bento"][data-mode] .bento-stepper{justify-content:space-between;align-items:center;margin:3px 0 13px;display:flex}[data-ui="bento"][data-mode] .bento-stepper>span{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line-strong);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}[data-ui="bento"][data-mode] .bento-stepper>span.is-complete,[data-ui="bento"][data-mode] .bento-stepper>span.is-current{background:var(--bento-mosaic-primary);border-color:var(--bento-mosaic-primary);color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-stepper>span svg{width:10px;height:10px}[data-ui="bento"][data-mode] .bento-stepper>i{background:var(--bento-mosaic-line-strong);width:23px;height:2px}[data-ui="bento"][data-mode] .bento-segment{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line);border-radius:7px;grid-template-columns:repeat(3,1fr);padding:2px;display:grid}[data-ui="bento"][data-mode] .bento-segment button{color:var(--bento-mosaic-muted);background:none;border:0;border-radius:5px;min-height:24px;font-size:12px}[data-ui="bento"][data-mode] .bento-segment button.is-active{background:var(--bento-mosaic-panel-raised);color:var(--bento-mosaic-primary);font-weight:800;box-shadow:0 2px 8px #1823481a}[data-ui="bento"][data-mode] .bento-badges{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}[data-ui="bento"][data-mode] .bento-status{background:var(--bento-mosaic-primary-soft);border:1px solid var(--bento-mosaic-primary);color:var(--bento-mosaic-primary);white-space:nowrap;border-radius:5px;align-items:center;min-height:22px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}[data-ui="bento"][data-mode] .bento-status.is-violet{background:var(--bento-mosaic-violet-soft);color:var(--bento-mosaic-violet)}[data-ui="bento"][data-mode] .bento-status.is-success{background:var(--bento-mosaic-success-soft);color:var(--bento-mosaic-success)}[data-ui="bento"][data-mode] .bento-status.is-warning{background:var(--bento-mosaic-warning-soft);color:var(--bento-mosaic-warning)}[data-ui="bento"][data-mode] .bento-status.is-danger{background:var(--bento-mosaic-danger-soft);color:var(--bento-mosaic-danger)}[data-ui="bento"][data-mode] .bento-status.is-info{background:var(--bento-mosaic-info-soft);color:var(--bento-mosaic-info)}[data-ui="bento"][data-mode] .bento-alert,[data-ui="bento"][data-mode] .bento-toast,:where([data-ui="bento"])[data-mode] .ui-alert{border:1px solid;border-radius:9px;align-items:flex-start;gap:8px;min-height:66px;margin-bottom:7px;padding:10px;display:flex}[data-ui="bento"][data-mode] .bento-alert,:where([data-ui="bento"])[data-mode] .ui-alert{background:var(--bento-mosaic-danger-soft);border-color:var(--bento-mosaic-danger);color:var(--bento-mosaic-danger)}[data-ui="bento"][data-mode] .bento-toast{background:var(--bento-mosaic-success-soft);border-color:var(--bento-mosaic-success);color:var(--bento-mosaic-success)}[data-ui="bento"][data-mode] .bento-alert>svg,[data-ui="bento"][data-mode] .bento-toast>svg,:where([data-ui="bento"])[data-mode] .ui-alert>svg{width:16px;height:16px;margin-top:1px}[data-ui="bento"][data-mode] .bento-alert>span,[data-ui="bento"][data-mode] .bento-toast>span,:where([data-ui="bento"])[data-mode] .ui-alert>span{flex:1;gap:3px;display:grid}[data-ui="bento"][data-mode] .bento-alert strong,[data-ui="bento"][data-mode] .bento-toast strong,:where([data-ui="bento"])[data-mode] .ui-alert strong{color:var(--bento-mosaic-text);font-size:12px}[data-ui="bento"][data-mode] .bento-alert small,[data-ui="bento"][data-mode] .bento-toast small,:where([data-ui="bento"])[data-mode] .ui-alert small{color:var(--bento-mosaic-muted);font-size:12px}[data-ui="bento"][data-mode] .bento-alert button,[data-ui="bento"][data-mode] .bento-toast button,:where([data-ui="bento"])[data-mode] .ui-alert button{color:var(--bento-mosaic-muted);background:none;border:0;padding:0}[data-ui="bento"][data-mode] .bento-alert button svg,[data-ui="bento"][data-mode] .bento-toast button svg,:where([data-ui="bento"])[data-mode] .ui-alert button svg{width:13px;height:13px}[data-ui="bento"][data-mode] .bento-utility-stack{grid-template-rows:1fr 1fr}[data-ui="bento"][data-mode] .bento-tooltip,[data-ui="bento"][data-mode] .ui-tooltip,[data-ui="bento"][data-mode] .bento-loading{padding:13px}[data-ui="bento"][data-mode] .bento-tooltip>header,[data-ui="bento"][data-mode] .bento-loading>header{margin-bottom:7px}[data-ui="bento"][data-mode] .bento-tooltip{z-index:4;position:relative;overflow:visible}[data-ui="bento"][data-mode] .bento-tooltip>button{background:var(--bento-mosaic-primary-soft);color:var(--bento-mosaic-primary);border:0;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}[data-ui="bento"][data-mode] .bento-tooltip>button svg{width:13px;height:13px}[data-ui="bento"][data-mode] .bento-tooltip [role="tooltip"]{background:var(--bento-tooltip-bg);border:1px solid var(--bento-border);color:var(--bento-on-primary);border-radius:7px;width:102px;padding:9px;font-size:12px;line-height:1.5;position:absolute;bottom:11px;left:41px}[data-ui="bento"][data-mode] .bento-loading{grid-template-rows:auto 1fr;grid-template-columns:40px 1fr;align-items:center;display:grid}[data-ui="bento"][data-mode] .bento-loading>header{width:100%}[data-ui="bento"][data-mode] .bento-spinner{color:var(--bento-mosaic-primary);width:31px;height:31px}[data-ui="bento"][data-mode] .bento-spin{animation:1s linear infinite bento-mosaic-spin}@keyframes bento-mosaic-spin{to{transform:rotate(360deg)}}[data-ui="bento"][data-mode] .bento-skeleton{gap:5px;display:grid}[data-ui="bento"][data-mode] .bento-skeleton span{background:var(--bento-mosaic-line);border-radius:999px;height:6px;animation:1.5s ease-in-out infinite bento-mosaic-pulse;display:block}[data-ui="bento"][data-mode] .bento-skeleton span:nth-child(2){width:76%}[data-ui="bento"][data-mode] .bento-skeleton span:nth-child(3){width:54%}@keyframes bento-mosaic-pulse{50%{opacity:.45}}[data-ui="bento"][data-mode] .bento-table-panel{grid-template-rows:auto 1fr auto;display:grid}[data-ui="bento"][data-mode] .bento-table-panel>header{margin-bottom:9px}[data-ui="bento"][data-mode] .bento-table-panel>header>div:first-child{display:grid}[data-ui="bento"][data-mode] .bento-table-panel>header>div:first-child>span{color:var(--bento-mosaic-muted);font-size:12px}[data-ui="bento"][data-mode] .bento-table-tools{align-items:center;gap:6px;display:flex}[data-ui="bento"][data-mode] .bento-table-tools label{position:relative}[data-ui="bento"][data-mode] .bento-table-tools label>svg{color:var(--bento-mosaic-muted);width:11px;height:11px;position:absolute;top:7px;left:7px}[data-ui="bento"][data-mode] .bento-table-tools input{width:92px;height:25px;padding-left:23px;font-size:12px}[data-ui="bento"][data-mode] .bento-table-tools>button,[data-ui="bento"][data-mode] .bento-table-panel td>button{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line);border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;display:flex}[data-ui="bento"][data-mode] .bento-table-tools>button svg,[data-ui="bento"][data-mode] .bento-table-panel td>button svg{width:13px;height:13px}[data-ui="bento"][data-mode] .bento-table-wrap,:where([data-ui="bento"])[data-mode] .ui-table-wrap{border:1px solid var(--bento-mosaic-line);border-radius:9px;overflow:hidden}[data-ui="bento"][data-mode] .bento-table-panel table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}[data-ui="bento"][data-mode] .bento-table-panel thead{background:var(--bento-mosaic-panel-soft)}[data-ui="bento"][data-mode] .bento-table-panel th,[data-ui="bento"][data-mode] .bento-table-panel td{border-bottom:1px solid var(--bento-mosaic-line);text-align:left;text-overflow:ellipsis;white-space:nowrap;height:43px;padding:0 8px;overflow:hidden}[data-ui="bento"][data-mode] .bento-table-panel th{color:var(--bento-mosaic-muted);text-transform:uppercase;height:32px;font-size:12px;font-weight:800}[data-ui="bento"][data-mode] .bento-table-panel th:first-child{width:68px}[data-ui="bento"][data-mode] .bento-table-panel th:nth-child(3){width:58px}[data-ui="bento"][data-mode] .bento-table-panel th:nth-child(4){width:80px}[data-ui="bento"][data-mode] .bento-table-panel th:nth-child(5){width:118px}[data-ui="bento"][data-mode] .bento-table-panel th:nth-child(6){width:94px}[data-ui="bento"][data-mode] .bento-table-panel th:nth-child(7){width:30px}[data-ui="bento"][data-mode] .bento-table-panel tbody tr:last-child td{border-bottom:0}[data-ui="bento"][data-mode] .bento-table-panel .bento-status{min-height:20px;padding-inline:6px}[data-ui="bento"][data-mode] .bento-usage-cell{grid-template-columns:27px 1fr;align-items:center;gap:7px;display:grid}[data-ui="bento"][data-mode] .bento-usage-cell b{font-size:12px}[data-ui="bento"][data-mode] .bento-table-panel>footer{color:var(--bento-mosaic-muted);justify-content:space-between;align-items:center;padding-top:9px;font-size:12px;display:flex}[data-ui="bento"][data-mode] .bento-table-panel>footer nav{gap:4px;display:flex}[data-ui="bento"][data-mode] .bento-table-panel>footer nav button{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line);border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:12px;display:flex}[data-ui="bento"][data-mode] .bento-table-panel>footer nav button.is-active{background:var(--bento-mosaic-primary-soft);border-color:var(--bento-mosaic-primary);color:var(--bento-mosaic-primary);font-weight:800}[data-ui="bento"][data-mode] .bento-service-card{flex-direction:column;display:flex}[data-ui="bento"][data-mode] .bento-service-card>header{justify-content:flex-start;align-items:center}[data-ui="bento"][data-mode] .bento-service-icon{background:var(--bento-mosaic-primary-soft);border:1px solid var(--bento-mosaic-primary);color:var(--bento-mosaic-primary);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}[data-ui="bento"][data-mode] .bento-service-icon svg{width:22px;height:22px}[data-ui="bento"][data-mode] .bento-service-card>header>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}[data-ui="bento"][data-mode] .bento-service-card>header .bento-status{min-height:18px;padding-inline:5px}[data-ui="bento"][data-mode] .bento-service-card>p{color:var(--bento-mosaic-muted);margin-bottom:10px;font-size:12px;line-height:1.55}[data-ui="bento"][data-mode] .bento-service-card dl{border-block:1px solid var(--bento-mosaic-line);margin:0 0 8px;padding:8px 0}[data-ui="bento"][data-mode] .bento-service-card dl>div{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}[data-ui="bento"][data-mode] .bento-service-card dl>div:last-child{margin-bottom:0}[data-ui="bento"][data-mode] .bento-service-card dt{color:var(--bento-mosaic-muted)}[data-ui="bento"][data-mode] .bento-service-card dd{margin:0}[data-ui="bento"][data-mode] .bento-listbox{background:var(--bento-mosaic-panel-soft);border:1px solid var(--bento-mosaic-line);border-radius:8px;margin-bottom:8px;display:grid;overflow:hidden}[data-ui="bento"][data-mode] .bento-listbox button{border:0;border-bottom:1px solid var(--bento-mosaic-line);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="bento"][data-mode] .bento-listbox button:last-child{border-bottom:0}[data-ui="bento"][data-mode] .bento-listbox button[aria-selected="true"]{color:var(--bento-mosaic-primary);font-weight:800}[data-ui="bento"][data-mode] .bento-listbox button svg{width:12px;height:12px}[data-ui="bento"][data-mode] .bento-service-card details{color:var(--bento-mosaic-muted);margin-bottom:8px;font-size:12px}[data-ui="bento"][data-mode] .bento-service-card summary{color:var(--bento-mosaic-text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:800;list-style:none;display:flex}[data-ui="bento"][data-mode] .bento-service-card summary svg{width:12px;height:12px}[data-ui="bento"][data-mode] .bento-service-card details p{margin-top:4px}[data-ui="bento"][data-mode] .bento-service-card>.bento-button,:where([data-ui="bento"])[data-mode] .bento-service-card>.ui-button{width:100%;min-height:30px;margin-top:auto}[data-ui="bento"][data-mode] .bento-dialog-zone{background:var(--bento-primary);border-color:var(--bento-primary);grid-template-rows:auto 1fr;padding:0;display:grid}[data-ui="bento"][data-mode] .bento-sheet[data-mode="dark"] .bento-dialog-zone{background:var(--bento-primary);border-color:var(--bento-border)}[data-ui="bento"][data-mode] .bento-dialog-toolbar{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:7px 11px;display:flex}[data-ui="bento"][data-mode] .bento-tabs{gap:3px;display:flex}[data-ui="bento"][data-mode] .bento-tabs button,[data-ui="bento"][data-mode] .bento-dialog-toolbar>button{color:var(--bento-on-primary);background:none;border:0;border-radius:6px;min-height:26px;padding:0 8px;font-size:12px}[data-ui="bento"][data-mode] .bento-tabs button.is-active{color:var(--bento-on-primary);background:#ffffff21;font-weight:800}[data-ui="bento"][data-mode] .bento-dialog-surface{justify-content:center;align-items:center;padding:16px;display:flex}[data-ui="bento"][data-mode] .bento-dialog-surface dialog{background:var(--bento-mosaic-panel-raised);border:1px solid var(--bento-mosaic-line);box-shadow:var(--bento-mosaic-shadow-raised);color:var(--bento-mosaic-text);border-radius:14px;width:100%;max-width:315px;margin:0;padding:26px;display:block;position:relative}[data-ui="bento"][data-mode] .bento-dialog-surface dialog:not([open]){display:none}[data-ui="bento"][data-mode] .bento-dialog-close{color:var(--bento-mosaic-muted);background:none;border:0;padding:0;position:absolute;top:13px;right:13px}[data-ui="bento"][data-mode] .bento-dialog-close svg{width:15px;height:15px}[data-ui="bento"][data-mode] .bento-dialog-icon{background:var(--bento-mosaic-primary-soft);color:var(--bento-mosaic-primary);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:13px;display:flex}[data-ui="bento"][data-mode] .bento-dialog-icon svg{width:21px;height:21px}[data-ui="bento"][data-mode] .bento-dialog-surface h2{font-size:15px}[data-ui="bento"][data-mode] .bento-dialog-surface p{color:var(--bento-mosaic-muted);margin:9px 0 18px;font-size:12px}[data-ui="bento"][data-mode] .bento-dialog-surface dialog>div{justify-content:flex-end;gap:8px;display:flex}[data-ui="bento"][data-mode] .bento-dialog-surface .bento-button,:where([data-ui="bento"])[data-mode] .bento-dialog-surface .ui-button{min-height:33px;font-size:12px}[data-ui="bento"][data-mode] .bento-live-status,[data-ui="bento"][data-mode] .bento-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){[data-ui="bento"][data-mode] .bento-sheet *,[data-ui="bento"][data-mode] .bento-sheet :before,[data-ui="bento"][data-mode] .bento-sheet :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-ui="bento"][data-mode="light"]{--bento-fallback-bg-rgb:248 249 253;--bento-fallback-surface-rgb:255 255 255;--bento-fallback-surface-strong-rgb:255 255 255;--bento-fallback-surface-soft-rgb:242 244 251;--bento-fallback-text-rgb:17 20 62;--bento-fallback-text-muted-rgb:97 105 128;--bento-fallback-border-rgb:223 228 239;--bento-fallback-primary-rgb:49 87 220;--bento-fallback-primary-hover-rgb:70 99 212;--bento-fallback-primary-text-rgb:255 255 255;--bento-fallback-secondary-rgb:117 108 228;--bento-fallback-secondary-hover-rgb:91 82 201;--bento-fallback-secondary-text-rgb:255 255 255;--bento-fallback-accent-rgb:117 108 228;--bento-fallback-accent-text-rgb:255 255 255;--bento-fallback-success-rgb:53 168 103;--bento-fallback-success-text-rgb:0 0 0;--bento-fallback-warning-rgb:215 144 15;--bento-fallback-warning-text-rgb:0 0 0;--bento-fallback-danger-rgb:223 77 74;--bento-fallback-danger-text-rgb:0 0 0;--bento-fallback-link-rgb:49 87 220;--bento-fallback-focus-rgb:49 87 220;--bento-success-ink:rgb(var(--usk-success-rgb,30 122 72))}[data-ui="bento"][data-mode="dark"]{--bento-fallback-bg-rgb:7 17 31;--bento-fallback-surface-rgb:12 26 43;--bento-fallback-surface-strong-rgb:19 36 58;--bento-fallback-surface-soft-rgb:16 34 56;--bento-fallback-text-rgb:244 245 244;--bento-fallback-text-muted-rgb:173 184 205;--bento-fallback-border-rgb:32 54 76;--bento-fallback-primary-rgb:43 94 226;--bento-fallback-primary-hover-rgb:70 103 210;--bento-fallback-primary-text-rgb:255 255 255;--bento-fallback-secondary-rgb:122 107 233;--bento-fallback-secondary-hover-rgb:148 136 248;--bento-fallback-secondary-text-rgb:0 0 0;--bento-fallback-accent-rgb:122 107 233;--bento-fallback-accent-text-rgb:0 0 0;--bento-fallback-success-rgb:84 196 123;--bento-fallback-success-text-rgb:0 0 0;--bento-fallback-warning-rgb:228 166 38;--bento-fallback-warning-text-rgb:0 0 0;--bento-fallback-danger-rgb:240 100 100;--bento-fallback-danger-text-rgb:0 0 0;--bento-fallback-link-rgb:105 169 240;--bento-fallback-focus-rgb:122 107 233;--bento-success-ink:var(--bento-success)}[data-ui="bento"][data-mode]{--bento-panel-alpha:1;--bento-panel-soft-alpha:1;--bento-border-alpha:1;--bento-tile-radius:17px;--bento-control-radius:8px;--bento-card-bg:var(--bento-surface);--bento-control-bg:var(--bento-surface-soft);--bento-tile-accent-bg:var(--bento-surface);--bento-tile-secondary-bg:var(--bento-surface);--bento-tile-edge:var(--bento-border);--bento-tile-shadow:0 3px 12px rgb(var(--bento-text-rgb)/.04);--bento-mosaic-panel:var(--bento-surface);--bento-mosaic-panel-soft:var(--bento-surface-soft);--bento-mosaic-panel-raised:var(--bento-surface-strong);--bento-mosaic-line:var(--bento-border);--bento-mosaic-line-strong:var(--bento-border);--bento-mosaic-text:var(--bento-text);--bento-mosaic-muted:var(--bento-text-muted);--bento-mosaic-faint:var(--bento-text-muted);--bento-mosaic-primary:var(--bento-primary);--bento-mosaic-primary-hover:var(--bento-primary-hover);--bento-mosaic-primary-soft:rgb(var(--bento-primary-rgb)/.1);--bento-mosaic-violet:var(--bento-secondary);--bento-mosaic-violet-soft:rgb(var(--bento-secondary-rgb)/.1);--bento-mosaic-success:var(--bento-success);--bento-mosaic-success-soft:rgb(var(--bento-success-rgb)/.1);--bento-mosaic-warning:var(--bento-warning);--bento-mosaic-warning-soft:rgb(var(--bento-warning-rgb)/.1);--bento-mosaic-danger:var(--bento-danger);--bento-mosaic-danger-soft:rgb(var(--bento-danger-rgb)/.1);--bento-mosaic-info:var(--bento-link);--bento-mosaic-info-soft:rgb(var(--bento-link-rgb)/.1);--bento-mosaic-shadow:var(--bento-tile-shadow);--bento-mosaic-shadow-raised:0 12px 32px rgb(var(--bento-text-rgb)/.12);--bento-tooltip-bg:var(--bento-text);--bento-tooltip-text:var(--bento-surface);--usk-native-radius-sm:6px;--usk-native-radius:8px;--usk-native-radius-lg:17px;--usk-native-shadow:var(--bento-mosaic-shadow);--usk-native-shadow-md:var(--bento-mosaic-shadow-raised);--usk-native-choice-background:var(--bento-surface-soft);--usk-native-choice-shadow:none;--usk-native-choice-checked-background:var(--bento-primary);--usk-native-checkbox-radius:4px;--usk-native-range-thumb-radius:50%;--usk-native-range-track-background:var(--bento-border);--usk-native-range-progress-background:var(--bento-primary);--usk-native-progress-track-background:var(--bento-border);--usk-native-progress-value-background:var(--bento-primary)}[data-ui="bento"][data-mode] .bento-title,[data-ui="bento"][data-mode] .bento-heading,[data-ui="bento"][data-mode] .bento-kicker{letter-spacing:0}[data-ui="bento"][data-mode] .bento-card,[data-ui="bento"][data-mode] .bento-surface,[data-ui="bento"][data-mode] .bento-toolbar,[data-ui="bento"][data-mode] .bento-card-service,[data-ui="bento"][data-mode] .bento-card-feature,[data-ui="bento"][data-mode] .bento-feature-strip,[data-ui="bento"][data-mode] .bento-callout-bar,:where([data-ui="bento"])[data-mode] .ui-card,:where([data-ui="bento"])[data-mode] .ui-toolbar{box-shadow:var(--bento-mosaic-shadow);border-radius:17px}[data-ui="bento"][data-mode] .bento-card,[data-ui="bento"][data-mode] .bento-panel,:where([data-ui="bento"])[data-mode] .ui-card{padding:16px}[data-ui="bento"][data-mode] .bento-button,[data-ui="bento"][data-mode] .bento-icon-button,:where([data-ui="bento"])[data-mode] .ui-button,:where([data-ui="bento"])[data-mode] .ui-icon-button{box-shadow:none;text-shadow:none;border-radius:8px;font-weight:750}[data-ui="bento"][data-mode] .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-warning):not(.bento-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover),:where([data-ui="bento"])[data-mode] .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){background:var(--bento-surface-soft)}[data-ui="bento"][data-mode] .bento-button.bento-button-primary,[data-ui="bento"][data-mode] .bento-button.is-primary,[data-ui="bento"][data-mode] .bento-button.is-busy,:where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="primary"]),:where([data-ui="bento"])[data-mode] .ui-button.is-primary,:where([data-ui="bento"])[data-mode] .ui-button.is-busy{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}[data-ui="bento"][data-mode] .bento-button.bento-button-secondary,[data-ui="bento"][data-mode] .bento-button.is-secondary,:where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="secondary"]),:where([data-ui="bento"])[data-mode] .ui-button.is-secondary{color:var(--bento-link);border-color:var(--bento-primary);background:none}[data-ui="bento"][data-mode] .bento-button.bento-button-danger,[data-ui="bento"][data-mode] .bento-button.is-danger,:where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="danger"]),:where([data-ui="bento"])[data-mode] .ui-button.is-danger{background:var(--bento-mosaic-danger-soft);color:var(--bento-text);border-color:var(--bento-danger)}[data-ui="bento"][data-mode] .bento-button.bento-button-ghost,[data-ui="bento"][data-mode] .bento-button.is-ghost,:where([data-ui="bento"])[data-mode] .ui-button.ui-button:where([data-ui-variant="ghost"]),:where([data-ui="bento"])[data-mode] .ui-button.is-ghost{color:var(--bento-link);background:none;border-color:#0000}[data-ui="bento"][data-mode] .bento-button.is-hover,:where([data-ui="bento"])[data-mode] .ui-button.is-hover{background:var(--bento-primary-hover);color:var(--bento-on-primary);box-shadow:0 3px 10px rgb(var(--bento-primary-rgb)/.2)}[data-ui="bento"][data-mode] .bento-input,[data-ui="bento"][data-mode] .bento-textarea,[data-ui="bento"][data-mode] .bento-select,:where([data-ui="bento"])[data-mode] .ui-input,:where([data-ui="bento"])[data-mode] .ui-textarea,:where([data-ui="bento"])[data-mode] .ui-select{background-color:var(--bento-surface-soft);box-shadow:none;border-radius:6px}[data-ui="bento"][data-mode] .bento-badge,:where([data-ui="bento"])[data-mode] .ui-badge{box-shadow:none;border-radius:5px}[data-ui="bento"][data-mode] .bento-alert,[data-ui="bento"][data-mode] .bento-toast,:where([data-ui="bento"])[data-mode] .ui-alert{box-shadow:none;color:var(--bento-text);border-radius:9px}[data-ui="bento"][data-mode] .bento-alert,:where([data-ui="bento"])[data-mode] .ui-alert{flex-wrap:wrap}[data-ui="bento"][data-mode] .bento-alert :is(p,strong,small),:where([data-ui="bento"])[data-mode] .ui-alert :is(p,strong,small){overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}[data-ui="bento"][data-mode] .bento-alert-title,:where([data-ui="bento"])[data-mode] .ui-alert-title{flex:none;max-width:100%}[data-ui="bento"][data-mode] .bento-alert-body,:where([data-ui="bento"])[data-mode] .ui-alert-body{flex:12rem;min-width:0}[data-ui="bento"][data-mode] .bento-card-service>.bento-icon-medallion{font-size:32px;line-height:1}[data-ui="bento"][data-mode] .bento-alert-success,:where([data-ui="bento"])[data-mode] .ui-alert:where([data-ui-variant="success"]){background:var(--bento-mosaic-success-soft);border-color:var(--bento-success)}[data-ui="bento"][data-mode] .bento-alert-warning,:where([data-ui="bento"])[data-mode] .ui-alert:where([data-ui-variant="warning"]){background:var(--bento-mosaic-warning-soft);border-color:var(--bento-warning)}[data-ui="bento"][data-mode] .bento-alert-danger,:where([data-ui="bento"])[data-mode] .ui-alert:where([data-ui-variant="danger"]){background:var(--bento-mosaic-danger-soft);border-color:var(--bento-danger)}[data-ui="bento"][data-mode] .bento-alert-info{background:var(--bento-mosaic-info-soft);border-color:var(--bento-link)}[data-ui="bento"][data-mode] .bento-status{color:var(--bento-text)}[data-ui="bento"][data-mode] .bento-status.is-success,[data-ui="bento"][data-mode] .bento-status.is-warning,[data-ui="bento"][data-mode] .bento-status.is-danger,[data-ui="bento"][data-mode] .bento-status.is-info,[data-ui="bento"][data-mode] .bento-status.is-violet{color:var(--bento-text);border-color:currentColor}[data-ui="bento"][data-mode] .bento-progress-bar,:where([data-ui="bento"])[data-mode] .ui-progress-bar{background:var(--bento-primary)}[data-ui="bento"][data-mode] .bento-table-wrap,:where([data-ui="bento"])[data-mode] .ui-table-wrap{box-shadow:none;border-radius:9px}[data-ui="bento"][data-mode] .bento-table th,:where([data-ui="bento"])[data-mode] .ui-table th{background:var(--bento-surface-soft)}[data-ui="bento"][data-mode] .bento-table :is(th,td),:where([data-ui="bento"])[data-mode] .ui-table :is(th,td){border-bottom:1px solid var(--bento-border);padding:12px}[data-ui="bento"][data-mode] .bento-nav-link,:where([data-ui="bento"])[data-mode] .ui-nav-link{border-radius:9px}[data-ui="bento"][data-mode] .bento-well,[data-ui="bento"][data-mode] .bento-inset{box-shadow:none;border-radius:9px}[data-ui="bento"][data-mode] :where(dialog){box-shadow:var(--bento-mosaic-shadow-raised);border-radius:14px}[data-ui="bento"][data-mode] .bento-sheet{font:14px/1.5 var(--bento-font-sans);color:var(--bento-text);background:var(--bento-bg);grid-template-columns:184px minmax(0,1fr);gap:10px;min-width:0;padding:8px;display:grid}[data-ui="bento"][data-mode] .bento-sheet :is(h1,h2,h3,p,span,label,button){letter-spacing:0}[data-ui="bento"][data-mode] .bento-sheet :is(h2,h3){margin:0;font-size:16px;font-weight:800}[data-ui="bento"][data-mode] .bento-sheet svg{width:18px;height:18px}[data-ui="bento"][data-mode] .bento-sheet :is(button,a,input,select,textarea){font-family:inherit}[data-ui="bento"][data-mode] .bento-sheet button{box-shadow:none}[data-ui="bento"][data-mode] .bento-sheet :is(button,input,select,textarea):focus-visible{outline:2px solid var(--bento-focus);outline-offset:3px}[data-ui="bento"][data-mode] .bento-sheet .bento-sidebar{border-radius:18px;gap:16px;height:auto;margin:0}[data-ui="bento"][data-mode] .bento-sheet .bento-sidebar-note{min-height:0}[data-ui="bento"][data-mode] .bento-sheet .bento-sidebar-note p{max-width:none}[data-ui="bento"][data-mode] .bento-sheet .bento-sidebar nav button.is-active{box-shadow:none}[data-ui="bento"][data-mode] .bento-canvas{grid-template-rows:auto;min-width:0;height:auto;padding:0}[data-ui="bento"][data-mode] .bento-top-grid{grid-template-columns:minmax(0,2fr) minmax(160px,1fr) minmax(180px,1fr)}[data-ui="bento"][data-mode] .bento-middle-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}[data-ui="bento"][data-mode] .bento-bottom-grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(0,1.4fr)}[data-ui="bento"][data-mode] .bento-canvas :is(.bento-panel,.bento-metrics-stack,.bento-utility-stack){min-width:0}[data-ui="bento"][data-mode] .bento-sheet .bento-panel{color:var(--bento-text)}[data-ui="bento"][data-mode] .bento-sheet .bento-actions{background:var(--bento-surface);grid-template-rows:auto}[data-ui="bento"][data-mode] .bento-sheet .bento-button,:where([data-ui="bento"])[data-mode] .bento-sheet .ui-button{min-height:36px;padding:8px 12px;font-size:12px}[data-ui="bento"][data-mode] .bento-sheet .bento-system{background:var(--bento-primary);color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-sheet .bento-system :is(header,h2,p,strong,small){color:var(--bento-on-primary)}[data-ui="bento"][data-mode] .bento-metrics-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui="bento"][data-mode] .bento-sheet .bento-usage{background:var(--bento-mosaic-warning-soft)}[data-ui="bento"][data-mode] .bento-sheet .bento-quota{background:var(--bento-mosaic-success-soft)}[data-ui="bento"][data-mode] .bento-quota-copy strong{color:var(--bento-success-ink,var(--bento-success))}[data-ui="bento"][data-mode] .bento-sheet .bento-hero{background:var(--bento-mosaic-primary-soft);flex-direction:column;min-height:360px;padding:24px;display:flex}[data-ui="bento"][data-mode] .bento-hero-copy{position:static}[data-ui="bento"][data-mode] .bento-hero h1{font-size:32px}[data-ui="bento"][data-mode] .bento-hero p{max-width:none}[data-ui="bento"][data-mode] .bento-inline-actions{flex-wrap:wrap}[data-ui="bento"][data-mode] .bento-sheet .bento-hero-art{flex:0 0 190px;width:175px;height:190px;margin:12px auto 0;position:relative;inset:auto;overflow:hidden;transform:none}[data-ui="bento"][data-mode] .bento-sheet .bento-hero-art img{width:1160px;max-width:none;height:auto;position:absolute;top:-55px;left:-380px}[data-ui="bento"][data-mode] .bento-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-ui="bento"][data-mode] .bento-field :is(input,select,textarea),[data-ui="bento"][data-mode] .bento-table-tools input,:where([data-ui="bento"])[data-mode] .ui-field :is(input,select,textarea){height:auto;min-height:36px;font-size:13px}[data-ui="bento"][data-mode] .bento-field textarea,:where([data-ui="bento"])[data-mode] .ui-field textarea{resize:vertical;min-height:72px;padding:8px}[data-ui="bento"][data-mode] .bento-input-icon.is-end>button{top:9px}[data-ui="bento"][data-mode] .bento-input-icon.is-end>button svg{width:18px;height:18px}[data-ui="bento"][data-mode] .bento-file{min-height:60px}[data-ui="bento"][data-mode] .bento-file input{cursor:pointer;height:36px;top:22px}[data-ui="bento"][data-mode] .bento-file>span:last-child{height:36px}[data-ui="bento"][data-mode] .bento-file:focus-within{outline:2px solid var(--bento-focus);outline-offset:2px}[data-ui="bento"][data-mode] .bento-choices fieldset>label{min-height:28px}[data-ui="bento"][data-mode] .bento-choices fieldset{box-shadow:none;background:none;border-radius:0}[data-ui="bento"][data-mode] .bento-choices input:is([type="checkbox"],[type="radio"]){appearance:auto;box-shadow:none;background:none}[data-ui="bento"][data-mode] .bento-choices input:is([type="checkbox"],[type="radio"]):before,[data-ui="bento"][data-mode] .bento-choices input:is([type="checkbox"],[type="radio"]):after{content:none}[data-ui="bento"][data-mode] .bento-input-icon.is-end>button{width:24px;height:24px;min-height:24px;padding:3px;top:6px;right:6px}[data-ui="bento"][data-mode] :is(.bento-alert,.bento-toast) button,:where([data-ui="bento"])[data-mode] :is(.ui-alert,.bento-toast) button{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;min-height:24px;display:inline-flex}[data-ui="bento"][data-mode] .bento-eyebrow,[data-ui="bento"][data-mode] .bento-file>span:last-child,[data-ui="bento"][data-mode] .bento-segment button.is-active,[data-ui="bento"][data-mode] .bento-listbox button[aria-selected="true"]{color:var(--bento-link)}[data-ui="bento"][data-mode] .bento-media-scrim>:where(figcaption,[data-media-caption]) *{color:inherit}[data-ui="bento"][data-mode] .bento-tabs button.is-active{background:var(--bento-surface);color:var(--bento-text)}[data-ui="bento"][data-mode] .bento-switch-row{min-height:32px}[data-ui="bento"][data-mode] .bento-sheet .bento-switch:where(button,span),:where([data-ui="bento"])[data-mode] .bento-sheet .ui-switch:where(button,span){flex:0 0 37px;min-height:20px;padding:2px}[data-ui="bento"][data-mode] .bento-segment button{min-height:36px;padding:4px}[data-ui="bento"][data-mode] .bento-sheet .bento-tooltip{background:var(--bento-surface);color:var(--bento-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:100px;display:flex}[data-ui="bento"][data-mode] .bento-sheet .bento-tooltip [role="tooltip"]{background:var(--bento-tooltip-bg);color:var(--bento-tooltip-text);border-radius:7px;padding:8px;position:static;transform:none}[data-ui="bento"][data-mode] .bento-sheet .bento-tooltip [role="tooltip"]:after{display:none}[data-ui="bento"][data-mode] .bento-sheet .bento-loading{flex-wrap:wrap;align-content:start;align-items:center;gap:12px;min-height:100px;display:flex}[data-ui="bento"][data-mode] .bento-sheet :is(.bento-loading,.bento-tooltip)>header{flex:0 0 100%}[data-ui="bento"][data-mode] .bento-sheet .bento-tooltip>button{width:24px;height:24px;min-height:24px;padding:0}[data-ui="bento"][data-mode] .bento-spinner,[data-ui="bento"][data-mode] .bento-loading-spinner,[data-ui="bento"][data-mode] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]),[data-ui="bento"][data-mode] .bento-sheet .bento-spinner{clip-path:none;box-shadow:none;width:28px;height:28px;background:none;border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;block-size:28px;inline-size:28px;animation:1s linear infinite bento-mosaic-spin}[data-ui="bento"][data-mode] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){color:var(--bento-spinner-stroke)}[data-ui="bento"][data-mode] .bento-spinner-sm{width:16px;height:16px;block-size:16px;inline-size:16px}[data-ui="bento"][data-mode] .bento-spinner-lg{width:40px;height:40px;block-size:40px;inline-size:40px}[data-ui="bento"][data-mode] :is(.bento-button,.bento-icon-button)[aria-busy="true"]:after,[data-ui="bento"][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,:where([data-ui="bento"])[data-mode] :is(.ui-button,.ui-icon-button)[aria-busy="true"]:after{box-shadow:none;clip-path:none;background:none;border:2px solid;border-top-color:#0000;border-radius:50%;animation:1s linear infinite bento-mosaic-spin}[data-ui="bento"][data-mode] .bento-sheet .bento-spinner:before,[data-ui="bento"][data-mode] .bento-sheet .bento-spinner:after{content:none}[data-ui="bento"][data-mode] .bento-sheet .bento-skeleton{background:none;flex:1;width:auto;min-width:40px;height:auto}[data-ui="bento"][data-mode] .bento-sheet .bento-skeleton:after{content:none}[data-ui="bento"][data-mode] .bento-sheet .bento-table-panel{grid-column:1}[data-ui="bento"][data-mode] .bento-sheet .bento-table-wrap,:where([data-ui="bento"])[data-mode] .bento-sheet .ui-table-wrap{background:var(--bento-surface);overflow:auto}[data-ui="bento"][data-mode] .bento-table-panel table{table-layout:auto;min-width:500px}[data-ui="bento"][data-mode] .bento-table-panel :is(th,td){padding:10px}[data-ui="bento"][data-mode] .bento-table-panel th{background:var(--bento-surface-soft);color:var(--bento-text)}[data-ui="bento"][data-mode] .bento-table-panel th:nth-child(n){width:auto}[data-ui="bento"][data-mode] .bento-table-panel>header{flex-wrap:wrap;gap:12px}[data-ui="bento"][data-mode] .bento-table-tools,[data-ui="bento"][data-mode] .bento-table-tools input{width:100%}[data-ui="bento"][data-mode] .bento-listbox button{min-height:36px;color:var(--bento-text)}[data-ui="bento"][data-mode] .bento-sheet .bento-dialog-zone{background:var(--bento-primary);padding:0}[data-ui="bento"][data-mode] .bento-dialog-toolbar{flex-wrap:wrap;gap:8px}[data-ui="bento"][data-mode] .bento-dialog-surface{min-height:280px;padding:14px}[data-ui="bento"][data-mode] .bento-dialog-surface dialog{padding:20px}[data-ui="bento"][data-mode] .bento-dialog-surface dialog>div{flex-wrap:wrap}[data-ui="bento"][data-mode] .bento-sheet [hidden]{display:none}@media (min-width:1800px){[data-ui="bento"][data-mode] .bento-top-grid{grid-template-columns:2fr 1fr 1fr 1fr}[data-ui="bento"][data-mode] .bento-metrics-stack{grid-column:auto;grid-template-columns:1fr}}@media (max-width:1250px){[data-ui="bento"][data-mode] .bento-sheet{grid-template-columns:1fr}[data-ui="bento"][data-mode] .bento-sheet .bento-sidebar{flex-flow:wrap;align-items:center;padding:12px}[data-ui="bento"][data-mode] .bento-brand{padding:0}[data-ui="bento"][data-mode] .bento-sidebar nav{flex-wrap:wrap;display:flex}[data-ui="bento"][data-mode] .bento-sidebar-spacer,[data-ui="bento"][data-mode] .bento-sidebar-note{display:none}[data-ui="bento"][data-mode] .bento-theme-toggle{width:auto;margin:0}[data-ui="bento"][data-mode] .bento-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui="bento"][data-mode] .bento-sheet .bento-table-panel{grid-column:1/-1}}@media (max-width:800px){[data-ui="bento"][data-mode] .bento-top-grid,[data-ui="bento"][data-mode] .bento-middle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ui="bento"][data-mode] .bento-hero,[data-ui="bento"][data-mode] .bento-form-panel{grid-column:1/-1}[data-ui="bento"][data-mode] .bento-sheet .bento-hero{min-height:0}}@media (max-width:520px){[data-ui="bento"][data-mode] .bento-top-grid,[data-ui="bento"][data-mode] .bento-middle-grid,[data-ui="bento"][data-mode] .bento-bottom-grid,[data-ui="bento"][data-mode] .bento-metrics-stack,[data-ui="bento"][data-mode] .bento-form-grid{grid-template-columns:minmax(0,1fr)}[data-ui="bento"][data-mode] .bento-sheet .bento-hero{padding:16px}[data-ui="bento"][data-mode] .bento-sheet{padding:4px}[data-ui="bento"][data-mode] .bento-sheet .bento-sidebar nav button{width:auto}}}[data-ui="bento"][data-mode] .bento-title{letter-spacing:max(.018em,.5px);margin-block:max(.75rem,12px)}[data-ui="bento"][data-mode] .bento-feature-item>.bento-icon-medallion{font-size:1.5rem;line-height:1}[data-ui="bento"][data-mode] .bento-callout-bar>.bento-icon-medallion{min-block-size:4.5rem;min-inline-size:4.5rem;font-size:2rem;font-weight:800;line-height:1}