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.
- package/CHANGELOG.md +77 -1
- package/CONTRIBUTING.md +8 -1
- package/README.md +171 -53
- package/STYLE-MAP.md +28 -5
- package/dist/assets/bauhaus-barlow-OFL.txt +93 -0
- package/dist/assets/bauhaus-barlow-semibold.ttf +0 -0
- package/dist/assets/bauhaus-barlow.ttf +0 -0
- package/dist/assets/bauhaus-condensed-OFL.txt +93 -0
- package/dist/assets/bauhaus-condensed-bold.ttf +0 -0
- package/dist/assets/bauhaus-condensed-extrabold.ttf +0 -0
- package/dist/assets/bento-manrope-OFL.txt +93 -0
- package/dist/assets/bento-manrope.ttf +0 -0
- package/dist/assets/clay-grain.png +0 -0
- package/dist/assets/clay-rounded-OFL.txt +93 -0
- package/dist/assets/clay-rounded.ttf +0 -0
- package/dist/assets/neo-noir-corner-dark.png +0 -0
- package/dist/assets/neo-noir-corner-light.png +0 -0
- package/dist/assets/neo-noir-texture-dark.png +0 -0
- package/dist/assets/neo-noir-texture-light.png +0 -0
- package/dist/assets/organic-display-OFL.txt +93 -0
- package/dist/assets/organic-display.ttf +0 -0
- package/dist/assets/organic-icons-LICENSE.txt +21 -0
- package/dist/assets/organic-sans-OFL.txt +93 -0
- package/dist/assets/organic-sans.ttf +0 -0
- package/dist/ui-style-kit.css +55604 -6525
- package/dist/ui-style-kit.min.css +2 -2
- package/dist/ui-style-kit.visual.css +55443 -6942
- package/dist/ui-style-kit.visual.min.css +2 -2
- package/dist/ui-style-kit.with-bridge.css +55646 -6551
- package/dist/ui-style-kit.with-bridge.min.css +2 -2
- package/dist/visual/art-deco.css +7318 -0
- package/dist/visual/bauhaus.css +2 -2961
- package/dist/visual/bento.css +2 -2980
- package/dist/visual/brutalism.css +2679 -352
- package/dist/visual/clay.css +5 -0
- package/dist/visual/cyberpunk.css +4482 -781
- package/dist/visual/data-terminal.css +6182 -0
- package/dist/visual/editorial-luxe.css +6450 -0
- package/dist/visual/industrial-utility.css +7259 -0
- package/dist/visual/maximalist.css +4080 -1025
- package/dist/visual/minimal-saas.css +3305 -888
- package/dist/visual/neo-noir.css +5 -0
- package/dist/visual/neumorphism.css +3582 -975
- package/dist/visual/organic-modern.css +5 -0
- package/dist/visual/paper-editorial.css +7074 -0
- package/dist/visual/retro-glass.css +4426 -760
- package/dist/visual/retrofuturism.css +3676 -875
- package/dist/visual/tactile.css +4568 -1036
- package/dist/visual/technical-blueprint.css +6713 -0
- package/dist/visual/y2k.css +3672 -753
- package/docs/ART-DECO.md +80 -0
- package/docs/BAUHAUS.md +152 -0
- package/docs/BENTO.md +121 -0
- package/docs/CLAY.md +127 -0
- package/docs/DEMO-SHOWCASE.md +65 -0
- package/docs/ECOSYSTEM.md +9 -5
- package/docs/EDITORIAL-LUX.md +75 -0
- package/docs/INDUSTRIAL-UTILITY.md +131 -0
- package/docs/NATIVE-ELEMENTS.md +23 -17
- package/docs/NEO-NOIR.md +94 -0
- package/docs/ORGANIC-MODERN.md +91 -0
- package/docs/PAPER-EDITORIAL.md +63 -0
- package/docs/PUBLISHING.md +36 -11
- package/docs/RELEASE-2.4.0.md +88 -0
- package/docs/RETRO-GLASS.md +105 -0
- package/docs/STYLE-GUIDE.md +68 -13
- package/docs/TACTILE.md +38 -0
- package/docs/TECHNICAL-BLUEPRINT.md +60 -0
- package/docs/TOKENS.md +90 -4
- package/docs/superpowers/plans/2026-08-29-preset-identity-system-refinement.md +649 -0
- package/docs/superpowers/plans/2026-09-04-library-wide-theme-fallback-and-fidelity.md +331 -0
- package/docs/superpowers/specs/2026-08-29-preset-identity-system-refinement-design.md +212 -0
- package/docs/superpowers/specs/2026-09-04-library-wide-theme-fallback-and-fidelity-design.md +113 -0
- package/manifest.json +769 -20
- package/package.json +79 -14
- package/styles/art-deco.css +2068 -0
- package/styles/assets/bauhaus-barlow-OFL.txt +93 -0
- package/styles/assets/bauhaus-barlow-semibold.ttf +0 -0
- package/styles/assets/bauhaus-barlow.ttf +0 -0
- package/styles/assets/bauhaus-condensed-OFL.txt +93 -0
- package/styles/assets/bauhaus-condensed-bold.ttf +0 -0
- package/styles/assets/bauhaus-condensed-extrabold.ttf +0 -0
- package/styles/assets/bento-manrope-OFL.txt +93 -0
- package/styles/assets/bento-manrope.ttf +0 -0
- package/styles/assets/clay-grain.png +0 -0
- package/styles/assets/clay-rounded-OFL.txt +93 -0
- package/styles/assets/clay-rounded.ttf +0 -0
- package/styles/assets/neo-noir-corner-dark.png +0 -0
- package/styles/assets/neo-noir-corner-light.png +0 -0
- package/styles/assets/neo-noir-texture-dark.png +0 -0
- package/styles/assets/neo-noir-texture-light.png +0 -0
- package/styles/assets/organic-display-OFL.txt +93 -0
- package/styles/assets/organic-display.ttf +0 -0
- package/styles/assets/organic-icons-LICENSE.txt +21 -0
- package/styles/assets/organic-sans-OFL.txt +93 -0
- package/styles/assets/organic-sans.ttf +0 -0
- package/styles/bauhaus.css +1092 -87
- package/styles/bento.css +1413 -86
- package/styles/brutalism.css +493 -10
- package/styles/clay.css +1927 -0
- package/styles/compat-layout.css +1 -2
- package/styles/components.css +698 -33
- package/styles/content-overflow.css +434 -9
- package/styles/cyberpunk.css +2082 -46
- package/styles/data-terminal.css +1795 -0
- package/styles/editorial-luxe.css +1251 -0
- package/styles/industrial-utility.css +2449 -0
- package/styles/interactive-surface-bridge.css +40 -24
- package/styles/interactive-surface-theme.css +31 -13
- package/styles/maximalist.css +1410 -94
- package/styles/minimal-saas.css +675 -73
- package/styles/native-elements.css +396 -168
- package/styles/neo-noir.css +1332 -0
- package/styles/neumorphism.css +1155 -52
- package/styles/organic-modern.css +1353 -0
- package/styles/paper-editorial.css +1724 -0
- package/styles/retro-glass.css +870 -42
- package/styles/retrofuturism.css +1173 -55
- package/styles/tactile.css +2018 -84
- package/styles/technical-blueprint.css +1337 -0
- package/styles/theme-colors.css +796 -5
- package/styles/y2k.css +1182 -40
package/dist/visual/bauhaus.css
CHANGED
|
@@ -1,2964 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* UI Style Kit CSS v2.
|
|
2
|
+
* UI Style Kit CSS v2.4.0
|
|
3
3
|
* CSS theme and UI style preset library.
|
|
4
4
|
* License: MIT
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
@layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout;
|
|
8
|
-
|
|
9
|
-
/* styles/theme-colors.css */
|
|
10
|
-
/* =========================================================
|
|
11
|
-
UI Style Kit CSS - Shared Theme Color Roles
|
|
12
|
-
Defines active scheme and mode colors once for every UI preset.
|
|
13
|
-
========================================================= */
|
|
14
|
-
|
|
15
|
-
@layer ui-style-kit.theme_colors {
|
|
16
|
-
/* Shared RGB roles keep visual presets focused on layout, texture, and component treatment. */
|
|
17
|
-
:where([data-ui][data-theme="midnight-gold"][data-mode="light"]) {
|
|
18
|
-
--usk-bg-rgb: 246 243 234;
|
|
19
|
-
--usk-surface-rgb: 255 250 240;
|
|
20
|
-
--usk-surface-strong-rgb: 255 255 255;
|
|
21
|
-
--usk-surface-soft-rgb: 237 230 211;
|
|
22
|
-
--usk-text-rgb: 23 32 51;
|
|
23
|
-
--usk-text-muted-rgb: 95 104 121;
|
|
24
|
-
--usk-border-rgb: 214 200 165;
|
|
25
|
-
--usk-primary-rgb: 184 135 47;
|
|
26
|
-
--usk-primary-hover-rgb: 148 104 31;
|
|
27
|
-
--usk-primary-text-rgb: 16 16 16;
|
|
28
|
-
--usk-secondary-rgb: 34 49 79;
|
|
29
|
-
--usk-secondary-hover-rgb: 23 36 60;
|
|
30
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
31
|
-
--usk-accent-rgb: 217 164 65;
|
|
32
|
-
--usk-success-rgb: 47 125 84;
|
|
33
|
-
--usk-warning-rgb: 167 106 0;
|
|
34
|
-
--usk-danger-rgb: 185 63 63;
|
|
35
|
-
--usk-link-rgb: 138 100 31;
|
|
36
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
37
|
-
--usk-success-text-rgb: 255 255 255;
|
|
38
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
39
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
40
|
-
--usk-focus-rgb: 217 164 65;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
:where([data-ui][data-theme="midnight-gold"][data-mode="dark"]) {
|
|
44
|
-
--usk-bg-rgb: 7 17 31;
|
|
45
|
-
--usk-surface-rgb: 16 27 45;
|
|
46
|
-
--usk-surface-strong-rgb: 23 36 58;
|
|
47
|
-
--usk-surface-soft-rgb: 12 22 39;
|
|
48
|
-
--usk-text-rgb: 247 237 215;
|
|
49
|
-
--usk-text-muted-rgb: 185 192 204;
|
|
50
|
-
--usk-border-rgb: 57 72 97;
|
|
51
|
-
--usk-primary-rgb: 214 168 79;
|
|
52
|
-
--usk-primary-hover-rgb: 240 200 109;
|
|
53
|
-
--usk-primary-text-rgb: 16 16 16;
|
|
54
|
-
--usk-secondary-rgb: 111 134 184;
|
|
55
|
-
--usk-secondary-hover-rgb: 146 167 209;
|
|
56
|
-
--usk-secondary-text-rgb: 8 16 29;
|
|
57
|
-
--usk-accent-rgb: 243 210 122;
|
|
58
|
-
--usk-success-rgb: 107 214 156;
|
|
59
|
-
--usk-warning-rgb: 255 203 91;
|
|
60
|
-
--usk-danger-rgb: 255 123 123;
|
|
61
|
-
--usk-link-rgb: 243 210 122;
|
|
62
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
63
|
-
--usk-success-text-rgb: 0 0 0;
|
|
64
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
65
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
66
|
-
--usk-focus-rgb: 255 214 107;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
:where([data-ui][data-theme="midnight-gold"][data-mode="contrast"]) {
|
|
70
|
-
--usk-bg-rgb: 0 0 0;
|
|
71
|
-
--usk-surface-rgb: 8 8 8;
|
|
72
|
-
--usk-surface-strong-rgb: 17 17 17;
|
|
73
|
-
--usk-surface-soft-rgb: 5 5 5;
|
|
74
|
-
--usk-text-rgb: 255 255 255;
|
|
75
|
-
--usk-text-muted-rgb: 245 245 245;
|
|
76
|
-
--usk-border-rgb: 255 255 255;
|
|
77
|
-
--usk-primary-rgb: 255 212 0;
|
|
78
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
79
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
80
|
-
--usk-secondary-rgb: 0 217 255;
|
|
81
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
82
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
83
|
-
--usk-accent-rgb: 255 234 0;
|
|
84
|
-
--usk-success-rgb: 0 255 117;
|
|
85
|
-
--usk-warning-rgb: 255 191 0;
|
|
86
|
-
--usk-danger-rgb: 255 77 77;
|
|
87
|
-
--usk-link-rgb: 0 217 255;
|
|
88
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
89
|
-
--usk-success-text-rgb: 0 0 0;
|
|
90
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
91
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
92
|
-
--usk-focus-rgb: 255 255 255;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
:where([data-ui][data-theme="ocean-steel"][data-mode="light"]) {
|
|
96
|
-
--usk-bg-rgb: 238 248 251;
|
|
97
|
-
--usk-surface-rgb: 255 255 255;
|
|
98
|
-
--usk-surface-strong-rgb: 248 253 255;
|
|
99
|
-
--usk-surface-soft-rgb: 220 236 242;
|
|
100
|
-
--usk-text-rgb: 16 36 46;
|
|
101
|
-
--usk-text-muted-rgb: 78 101 112;
|
|
102
|
-
--usk-border-rgb: 184 211 221;
|
|
103
|
-
--usk-primary-rgb: 8 125 157;
|
|
104
|
-
--usk-primary-hover-rgb: 6 100 126;
|
|
105
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
106
|
-
--usk-secondary-rgb: 57 86 107;
|
|
107
|
-
--usk-secondary-hover-rgb: 44 67 84;
|
|
108
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
109
|
-
--usk-accent-rgb: 21 184 200;
|
|
110
|
-
--usk-success-rgb: 38 122 92;
|
|
111
|
-
--usk-warning-rgb: 167 101 0;
|
|
112
|
-
--usk-danger-rgb: 182 70 70;
|
|
113
|
-
--usk-link-rgb: 6 100 126;
|
|
114
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
115
|
-
--usk-success-text-rgb: 255 255 255;
|
|
116
|
-
--usk-warning-text-rgb: 255 255 255;
|
|
117
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
118
|
-
--usk-focus-rgb: 21 184 200;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
:where([data-ui][data-theme="ocean-steel"][data-mode="dark"]) {
|
|
122
|
-
--usk-bg-rgb: 6 22 29;
|
|
123
|
-
--usk-surface-rgb: 13 37 48;
|
|
124
|
-
--usk-surface-strong-rgb: 20 52 66;
|
|
125
|
-
--usk-surface-soft-rgb: 8 29 38;
|
|
126
|
-
--usk-text-rgb: 233 251 255;
|
|
127
|
-
--usk-text-muted-rgb: 167 192 201;
|
|
128
|
-
--usk-border-rgb: 49 86 102;
|
|
129
|
-
--usk-primary-rgb: 54 196 221;
|
|
130
|
-
--usk-primary-hover-rgb: 115 227 244;
|
|
131
|
-
--usk-primary-text-rgb: 4 18 22;
|
|
132
|
-
--usk-secondary-rgb: 140 183 201;
|
|
133
|
-
--usk-secondary-hover-rgb: 178 213 226;
|
|
134
|
-
--usk-secondary-text-rgb: 6 22 29;
|
|
135
|
-
--usk-accent-rgb: 83 240 255;
|
|
136
|
-
--usk-success-rgb: 103 216 166;
|
|
137
|
-
--usk-warning-rgb: 255 192 97;
|
|
138
|
-
--usk-danger-rgb: 255 123 123;
|
|
139
|
-
--usk-link-rgb: 115 227 244;
|
|
140
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
141
|
-
--usk-success-text-rgb: 0 0 0;
|
|
142
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
143
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
144
|
-
--usk-focus-rgb: 83 240 255;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
:where([data-ui][data-theme="ocean-steel"][data-mode="contrast"]) {
|
|
148
|
-
--usk-bg-rgb: 0 8 10;
|
|
149
|
-
--usk-surface-rgb: 0 16 20;
|
|
150
|
-
--usk-surface-strong-rgb: 0 26 32;
|
|
151
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
152
|
-
--usk-text-rgb: 255 255 255;
|
|
153
|
-
--usk-text-muted-rgb: 234 255 255;
|
|
154
|
-
--usk-border-rgb: 255 255 255;
|
|
155
|
-
--usk-primary-rgb: 0 229 255;
|
|
156
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
157
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
158
|
-
--usk-secondary-rgb: 255 255 0;
|
|
159
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
160
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
161
|
-
--usk-accent-rgb: 0 255 255;
|
|
162
|
-
--usk-success-rgb: 0 255 144;
|
|
163
|
-
--usk-warning-rgb: 255 208 0;
|
|
164
|
-
--usk-danger-rgb: 255 59 59;
|
|
165
|
-
--usk-link-rgb: 0 229 255;
|
|
166
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
167
|
-
--usk-success-text-rgb: 0 0 0;
|
|
168
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
169
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
170
|
-
--usk-focus-rgb: 255 255 255;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
:where([data-ui][data-theme="forest-moss"][data-mode="light"]) {
|
|
174
|
-
--usk-bg-rgb: 242 247 239;
|
|
175
|
-
--usk-surface-rgb: 255 255 255;
|
|
176
|
-
--usk-surface-strong-rgb: 251 255 248;
|
|
177
|
-
--usk-surface-soft-rgb: 226 234 219;
|
|
178
|
-
--usk-text-rgb: 24 36 23;
|
|
179
|
-
--usk-text-muted-rgb: 88 104 82;
|
|
180
|
-
--usk-border-rgb: 197 211 186;
|
|
181
|
-
--usk-primary-rgb: 63 125 58;
|
|
182
|
-
--usk-primary-hover-rgb: 47 97 43;
|
|
183
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
184
|
-
--usk-secondary-rgb: 106 95 56;
|
|
185
|
-
--usk-secondary-hover-rgb: 81 73 43;
|
|
186
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
187
|
-
--usk-accent-rgb: 156 186 82;
|
|
188
|
-
--usk-success-rgb: 47 125 84;
|
|
189
|
-
--usk-warning-rgb: 154 106 0;
|
|
190
|
-
--usk-danger-rgb: 173 69 69;
|
|
191
|
-
--usk-link-rgb: 47 97 43;
|
|
192
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
193
|
-
--usk-success-text-rgb: 255 255 255;
|
|
194
|
-
--usk-warning-text-rgb: 255 255 255;
|
|
195
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
196
|
-
--usk-focus-rgb: 156 186 82;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
:where([data-ui][data-theme="forest-moss"][data-mode="dark"]) {
|
|
200
|
-
--usk-bg-rgb: 7 16 6;
|
|
201
|
-
--usk-surface-rgb: 16 28 15;
|
|
202
|
-
--usk-surface-strong-rgb: 26 42 24;
|
|
203
|
-
--usk-surface-soft-rgb: 11 22 10;
|
|
204
|
-
--usk-text-rgb: 237 247 232;
|
|
205
|
-
--usk-text-muted-rgb: 180 197 173;
|
|
206
|
-
--usk-border-rgb: 61 83 56;
|
|
207
|
-
--usk-primary-rgb: 130 210 122;
|
|
208
|
-
--usk-primary-hover-rgb: 162 237 153;
|
|
209
|
-
--usk-primary-text-rgb: 7 16 6;
|
|
210
|
-
--usk-secondary-rgb: 210 189 114;
|
|
211
|
-
--usk-secondary-hover-rgb: 239 217 139;
|
|
212
|
-
--usk-secondary-text-rgb: 20 16 6;
|
|
213
|
-
--usk-accent-rgb: 185 239 107;
|
|
214
|
-
--usk-success-rgb: 117 223 167;
|
|
215
|
-
--usk-warning-rgb: 255 210 99;
|
|
216
|
-
--usk-danger-rgb: 255 133 133;
|
|
217
|
-
--usk-link-rgb: 162 237 153;
|
|
218
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
219
|
-
--usk-success-text-rgb: 0 0 0;
|
|
220
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
221
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
222
|
-
--usk-focus-rgb: 185 239 107;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
:where([data-ui][data-theme="forest-moss"][data-mode="contrast"]) {
|
|
226
|
-
--usk-bg-rgb: 0 0 0;
|
|
227
|
-
--usk-surface-rgb: 7 16 7;
|
|
228
|
-
--usk-surface-strong-rgb: 11 25 11;
|
|
229
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
230
|
-
--usk-text-rgb: 255 255 255;
|
|
231
|
-
--usk-text-muted-rgb: 240 255 240;
|
|
232
|
-
--usk-border-rgb: 255 255 255;
|
|
233
|
-
--usk-primary-rgb: 108 255 95;
|
|
234
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
235
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
236
|
-
--usk-secondary-rgb: 255 223 0;
|
|
237
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
238
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
239
|
-
--usk-accent-rgb: 182 255 0;
|
|
240
|
-
--usk-success-rgb: 0 255 117;
|
|
241
|
-
--usk-warning-rgb: 255 208 0;
|
|
242
|
-
--usk-danger-rgb: 255 64 64;
|
|
243
|
-
--usk-link-rgb: 108 255 95;
|
|
244
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
245
|
-
--usk-success-text-rgb: 0 0 0;
|
|
246
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
247
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
248
|
-
--usk-focus-rgb: 255 255 255;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
:where([data-ui][data-theme="sunset-ember"][data-mode="light"]) {
|
|
252
|
-
--usk-bg-rgb: 255 244 236;
|
|
253
|
-
--usk-surface-rgb: 255 255 255;
|
|
254
|
-
--usk-surface-strong-rgb: 255 250 246;
|
|
255
|
-
--usk-surface-soft-rgb: 244 222 210;
|
|
256
|
-
--usk-text-rgb: 42 23 17;
|
|
257
|
-
--usk-text-muted-rgb: 118 88 77;
|
|
258
|
-
--usk-border-rgb: 227 189 170;
|
|
259
|
-
--usk-primary-rgb: 196 81 43;
|
|
260
|
-
--usk-primary-hover-rgb: 159 63 32;
|
|
261
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
262
|
-
--usk-secondary-rgb: 124 63 92;
|
|
263
|
-
--usk-secondary-hover-rgb: 97 48 71;
|
|
264
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
265
|
-
--usk-accent-rgb: 230 154 58;
|
|
266
|
-
--usk-success-rgb: 49 122 87;
|
|
267
|
-
--usk-warning-rgb: 184 111 0;
|
|
268
|
-
--usk-danger-rgb: 189 61 61;
|
|
269
|
-
--usk-link-rgb: 159 63 32;
|
|
270
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
271
|
-
--usk-success-text-rgb: 255 255 255;
|
|
272
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
273
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
274
|
-
--usk-focus-rgb: 230 154 58;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
:where([data-ui][data-theme="sunset-ember"][data-mode="dark"]) {
|
|
278
|
-
--usk-bg-rgb: 23 9 5;
|
|
279
|
-
--usk-surface-rgb: 38 17 11;
|
|
280
|
-
--usk-surface-strong-rgb: 53 25 18;
|
|
281
|
-
--usk-surface-soft-rgb: 30 12 7;
|
|
282
|
-
--usk-text-rgb: 255 240 232;
|
|
283
|
-
--usk-text-muted-rgb: 208 177 165;
|
|
284
|
-
--usk-border-rgb: 106 59 45;
|
|
285
|
-
--usk-primary-rgb: 255 138 91;
|
|
286
|
-
--usk-primary-hover-rgb: 255 173 138;
|
|
287
|
-
--usk-primary-text-rgb: 26 8 3;
|
|
288
|
-
--usk-secondary-rgb: 227 138 181;
|
|
289
|
-
--usk-secondary-hover-rgb: 255 175 208;
|
|
290
|
-
--usk-secondary-text-rgb: 26 7 18;
|
|
291
|
-
--usk-accent-rgb: 255 193 102;
|
|
292
|
-
--usk-success-rgb: 112 215 163;
|
|
293
|
-
--usk-warning-rgb: 255 209 102;
|
|
294
|
-
--usk-danger-rgb: 255 119 119;
|
|
295
|
-
--usk-link-rgb: 255 173 138;
|
|
296
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
297
|
-
--usk-success-text-rgb: 0 0 0;
|
|
298
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
299
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
300
|
-
--usk-focus-rgb: 255 193 102;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
:where([data-ui][data-theme="sunset-ember"][data-mode="contrast"]) {
|
|
304
|
-
--usk-bg-rgb: 0 0 0;
|
|
305
|
-
--usk-surface-rgb: 18 4 0;
|
|
306
|
-
--usk-surface-strong-rgb: 29 7 0;
|
|
307
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
308
|
-
--usk-text-rgb: 255 255 255;
|
|
309
|
-
--usk-text-muted-rgb: 255 245 239;
|
|
310
|
-
--usk-border-rgb: 255 255 255;
|
|
311
|
-
--usk-primary-rgb: 255 106 0;
|
|
312
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
313
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
314
|
-
--usk-secondary-rgb: 255 79 184;
|
|
315
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
316
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
317
|
-
--usk-accent-rgb: 255 208 0;
|
|
318
|
-
--usk-success-rgb: 0 255 144;
|
|
319
|
-
--usk-warning-rgb: 255 191 0;
|
|
320
|
-
--usk-danger-rgb: 255 48 48;
|
|
321
|
-
--usk-link-rgb: 255 157 0;
|
|
322
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
323
|
-
--usk-success-text-rgb: 0 0 0;
|
|
324
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
325
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
326
|
-
--usk-focus-rgb: 255 255 255;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
:where([data-ui][data-theme="royal-plum"][data-mode="light"]) {
|
|
330
|
-
--usk-bg-rgb: 248 241 251;
|
|
331
|
-
--usk-surface-rgb: 255 255 255;
|
|
332
|
-
--usk-surface-strong-rgb: 253 248 255;
|
|
333
|
-
--usk-surface-soft-rgb: 234 220 240;
|
|
334
|
-
--usk-text-rgb: 36 21 45;
|
|
335
|
-
--usk-text-muted-rgb: 105 86 113;
|
|
336
|
-
--usk-border-rgb: 213 187 221;
|
|
337
|
-
--usk-primary-rgb: 123 63 160;
|
|
338
|
-
--usk-primary-hover-rgb: 99 49 127;
|
|
339
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
340
|
-
--usk-secondary-rgb: 63 76 154;
|
|
341
|
-
--usk-secondary-hover-rgb: 48 58 119;
|
|
342
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
343
|
-
--usk-accent-rgb: 192 90 198;
|
|
344
|
-
--usk-success-rgb: 49 124 92;
|
|
345
|
-
--usk-warning-rgb: 166 106 0;
|
|
346
|
-
--usk-danger-rgb: 183 65 95;
|
|
347
|
-
--usk-link-rgb: 99 49 127;
|
|
348
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
349
|
-
--usk-success-text-rgb: 255 255 255;
|
|
350
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
351
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
352
|
-
--usk-focus-rgb: 192 90 198;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
:where([data-ui][data-theme="royal-plum"][data-mode="dark"]) {
|
|
356
|
-
--usk-bg-rgb: 16 6 20;
|
|
357
|
-
--usk-surface-rgb: 29 16 36;
|
|
358
|
-
--usk-surface-strong-rgb: 42 23 52;
|
|
359
|
-
--usk-surface-soft-rgb: 22 11 27;
|
|
360
|
-
--usk-text-rgb: 250 236 255;
|
|
361
|
-
--usk-text-muted-rgb: 200 176 209;
|
|
362
|
-
--usk-border-rgb: 85 57 100;
|
|
363
|
-
--usk-primary-rgb: 216 145 242;
|
|
364
|
-
--usk-primary-hover-rgb: 235 184 255;
|
|
365
|
-
--usk-primary-text-rgb: 19 6 23;
|
|
366
|
-
--usk-secondary-rgb: 157 168 255;
|
|
367
|
-
--usk-secondary-hover-rgb: 195 202 255;
|
|
368
|
-
--usk-secondary-text-rgb: 8 11 31;
|
|
369
|
-
--usk-accent-rgb: 255 156 246;
|
|
370
|
-
--usk-success-rgb: 118 220 169;
|
|
371
|
-
--usk-warning-rgb: 255 209 102;
|
|
372
|
-
--usk-danger-rgb: 255 122 156;
|
|
373
|
-
--usk-link-rgb: 235 184 255;
|
|
374
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
375
|
-
--usk-success-text-rgb: 0 0 0;
|
|
376
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
377
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
378
|
-
--usk-focus-rgb: 255 156 246;
|
|
379
|
-
}
|
|
380
|
-
|
|
381
|
-
:where([data-ui][data-theme="royal-plum"][data-mode="contrast"]) {
|
|
382
|
-
--usk-bg-rgb: 0 0 0;
|
|
383
|
-
--usk-surface-rgb: 16 0 20;
|
|
384
|
-
--usk-surface-strong-rgb: 26 0 34;
|
|
385
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
386
|
-
--usk-text-rgb: 255 255 255;
|
|
387
|
-
--usk-text-muted-rgb: 255 240 255;
|
|
388
|
-
--usk-border-rgb: 255 255 255;
|
|
389
|
-
--usk-primary-rgb: 228 92 255;
|
|
390
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
391
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
392
|
-
--usk-secondary-rgb: 0 217 255;
|
|
393
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
394
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
395
|
-
--usk-accent-rgb: 255 0 245;
|
|
396
|
-
--usk-success-rgb: 0 255 144;
|
|
397
|
-
--usk-warning-rgb: 255 225 0;
|
|
398
|
-
--usk-danger-rgb: 255 63 110;
|
|
399
|
-
--usk-link-rgb: 228 92 255;
|
|
400
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
401
|
-
--usk-success-text-rgb: 0 0 0;
|
|
402
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
403
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
404
|
-
--usk-focus-rgb: 255 255 255;
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
:where([data-ui][data-theme="graphite-cyan"][data-mode="light"]) {
|
|
408
|
-
--usk-bg-rgb: 242 245 246;
|
|
409
|
-
--usk-surface-rgb: 255 255 255;
|
|
410
|
-
--usk-surface-strong-rgb: 249 251 252;
|
|
411
|
-
--usk-surface-soft-rgb: 225 231 234;
|
|
412
|
-
--usk-text-rgb: 23 29 33;
|
|
413
|
-
--usk-text-muted-rgb: 93 104 112;
|
|
414
|
-
--usk-border-rgb: 197 206 212;
|
|
415
|
-
--usk-primary-rgb: 0 124 137;
|
|
416
|
-
--usk-primary-hover-rgb: 0 99 110;
|
|
417
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
418
|
-
--usk-secondary-rgb: 63 72 80;
|
|
419
|
-
--usk-secondary-hover-rgb: 47 54 60;
|
|
420
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
421
|
-
--usk-accent-rgb: 34 184 199;
|
|
422
|
-
--usk-success-rgb: 40 122 91;
|
|
423
|
-
--usk-warning-rgb: 167 103 0;
|
|
424
|
-
--usk-danger-rgb: 182 64 64;
|
|
425
|
-
--usk-link-rgb: 0 99 110;
|
|
426
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
427
|
-
--usk-success-text-rgb: 255 255 255;
|
|
428
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
429
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
430
|
-
--usk-focus-rgb: 34 184 199;
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]) {
|
|
434
|
-
--usk-bg-rgb: 8 11 13;
|
|
435
|
-
--usk-surface-rgb: 18 24 28;
|
|
436
|
-
--usk-surface-strong-rgb: 28 37 43;
|
|
437
|
-
--usk-surface-soft-rgb: 13 17 20;
|
|
438
|
-
--usk-text-rgb: 237 246 248;
|
|
439
|
-
--usk-text-muted-rgb: 174 187 193;
|
|
440
|
-
--usk-border-rgb: 59 72 79;
|
|
441
|
-
--usk-primary-rgb: 62 217 232;
|
|
442
|
-
--usk-primary-hover-rgb: 123 243 255;
|
|
443
|
-
--usk-primary-text-rgb: 6 16 18;
|
|
444
|
-
--usk-secondary-rgb: 170 181 188;
|
|
445
|
-
--usk-secondary-hover-rgb: 210 219 224;
|
|
446
|
-
--usk-secondary-text-rgb: 8 11 13;
|
|
447
|
-
--usk-accent-rgb: 123 243 255;
|
|
448
|
-
--usk-success-rgb: 110 218 165;
|
|
449
|
-
--usk-warning-rgb: 255 200 97;
|
|
450
|
-
--usk-danger-rgb: 255 125 125;
|
|
451
|
-
--usk-link-rgb: 123 243 255;
|
|
452
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
453
|
-
--usk-success-text-rgb: 0 0 0;
|
|
454
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
455
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
456
|
-
--usk-focus-rgb: 62 217 232;
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
:where([data-ui][data-theme="graphite-cyan"][data-mode="contrast"]) {
|
|
460
|
-
--usk-bg-rgb: 0 0 0;
|
|
461
|
-
--usk-surface-rgb: 7 7 7;
|
|
462
|
-
--usk-surface-strong-rgb: 17 17 17;
|
|
463
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
464
|
-
--usk-text-rgb: 255 255 255;
|
|
465
|
-
--usk-text-muted-rgb: 245 245 245;
|
|
466
|
-
--usk-border-rgb: 255 255 255;
|
|
467
|
-
--usk-primary-rgb: 0 240 255;
|
|
468
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
469
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
470
|
-
--usk-secondary-rgb: 242 242 242;
|
|
471
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
472
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
473
|
-
--usk-accent-rgb: 0 240 255;
|
|
474
|
-
--usk-success-rgb: 0 255 117;
|
|
475
|
-
--usk-warning-rgb: 255 208 0;
|
|
476
|
-
--usk-danger-rgb: 255 64 64;
|
|
477
|
-
--usk-link-rgb: 0 240 255;
|
|
478
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
479
|
-
--usk-success-text-rgb: 0 0 0;
|
|
480
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
481
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
482
|
-
--usk-focus-rgb: 255 255 255;
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
:where([data-ui][data-theme="desert-sage"][data-mode="light"]) {
|
|
486
|
-
--usk-bg-rgb: 248 242 231;
|
|
487
|
-
--usk-surface-rgb: 255 255 255;
|
|
488
|
-
--usk-surface-strong-rgb: 255 250 241;
|
|
489
|
-
--usk-surface-soft-rgb: 234 223 205;
|
|
490
|
-
--usk-text-rgb: 43 36 25;
|
|
491
|
-
--usk-text-muted-rgb: 113 103 84;
|
|
492
|
-
--usk-border-rgb: 215 198 167;
|
|
493
|
-
--usk-primary-rgb: 140 106 61;
|
|
494
|
-
--usk-primary-hover-rgb: 112 83 47;
|
|
495
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
496
|
-
--usk-secondary-rgb: 95 118 85;
|
|
497
|
-
--usk-secondary-hover-rgb: 72 92 64;
|
|
498
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
499
|
-
--usk-accent-rgb: 201 151 74;
|
|
500
|
-
--usk-success-rgb: 81 125 72;
|
|
501
|
-
--usk-warning-rgb: 166 107 0;
|
|
502
|
-
--usk-danger-rgb: 174 74 63;
|
|
503
|
-
--usk-link-rgb: 112 83 47;
|
|
504
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
505
|
-
--usk-success-text-rgb: 255 255 255;
|
|
506
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
507
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
508
|
-
--usk-focus-rgb: 201 151 74;
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
:where([data-ui][data-theme="desert-sage"][data-mode="dark"]) {
|
|
512
|
-
--usk-bg-rgb: 18 15 9;
|
|
513
|
-
--usk-surface-rgb: 33 27 18;
|
|
514
|
-
--usk-surface-strong-rgb: 47 40 27;
|
|
515
|
-
--usk-surface-soft-rgb: 25 20 13;
|
|
516
|
-
--usk-text-rgb: 248 239 223;
|
|
517
|
-
--usk-text-muted-rgb: 199 186 163;
|
|
518
|
-
--usk-border-rgb: 91 78 56;
|
|
519
|
-
--usk-primary-rgb: 217 184 120;
|
|
520
|
-
--usk-primary-hover-rgb: 240 211 154;
|
|
521
|
-
--usk-primary-text-rgb: 21 16 6;
|
|
522
|
-
--usk-secondary-rgb: 168 206 153;
|
|
523
|
-
--usk-secondary-hover-rgb: 200 233 187;
|
|
524
|
-
--usk-secondary-text-rgb: 9 20 7;
|
|
525
|
-
--usk-accent-rgb: 241 196 110;
|
|
526
|
-
--usk-success-rgb: 141 219 125;
|
|
527
|
-
--usk-warning-rgb: 255 209 102;
|
|
528
|
-
--usk-danger-rgb: 255 136 122;
|
|
529
|
-
--usk-link-rgb: 240 211 154;
|
|
530
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
531
|
-
--usk-success-text-rgb: 0 0 0;
|
|
532
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
533
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
534
|
-
--usk-focus-rgb: 241 196 110;
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
:where([data-ui][data-theme="desert-sage"][data-mode="contrast"]) {
|
|
538
|
-
--usk-bg-rgb: 0 0 0;
|
|
539
|
-
--usk-surface-rgb: 15 11 3;
|
|
540
|
-
--usk-surface-strong-rgb: 26 18 5;
|
|
541
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
542
|
-
--usk-text-rgb: 255 255 255;
|
|
543
|
-
--usk-text-muted-rgb: 255 248 232;
|
|
544
|
-
--usk-border-rgb: 255 255 255;
|
|
545
|
-
--usk-primary-rgb: 255 209 102;
|
|
546
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
547
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
548
|
-
--usk-secondary-rgb: 157 255 107;
|
|
549
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
550
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
551
|
-
--usk-accent-rgb: 255 176 0;
|
|
552
|
-
--usk-success-rgb: 0 255 117;
|
|
553
|
-
--usk-warning-rgb: 255 225 0;
|
|
554
|
-
--usk-danger-rgb: 255 77 77;
|
|
555
|
-
--usk-link-rgb: 255 209 102;
|
|
556
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
557
|
-
--usk-success-text-rgb: 0 0 0;
|
|
558
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
559
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
560
|
-
--usk-focus-rgb: 255 255 255;
|
|
561
|
-
}
|
|
562
|
-
|
|
563
|
-
:where([data-ui][data-theme="rose-quartz"][data-mode="light"]) {
|
|
564
|
-
--usk-bg-rgb: 255 242 245;
|
|
565
|
-
--usk-surface-rgb: 255 255 255;
|
|
566
|
-
--usk-surface-strong-rgb: 255 248 250;
|
|
567
|
-
--usk-surface-soft-rgb: 242 220 227;
|
|
568
|
-
--usk-text-rgb: 43 21 29;
|
|
569
|
-
--usk-text-muted-rgb: 118 90 99;
|
|
570
|
-
--usk-border-rgb: 223 184 198;
|
|
571
|
-
--usk-primary-rgb: 184 71 109;
|
|
572
|
-
--usk-primary-hover-rgb: 150 55 87;
|
|
573
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
574
|
-
--usk-secondary-rgb: 122 85 126;
|
|
575
|
-
--usk-secondary-hover-rgb: 96 65 99;
|
|
576
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
577
|
-
--usk-accent-rgb: 223 125 157;
|
|
578
|
-
--usk-success-rgb: 49 122 92;
|
|
579
|
-
--usk-warning-rgb: 166 106 0;
|
|
580
|
-
--usk-danger-rgb: 189 63 85;
|
|
581
|
-
--usk-link-rgb: 150 55 87;
|
|
582
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
583
|
-
--usk-success-text-rgb: 255 255 255;
|
|
584
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
585
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
586
|
-
--usk-focus-rgb: 223 125 157;
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
:where([data-ui][data-theme="rose-quartz"][data-mode="dark"]) {
|
|
590
|
-
--usk-bg-rgb: 22 7 12;
|
|
591
|
-
--usk-surface-rgb: 37 16 24;
|
|
592
|
-
--usk-surface-strong-rgb: 53 24 36;
|
|
593
|
-
--usk-surface-soft-rgb: 28 11 17;
|
|
594
|
-
--usk-text-rgb: 255 240 244;
|
|
595
|
-
--usk-text-muted-rgb: 210 174 185;
|
|
596
|
-
--usk-border-rgb: 101 55 71;
|
|
597
|
-
--usk-primary-rgb: 255 143 179;
|
|
598
|
-
--usk-primary-hover-rgb: 255 182 205;
|
|
599
|
-
--usk-primary-text-rgb: 24 6 13;
|
|
600
|
-
--usk-secondary-rgb: 217 160 223;
|
|
601
|
-
--usk-secondary-hover-rgb: 239 194 244;
|
|
602
|
-
--usk-secondary-text-rgb: 22 6 24;
|
|
603
|
-
--usk-accent-rgb: 255 173 197;
|
|
604
|
-
--usk-success-rgb: 119 219 169;
|
|
605
|
-
--usk-warning-rgb: 255 209 102;
|
|
606
|
-
--usk-danger-rgb: 255 120 144;
|
|
607
|
-
--usk-link-rgb: 255 182 205;
|
|
608
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
609
|
-
--usk-success-text-rgb: 0 0 0;
|
|
610
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
611
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
612
|
-
--usk-focus-rgb: 255 173 197;
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
:where([data-ui][data-theme="rose-quartz"][data-mode="contrast"]) {
|
|
616
|
-
--usk-bg-rgb: 0 0 0;
|
|
617
|
-
--usk-surface-rgb: 18 0 6;
|
|
618
|
-
--usk-surface-strong-rgb: 32 0 13;
|
|
619
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
620
|
-
--usk-text-rgb: 255 255 255;
|
|
621
|
-
--usk-text-muted-rgb: 255 240 245;
|
|
622
|
-
--usk-border-rgb: 255 255 255;
|
|
623
|
-
--usk-primary-rgb: 255 79 147;
|
|
624
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
625
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
626
|
-
--usk-secondary-rgb: 240 0 255;
|
|
627
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
628
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
629
|
-
--usk-accent-rgb: 255 138 179;
|
|
630
|
-
--usk-success-rgb: 0 255 144;
|
|
631
|
-
--usk-warning-rgb: 255 225 0;
|
|
632
|
-
--usk-danger-rgb: 255 48 48;
|
|
633
|
-
--usk-link-rgb: 255 138 179;
|
|
634
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
635
|
-
--usk-success-text-rgb: 0 0 0;
|
|
636
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
637
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
638
|
-
--usk-focus-rgb: 255 255 255;
|
|
639
|
-
}
|
|
640
|
-
|
|
641
|
-
:where([data-ui][data-theme="cyber-lime"][data-mode="light"]) {
|
|
642
|
-
--usk-bg-rgb: 244 250 237;
|
|
643
|
-
--usk-surface-rgb: 255 255 255;
|
|
644
|
-
--usk-surface-strong-rgb: 251 255 246;
|
|
645
|
-
--usk-surface-soft-rgb: 226 239 211;
|
|
646
|
-
--usk-text-rgb: 23 34 20;
|
|
647
|
-
--usk-text-muted-rgb: 89 105 82;
|
|
648
|
-
--usk-border-rgb: 198 216 179;
|
|
649
|
-
--usk-primary-rgb: 95 159 31;
|
|
650
|
-
--usk-primary-hover-rgb: 73 125 23;
|
|
651
|
-
--usk-primary-text-rgb: 16 16 16;
|
|
652
|
-
--usk-secondary-rgb: 20 127 134;
|
|
653
|
-
--usk-secondary-hover-rgb: 14 98 104;
|
|
654
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
655
|
-
--usk-accent-rgb: 164 215 46;
|
|
656
|
-
--usk-success-rgb: 47 125 84;
|
|
657
|
-
--usk-warning-rgb: 156 104 0;
|
|
658
|
-
--usk-danger-rgb: 179 65 65;
|
|
659
|
-
--usk-link-rgb: 73 125 23;
|
|
660
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
661
|
-
--usk-success-text-rgb: 255 255 255;
|
|
662
|
-
--usk-warning-text-rgb: 255 255 255;
|
|
663
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
664
|
-
--usk-focus-rgb: 164 215 46;
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
:where([data-ui][data-theme="cyber-lime"][data-mode="dark"]) {
|
|
668
|
-
--usk-bg-rgb: 5 11 5;
|
|
669
|
-
--usk-surface-rgb: 13 24 12;
|
|
670
|
-
--usk-surface-strong-rgb: 22 37 21;
|
|
671
|
-
--usk-surface-soft-rgb: 8 17 8;
|
|
672
|
-
--usk-text-rgb: 239 255 233;
|
|
673
|
-
--usk-text-muted-rgb: 180 199 173;
|
|
674
|
-
--usk-border-rgb: 57 82 54;
|
|
675
|
-
--usk-primary-rgb: 168 255 61;
|
|
676
|
-
--usk-primary-hover-rgb: 202 255 127;
|
|
677
|
-
--usk-primary-text-rgb: 6 16 5;
|
|
678
|
-
--usk-secondary-rgb: 61 235 242;
|
|
679
|
-
--usk-secondary-hover-rgb: 134 248 255;
|
|
680
|
-
--usk-secondary-text-rgb: 3 16 18;
|
|
681
|
-
--usk-accent-rgb: 198 255 77;
|
|
682
|
-
--usk-success-rgb: 111 240 168;
|
|
683
|
-
--usk-warning-rgb: 255 218 98;
|
|
684
|
-
--usk-danger-rgb: 255 119 119;
|
|
685
|
-
--usk-link-rgb: 202 255 127;
|
|
686
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
687
|
-
--usk-success-text-rgb: 0 0 0;
|
|
688
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
689
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
690
|
-
--usk-focus-rgb: 168 255 61;
|
|
691
|
-
}
|
|
692
|
-
|
|
693
|
-
:where([data-ui][data-theme="cyber-lime"][data-mode="contrast"]) {
|
|
694
|
-
--usk-bg-rgb: 0 0 0;
|
|
695
|
-
--usk-surface-rgb: 5 11 0;
|
|
696
|
-
--usk-surface-strong-rgb: 11 22 0;
|
|
697
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
698
|
-
--usk-text-rgb: 255 255 255;
|
|
699
|
-
--usk-text-muted-rgb: 244 255 232;
|
|
700
|
-
--usk-border-rgb: 255 255 255;
|
|
701
|
-
--usk-primary-rgb: 170 255 0;
|
|
702
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
703
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
704
|
-
--usk-secondary-rgb: 0 240 255;
|
|
705
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
706
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
707
|
-
--usk-accent-rgb: 204 255 0;
|
|
708
|
-
--usk-success-rgb: 0 255 117;
|
|
709
|
-
--usk-warning-rgb: 255 225 0;
|
|
710
|
-
--usk-danger-rgb: 255 48 48;
|
|
711
|
-
--usk-link-rgb: 170 255 0;
|
|
712
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
713
|
-
--usk-success-text-rgb: 0 0 0;
|
|
714
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
715
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
716
|
-
--usk-focus-rgb: 255 255 255;
|
|
717
|
-
}
|
|
718
|
-
|
|
719
|
-
:where([data-ui][data-theme="arctic-indigo"][data-mode="light"]) {
|
|
720
|
-
--usk-bg-rgb: 241 245 255;
|
|
721
|
-
--usk-surface-rgb: 255 255 255;
|
|
722
|
-
--usk-surface-strong-rgb: 248 251 255;
|
|
723
|
-
--usk-surface-soft-rgb: 223 231 246;
|
|
724
|
-
--usk-text-rgb: 20 27 46;
|
|
725
|
-
--usk-text-muted-rgb: 88 100 122;
|
|
726
|
-
--usk-border-rgb: 190 203 227;
|
|
727
|
-
--usk-primary-rgb: 64 94 184;
|
|
728
|
-
--usk-primary-hover-rgb: 49 72 148;
|
|
729
|
-
--usk-primary-text-rgb: 255 255 255;
|
|
730
|
-
--usk-secondary-rgb: 46 125 157;
|
|
731
|
-
--usk-secondary-hover-rgb: 35 97 122;
|
|
732
|
-
--usk-secondary-text-rgb: 255 255 255;
|
|
733
|
-
--usk-accent-rgb: 123 147 232;
|
|
734
|
-
--usk-success-rgb: 47 125 84;
|
|
735
|
-
--usk-warning-rgb: 166 106 0;
|
|
736
|
-
--usk-danger-rgb: 182 64 82;
|
|
737
|
-
--usk-link-rgb: 49 72 148;
|
|
738
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
739
|
-
--usk-success-text-rgb: 255 255 255;
|
|
740
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
741
|
-
--usk-danger-text-rgb: 255 255 255;
|
|
742
|
-
--usk-focus-rgb: 123 147 232;
|
|
743
|
-
}
|
|
744
|
-
|
|
745
|
-
:where([data-ui][data-theme="arctic-indigo"][data-mode="dark"]) {
|
|
746
|
-
--usk-bg-rgb: 6 10 22;
|
|
747
|
-
--usk-surface-rgb: 16 24 43;
|
|
748
|
-
--usk-surface-strong-rgb: 24 35 66;
|
|
749
|
-
--usk-surface-soft-rgb: 10 16 32;
|
|
750
|
-
--usk-text-rgb: 237 243 255;
|
|
751
|
-
--usk-text-muted-rgb: 178 191 217;
|
|
752
|
-
--usk-border-rgb: 58 75 120;
|
|
753
|
-
--usk-primary-rgb: 145 168 255;
|
|
754
|
-
--usk-primary-hover-rgb: 183 197 255;
|
|
755
|
-
--usk-primary-text-rgb: 5 8 22;
|
|
756
|
-
--usk-secondary-rgb: 118 216 243;
|
|
757
|
-
--usk-secondary-hover-rgb: 165 234 255;
|
|
758
|
-
--usk-secondary-text-rgb: 4 17 22;
|
|
759
|
-
--usk-accent-rgb: 194 206 255;
|
|
760
|
-
--usk-success-rgb: 114 219 166;
|
|
761
|
-
--usk-warning-rgb: 255 209 102;
|
|
762
|
-
--usk-danger-rgb: 255 125 145;
|
|
763
|
-
--usk-link-rgb: 183 197 255;
|
|
764
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
765
|
-
--usk-success-text-rgb: 0 0 0;
|
|
766
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
767
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
768
|
-
--usk-focus-rgb: 145 168 255;
|
|
769
|
-
}
|
|
770
|
-
|
|
771
|
-
:where([data-ui][data-theme="arctic-indigo"][data-mode="contrast"]) {
|
|
772
|
-
--usk-bg-rgb: 0 0 0;
|
|
773
|
-
--usk-surface-rgb: 3 8 22;
|
|
774
|
-
--usk-surface-strong-rgb: 8 18 42;
|
|
775
|
-
--usk-surface-soft-rgb: 0 0 0;
|
|
776
|
-
--usk-text-rgb: 255 255 255;
|
|
777
|
-
--usk-text-muted-rgb: 238 244 255;
|
|
778
|
-
--usk-border-rgb: 255 255 255;
|
|
779
|
-
--usk-primary-rgb: 111 140 255;
|
|
780
|
-
--usk-primary-hover-rgb: 255 255 255;
|
|
781
|
-
--usk-primary-text-rgb: 0 0 0;
|
|
782
|
-
--usk-secondary-rgb: 0 217 255;
|
|
783
|
-
--usk-secondary-hover-rgb: 255 255 255;
|
|
784
|
-
--usk-secondary-text-rgb: 0 0 0;
|
|
785
|
-
--usk-accent-rgb: 184 196 255;
|
|
786
|
-
--usk-success-rgb: 0 255 144;
|
|
787
|
-
--usk-warning-rgb: 255 225 0;
|
|
788
|
-
--usk-danger-rgb: 255 63 95;
|
|
789
|
-
--usk-link-rgb: 159 178 255;
|
|
790
|
-
--usk-accent-text-rgb: 0 0 0;
|
|
791
|
-
--usk-success-text-rgb: 0 0 0;
|
|
792
|
-
--usk-warning-text-rgb: 0 0 0;
|
|
793
|
-
--usk-danger-text-rgb: 0 0 0;
|
|
794
|
-
--usk-focus-rgb: 255 255 255;
|
|
795
|
-
}
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
/* styles/native-elements.css */
|
|
800
|
-
/* =========================================================
|
|
801
|
-
UI Style Kit CSS - Shared Native Element Layer
|
|
802
|
-
|
|
803
|
-
Native fallback selectors are shared so UI presets can focus
|
|
804
|
-
on visual identity while inheriting the same semantic coverage.
|
|
805
|
-
Presets map --usk-native-* tokens to their public prefix tokens.
|
|
806
|
-
========================================================= */
|
|
807
|
-
|
|
808
|
-
@layer ui-style-kit.native_elements {
|
|
809
|
-
[data-ui][data-theme][data-mode] {
|
|
810
|
-
--usk-native-surface: rgb(var(--usk-surface-rgb));
|
|
811
|
-
--usk-native-surface-strong: rgb(var(--usk-surface-strong-rgb));
|
|
812
|
-
--usk-native-surface-soft: rgb(var(--usk-surface-soft-rgb));
|
|
813
|
-
--usk-native-card-bg: var(--usk-native-surface);
|
|
814
|
-
--usk-native-control-bg: var(--usk-native-surface-soft);
|
|
815
|
-
--usk-native-text: rgb(var(--usk-text-rgb));
|
|
816
|
-
--usk-native-text-muted: rgb(var(--usk-text-muted-rgb));
|
|
817
|
-
--usk-native-border: rgb(var(--usk-border-rgb));
|
|
818
|
-
--usk-native-primary: rgb(var(--usk-primary-rgb));
|
|
819
|
-
--usk-native-primary-hover: rgb(var(--usk-primary-hover-rgb));
|
|
820
|
-
--usk-native-on-primary: rgb(var(--usk-primary-text-rgb));
|
|
821
|
-
--usk-native-focus: rgb(var(--usk-focus-rgb));
|
|
822
|
-
--usk-native-success: rgb(var(--usk-success-rgb));
|
|
823
|
-
--usk-native-warning: rgb(var(--usk-warning-rgb));
|
|
824
|
-
--usk-native-danger: rgb(var(--usk-danger-rgb));
|
|
825
|
-
--usk-native-link: rgb(var(--usk-link-rgb));
|
|
826
|
-
--usk-native-font-body: inherit;
|
|
827
|
-
--usk-native-font-heading: inherit;
|
|
828
|
-
--usk-native-font-control: inherit;
|
|
829
|
-
--usk-native-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
830
|
-
--usk-native-radius-sm: .5rem;
|
|
831
|
-
--usk-native-radius: .75rem;
|
|
832
|
-
--usk-native-radius-lg: 1rem;
|
|
833
|
-
--usk-native-border-width: 1px;
|
|
834
|
-
--usk-native-field-gap: .5rem;
|
|
835
|
-
--usk-native-panel-padding: 1rem;
|
|
836
|
-
--usk-native-control-min-block-size: 2.75rem;
|
|
837
|
-
--usk-native-control-padding-block: .72rem;
|
|
838
|
-
--usk-native-control-padding-inline: .95rem;
|
|
839
|
-
--usk-native-subcontrol-padding-block: .55rem;
|
|
840
|
-
--usk-native-subcontrol-padding-inline: .8rem;
|
|
841
|
-
--usk-native-track: color-mix(in srgb, var(--usk-native-border) 50%, transparent);
|
|
842
|
-
--usk-native-track-fill: var(--usk-native-primary);
|
|
843
|
-
--usk-native-thumb: var(--usk-native-surface-strong);
|
|
844
|
-
--usk-native-thumb-border: var(--usk-native-primary);
|
|
845
|
-
--usk-native-indicator: var(--usk-native-primary);
|
|
846
|
-
--usk-native-shadow: none;
|
|
847
|
-
--usk-native-shadow-md: var(--usk-native-shadow);
|
|
848
|
-
--usk-native-focus-ring: 0 0 0 3px rgb(var(--usk-focus-rgb) / .28);
|
|
849
|
-
--usk-motion-duration: 140ms;
|
|
850
|
-
--usk-motion-easing: cubic-bezier(0.2, 0, 0.2, 1);
|
|
851
|
-
|
|
852
|
-
/* Shared semantic values are fully typed so optional companion and third-party consumers can use them directly. */
|
|
853
|
-
--ui-color-bg: rgb(var(--usk-bg-rgb));
|
|
854
|
-
--ui-color-surface: var(--usk-native-surface-strong);
|
|
855
|
-
--ui-color-text: var(--usk-native-text);
|
|
856
|
-
--ui-color-muted: var(--usk-native-text-muted);
|
|
857
|
-
--ui-color-primary: var(--usk-native-primary);
|
|
858
|
-
--ui-color-on-primary: var(--usk-native-on-primary);
|
|
859
|
-
--ui-color-border: var(--usk-native-border);
|
|
860
|
-
--ui-radius-control: var(--usk-native-radius);
|
|
861
|
-
--ui-shadow-control: var(--usk-native-shadow);
|
|
862
|
-
--ui-focus-color: var(--usk-native-focus);
|
|
863
|
-
--ui-motion-duration: var(--usk-motion-duration);
|
|
864
|
-
--ui-motion-easing: var(--usk-motion-easing);
|
|
865
|
-
}
|
|
866
|
-
|
|
867
|
-
[data-ui][data-theme][data-mode] :where(h1, h2, h3, h4, h5, h6) {
|
|
868
|
-
color: var(--usk-native-text);
|
|
869
|
-
font-family: var(--usk-native-font-heading);
|
|
870
|
-
line-height: 1.15;
|
|
871
|
-
margin: 0 0 .65em;
|
|
872
|
-
text-wrap: balance;
|
|
873
|
-
}
|
|
874
|
-
|
|
875
|
-
[data-ui][data-theme][data-mode] :where(hgroup) {
|
|
876
|
-
display: grid;
|
|
877
|
-
gap: .35rem;
|
|
878
|
-
margin-block: 0 1rem;
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
[data-ui][data-theme][data-mode] :where(h1) { font-size: clamp(2rem, 5vw, 3.5rem); }
|
|
882
|
-
[data-ui][data-theme][data-mode] :where(h2) { font-size: clamp(1.55rem, 3vw, 2.35rem); }
|
|
883
|
-
[data-ui][data-theme][data-mode] :where(h3) { font-size: clamp(1.25rem, 2vw, 1.65rem); }
|
|
884
|
-
|
|
885
|
-
[data-ui][data-theme][data-mode] :where(p) {
|
|
886
|
-
margin: 0 0 1rem;
|
|
887
|
-
color: var(--usk-native-text-muted);
|
|
888
|
-
line-height: 1.7;
|
|
889
|
-
}
|
|
890
|
-
|
|
891
|
-
[data-ui][data-theme][data-mode] :where(a) {
|
|
892
|
-
color: var(--usk-native-link);
|
|
893
|
-
text-decoration-thickness: .08em;
|
|
894
|
-
text-underline-offset: .18em;
|
|
895
|
-
}
|
|
896
|
-
|
|
897
|
-
[data-ui][data-theme][data-mode] :where(a:hover) { color: var(--usk-native-primary-hover); }
|
|
898
|
-
|
|
899
|
-
[data-ui][data-theme][data-mode] :where(ul, ol, menu) {
|
|
900
|
-
margin: 0 0 1rem;
|
|
901
|
-
padding-left: 1.35rem;
|
|
902
|
-
color: var(--usk-native-text-muted);
|
|
903
|
-
}
|
|
904
|
-
|
|
905
|
-
[data-ui][data-theme][data-mode] :where(li) { margin-block: .25rem; }
|
|
906
|
-
|
|
907
|
-
[data-ui][data-theme][data-mode] :where(blockquote) {
|
|
908
|
-
margin: 1.25rem 0;
|
|
909
|
-
padding: 1rem 1.25rem;
|
|
910
|
-
color: var(--usk-native-text);
|
|
911
|
-
background: var(--usk-native-surface-soft);
|
|
912
|
-
border-left: .35rem solid var(--usk-native-primary);
|
|
913
|
-
border-radius: var(--usk-native-radius);
|
|
914
|
-
}
|
|
915
|
-
|
|
916
|
-
[data-ui][data-theme][data-mode] :where(code, kbd, samp) {
|
|
917
|
-
padding: .15em .35em;
|
|
918
|
-
color: var(--usk-native-text);
|
|
919
|
-
background: var(--usk-native-surface-soft);
|
|
920
|
-
border: var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);
|
|
921
|
-
border-radius: var(--usk-native-radius-sm);
|
|
922
|
-
font-family: var(--usk-native-font-mono);
|
|
923
|
-
font-size: .92em;
|
|
924
|
-
}
|
|
925
|
-
|
|
926
|
-
[data-ui][data-theme][data-mode] :where(pre) {
|
|
927
|
-
overflow: auto;
|
|
928
|
-
margin: 1rem 0;
|
|
929
|
-
padding: 1rem;
|
|
930
|
-
color: var(--usk-native-text);
|
|
931
|
-
background: var(--usk-native-surface-soft);
|
|
932
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
933
|
-
border-radius: var(--usk-native-radius);
|
|
934
|
-
}
|
|
935
|
-
|
|
936
|
-
[data-ui][data-theme][data-mode] :where(pre code) {
|
|
937
|
-
display: block;
|
|
938
|
-
padding: 0;
|
|
939
|
-
background: transparent;
|
|
940
|
-
border: 0;
|
|
941
|
-
}
|
|
942
|
-
|
|
943
|
-
[data-ui][data-theme][data-mode] :where(hr) {
|
|
944
|
-
height: 1px;
|
|
945
|
-
margin: 2rem 0;
|
|
946
|
-
background: var(--usk-native-border);
|
|
947
|
-
border: 0;
|
|
948
|
-
}
|
|
949
|
-
|
|
950
|
-
[data-ui][data-theme][data-mode] :where(mark) {
|
|
951
|
-
padding-inline: .15em;
|
|
952
|
-
color: var(--usk-native-text);
|
|
953
|
-
background: color-mix(in srgb, var(--usk-native-warning) 32%, transparent);
|
|
954
|
-
border-radius: .2em;
|
|
955
|
-
}
|
|
956
|
-
|
|
957
|
-
[data-ui][data-theme][data-mode] :where(small, sub, sup, rt, rp) { color: var(--usk-native-text-muted); }
|
|
958
|
-
[data-ui][data-theme][data-mode] :where(rt, rp) { font-size: .72em; }
|
|
959
|
-
|
|
960
|
-
[data-ui][data-theme][data-mode] :where(abbr[title]) {
|
|
961
|
-
text-decoration: underline dotted var(--usk-native-primary);
|
|
962
|
-
text-underline-offset: .18em;
|
|
963
|
-
cursor: help;
|
|
964
|
-
}
|
|
965
|
-
|
|
966
|
-
[data-ui][data-theme][data-mode] :where(img, picture, video, canvas, svg, iframe, audio, object, embed, math) {
|
|
967
|
-
max-width: 100%;
|
|
968
|
-
}
|
|
969
|
-
|
|
970
|
-
[data-ui][data-theme][data-mode] :where(img, video, canvas, svg, iframe) { height: auto; }
|
|
971
|
-
|
|
972
|
-
[data-ui][data-theme][data-mode] :where(figure) { margin: 1.25rem 0; }
|
|
973
|
-
|
|
974
|
-
[data-ui][data-theme][data-mode] :where(figcaption) {
|
|
975
|
-
margin-top: .5rem;
|
|
976
|
-
color: var(--usk-native-text-muted);
|
|
977
|
-
font-size: .9rem;
|
|
978
|
-
}
|
|
979
|
-
|
|
980
|
-
[data-ui][data-theme][data-mode] :where(form) {
|
|
981
|
-
display: grid;
|
|
982
|
-
gap: var(--usk-native-field-gap);
|
|
983
|
-
min-inline-size: 0;
|
|
984
|
-
}
|
|
985
|
-
|
|
986
|
-
[data-ui][data-theme][data-mode] :where(fieldset) {
|
|
987
|
-
display: grid;
|
|
988
|
-
gap: .9rem;
|
|
989
|
-
min-inline-size: 0;
|
|
990
|
-
margin: 0 0 1rem;
|
|
991
|
-
padding: var(--usk-native-panel-padding);
|
|
992
|
-
background: color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);
|
|
993
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
994
|
-
border-radius: var(--usk-native-radius);
|
|
995
|
-
}
|
|
996
|
-
|
|
997
|
-
[data-ui][data-theme][data-mode] :where(legend) {
|
|
998
|
-
padding-inline: .35rem;
|
|
999
|
-
color: var(--usk-native-text);
|
|
1000
|
-
font-weight: 900;
|
|
1001
|
-
}
|
|
1002
|
-
|
|
1003
|
-
[data-ui][data-theme][data-mode] :where(label) {
|
|
1004
|
-
color: var(--usk-native-text);
|
|
1005
|
-
font-weight: 750;
|
|
1006
|
-
}
|
|
1007
|
-
|
|
1008
|
-
[data-ui][data-theme][data-mode] :where(label:has(input), label:has(select), label:has(textarea)) {
|
|
1009
|
-
display: grid;
|
|
1010
|
-
gap: var(--usk-native-field-gap);
|
|
1011
|
-
align-content: start;
|
|
1012
|
-
}
|
|
1013
|
-
|
|
1014
|
-
[data-ui][data-theme][data-mode] :where(label:has(input[type="checkbox"]), label:has(input[type="radio"])) {
|
|
1015
|
-
display: inline-flex;
|
|
1016
|
-
gap: var(--usk-native-field-gap);
|
|
1017
|
-
align-items: center;
|
|
1018
|
-
}
|
|
1019
|
-
|
|
1020
|
-
[data-ui][data-theme][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea, select) {
|
|
1021
|
-
width: 100%;
|
|
1022
|
-
min-block-size: var(--usk-native-control-min-block-size);
|
|
1023
|
-
padding: var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);
|
|
1024
|
-
color: var(--usk-native-text);
|
|
1025
|
-
background: var(--usk-native-control-bg);
|
|
1026
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1027
|
-
border-radius: var(--usk-native-radius);
|
|
1028
|
-
font: inherit;
|
|
1029
|
-
}
|
|
1030
|
-
|
|
1031
|
-
[data-ui][data-theme][data-mode] :where(input, textarea, select, button) {
|
|
1032
|
-
color-scheme: inherit;
|
|
1033
|
-
accent-color: var(--usk-native-primary);
|
|
1034
|
-
}
|
|
1035
|
-
|
|
1036
|
-
[data-ui][data-theme][data-mode] :where(input, textarea)::placeholder {
|
|
1037
|
-
color: var(--usk-native-text-muted);
|
|
1038
|
-
opacity: .78;
|
|
1039
|
-
}
|
|
1040
|
-
|
|
1041
|
-
[data-ui][data-theme][data-mode] :where(textarea) {
|
|
1042
|
-
min-height: 7rem;
|
|
1043
|
-
resize: vertical;
|
|
1044
|
-
}
|
|
1045
|
-
|
|
1046
|
-
[data-ui][data-theme][data-mode] :where(input, textarea, select, button) { font: inherit; }
|
|
1047
|
-
|
|
1048
|
-
[data-ui][data-theme][data-mode] :where(button:not([class]), input[type="button"]:not([class]), input[type="submit"]:not([class]), input[type="reset"]:not([class])) {
|
|
1049
|
-
min-block-size: var(--usk-native-control-min-block-size);
|
|
1050
|
-
padding: .7rem 1rem;
|
|
1051
|
-
color: var(--usk-native-on-primary);
|
|
1052
|
-
background: var(--usk-native-primary);
|
|
1053
|
-
border: var(--usk-native-border-width) solid var(--usk-native-primary);
|
|
1054
|
-
border-radius: var(--usk-native-radius);
|
|
1055
|
-
font-family: var(--usk-native-font-control);
|
|
1056
|
-
font-weight: 850;
|
|
1057
|
-
cursor: pointer;
|
|
1058
|
-
}
|
|
1059
|
-
|
|
1060
|
-
[data-ui][data-theme][data-mode] :where(button:not([class]):hover, input[type="button"]:not([class]):hover, input[type="submit"]:not([class]):hover, input[type="reset"]:not([class]):hover) {
|
|
1061
|
-
background: var(--usk-native-primary-hover);
|
|
1062
|
-
border-color: var(--usk-native-primary-hover);
|
|
1063
|
-
}
|
|
1064
|
-
|
|
1065
|
-
[data-ui][data-theme][data-mode] :where(input[type="checkbox"], input[type="radio"]) {
|
|
1066
|
-
inline-size: 1.5rem;
|
|
1067
|
-
block-size: 1.5rem;
|
|
1068
|
-
accent-color: var(--usk-native-primary);
|
|
1069
|
-
}
|
|
1070
|
-
|
|
1071
|
-
[data-ui][data-theme][data-mode] :where(input[type="range"]) {
|
|
1072
|
-
-webkit-appearance: none;
|
|
1073
|
-
appearance: none;
|
|
1074
|
-
width: 100%;
|
|
1075
|
-
min-block-size: 1.5rem;
|
|
1076
|
-
background: transparent;
|
|
1077
|
-
accent-color: var(--usk-native-primary);
|
|
1078
|
-
}
|
|
1079
|
-
|
|
1080
|
-
[data-ui][data-theme][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track {
|
|
1081
|
-
block-size: .45rem;
|
|
1082
|
-
background: var(--usk-native-track);
|
|
1083
|
-
border-radius: 999px;
|
|
1084
|
-
}
|
|
1085
|
-
|
|
1086
|
-
[data-ui][data-theme][data-mode] :where(input[type="range"])::-moz-range-track {
|
|
1087
|
-
block-size: .45rem;
|
|
1088
|
-
background: var(--usk-native-track);
|
|
1089
|
-
border-radius: 999px;
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
[data-ui][data-theme][data-mode] :where(input[type="range"])::-webkit-slider-thumb {
|
|
1093
|
-
-webkit-appearance: none;
|
|
1094
|
-
appearance: none;
|
|
1095
|
-
inline-size: 1.2rem;
|
|
1096
|
-
block-size: 1.2rem;
|
|
1097
|
-
margin-block-start: -.38rem;
|
|
1098
|
-
background: var(--usk-native-thumb);
|
|
1099
|
-
border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
|
|
1100
|
-
border-radius: 999px;
|
|
1101
|
-
box-shadow: var(--usk-native-shadow);
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
[data-ui][data-theme][data-mode] :where(input[type="range"])::-moz-range-thumb {
|
|
1105
|
-
inline-size: 1.2rem;
|
|
1106
|
-
block-size: 1.2rem;
|
|
1107
|
-
background: var(--usk-native-thumb);
|
|
1108
|
-
border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
|
|
1109
|
-
border-radius: 999px;
|
|
1110
|
-
box-shadow: var(--usk-native-shadow);
|
|
1111
|
-
}
|
|
1112
|
-
|
|
1113
|
-
[data-ui][data-theme][data-mode] :where(input[type="color"]) {
|
|
1114
|
-
inline-size: 3rem;
|
|
1115
|
-
block-size: 2.4rem;
|
|
1116
|
-
padding: .2rem;
|
|
1117
|
-
background: var(--usk-native-control-bg);
|
|
1118
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1119
|
-
border-radius: var(--usk-native-radius-sm);
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1122
|
-
[data-ui][data-theme][data-mode] :where(input[type="color"])::-webkit-color-swatch-wrapper {
|
|
1123
|
-
padding: 0;
|
|
1124
|
-
}
|
|
1125
|
-
|
|
1126
|
-
[data-ui][data-theme][data-mode] :where(input[type="color"])::-webkit-color-swatch {
|
|
1127
|
-
border: 0;
|
|
1128
|
-
border-radius: calc(var(--usk-native-radius-sm) / 1.5);
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
|
-
[data-ui][data-theme][data-mode] :where(input[type="color"])::-moz-color-swatch {
|
|
1132
|
-
border: 0;
|
|
1133
|
-
border-radius: calc(var(--usk-native-radius-sm) / 1.5);
|
|
1134
|
-
}
|
|
1135
|
-
|
|
1136
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]) { color: var(--usk-native-text-muted); }
|
|
1137
|
-
|
|
1138
|
-
/* Keep pseudo-elements outside :where() because engines reject them inside selector-list arguments. */
|
|
1139
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"])::file-selector-button,
|
|
1140
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
|
|
1141
|
-
margin-inline-end: .75rem;
|
|
1142
|
-
padding: var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);
|
|
1143
|
-
color: var(--usk-native-on-primary);
|
|
1144
|
-
background: var(--usk-native-primary);
|
|
1145
|
-
border: var(--usk-native-border-width) solid var(--usk-native-primary);
|
|
1146
|
-
border-radius: var(--usk-native-radius-sm);
|
|
1147
|
-
font-weight: 800;
|
|
1148
|
-
cursor: pointer;
|
|
1149
|
-
}
|
|
1150
|
-
|
|
1151
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:hover)::file-selector-button,
|
|
1152
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:hover)::-webkit-file-upload-button {
|
|
1153
|
-
background: var(--usk-native-primary-hover);
|
|
1154
|
-
border-color: var(--usk-native-primary-hover);
|
|
1155
|
-
}
|
|
1156
|
-
|
|
1157
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:focus-visible)::file-selector-button,
|
|
1158
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:focus-visible)::-webkit-file-upload-button {
|
|
1159
|
-
box-shadow: var(--usk-native-focus-ring);
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:active)::file-selector-button,
|
|
1163
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:active)::-webkit-file-upload-button {
|
|
1164
|
-
filter: brightness(.96);
|
|
1165
|
-
}
|
|
1166
|
-
|
|
1167
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:disabled)::file-selector-button,
|
|
1168
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"]:disabled)::-webkit-file-upload-button {
|
|
1169
|
-
color: var(--usk-native-text-muted);
|
|
1170
|
-
background: var(--usk-native-surface-soft);
|
|
1171
|
-
border-color: var(--usk-native-border);
|
|
1172
|
-
cursor: not-allowed;
|
|
1173
|
-
}
|
|
1174
|
-
|
|
1175
|
-
[data-ui][data-theme][data-mode] :where(input:read-only, textarea:read-only) {
|
|
1176
|
-
background: var(--usk-native-surface-soft);
|
|
1177
|
-
}
|
|
1178
|
-
|
|
1179
|
-
[data-ui][data-theme][data-mode] :where(input:required, textarea:required, select:required) {
|
|
1180
|
-
box-shadow: inset .22rem 0 0 var(--usk-native-indicator);
|
|
1181
|
-
}
|
|
1182
|
-
|
|
1183
|
-
[data-ui][data-theme][data-mode] :where(input:user-valid, textarea:user-valid, select:user-valid, .is-valid) {
|
|
1184
|
-
border-color: var(--usk-native-success);
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
[data-ui][data-theme][data-mode] :where(input:user-invalid, textarea:user-invalid, select:user-invalid, [aria-invalid="true"], .is-invalid) {
|
|
1188
|
-
border-color: var(--usk-native-danger);
|
|
1189
|
-
}
|
|
1190
|
-
|
|
1191
|
-
[data-ui][data-theme][data-mode] :where(input[type="checkbox"]:indeterminate, input[type="radio"]:indeterminate) {
|
|
1192
|
-
accent-color: var(--usk-native-warning);
|
|
1193
|
-
}
|
|
1194
|
-
|
|
1195
|
-
[data-ui][data-theme][data-mode] :where(button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active) {
|
|
1196
|
-
filter: brightness(.96);
|
|
1197
|
-
}
|
|
1198
|
-
|
|
1199
|
-
[data-ui][data-theme][data-mode] :where(input:disabled, textarea:disabled, select:disabled, button:disabled, [aria-disabled="true"]) {
|
|
1200
|
-
color: var(--usk-native-text-muted);
|
|
1201
|
-
background: color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);
|
|
1202
|
-
border-color: var(--usk-native-border);
|
|
1203
|
-
box-shadow: none;
|
|
1204
|
-
opacity: .55;
|
|
1205
|
-
cursor: not-allowed;
|
|
1206
|
-
}
|
|
1207
|
-
|
|
1208
|
-
[data-ui][data-theme][data-mode] :where(table) {
|
|
1209
|
-
width: 100%;
|
|
1210
|
-
margin: 1rem 0;
|
|
1211
|
-
overflow: hidden;
|
|
1212
|
-
background: var(--usk-native-surface);
|
|
1213
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1214
|
-
border-radius: var(--usk-native-radius);
|
|
1215
|
-
border-collapse: collapse;
|
|
1216
|
-
}
|
|
1217
|
-
|
|
1218
|
-
[data-ui][data-theme][data-mode] :where(caption) {
|
|
1219
|
-
caption-side: bottom;
|
|
1220
|
-
padding: .75rem;
|
|
1221
|
-
color: var(--usk-native-text-muted);
|
|
1222
|
-
font-size: .9rem;
|
|
1223
|
-
}
|
|
1224
|
-
|
|
1225
|
-
[data-ui][data-theme][data-mode] :where(th, td) {
|
|
1226
|
-
padding: .8rem .9rem;
|
|
1227
|
-
text-align: left;
|
|
1228
|
-
border-bottom: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1229
|
-
}
|
|
1230
|
-
|
|
1231
|
-
[data-ui][data-theme][data-mode] :where(th) {
|
|
1232
|
-
color: var(--usk-native-text);
|
|
1233
|
-
background: color-mix(in srgb, var(--usk-native-primary) 10%, transparent);
|
|
1234
|
-
}
|
|
1235
|
-
|
|
1236
|
-
[data-ui][data-theme][data-mode] :where(td) { color: var(--usk-native-text-muted); }
|
|
1237
|
-
|
|
1238
|
-
[data-ui][data-theme][data-mode] :where(details) {
|
|
1239
|
-
margin: 1rem 0;
|
|
1240
|
-
padding: .9rem 1rem;
|
|
1241
|
-
color: var(--usk-native-text);
|
|
1242
|
-
background: var(--usk-native-surface);
|
|
1243
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1244
|
-
border-radius: var(--usk-native-radius);
|
|
1245
|
-
}
|
|
1246
|
-
|
|
1247
|
-
[data-ui][data-theme][data-mode] :where(summary) {
|
|
1248
|
-
color: var(--usk-native-text);
|
|
1249
|
-
font-weight: 900;
|
|
1250
|
-
cursor: pointer;
|
|
1251
|
-
}
|
|
1252
|
-
|
|
1253
|
-
[data-ui][data-theme][data-mode] :where(dialog) {
|
|
1254
|
-
max-width: min(92vw, 42rem);
|
|
1255
|
-
padding: 0;
|
|
1256
|
-
color: var(--usk-native-text);
|
|
1257
|
-
background: var(--usk-native-surface-strong);
|
|
1258
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1259
|
-
border-radius: var(--usk-native-radius-lg);
|
|
1260
|
-
box-shadow: var(--usk-native-shadow-md), 0 30px 80px rgb(0 0 0 / .42);
|
|
1261
|
-
}
|
|
1262
|
-
|
|
1263
|
-
[data-ui][data-theme][data-mode] :where(dialog)::backdrop { background: rgb(0 0 0 / .62); }
|
|
1264
|
-
|
|
1265
|
-
[data-ui][data-theme][data-mode] :where(progress, meter) {
|
|
1266
|
-
width: 100%;
|
|
1267
|
-
min-height: .9rem;
|
|
1268
|
-
accent-color: var(--usk-native-primary);
|
|
1269
|
-
}
|
|
1270
|
-
|
|
1271
|
-
[data-ui][data-theme][data-mode] :where(progress, meter)::-webkit-progress-bar,
|
|
1272
|
-
[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar {
|
|
1273
|
-
background: var(--usk-native-track);
|
|
1274
|
-
border-radius: 999px;
|
|
1275
|
-
}
|
|
1276
|
-
|
|
1277
|
-
[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,
|
|
1278
|
-
[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value {
|
|
1279
|
-
background: var(--usk-native-track-fill);
|
|
1280
|
-
border-radius: inherit;
|
|
1281
|
-
}
|
|
1282
|
-
|
|
1283
|
-
[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,
|
|
1284
|
-
[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar {
|
|
1285
|
-
background: var(--usk-native-track-fill);
|
|
1286
|
-
border-radius: 999px;
|
|
1287
|
-
}
|
|
1288
|
-
|
|
1289
|
-
[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value {
|
|
1290
|
-
background: var(--usk-native-warning);
|
|
1291
|
-
}
|
|
1292
|
-
|
|
1293
|
-
[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value {
|
|
1294
|
-
background: var(--usk-native-danger);
|
|
1295
|
-
}
|
|
1296
|
-
|
|
1297
|
-
[data-ui][data-theme][data-mode] :where(main, section, header, footer, nav, article, aside, address) {
|
|
1298
|
-
color: var(--usk-native-text);
|
|
1299
|
-
}
|
|
1300
|
-
|
|
1301
|
-
[data-ui][data-theme][data-mode] :where(article, aside) {
|
|
1302
|
-
padding: var(--usk-native-panel-padding);
|
|
1303
|
-
color: var(--usk-native-text);
|
|
1304
|
-
background: var(--usk-native-card-bg);
|
|
1305
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1306
|
-
border-radius: var(--usk-native-radius-lg);
|
|
1307
|
-
box-shadow: var(--usk-native-shadow);
|
|
1308
|
-
}
|
|
1309
|
-
|
|
1310
|
-
[data-ui][data-theme][data-mode] :where(dl) {
|
|
1311
|
-
margin: 0 0 1rem;
|
|
1312
|
-
color: var(--usk-native-text-muted);
|
|
1313
|
-
}
|
|
1314
|
-
|
|
1315
|
-
[data-ui][data-theme][data-mode] :where(dt) {
|
|
1316
|
-
color: var(--usk-native-text);
|
|
1317
|
-
font-weight: 900;
|
|
1318
|
-
}
|
|
1319
|
-
|
|
1320
|
-
[data-ui][data-theme][data-mode] :where(dd) { margin: .25rem 0 .75rem 1.25rem; }
|
|
1321
|
-
[data-ui][data-theme][data-mode] :where(strong, b) { color: var(--usk-native-text); font-weight: 900; }
|
|
1322
|
-
[data-ui][data-theme][data-mode] :where(u) { text-decoration-color: var(--usk-native-primary); text-decoration-thickness: .08em; text-underline-offset: .16em; }
|
|
1323
|
-
[data-ui][data-theme][data-mode] :where(bdi, bdo) { color: var(--usk-native-text); unicode-bidi: isolate; }
|
|
1324
|
-
[data-ui][data-theme][data-mode] :where(em, i, cite, var, q) { color: var(--usk-native-text); }
|
|
1325
|
-
[data-ui][data-theme][data-mode] :where(ins) { color: var(--usk-native-text); text-decoration-color: var(--usk-native-success); }
|
|
1326
|
-
[data-ui][data-theme][data-mode] :where(del, s) { color: var(--usk-native-text); text-decoration-color: var(--usk-native-danger); }
|
|
1327
|
-
[data-ui][data-theme][data-mode] :where(output) { color: var(--usk-native-text); font-weight: 800; }
|
|
1328
|
-
[data-ui][data-theme][data-mode] :where(optgroup, option) { color: var(--usk-native-text); background: var(--usk-native-surface); }
|
|
1329
|
-
[data-ui][data-theme][data-mode] :where(time, data, dfn, ruby) { color: var(--usk-native-text); }
|
|
1330
|
-
[data-ui][data-theme][data-mode] :where(search) { display: block; color: var(--usk-native-text); }
|
|
1331
|
-
[data-ui][data-theme][data-mode] :where(selectedcontent) { color: var(--usk-native-text); }
|
|
1332
|
-
[data-ui][data-theme][data-mode] :where(datalist) { display: none; }
|
|
1333
|
-
|
|
1334
|
-
[data-ui][data-theme][data-mode] :where(summary, li)::marker {
|
|
1335
|
-
color: var(--usk-native-indicator);
|
|
1336
|
-
}
|
|
1337
|
-
|
|
1338
|
-
[data-ui][data-theme][data-mode] :where(input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"])::-webkit-calendar-picker-indicator {
|
|
1339
|
-
opacity: .78;
|
|
1340
|
-
accent-color: var(--usk-native-indicator);
|
|
1341
|
-
}
|
|
1342
|
-
|
|
1343
|
-
[data-ui][data-theme][data-mode] :where(input[type="search"])::-webkit-search-cancel-button {
|
|
1344
|
-
accent-color: var(--usk-native-indicator);
|
|
1345
|
-
}
|
|
1346
|
-
|
|
1347
|
-
[data-ui][data-theme][data-mode] :where(input[type="number"])::-webkit-inner-spin-button,
|
|
1348
|
-
[data-ui][data-theme][data-mode] :where(input[type="number"])::-webkit-outer-spin-button {
|
|
1349
|
-
opacity: .72;
|
|
1350
|
-
}
|
|
1351
|
-
|
|
1352
|
-
[data-ui][data-theme][data-mode] :where(select)::picker-icon {
|
|
1353
|
-
color: var(--usk-native-indicator);
|
|
1354
|
-
}
|
|
1355
|
-
|
|
1356
|
-
[data-ui][data-theme][data-mode] :where(:focus-visible) {
|
|
1357
|
-
outline: 3px solid var(--usk-native-focus);
|
|
1358
|
-
outline-offset: 3px;
|
|
1359
|
-
box-shadow: var(--usk-native-focus-ring);
|
|
1360
|
-
}
|
|
1361
|
-
|
|
1362
|
-
[data-ui][data-theme][data-mode] :where(:target) {
|
|
1363
|
-
scroll-margin-top: 6rem;
|
|
1364
|
-
outline: 3px solid var(--usk-native-focus);
|
|
1365
|
-
outline-offset: .35rem;
|
|
1366
|
-
}
|
|
1367
|
-
|
|
1368
|
-
[data-ui][data-theme][data-mode] :where([aria-current="page"]) { font-weight: 900; }
|
|
1369
|
-
[data-ui][data-theme][data-mode] :where([aria-busy="true"]) { cursor: progress; }
|
|
1370
|
-
[data-ui][data-theme][data-mode] :where([hidden]) { display: none !important; }
|
|
1371
|
-
[data-ui][data-theme][data-mode] ::selection { color: var(--usk-native-on-primary); background: var(--usk-native-primary); }
|
|
1372
|
-
[data-ui][data-theme][data-mode] ::-webkit-scrollbar { inline-size: .75rem; block-size: .75rem; }
|
|
1373
|
-
[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track { background: var(--usk-native-track); }
|
|
1374
|
-
[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb { background: var(--usk-native-thumb-border); border-radius: 999px; }
|
|
1375
|
-
|
|
1376
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1377
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"])::file-selector-button,
|
|
1378
|
-
[data-ui][data-theme][data-mode] :where(input[type="file"])::-webkit-file-upload-button {
|
|
1379
|
-
transition-duration: 1ms !important;
|
|
1380
|
-
}
|
|
1381
|
-
}
|
|
1382
|
-
|
|
1383
|
-
@media (forced-colors: active) {
|
|
1384
|
-
[data-ui][data-theme][data-mode] :where(input, textarea, select, button, progress, meter) {
|
|
1385
|
-
forced-color-adjust: auto;
|
|
1386
|
-
}
|
|
1387
|
-
|
|
1388
|
-
[data-ui][data-theme][data-mode] :where(input:user-invalid, textarea:user-invalid, select:user-invalid, [aria-invalid="true"], .is-invalid) {
|
|
1389
|
-
border-color: Mark;
|
|
1390
|
-
}
|
|
1391
|
-
}
|
|
1392
|
-
}
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
/* styles/components.css */
|
|
1396
|
-
/* =========================================================
|
|
1397
|
-
UI Style Kit CSS - Shared Component Foundations
|
|
1398
|
-
|
|
1399
|
-
Structural-neutral overflow rules live here so visual-only
|
|
1400
|
-
entrypoints remain safe inside consumer-owned layouts.
|
|
1401
|
-
========================================================= */
|
|
1402
|
-
|
|
1403
|
-
@layer ui-style-kit.components {
|
|
1404
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1405
|
-
h1,
|
|
1406
|
-
h2,
|
|
1407
|
-
h3,
|
|
1408
|
-
h4,
|
|
1409
|
-
h5,
|
|
1410
|
-
h6,
|
|
1411
|
-
p,
|
|
1412
|
-
a,
|
|
1413
|
-
li,
|
|
1414
|
-
dt,
|
|
1415
|
-
dd,
|
|
1416
|
-
figcaption,
|
|
1417
|
-
blockquote,
|
|
1418
|
-
label,
|
|
1419
|
-
legend,
|
|
1420
|
-
summary,
|
|
1421
|
-
code,
|
|
1422
|
-
kbd,
|
|
1423
|
-
samp,
|
|
1424
|
-
pre,
|
|
1425
|
-
th,
|
|
1426
|
-
td
|
|
1427
|
-
) {
|
|
1428
|
-
max-inline-size: 100%;
|
|
1429
|
-
min-inline-size: 0;
|
|
1430
|
-
overflow-wrap: anywhere;
|
|
1431
|
-
}
|
|
1432
|
-
|
|
1433
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1434
|
-
[class~="saas-surface"],
|
|
1435
|
-
[class~="saas-surface-sm"],
|
|
1436
|
-
[class~="saas-surface-lg"],
|
|
1437
|
-
[class~="saas-card"],
|
|
1438
|
-
[class~="saas-panel"],
|
|
1439
|
-
[class~="saas-toolbar"],
|
|
1440
|
-
[class~="saas-well"],
|
|
1441
|
-
[class~="saas-inset"],
|
|
1442
|
-
[class~="saas-field"],
|
|
1443
|
-
[class~="saas-alert"],
|
|
1444
|
-
[class~="saas-table-wrap"],
|
|
1445
|
-
[class~="saas-nav"],
|
|
1446
|
-
[class~="bento-surface"],
|
|
1447
|
-
[class~="bento-surface-sm"],
|
|
1448
|
-
[class~="bento-surface-lg"],
|
|
1449
|
-
[class~="bento-card"],
|
|
1450
|
-
[class~="bento-panel"],
|
|
1451
|
-
[class~="bento-toolbar"],
|
|
1452
|
-
[class~="bento-well"],
|
|
1453
|
-
[class~="bento-inset"],
|
|
1454
|
-
[class~="bento-field"],
|
|
1455
|
-
[class~="bento-alert"],
|
|
1456
|
-
[class~="bento-table-wrap"],
|
|
1457
|
-
[class~="bento-nav"],
|
|
1458
|
-
[class~="max-surface"],
|
|
1459
|
-
[class~="max-surface-sm"],
|
|
1460
|
-
[class~="max-surface-lg"],
|
|
1461
|
-
[class~="max-card"],
|
|
1462
|
-
[class~="max-panel"],
|
|
1463
|
-
[class~="max-toolbar"],
|
|
1464
|
-
[class~="max-well"],
|
|
1465
|
-
[class~="max-inset"],
|
|
1466
|
-
[class~="max-field"],
|
|
1467
|
-
[class~="max-alert"],
|
|
1468
|
-
[class~="max-table-wrap"],
|
|
1469
|
-
[class~="max-nav"],
|
|
1470
|
-
[class~="bau-surface"],
|
|
1471
|
-
[class~="bau-surface-sm"],
|
|
1472
|
-
[class~="bau-surface-lg"],
|
|
1473
|
-
[class~="bau-card"],
|
|
1474
|
-
[class~="bau-panel"],
|
|
1475
|
-
[class~="bau-toolbar"],
|
|
1476
|
-
[class~="bau-well"],
|
|
1477
|
-
[class~="bau-inset"],
|
|
1478
|
-
[class~="bau-field"],
|
|
1479
|
-
[class~="bau-alert"],
|
|
1480
|
-
[class~="bau-table-wrap"],
|
|
1481
|
-
[class~="bau-nav"],
|
|
1482
|
-
[class~="tactile-surface"],
|
|
1483
|
-
[class~="tactile-surface-sm"],
|
|
1484
|
-
[class~="tactile-surface-lg"],
|
|
1485
|
-
[class~="tactile-card"],
|
|
1486
|
-
[class~="tactile-panel"],
|
|
1487
|
-
[class~="tactile-toolbar"],
|
|
1488
|
-
[class~="tactile-well"],
|
|
1489
|
-
[class~="tactile-inset"],
|
|
1490
|
-
[class~="tactile-field"],
|
|
1491
|
-
[class~="tactile-alert"],
|
|
1492
|
-
[class~="tactile-table-wrap"],
|
|
1493
|
-
[class~="tactile-nav"],
|
|
1494
|
-
[class~="neo-surface"],
|
|
1495
|
-
[class~="neo-surface-sm"],
|
|
1496
|
-
[class~="neo-surface-lg"],
|
|
1497
|
-
[class~="neo-card"],
|
|
1498
|
-
[class~="neo-panel"],
|
|
1499
|
-
[class~="neo-toolbar"],
|
|
1500
|
-
[class~="neo-well"],
|
|
1501
|
-
[class~="neo-inset"],
|
|
1502
|
-
[class~="neo-field"],
|
|
1503
|
-
[class~="neo-alert"],
|
|
1504
|
-
[class~="neo-table-wrap"],
|
|
1505
|
-
[class~="neo-nav"],
|
|
1506
|
-
[class~="retro-surface"],
|
|
1507
|
-
[class~="retro-surface-sm"],
|
|
1508
|
-
[class~="retro-surface-lg"],
|
|
1509
|
-
[class~="retro-card"],
|
|
1510
|
-
[class~="retro-panel"],
|
|
1511
|
-
[class~="retro-toolbar"],
|
|
1512
|
-
[class~="retro-well"],
|
|
1513
|
-
[class~="retro-inset"],
|
|
1514
|
-
[class~="retro-field"],
|
|
1515
|
-
[class~="retro-alert"],
|
|
1516
|
-
[class~="retro-table-wrap"],
|
|
1517
|
-
[class~="retro-nav"],
|
|
1518
|
-
[class~="brutal-surface"],
|
|
1519
|
-
[class~="brutal-card"],
|
|
1520
|
-
[class~="brutal-panel"],
|
|
1521
|
-
[class~="brutal-toolbar"],
|
|
1522
|
-
[class~="brutal-well"],
|
|
1523
|
-
[class~="brutal-inset"],
|
|
1524
|
-
[class~="brutal-field"],
|
|
1525
|
-
[class~="brutal-alert"],
|
|
1526
|
-
[class~="brutal-table-wrap"],
|
|
1527
|
-
[class~="brutal-nav"],
|
|
1528
|
-
[class~="cyber-card"],
|
|
1529
|
-
[class~="cyber-panel"],
|
|
1530
|
-
[class~="cyber-toolbar"],
|
|
1531
|
-
[class~="cyber-well"],
|
|
1532
|
-
[class~="cyber-inset"],
|
|
1533
|
-
[class~="cyber-field"],
|
|
1534
|
-
[class~="cyber-alert"],
|
|
1535
|
-
[class~="cyber-table-wrap"],
|
|
1536
|
-
[class~="cyber-nav"],
|
|
1537
|
-
[class~="y2k-card"],
|
|
1538
|
-
[class~="y2k-panel"],
|
|
1539
|
-
[class~="y2k-toolbar"],
|
|
1540
|
-
[class~="y2k-well"],
|
|
1541
|
-
[class~="y2k-inset"],
|
|
1542
|
-
[class~="y2k-field"],
|
|
1543
|
-
[class~="y2k-alert"],
|
|
1544
|
-
[class~="y2k-table-wrap"],
|
|
1545
|
-
[class~="y2k-nav"],
|
|
1546
|
-
[class~="rg-card"],
|
|
1547
|
-
[class~="rg-panel"],
|
|
1548
|
-
[class~="rg-toolbar"],
|
|
1549
|
-
[class~="rg-well"],
|
|
1550
|
-
[class~="rg-inset"],
|
|
1551
|
-
[class~="rg-field"],
|
|
1552
|
-
[class~="rg-alert"],
|
|
1553
|
-
[class~="rg-table-wrap"],
|
|
1554
|
-
[class~="rg-nav"]
|
|
1555
|
-
), [data-ui]:where([data-ui="bauhaus"])[data-theme][data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],.ui-card,[class~="saas-panel"],.ui-toolbar,[class~="saas-well"],[class~="saas-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],.ui-card,[class~="bento-panel"],.ui-toolbar,[class~="bento-well"],[class~="bento-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],.ui-card,[class~="max-panel"],.ui-toolbar,[class~="max-well"],[class~="max-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],.ui-card,[class~="bau-panel"],.ui-toolbar,[class~="bau-well"],[class~="bau-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],.ui-card,[class~="tactile-panel"],.ui-toolbar,[class~="tactile-well"],[class~="tactile-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],.ui-card,[class~="neo-panel"],.ui-toolbar,[class~="neo-well"],[class~="neo-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],.ui-card,[class~="retro-panel"],.ui-toolbar,[class~="retro-well"],[class~="retro-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="brutal-surface"],.ui-card,[class~="brutal-panel"],.ui-toolbar,[class~="brutal-well"],[class~="brutal-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="cyber-panel"],.ui-toolbar,[class~="cyber-well"],[class~="cyber-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="y2k-panel"],.ui-toolbar,[class~="y2k-well"],[class~="y2k-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="rg-panel"],.ui-toolbar,[class~="rg-well"],[class~="rg-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav) {
|
|
1556
|
-
max-inline-size: 100%;
|
|
1557
|
-
min-inline-size: 0;
|
|
1558
|
-
overflow-wrap: anywhere;
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1562
|
-
[class~="saas-button"],
|
|
1563
|
-
[class~="saas-icon-button"],
|
|
1564
|
-
[class~="saas-badge"],
|
|
1565
|
-
[class~="saas-nav-link"],
|
|
1566
|
-
[class~="bento-button"],
|
|
1567
|
-
[class~="bento-icon-button"],
|
|
1568
|
-
[class~="bento-badge"],
|
|
1569
|
-
[class~="bento-nav-link"],
|
|
1570
|
-
[class~="max-button"],
|
|
1571
|
-
[class~="max-icon-button"],
|
|
1572
|
-
[class~="max-badge"],
|
|
1573
|
-
[class~="max-nav-link"],
|
|
1574
|
-
[class~="bau-button"],
|
|
1575
|
-
[class~="bau-icon-button"],
|
|
1576
|
-
[class~="bau-badge"],
|
|
1577
|
-
[class~="bau-nav-link"],
|
|
1578
|
-
[class~="tactile-button"],
|
|
1579
|
-
[class~="tactile-icon-button"],
|
|
1580
|
-
[class~="tactile-badge"],
|
|
1581
|
-
[class~="tactile-nav-link"],
|
|
1582
|
-
[class~="neo-button"],
|
|
1583
|
-
[class~="neo-icon-button"],
|
|
1584
|
-
[class~="neo-badge"],
|
|
1585
|
-
[class~="neo-nav-link"],
|
|
1586
|
-
[class~="retro-button"],
|
|
1587
|
-
[class~="retro-icon-button"],
|
|
1588
|
-
[class~="retro-badge"],
|
|
1589
|
-
[class~="retro-nav-link"],
|
|
1590
|
-
[class~="brutal-button"],
|
|
1591
|
-
[class~="brutal-icon-button"],
|
|
1592
|
-
[class~="brutal-badge"],
|
|
1593
|
-
[class~="brutal-nav-link"],
|
|
1594
|
-
[class~="cyber-button"],
|
|
1595
|
-
[class~="cyber-icon-button"],
|
|
1596
|
-
[class~="cyber-badge"],
|
|
1597
|
-
[class~="cyber-nav-link"],
|
|
1598
|
-
[class~="y2k-button"],
|
|
1599
|
-
[class~="y2k-icon-button"],
|
|
1600
|
-
[class~="y2k-badge"],
|
|
1601
|
-
[class~="y2k-nav-link"],
|
|
1602
|
-
[class~="rg-button"],
|
|
1603
|
-
[class~="rg-icon-button"],
|
|
1604
|
-
[class~="rg-badge"],
|
|
1605
|
-
[class~="rg-nav-link"]
|
|
1606
|
-
), [data-ui]:where([data-ui="bauhaus"])[data-theme][data-mode] :where(.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link) {
|
|
1607
|
-
max-inline-size: 100%;
|
|
1608
|
-
min-inline-size: 0;
|
|
1609
|
-
white-space: normal;
|
|
1610
|
-
}
|
|
1611
|
-
|
|
1612
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1613
|
-
.saas-button,
|
|
1614
|
-
.saas-icon-button,
|
|
1615
|
-
.saas-button-pill,
|
|
1616
|
-
.bento-button,
|
|
1617
|
-
.bento-icon-button,
|
|
1618
|
-
.bento-button-pill,
|
|
1619
|
-
.max-button,
|
|
1620
|
-
.max-icon-button,
|
|
1621
|
-
.max-button-pill,
|
|
1622
|
-
.bau-button,
|
|
1623
|
-
.bau-icon-button,
|
|
1624
|
-
.bau-button-pill,
|
|
1625
|
-
.tactile-button,
|
|
1626
|
-
.tactile-icon-button,
|
|
1627
|
-
.tactile-button-pill,
|
|
1628
|
-
.neo-button,
|
|
1629
|
-
.neo-icon-button,
|
|
1630
|
-
.neo-button-pill,
|
|
1631
|
-
.retro-button,
|
|
1632
|
-
.retro-icon-button,
|
|
1633
|
-
.retro-button-pill,
|
|
1634
|
-
.brutal-button,
|
|
1635
|
-
.brutal-icon-button,
|
|
1636
|
-
.brutal-button-pill,
|
|
1637
|
-
.cyber-button,
|
|
1638
|
-
.cyber-icon-button,
|
|
1639
|
-
.cyber-button-pill,
|
|
1640
|
-
.y2k-button,
|
|
1641
|
-
.y2k-icon-button,
|
|
1642
|
-
.y2k-button-pill,
|
|
1643
|
-
.rg-button,
|
|
1644
|
-
.rg-icon-button,
|
|
1645
|
-
.rg-button-pill
|
|
1646
|
-
), [data-ui]:where([data-ui="bauhaus"])[data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) {
|
|
1647
|
-
box-sizing: border-box;
|
|
1648
|
-
display: inline-flex;
|
|
1649
|
-
align-items: center;
|
|
1650
|
-
justify-content: center;
|
|
1651
|
-
gap: .55rem;
|
|
1652
|
-
min-inline-size: 0;
|
|
1653
|
-
max-inline-size: 100%;
|
|
1654
|
-
line-height: 1.15;
|
|
1655
|
-
vertical-align: middle;
|
|
1656
|
-
}
|
|
1657
|
-
|
|
1658
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1659
|
-
.saas-button-pill,
|
|
1660
|
-
.bento-button-pill,
|
|
1661
|
-
.max-button-pill,
|
|
1662
|
-
.bau-button-pill,
|
|
1663
|
-
.tactile-button-pill,
|
|
1664
|
-
.neo-button-pill,
|
|
1665
|
-
.retro-button-pill,
|
|
1666
|
-
.brutal-button-pill,
|
|
1667
|
-
.cyber-button-pill,
|
|
1668
|
-
.y2k-button-pill,
|
|
1669
|
-
.rg-button-pill
|
|
1670
|
-
) {
|
|
1671
|
-
min-block-size: 44px;
|
|
1672
|
-
padding-block: .65rem;
|
|
1673
|
-
padding-inline: max(1rem, 1em);
|
|
1674
|
-
border-style: solid;
|
|
1675
|
-
border-width: 1px;
|
|
1676
|
-
border-radius: 999px;
|
|
1677
|
-
font: inherit;
|
|
1678
|
-
font-weight: 850;
|
|
1679
|
-
text-align: center;
|
|
1680
|
-
text-decoration: none;
|
|
1681
|
-
overflow-wrap: anywhere;
|
|
1682
|
-
white-space: normal;
|
|
1683
|
-
cursor: pointer;
|
|
1684
|
-
transition:
|
|
1685
|
-
transform 160ms ease,
|
|
1686
|
-
border-color 160ms ease,
|
|
1687
|
-
box-shadow 160ms ease,
|
|
1688
|
-
filter 160ms ease;
|
|
1689
|
-
}
|
|
1690
|
-
|
|
1691
|
-
.saas-button-pill { color: var(--saas-on-primary); background: var(--saas-primary); border-color: var(--saas-primary); border-radius: var(--saas-radius-pill); }
|
|
1692
|
-
.bento-button-pill { color: var(--bento-on-primary); background: var(--bento-primary); border-color: var(--bento-primary); border-radius: var(--bento-radius-pill); }
|
|
1693
|
-
.max-button-pill { color: var(--max-on-primary); background: var(--max-primary); border-color: var(--max-primary); border-radius: var(--max-radius-pill); }
|
|
1694
|
-
.bau-button-pill { color: var(--bau-on-primary); background: var(--bau-primary); border-color: var(--bau-primary); border-radius: var(--bau-radius-pill); }
|
|
1695
|
-
.tactile-button-pill { color: var(--tactile-on-primary); background: var(--tactile-primary); border-color: var(--tactile-primary); border-radius: var(--tactile-radius-pill); }
|
|
1696
|
-
.neo-button-pill { color: var(--neo-on-primary); background: var(--neo-primary); border-color: var(--neo-primary); border-radius: var(--neo-radius-pill); }
|
|
1697
|
-
.retro-button-pill { color: var(--retro-on-primary); background: var(--retro-primary); border-color: var(--retro-primary); border-radius: var(--retro-radius-pill); }
|
|
1698
|
-
.brutal-button-pill { color: var(--brutal-on-primary); background: var(--brutal-primary); border-color: var(--brutal-primary); border-radius: var(--brutal-radius-pill); }
|
|
1699
|
-
.cyber-button-pill { color: var(--cyber-on-primary); background: var(--cyber-primary); border-color: var(--cyber-primary); border-radius: var(--cyber-radius-pill); }
|
|
1700
|
-
.y2k-button-pill { color: var(--y2k-on-primary); background: var(--y2k-primary); border-color: var(--y2k-primary); border-radius: var(--y2k-radius-pill); }
|
|
1701
|
-
.rg-button-pill { color: var(--rg-on-primary); background: var(--rg-primary); border-color: var(--rg-primary); border-radius: var(--rg-radius-pill); }
|
|
1702
|
-
|
|
1703
|
-
.saas-button-pill:hover { border-color: var(--saas-primary-hover); filter: brightness(1.04); }
|
|
1704
|
-
.bento-button-pill:hover { border-color: var(--bento-primary-hover); filter: brightness(1.04); }
|
|
1705
|
-
.max-button-pill:hover { border-color: var(--max-primary-hover); filter: brightness(1.04); }
|
|
1706
|
-
.bau-button-pill:hover { border-color: var(--bau-primary-hover); filter: brightness(1.04); }
|
|
1707
|
-
.tactile-button-pill:hover { border-color: var(--tactile-primary-hover); filter: brightness(1.04); }
|
|
1708
|
-
.neo-button-pill:hover { border-color: var(--neo-primary-hover); filter: brightness(1.04); }
|
|
1709
|
-
.retro-button-pill:hover { border-color: var(--retro-primary-hover); filter: brightness(1.04); }
|
|
1710
|
-
.brutal-button-pill:hover { border-color: var(--brutal-primary-hover); filter: brightness(1.04); }
|
|
1711
|
-
.cyber-button-pill:hover { border-color: var(--cyber-primary-hover); filter: brightness(1.04); }
|
|
1712
|
-
.y2k-button-pill:hover { border-color: var(--y2k-primary-hover); filter: brightness(1.04); }
|
|
1713
|
-
.rg-button-pill:hover { border-color: var(--rg-primary-hover); filter: brightness(1.04); }
|
|
1714
|
-
|
|
1715
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1716
|
-
.saas-button-pill:active,
|
|
1717
|
-
.saas-button-pill[aria-pressed="true"],
|
|
1718
|
-
.bento-button-pill:active,
|
|
1719
|
-
.bento-button-pill[aria-pressed="true"],
|
|
1720
|
-
.max-button-pill:active,
|
|
1721
|
-
.max-button-pill[aria-pressed="true"],
|
|
1722
|
-
.bau-button-pill:active,
|
|
1723
|
-
.bau-button-pill[aria-pressed="true"],
|
|
1724
|
-
.tactile-button-pill:active,
|
|
1725
|
-
.tactile-button-pill[aria-pressed="true"],
|
|
1726
|
-
.neo-button-pill:active,
|
|
1727
|
-
.neo-button-pill[aria-pressed="true"],
|
|
1728
|
-
.retro-button-pill:active,
|
|
1729
|
-
.retro-button-pill[aria-pressed="true"],
|
|
1730
|
-
.brutal-button-pill:active,
|
|
1731
|
-
.brutal-button-pill[aria-pressed="true"],
|
|
1732
|
-
.cyber-button-pill:active,
|
|
1733
|
-
.cyber-button-pill[aria-pressed="true"],
|
|
1734
|
-
.y2k-button-pill:active,
|
|
1735
|
-
.y2k-button-pill[aria-pressed="true"],
|
|
1736
|
-
.rg-button-pill:active,
|
|
1737
|
-
.rg-button-pill[aria-pressed="true"]
|
|
1738
|
-
) {
|
|
1739
|
-
transform: translateY(1px);
|
|
1740
|
-
}
|
|
1741
|
-
|
|
1742
|
-
.saas-button-pill:focus-visible { outline: 3px solid var(--saas-focus); outline-offset: 3px; box-shadow: var(--saas-focus-ring); }
|
|
1743
|
-
.bento-button-pill:focus-visible { outline: 3px solid var(--bento-focus); outline-offset: 3px; box-shadow: var(--bento-focus-ring); }
|
|
1744
|
-
.max-button-pill:focus-visible { outline: 3px solid var(--max-focus); outline-offset: 3px; box-shadow: var(--max-focus-ring); }
|
|
1745
|
-
.bau-button-pill:focus-visible { outline: 3px solid var(--bau-focus); outline-offset: 3px; box-shadow: var(--bau-focus-ring); }
|
|
1746
|
-
.tactile-button-pill:focus-visible { outline: 3px solid var(--tactile-focus); outline-offset: 3px; box-shadow: var(--tactile-focus-ring); }
|
|
1747
|
-
.neo-button-pill:focus-visible { outline: 3px solid var(--neo-focus); outline-offset: 3px; box-shadow: var(--neo-focus-ring); }
|
|
1748
|
-
.retro-button-pill:focus-visible { outline: 3px solid var(--retro-focus); outline-offset: 3px; box-shadow: var(--retro-focus-ring); }
|
|
1749
|
-
.brutal-button-pill:focus-visible { outline: 3px solid var(--brutal-focus); outline-offset: 3px; box-shadow: var(--brutal-focus-ring); }
|
|
1750
|
-
.cyber-button-pill:focus-visible { outline: 3px solid var(--cyber-focus); outline-offset: 3px; box-shadow: var(--cyber-focus-ring); }
|
|
1751
|
-
.y2k-button-pill:focus-visible { outline: 3px solid var(--y2k-focus); outline-offset: 3px; box-shadow: var(--y2k-focus-ring); }
|
|
1752
|
-
.rg-button-pill:focus-visible { outline: 3px solid var(--rg-focus); outline-offset: 3px; box-shadow: var(--rg-focus-ring); }
|
|
1753
|
-
|
|
1754
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1755
|
-
.saas-button-pill:disabled,
|
|
1756
|
-
.saas-button-pill[aria-disabled="true"],
|
|
1757
|
-
.bento-button-pill:disabled,
|
|
1758
|
-
.bento-button-pill[aria-disabled="true"],
|
|
1759
|
-
.max-button-pill:disabled,
|
|
1760
|
-
.max-button-pill[aria-disabled="true"],
|
|
1761
|
-
.bau-button-pill:disabled,
|
|
1762
|
-
.bau-button-pill[aria-disabled="true"],
|
|
1763
|
-
.tactile-button-pill:disabled,
|
|
1764
|
-
.tactile-button-pill[aria-disabled="true"],
|
|
1765
|
-
.neo-button-pill:disabled,
|
|
1766
|
-
.neo-button-pill[aria-disabled="true"],
|
|
1767
|
-
.retro-button-pill:disabled,
|
|
1768
|
-
.retro-button-pill[aria-disabled="true"],
|
|
1769
|
-
.brutal-button-pill:disabled,
|
|
1770
|
-
.brutal-button-pill[aria-disabled="true"],
|
|
1771
|
-
.cyber-button-pill:disabled,
|
|
1772
|
-
.cyber-button-pill[aria-disabled="true"],
|
|
1773
|
-
.y2k-button-pill:disabled,
|
|
1774
|
-
.y2k-button-pill[aria-disabled="true"],
|
|
1775
|
-
.rg-button-pill:disabled,
|
|
1776
|
-
.rg-button-pill[aria-disabled="true"]
|
|
1777
|
-
) {
|
|
1778
|
-
opacity: .55;
|
|
1779
|
-
cursor: not-allowed;
|
|
1780
|
-
filter: none;
|
|
1781
|
-
transform: none;
|
|
1782
|
-
}
|
|
1783
|
-
|
|
1784
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1785
|
-
.saas-tooltip,
|
|
1786
|
-
.saas-tooltip-top,
|
|
1787
|
-
.saas-tooltip-right,
|
|
1788
|
-
.saas-tooltip-bottom,
|
|
1789
|
-
.saas-tooltip-left,
|
|
1790
|
-
.bento-tooltip,
|
|
1791
|
-
.bento-tooltip-top,
|
|
1792
|
-
.bento-tooltip-right,
|
|
1793
|
-
.bento-tooltip-bottom,
|
|
1794
|
-
.bento-tooltip-left,
|
|
1795
|
-
.max-tooltip,
|
|
1796
|
-
.max-tooltip-top,
|
|
1797
|
-
.max-tooltip-right,
|
|
1798
|
-
.max-tooltip-bottom,
|
|
1799
|
-
.max-tooltip-left,
|
|
1800
|
-
.bau-tooltip,
|
|
1801
|
-
.bau-tooltip-top,
|
|
1802
|
-
.bau-tooltip-right,
|
|
1803
|
-
.bau-tooltip-bottom,
|
|
1804
|
-
.bau-tooltip-left,
|
|
1805
|
-
.tactile-tooltip,
|
|
1806
|
-
.tactile-tooltip-top,
|
|
1807
|
-
.tactile-tooltip-right,
|
|
1808
|
-
.tactile-tooltip-bottom,
|
|
1809
|
-
.tactile-tooltip-left,
|
|
1810
|
-
.neo-tooltip,
|
|
1811
|
-
.neo-tooltip-top,
|
|
1812
|
-
.neo-tooltip-right,
|
|
1813
|
-
.neo-tooltip-bottom,
|
|
1814
|
-
.neo-tooltip-left,
|
|
1815
|
-
.retro-tooltip,
|
|
1816
|
-
.retro-tooltip-top,
|
|
1817
|
-
.retro-tooltip-right,
|
|
1818
|
-
.retro-tooltip-bottom,
|
|
1819
|
-
.retro-tooltip-left,
|
|
1820
|
-
.brutal-tooltip,
|
|
1821
|
-
.brutal-tooltip-top,
|
|
1822
|
-
.brutal-tooltip-right,
|
|
1823
|
-
.brutal-tooltip-bottom,
|
|
1824
|
-
.brutal-tooltip-left,
|
|
1825
|
-
.cyber-tooltip,
|
|
1826
|
-
.cyber-tooltip-top,
|
|
1827
|
-
.cyber-tooltip-right,
|
|
1828
|
-
.cyber-tooltip-bottom,
|
|
1829
|
-
.cyber-tooltip-left,
|
|
1830
|
-
.y2k-tooltip,
|
|
1831
|
-
.y2k-tooltip-top,
|
|
1832
|
-
.y2k-tooltip-right,
|
|
1833
|
-
.y2k-tooltip-bottom,
|
|
1834
|
-
.y2k-tooltip-left,
|
|
1835
|
-
.rg-tooltip,
|
|
1836
|
-
.rg-tooltip-top,
|
|
1837
|
-
.rg-tooltip-right,
|
|
1838
|
-
.rg-tooltip-bottom,
|
|
1839
|
-
.rg-tooltip-left
|
|
1840
|
-
) {
|
|
1841
|
-
max-inline-size: min(18rem, calc(100vw - 2rem));
|
|
1842
|
-
text-align: start;
|
|
1843
|
-
overflow-wrap: anywhere;
|
|
1844
|
-
}
|
|
1845
|
-
|
|
1846
|
-
/* Directional tooltips detach only from an explicit anchor so static tooltip chips keep normal-flow sizing. */
|
|
1847
|
-
[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),
|
|
1848
|
-
[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]) {
|
|
1849
|
-
position: relative;
|
|
1850
|
-
}
|
|
1851
|
-
|
|
1852
|
-
[data-ui][data-theme][data-mode] :where(
|
|
1853
|
-
[data-ui-tooltip-anchor] > .saas-tooltip-top,
|
|
1854
|
-
[data-ui-tooltip-anchor] > .saas-tooltip-right,
|
|
1855
|
-
[data-ui-tooltip-anchor] > .saas-tooltip-bottom,
|
|
1856
|
-
[data-ui-tooltip-anchor] > .saas-tooltip-left,
|
|
1857
|
-
[data-ui-tooltip-anchor] > .bento-tooltip-top,
|
|
1858
|
-
[data-ui-tooltip-anchor] > .bento-tooltip-right,
|
|
1859
|
-
[data-ui-tooltip-anchor] > .bento-tooltip-bottom,
|
|
1860
|
-
[data-ui-tooltip-anchor] > .bento-tooltip-left,
|
|
1861
|
-
[data-ui-tooltip-anchor] > .max-tooltip-top,
|
|
1862
|
-
[data-ui-tooltip-anchor] > .max-tooltip-right,
|
|
1863
|
-
[data-ui-tooltip-anchor] > .max-tooltip-bottom,
|
|
1864
|
-
[data-ui-tooltip-anchor] > .max-tooltip-left,
|
|
1865
|
-
[data-ui-tooltip-anchor] > .bau-tooltip-top,
|
|
1866
|
-
[data-ui-tooltip-anchor] > .bau-tooltip-right,
|
|
1867
|
-
[data-ui-tooltip-anchor] > .bau-tooltip-bottom,
|
|
1868
|
-
[data-ui-tooltip-anchor] > .bau-tooltip-left,
|
|
1869
|
-
[data-ui-tooltip-anchor] > .tactile-tooltip-top,
|
|
1870
|
-
[data-ui-tooltip-anchor] > .tactile-tooltip-right,
|
|
1871
|
-
[data-ui-tooltip-anchor] > .tactile-tooltip-bottom,
|
|
1872
|
-
[data-ui-tooltip-anchor] > .tactile-tooltip-left,
|
|
1873
|
-
[data-ui-tooltip-anchor] > .neo-tooltip-top,
|
|
1874
|
-
[data-ui-tooltip-anchor] > .neo-tooltip-right,
|
|
1875
|
-
[data-ui-tooltip-anchor] > .neo-tooltip-bottom,
|
|
1876
|
-
[data-ui-tooltip-anchor] > .neo-tooltip-left,
|
|
1877
|
-
[data-ui-tooltip-anchor] > .retro-tooltip-top,
|
|
1878
|
-
[data-ui-tooltip-anchor] > .retro-tooltip-right,
|
|
1879
|
-
[data-ui-tooltip-anchor] > .retro-tooltip-bottom,
|
|
1880
|
-
[data-ui-tooltip-anchor] > .retro-tooltip-left,
|
|
1881
|
-
[data-ui-tooltip-anchor] > .brutal-tooltip-top,
|
|
1882
|
-
[data-ui-tooltip-anchor] > .brutal-tooltip-right,
|
|
1883
|
-
[data-ui-tooltip-anchor] > .brutal-tooltip-bottom,
|
|
1884
|
-
[data-ui-tooltip-anchor] > .brutal-tooltip-left,
|
|
1885
|
-
[data-ui-tooltip-anchor] > .cyber-tooltip-top,
|
|
1886
|
-
[data-ui-tooltip-anchor] > .cyber-tooltip-right,
|
|
1887
|
-
[data-ui-tooltip-anchor] > .cyber-tooltip-bottom,
|
|
1888
|
-
[data-ui-tooltip-anchor] > .cyber-tooltip-left,
|
|
1889
|
-
[data-ui-tooltip-anchor] > .y2k-tooltip-top,
|
|
1890
|
-
[data-ui-tooltip-anchor] > .y2k-tooltip-right,
|
|
1891
|
-
[data-ui-tooltip-anchor] > .y2k-tooltip-bottom,
|
|
1892
|
-
[data-ui-tooltip-anchor] > .y2k-tooltip-left,
|
|
1893
|
-
[data-ui-tooltip-anchor] > .rg-tooltip-top,
|
|
1894
|
-
[data-ui-tooltip-anchor] > .rg-tooltip-right,
|
|
1895
|
-
[data-ui-tooltip-anchor] > .rg-tooltip-bottom,
|
|
1896
|
-
[data-ui-tooltip-anchor] > .rg-tooltip-left
|
|
1897
|
-
) {
|
|
1898
|
-
position: absolute;
|
|
1899
|
-
z-index: 20;
|
|
1900
|
-
}
|
|
1901
|
-
|
|
1902
|
-
[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-top, [data-ui-tooltip-anchor] > .bento-tooltip-top, [data-ui-tooltip-anchor] > .max-tooltip-top, [data-ui-tooltip-anchor] > .bau-tooltip-top, [data-ui-tooltip-anchor] > .tactile-tooltip-top, [data-ui-tooltip-anchor] > .neo-tooltip-top, [data-ui-tooltip-anchor] > .retro-tooltip-top, [data-ui-tooltip-anchor] > .brutal-tooltip-top, [data-ui-tooltip-anchor] > .cyber-tooltip-top, [data-ui-tooltip-anchor] > .y2k-tooltip-top, [data-ui-tooltip-anchor] > .rg-tooltip-top) { inset-block-end: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
|
|
1903
|
-
[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-right, [data-ui-tooltip-anchor] > .bento-tooltip-right, [data-ui-tooltip-anchor] > .max-tooltip-right, [data-ui-tooltip-anchor] > .bau-tooltip-right, [data-ui-tooltip-anchor] > .tactile-tooltip-right, [data-ui-tooltip-anchor] > .neo-tooltip-right, [data-ui-tooltip-anchor] > .retro-tooltip-right, [data-ui-tooltip-anchor] > .brutal-tooltip-right, [data-ui-tooltip-anchor] > .cyber-tooltip-right, [data-ui-tooltip-anchor] > .y2k-tooltip-right, [data-ui-tooltip-anchor] > .rg-tooltip-right) { inset-inline-start: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }
|
|
1904
|
-
[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-bottom, [data-ui-tooltip-anchor] > .bento-tooltip-bottom, [data-ui-tooltip-anchor] > .max-tooltip-bottom, [data-ui-tooltip-anchor] > .bau-tooltip-bottom, [data-ui-tooltip-anchor] > .tactile-tooltip-bottom, [data-ui-tooltip-anchor] > .neo-tooltip-bottom, [data-ui-tooltip-anchor] > .retro-tooltip-bottom, [data-ui-tooltip-anchor] > .brutal-tooltip-bottom, [data-ui-tooltip-anchor] > .cyber-tooltip-bottom, [data-ui-tooltip-anchor] > .y2k-tooltip-bottom, [data-ui-tooltip-anchor] > .rg-tooltip-bottom) { inset-block-start: calc(100% + .5rem); inset-inline-start: 50%; transform: translateX(-50%); }
|
|
1905
|
-
[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor] > .saas-tooltip-left, [data-ui-tooltip-anchor] > .bento-tooltip-left, [data-ui-tooltip-anchor] > .max-tooltip-left, [data-ui-tooltip-anchor] > .bau-tooltip-left, [data-ui-tooltip-anchor] > .tactile-tooltip-left, [data-ui-tooltip-anchor] > .neo-tooltip-left, [data-ui-tooltip-anchor] > .retro-tooltip-left, [data-ui-tooltip-anchor] > .brutal-tooltip-left, [data-ui-tooltip-anchor] > .cyber-tooltip-left, [data-ui-tooltip-anchor] > .y2k-tooltip-left, [data-ui-tooltip-anchor] > .rg-tooltip-left) { inset-inline-end: calc(100% + .5rem); inset-block-start: 50%; transform: translateY(-50%); }
|
|
1906
|
-
|
|
1907
|
-
.saas-pill { border-radius: var(--saas-radius-pill); }
|
|
1908
|
-
.bento-pill { border-radius: var(--bento-radius-pill); }
|
|
1909
|
-
.max-pill { border-radius: var(--max-radius-pill); }
|
|
1910
|
-
.bau-pill { border-radius: var(--bau-radius-pill); }
|
|
1911
|
-
.tactile-pill { border-radius: var(--tactile-radius-pill); }
|
|
1912
|
-
.neo-pill { border-radius: var(--neo-radius-pill); }
|
|
1913
|
-
.retro-pill { border-radius: var(--retro-radius-pill); }
|
|
1914
|
-
.brutal-pill { border-radius: var(--brutal-radius-pill); }
|
|
1915
|
-
.cyber-pill { border-radius: var(--cyber-radius-pill); }
|
|
1916
|
-
.y2k-pill { border-radius: var(--y2k-radius-pill); }
|
|
1917
|
-
.rg-pill { border-radius: var(--rg-radius-pill); }
|
|
1918
|
-
.saas-rounded { border-radius: var(--saas-radius-md); }
|
|
1919
|
-
.bento-rounded { border-radius: var(--bento-radius-md); }
|
|
1920
|
-
.max-rounded { border-radius: var(--max-radius-md); }
|
|
1921
|
-
.bau-rounded { border-radius: var(--bau-radius-md); }
|
|
1922
|
-
.tactile-rounded { border-radius: var(--tactile-radius-md); }
|
|
1923
|
-
.neo-rounded { border-radius: var(--neo-radius-md); }
|
|
1924
|
-
.retro-rounded { border-radius: var(--retro-radius-md); }
|
|
1925
|
-
.brutal-rounded { border-radius: var(--brutal-radius-md); }
|
|
1926
|
-
.cyber-rounded { border-radius: var(--cyber-radius-md); }
|
|
1927
|
-
.y2k-rounded { border-radius: var(--y2k-radius-md); }
|
|
1928
|
-
.rg-rounded { border-radius: var(--rg-radius-md); }
|
|
1929
|
-
.saas-rounded-lg { border-radius: var(--saas-radius-lg); }
|
|
1930
|
-
.bento-rounded-lg { border-radius: var(--bento-radius-lg); }
|
|
1931
|
-
.max-rounded-lg { border-radius: var(--max-radius-lg); }
|
|
1932
|
-
.bau-rounded-lg { border-radius: var(--bau-radius-lg); }
|
|
1933
|
-
.tactile-rounded-lg { border-radius: var(--tactile-radius-lg); }
|
|
1934
|
-
.neo-rounded-lg { border-radius: var(--neo-radius-lg); }
|
|
1935
|
-
.retro-rounded-lg { border-radius: var(--retro-radius-lg); }
|
|
1936
|
-
.brutal-rounded-lg { border-radius: var(--brutal-radius-lg); }
|
|
1937
|
-
.cyber-rounded-lg { border-radius: var(--cyber-radius-lg); }
|
|
1938
|
-
.y2k-rounded-lg { border-radius: var(--y2k-radius-lg); }
|
|
1939
|
-
.rg-rounded-lg { border-radius: var(--rg-radius-lg); }
|
|
1940
|
-
.saas-rounded-xl { border-radius: var(--saas-radius-xl); }
|
|
1941
|
-
.bento-rounded-xl { border-radius: var(--bento-radius-xl); }
|
|
1942
|
-
.max-rounded-xl { border-radius: var(--max-radius-xl); }
|
|
1943
|
-
.bau-rounded-xl { border-radius: var(--bau-radius-xl); }
|
|
1944
|
-
.tactile-rounded-xl { border-radius: var(--tactile-radius-xl); }
|
|
1945
|
-
.neo-rounded-xl { border-radius: var(--neo-radius-xl); }
|
|
1946
|
-
.retro-rounded-xl { border-radius: var(--retro-radius-xl); }
|
|
1947
|
-
.brutal-rounded-xl { border-radius: var(--brutal-radius-xl); }
|
|
1948
|
-
.cyber-rounded-xl { border-radius: var(--cyber-radius-xl); }
|
|
1949
|
-
.y2k-rounded-xl { border-radius: var(--y2k-radius-xl); }
|
|
1950
|
-
.rg-rounded-xl { border-radius: var(--rg-radius-xl); }
|
|
1951
|
-
|
|
1952
|
-
.saas-surface, .saas-surface-sm, .saas-surface-lg { color: var(--saas-text); background: var(--saas-card-bg); border: 1px solid var(--saas-border); }
|
|
1953
|
-
.bento-surface, .bento-surface-sm, .bento-surface-lg { color: var(--bento-text); background: var(--bento-card-bg); border: 1px solid var(--bento-border); }
|
|
1954
|
-
.max-surface, .max-surface-sm, .max-surface-lg { color: var(--max-text); background: var(--max-card-bg); border: 1px solid var(--max-border); }
|
|
1955
|
-
.bau-surface, .bau-surface-sm, .bau-surface-lg { color: var(--bau-text); background: var(--bau-card-bg); border: 1px solid var(--bau-border); }
|
|
1956
|
-
.tactile-surface, .tactile-surface-sm, .tactile-surface-lg { color: var(--tactile-text); background: var(--tactile-card-bg); border: 1px solid var(--tactile-border); }
|
|
1957
|
-
.neo-surface, .neo-surface-sm, .neo-surface-lg { color: var(--neo-text); background: var(--neo-card-bg); border: 1px solid var(--neo-border); }
|
|
1958
|
-
.retro-surface, .retro-surface-sm, .retro-surface-lg { color: var(--retro-text); background: var(--retro-card-bg); border: 1px solid var(--retro-border); }
|
|
1959
|
-
.brutal-surface, .brutal-surface-sm, .brutal-surface-lg { color: var(--brutal-text); background: var(--brutal-card-bg); border: 3px solid var(--brutal-border); }
|
|
1960
|
-
.cyber-surface, .cyber-surface-sm, .cyber-surface-lg { color: var(--cyber-text); background: var(--cyber-card-bg); border: 1px solid var(--cyber-border); }
|
|
1961
|
-
.y2k-surface, .y2k-surface-sm, .y2k-surface-lg { color: var(--y2k-text); background: var(--y2k-card-bg); border: 1px solid var(--y2k-border); }
|
|
1962
|
-
.rg-surface, .rg-surface-sm, .rg-surface-lg { color: var(--rg-text); background: var(--rg-card-bg); border: 1px solid var(--rg-border); }
|
|
1963
|
-
|
|
1964
|
-
.saas-bg-primary, .bento-bg-primary, .max-bg-primary, .bau-bg-primary, .tactile-bg-primary, .neo-bg-primary, .retro-bg-primary, .brutal-bg-primary, .cyber-bg-primary, .y2k-bg-primary, .rg-bg-primary { background: var(--usk-native-primary); color: var(--usk-native-on-primary); }
|
|
1965
|
-
.saas-bg-secondary, .bento-bg-secondary, .max-bg-secondary, .bau-bg-secondary, .tactile-bg-secondary, .neo-bg-secondary, .retro-bg-secondary, .brutal-bg-secondary, .cyber-bg-secondary, .y2k-bg-secondary, .rg-bg-secondary { background: var(--usk-native-surface-soft); color: var(--usk-native-text); }
|
|
1966
|
-
.saas-border, .bento-border, .max-border, .bau-border, .tactile-border, .neo-border, .retro-border, .brutal-border, .cyber-border, .y2k-border, .rg-border { border: var(--usk-native-border-width) solid var(--usk-native-border); }
|
|
1967
|
-
.saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); }
|
|
1968
|
-
.saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }
|
|
1969
|
-
|
|
1970
|
-
.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) {
|
|
1971
|
-
color: var(--usk-native-primary);
|
|
1972
|
-
background: transparent;
|
|
1973
|
-
border-color: var(--usk-native-border);
|
|
1974
|
-
}
|
|
1975
|
-
|
|
1976
|
-
.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio, :where([data-ui="bauhaus"]) .ui-switch {
|
|
1977
|
-
display: inline-flex;
|
|
1978
|
-
align-items: center;
|
|
1979
|
-
gap: var(--usk-native-field-gap);
|
|
1980
|
-
min-block-size: 24px;
|
|
1981
|
-
color: var(--usk-native-text);
|
|
1982
|
-
}
|
|
1983
|
-
|
|
1984
|
-
.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control {
|
|
1985
|
-
inline-size: 1.5rem;
|
|
1986
|
-
block-size: 1.5rem;
|
|
1987
|
-
accent-color: var(--usk-native-primary);
|
|
1988
|
-
}
|
|
1989
|
-
|
|
1990
|
-
.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track {
|
|
1991
|
-
position: relative;
|
|
1992
|
-
display: inline-flex;
|
|
1993
|
-
align-items: center;
|
|
1994
|
-
inline-size: 2.75rem;
|
|
1995
|
-
block-size: 1.5rem;
|
|
1996
|
-
padding: .18rem;
|
|
1997
|
-
background: var(--usk-native-track);
|
|
1998
|
-
border: var(--usk-native-border-width) solid var(--usk-native-border);
|
|
1999
|
-
border-radius: 999px;
|
|
2000
|
-
}
|
|
2001
|
-
|
|
2002
|
-
.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb {
|
|
2003
|
-
inline-size: 1rem;
|
|
2004
|
-
block-size: 1rem;
|
|
2005
|
-
background: var(--usk-native-thumb);
|
|
2006
|
-
border: var(--usk-native-border-width) solid var(--usk-native-thumb-border);
|
|
2007
|
-
border-radius: 999px;
|
|
2008
|
-
transition: transform 160ms ease;
|
|
2009
|
-
}
|
|
2010
|
-
|
|
2011
|
-
.saas-switch:has(input:checked) .saas-switch-track,
|
|
2012
|
-
.bento-switch:has(input:checked) .bento-switch-track,
|
|
2013
|
-
.max-switch:has(input:checked) .max-switch-track,
|
|
2014
|
-
.bau-switch:has(input:checked) .bau-switch-track,
|
|
2015
|
-
.tactile-switch:has(input:checked) .tactile-switch-track,
|
|
2016
|
-
.neo-switch:has(input:checked) .neo-switch-track,
|
|
2017
|
-
.retro-switch:has(input:checked) .retro-switch-track,
|
|
2018
|
-
.brutal-switch:has(input:checked) .brutal-switch-track,
|
|
2019
|
-
.cyber-switch:has(input:checked) .cyber-switch-track,
|
|
2020
|
-
.y2k-switch:has(input:checked) .y2k-switch-track,
|
|
2021
|
-
.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-track {
|
|
2022
|
-
background: var(--usk-native-track-fill);
|
|
2023
|
-
}
|
|
2024
|
-
|
|
2025
|
-
.saas-switch:has(input:checked) .saas-switch-thumb,
|
|
2026
|
-
.bento-switch:has(input:checked) .bento-switch-thumb,
|
|
2027
|
-
.max-switch:has(input:checked) .max-switch-thumb,
|
|
2028
|
-
.bau-switch:has(input:checked) .bau-switch-thumb,
|
|
2029
|
-
.tactile-switch:has(input:checked) .tactile-switch-thumb,
|
|
2030
|
-
.neo-switch:has(input:checked) .neo-switch-thumb,
|
|
2031
|
-
.retro-switch:has(input:checked) .retro-switch-thumb,
|
|
2032
|
-
.brutal-switch:has(input:checked) .brutal-switch-thumb,
|
|
2033
|
-
.cyber-switch:has(input:checked) .cyber-switch-thumb,
|
|
2034
|
-
.y2k-switch:has(input:checked) .y2k-switch-thumb,
|
|
2035
|
-
.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-thumb {
|
|
2036
|
-
transform: translateX(1.25rem);
|
|
2037
|
-
}
|
|
2038
|
-
|
|
2039
|
-
.saas-sr-only, .saas-visually-hidden, .bento-sr-only, .bento-visually-hidden, .max-sr-only, .max-visually-hidden, .bau-sr-only, .bau-visually-hidden, .tactile-sr-only, .tactile-visually-hidden, .neo-sr-only, .neo-visually-hidden, .retro-sr-only, .retro-visually-hidden, .brutal-sr-only, .brutal-visually-hidden, .cyber-sr-only, .cyber-visually-hidden, .y2k-sr-only, .y2k-visually-hidden, .rg-sr-only, .rg-visually-hidden {
|
|
2040
|
-
position: absolute !important;
|
|
2041
|
-
inline-size: 1px !important;
|
|
2042
|
-
block-size: 1px !important;
|
|
2043
|
-
padding: 0 !important;
|
|
2044
|
-
margin: -1px !important;
|
|
2045
|
-
overflow: hidden !important;
|
|
2046
|
-
clip: rect(0, 0, 0, 0) !important;
|
|
2047
|
-
white-space: nowrap !important;
|
|
2048
|
-
border: 0 !important;
|
|
2049
|
-
}
|
|
2050
|
-
|
|
2051
|
-
.saas-skip-link, .bento-skip-link, .max-skip-link, .bau-skip-link, .tactile-skip-link, .neo-skip-link, .retro-skip-link, .brutal-skip-link, .cyber-skip-link, .y2k-skip-link, .rg-skip-link {
|
|
2052
|
-
position: absolute;
|
|
2053
|
-
inset-block-start: .75rem;
|
|
2054
|
-
inset-inline-start: .75rem;
|
|
2055
|
-
z-index: 1000;
|
|
2056
|
-
padding: .75rem 1rem;
|
|
2057
|
-
color: var(--usk-native-on-primary);
|
|
2058
|
-
background: var(--usk-native-primary);
|
|
2059
|
-
border-radius: var(--usk-native-radius);
|
|
2060
|
-
transform: translateY(calc(-100% - 1rem));
|
|
2061
|
-
}
|
|
2062
|
-
|
|
2063
|
-
.saas-skip-link:focus-visible, .bento-skip-link:focus-visible, .max-skip-link:focus-visible, .bau-skip-link:focus-visible, .tactile-skip-link:focus-visible, .neo-skip-link:focus-visible, .retro-skip-link:focus-visible, .brutal-skip-link:focus-visible, .cyber-skip-link:focus-visible, .y2k-skip-link:focus-visible, .rg-skip-link:focus-visible {
|
|
2064
|
-
transform: translateY(0);
|
|
2065
|
-
}
|
|
2066
|
-
}
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
/* styles/bauhaus.css (visual paint) */
|
|
2070
|
-
@layer ui-style-kit.presets {
|
|
2071
|
-
:root {
|
|
2072
|
-
--bau-font-sans: Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
|
|
2073
|
-
--bau-font-display: Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
|
|
2074
|
-
--bau-font-body: var(--bau-font-sans);
|
|
2075
|
-
--bau-font-heading: var(--bau-font-display);
|
|
2076
|
-
--bau-font-control: var(--bau-font-display);
|
|
2077
|
-
--bau-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
2078
|
-
--bau-radius-xs: .25rem;
|
|
2079
|
-
--bau-radius-sm: .5rem;
|
|
2080
|
-
--bau-radius-md: .125rem;
|
|
2081
|
-
--bau-radius-lg: .125rem;
|
|
2082
|
-
--bau-radius-xl: calc(.125rem + .5rem);
|
|
2083
|
-
--bau-radius-pill: 999px;
|
|
2084
|
-
--bau-space-1: .25rem;
|
|
2085
|
-
--bau-space-2: .5rem;
|
|
2086
|
-
--bau-space-3: .75rem;
|
|
2087
|
-
--bau-space-4: 1rem;
|
|
2088
|
-
--bau-space-5: 1.25rem;
|
|
2089
|
-
--bau-space-6: 1.5rem;
|
|
2090
|
-
--bau-space-8: 2rem;
|
|
2091
|
-
--bau-transition-fast: .15s ease;
|
|
2092
|
-
--bau-transition-base: .24s ease;
|
|
2093
|
-
}
|
|
2094
|
-
|
|
2095
|
-
[data-ui="bauhaus"][data-mode="light"] {
|
|
2096
|
-
color-scheme: light;
|
|
2097
|
-
--bau-panel-alpha: .98;
|
|
2098
|
-
--bau-panel-soft-alpha: .78;
|
|
2099
|
-
--bau-border-alpha: .58;
|
|
2100
|
-
--bau-shadow-alpha: .12;
|
|
2101
|
-
--bau-focus-alpha: .34;
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
[data-ui="bauhaus"][data-mode="dark"] {
|
|
2105
|
-
color-scheme: dark;
|
|
2106
|
-
--bau-panel-alpha: .92;
|
|
2107
|
-
--bau-panel-soft-alpha: .64;
|
|
2108
|
-
--bau-border-alpha: .52;
|
|
2109
|
-
--bau-shadow-alpha: .34;
|
|
2110
|
-
--bau-focus-alpha: .42;
|
|
2111
|
-
}
|
|
2112
|
-
|
|
2113
|
-
[data-ui="bauhaus"][data-mode="contrast"] {
|
|
2114
|
-
color-scheme: dark;
|
|
2115
|
-
--bau-panel-alpha: 1;
|
|
2116
|
-
--bau-panel-soft-alpha: .92;
|
|
2117
|
-
--bau-border-alpha: 1;
|
|
2118
|
-
--bau-shadow-alpha: .5;
|
|
2119
|
-
--bau-focus-alpha: .72;
|
|
2120
|
-
}
|
|
2121
|
-
|
|
2122
|
-
[data-ui="bauhaus"][data-theme][data-mode] {
|
|
2123
|
-
--bau-bg-rgb: var(--usk-bg-rgb);
|
|
2124
|
-
--bau-surface-rgb: var(--usk-surface-rgb);
|
|
2125
|
-
--bau-surface-strong-rgb: var(--usk-surface-strong-rgb);
|
|
2126
|
-
--bau-surface-soft-rgb: var(--usk-surface-soft-rgb);
|
|
2127
|
-
--bau-text-rgb: var(--usk-text-rgb);
|
|
2128
|
-
--bau-text-muted-rgb: var(--usk-text-muted-rgb);
|
|
2129
|
-
--bau-border-rgb: var(--usk-border-rgb);
|
|
2130
|
-
--bau-primary-rgb: var(--usk-primary-rgb);
|
|
2131
|
-
--bau-primary-hover-rgb: var(--usk-primary-hover-rgb);
|
|
2132
|
-
--bau-primary-text-rgb: var(--usk-primary-text-rgb);
|
|
2133
|
-
--bau-secondary-rgb: var(--usk-secondary-rgb);
|
|
2134
|
-
--bau-secondary-hover-rgb: var(--usk-secondary-hover-rgb);
|
|
2135
|
-
--bau-secondary-text-rgb: var(--usk-secondary-text-rgb);
|
|
2136
|
-
--bau-accent-rgb: var(--usk-accent-rgb);
|
|
2137
|
-
--bau-success-rgb: var(--usk-success-rgb);
|
|
2138
|
-
--bau-warning-rgb: var(--usk-warning-rgb);
|
|
2139
|
-
--bau-danger-rgb: var(--usk-danger-rgb);
|
|
2140
|
-
--bau-link-rgb: var(--usk-link-rgb);
|
|
2141
|
-
--bau-accent-text-rgb: var(--usk-accent-text-rgb);
|
|
2142
|
-
--bau-success-text-rgb: var(--usk-success-text-rgb);
|
|
2143
|
-
--bau-warning-text-rgb: var(--usk-warning-text-rgb);
|
|
2144
|
-
--bau-danger-text-rgb: var(--usk-danger-text-rgb);
|
|
2145
|
-
--bau-focus-rgb: var(--usk-focus-rgb);
|
|
2146
|
-
--usk-native-surface: var(--bau-surface);
|
|
2147
|
-
--usk-native-surface-strong: var(--bau-surface-strong);
|
|
2148
|
-
--usk-native-surface-soft: var(--bau-surface-soft);
|
|
2149
|
-
--usk-native-card-bg: var(--bau-card-bg);
|
|
2150
|
-
--usk-native-control-bg: var(--bau-control-bg);
|
|
2151
|
-
--usk-native-text: var(--bau-text);
|
|
2152
|
-
--usk-native-text-muted: var(--bau-text-muted);
|
|
2153
|
-
--usk-native-border: var(--bau-border);
|
|
2154
|
-
--usk-native-primary: var(--bau-primary);
|
|
2155
|
-
--usk-native-primary-hover: var(--bau-primary-hover);
|
|
2156
|
-
--usk-native-on-primary: var(--bau-on-primary);
|
|
2157
|
-
--usk-native-focus: var(--bau-focus);
|
|
2158
|
-
--usk-native-success: var(--bau-success);
|
|
2159
|
-
--usk-native-warning: var(--bau-warning);
|
|
2160
|
-
--usk-native-danger: var(--bau-danger);
|
|
2161
|
-
--usk-native-link: var(--bau-link);
|
|
2162
|
-
--usk-native-font-body: var(--bau-font-body);
|
|
2163
|
-
--usk-native-font-heading: var(--bau-font-heading);
|
|
2164
|
-
--usk-native-font-control: var(--bau-font-control);
|
|
2165
|
-
--usk-native-font-mono: var(--bau-font-mono);
|
|
2166
|
-
--usk-native-radius-sm: var(--bau-radius-sm);
|
|
2167
|
-
--usk-native-radius: var(--bau-radius-md);
|
|
2168
|
-
--usk-native-radius-lg: var(--bau-radius-lg);
|
|
2169
|
-
--usk-native-shadow: var(--bau-shadow-sm, none);
|
|
2170
|
-
--usk-native-shadow-md: var(--bau-shadow-md, var(--usk-native-shadow));
|
|
2171
|
-
--usk-native-focus-ring: var(--bau-focus-ring, 0 0 0 3px rgb(var(--bau-focus-rgb) / .28));
|
|
2172
|
-
--usk-native-border-width: 1px;
|
|
2173
|
-
--usk-native-field-gap: .5rem;
|
|
2174
|
-
--usk-native-panel-padding: var(--bau-space-5);
|
|
2175
|
-
--bau-bg: rgb(var(--bau-bg-rgb));
|
|
2176
|
-
--bau-surface: rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));
|
|
2177
|
-
--bau-surface-strong: rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));
|
|
2178
|
-
--bau-surface-soft: rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));
|
|
2179
|
-
--bau-text: rgb(var(--bau-text-rgb));
|
|
2180
|
-
--bau-text-muted: rgb(var(--bau-text-muted-rgb));
|
|
2181
|
-
--bau-fg: var(--bau-text);
|
|
2182
|
-
--bau-surface-fg: var(--bau-text);
|
|
2183
|
-
--bau-muted: var(--bau-text-muted);
|
|
2184
|
-
--bau-border: rgb(var(--bau-border-rgb) / var(--bau-border-alpha));
|
|
2185
|
-
--bau-control-fg: var(--bau-text);
|
|
2186
|
-
--bau-primary: rgb(var(--bau-primary-rgb));
|
|
2187
|
-
--bau-primary-hover: rgb(var(--bau-primary-hover-rgb));
|
|
2188
|
-
--bau-primary-text: rgb(var(--bau-primary-text-rgb));
|
|
2189
|
-
--bau-secondary: rgb(var(--bau-secondary-rgb));
|
|
2190
|
-
--bau-secondary-hover: rgb(var(--bau-secondary-hover-rgb));
|
|
2191
|
-
--bau-secondary-text: rgb(var(--bau-secondary-text-rgb));
|
|
2192
|
-
--bau-on-primary: var(--bau-primary-text);
|
|
2193
|
-
--bau-on-secondary: var(--bau-secondary-text);
|
|
2194
|
-
--bau-on-accent: rgb(var(--bau-accent-text-rgb));
|
|
2195
|
-
--bau-on-success: rgb(var(--bau-success-text-rgb));
|
|
2196
|
-
--bau-on-warning: rgb(var(--bau-warning-text-rgb));
|
|
2197
|
-
--bau-on-danger: rgb(var(--bau-danger-text-rgb));
|
|
2198
|
-
--bau-accent: rgb(var(--bau-accent-rgb));
|
|
2199
|
-
--bau-success: rgb(var(--bau-success-rgb));
|
|
2200
|
-
--bau-warning: rgb(var(--bau-warning-rgb));
|
|
2201
|
-
--bau-danger: rgb(var(--bau-danger-rgb));
|
|
2202
|
-
--bau-link: rgb(var(--bau-link-rgb));
|
|
2203
|
-
--bau-focus: rgb(var(--bau-focus-rgb));
|
|
2204
|
-
--bau-focus-ring: 0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));
|
|
2205
|
-
--bau-theme-bg-size: auto, auto, 48px 48px, 48px 48px, auto;
|
|
2206
|
-
--bau-theme-bg: radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);
|
|
2207
|
-
--bau-card-bg: linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);
|
|
2208
|
-
--bau-control-bg: linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));
|
|
2209
|
-
--bau-spinner-track: rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));
|
|
2210
|
-
--bau-spinner-stroke: var(--bau-primary);
|
|
2211
|
-
--bau-spinner-accent: var(--bau-accent);
|
|
2212
|
-
}
|
|
2213
|
-
|
|
2214
|
-
[data-ui="bauhaus"] {
|
|
2215
|
-
background: linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);
|
|
2216
|
-
color: var(--bau-text);
|
|
2217
|
-
font-family: var(--bau-font-body);
|
|
2218
|
-
text-rendering: optimizelegibility;
|
|
2219
|
-
-webkit-font-smoothing: antialiased;
|
|
2220
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2221
|
-
background-size: 48px 48px;
|
|
2222
|
-
line-height: 1.5;
|
|
2223
|
-
}
|
|
2224
|
-
|
|
2225
|
-
[data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
|
|
2226
|
-
box-sizing: border-box;
|
|
2227
|
-
}
|
|
2228
|
-
|
|
2229
|
-
[data-ui="bauhaus"][data-theme][data-mode] {
|
|
2230
|
-
background: var(--bau-theme-bg);
|
|
2231
|
-
background-size: var(--bau-theme-bg-size);
|
|
2232
|
-
}
|
|
2233
|
-
|
|
2234
|
-
.bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link {
|
|
2235
|
-
font-family: var(--bau-font-heading);
|
|
2236
|
-
}
|
|
2237
|
-
|
|
2238
|
-
.bau-title {
|
|
2239
|
-
color: var(--bau-text);
|
|
2240
|
-
letter-spacing: -.06em;
|
|
2241
|
-
text-transform: uppercase;
|
|
2242
|
-
margin: 0;
|
|
2243
|
-
font-size: clamp(2rem, 5vw, 3.7rem);
|
|
2244
|
-
line-height: 1.02;
|
|
2245
|
-
}
|
|
2246
|
-
|
|
2247
|
-
.bau-heading {
|
|
2248
|
-
color: var(--bau-text);
|
|
2249
|
-
letter-spacing: -.03em;
|
|
2250
|
-
margin: 0;
|
|
2251
|
-
font-size: clamp(1.2rem, 2.5vw, 2rem);
|
|
2252
|
-
line-height: 1.15;
|
|
2253
|
-
}
|
|
2254
|
-
|
|
2255
|
-
.bau-kicker {
|
|
2256
|
-
color: var(--bau-primary);
|
|
2257
|
-
letter-spacing: .12em;
|
|
2258
|
-
text-transform: uppercase;
|
|
2259
|
-
margin: 0;
|
|
2260
|
-
font-size: .82rem;
|
|
2261
|
-
font-weight: 850;
|
|
2262
|
-
}
|
|
2263
|
-
|
|
2264
|
-
.bau-subtitle, .bau-copy {
|
|
2265
|
-
color: var(--bau-text-muted);
|
|
2266
|
-
margin: 0;
|
|
2267
|
-
line-height: 1.65;
|
|
2268
|
-
}
|
|
2269
|
-
|
|
2270
|
-
.bau-text-muted {
|
|
2271
|
-
color: var(--bau-text-muted);
|
|
2272
|
-
}
|
|
2273
|
-
|
|
2274
|
-
.bau-divider {
|
|
2275
|
-
background: var(--bau-border);
|
|
2276
|
-
border: 0;
|
|
2277
|
-
width: 100%;
|
|
2278
|
-
height: 2px;
|
|
2279
|
-
}
|
|
2280
|
-
|
|
2281
|
-
.bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap {
|
|
2282
|
-
background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);
|
|
2283
|
-
color: var(--bau-text);
|
|
2284
|
-
border: 2px solid var(--bau-border);
|
|
2285
|
-
border-radius: var(--bau-radius-lg);
|
|
2286
|
-
box-shadow: 6px 6px 0 rgb(var(--bau-primary-rgb)/.55);
|
|
2287
|
-
transition: transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);
|
|
2288
|
-
position: relative;
|
|
2289
|
-
}
|
|
2290
|
-
|
|
2291
|
-
.bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card {
|
|
2292
|
-
padding: var(--bau-space-6);
|
|
2293
|
-
}
|
|
2294
|
-
|
|
2295
|
-
.bau-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar {
|
|
2296
|
-
justify-content: space-between;
|
|
2297
|
-
align-items: center;
|
|
2298
|
-
gap: var(--bau-space-4);
|
|
2299
|
-
padding: var(--bau-space-4);
|
|
2300
|
-
flex-wrap: wrap;
|
|
2301
|
-
display: flex;
|
|
2302
|
-
}
|
|
2303
|
-
|
|
2304
|
-
.bau-surface-sm {
|
|
2305
|
-
border-radius: var(--bau-radius-md);
|
|
2306
|
-
box-shadow: 0 6px 18px rgb(0 0 0 / calc(var(--bau-shadow-alpha)*.72));
|
|
2307
|
-
}
|
|
2308
|
-
|
|
2309
|
-
.bau-surface-lg {
|
|
2310
|
-
border-radius: var(--bau-radius-xl);
|
|
2311
|
-
box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--bau-shadow-alpha) + .08));
|
|
2312
|
-
}
|
|
2313
|
-
|
|
2314
|
-
.bau-well, .bau-inset {
|
|
2315
|
-
background: var(--bau-surface-soft);
|
|
2316
|
-
color: var(--bau-text);
|
|
2317
|
-
border: 2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));
|
|
2318
|
-
border-radius: var(--bau-radius-md);
|
|
2319
|
-
padding: var(--bau-space-5);
|
|
2320
|
-
box-shadow: inset 0 1px 3px #00000014;
|
|
2321
|
-
}
|
|
2322
|
-
|
|
2323
|
-
.bau-hover-lift:hover {
|
|
2324
|
-
box-shadow: 0 22px 60px rgb(0 0 0 / calc(var(--bau-shadow-alpha) + .12));
|
|
2325
|
-
transform: translate(-3px, -3px);
|
|
2326
|
-
}
|
|
2327
|
-
|
|
2328
|
-
.bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button {
|
|
2329
|
-
appearance: none;
|
|
2330
|
-
justify-content: center;
|
|
2331
|
-
align-items: center;
|
|
2332
|
-
gap: var(--bau-space-2);
|
|
2333
|
-
background: var(--bau-surface);
|
|
2334
|
-
min-height: 2.75rem;
|
|
2335
|
-
color: var(--bau-text);
|
|
2336
|
-
border: 2px solid var(--bau-border);
|
|
2337
|
-
border-radius: var(--bau-radius-md);
|
|
2338
|
-
box-shadow: 0 6px 18px rgb(0 0 0 / var(--bau-shadow-alpha));
|
|
2339
|
-
font: inherit;
|
|
2340
|
-
cursor: pointer;
|
|
2341
|
-
-webkit-user-select: none;
|
|
2342
|
-
-moz-user-select: none;
|
|
2343
|
-
user-select: none;
|
|
2344
|
-
transition: color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);
|
|
2345
|
-
padding: .75rem 1.1rem;
|
|
2346
|
-
font-weight: 800;
|
|
2347
|
-
line-height: 1;
|
|
2348
|
-
text-decoration: none;
|
|
2349
|
-
display: inline-flex;
|
|
2350
|
-
}
|
|
2351
|
-
|
|
2352
|
-
.bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover {
|
|
2353
|
-
border-color: var(--bau-primary);
|
|
2354
|
-
transform: translateY(-1px);
|
|
2355
|
-
}
|
|
2356
|
-
|
|
2357
|
-
.bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active {
|
|
2358
|
-
transform: translateY(1px);
|
|
2359
|
-
box-shadow: inset 0 3px 10px #0000002e;
|
|
2360
|
-
}
|
|
2361
|
-
|
|
2362
|
-
.bau-button-primary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) {
|
|
2363
|
-
background: var(--bau-primary);
|
|
2364
|
-
color: var(--bau-on-primary);
|
|
2365
|
-
border-color: var(--bau-primary);
|
|
2366
|
-
}
|
|
2367
|
-
|
|
2368
|
-
.bau-button-primary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover {
|
|
2369
|
-
background: var(--bau-primary-hover);
|
|
2370
|
-
border-color: var(--bau-primary-hover);
|
|
2371
|
-
}
|
|
2372
|
-
|
|
2373
|
-
.bau-button-secondary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) {
|
|
2374
|
-
background: var(--bau-secondary);
|
|
2375
|
-
color: var(--bau-on-secondary);
|
|
2376
|
-
border-color: var(--bau-secondary);
|
|
2377
|
-
}
|
|
2378
|
-
|
|
2379
|
-
.bau-button-secondary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover {
|
|
2380
|
-
background: var(--bau-secondary-hover);
|
|
2381
|
-
border-color: var(--bau-secondary-hover);
|
|
2382
|
-
}
|
|
2383
|
-
|
|
2384
|
-
.bau-button-danger, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) {
|
|
2385
|
-
background: var(--bau-danger);
|
|
2386
|
-
color: var(--bau-on-danger);
|
|
2387
|
-
border-color: var(--bau-danger);
|
|
2388
|
-
}
|
|
2389
|
-
|
|
2390
|
-
.bau-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) {
|
|
2391
|
-
color: var(--bau-text);
|
|
2392
|
-
box-shadow: none;
|
|
2393
|
-
background: none;
|
|
2394
|
-
}
|
|
2395
|
-
|
|
2396
|
-
.bau-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button {
|
|
2397
|
-
border-radius: var(--bau-radius-pill);
|
|
2398
|
-
width: 2.75rem;
|
|
2399
|
-
padding: 0;
|
|
2400
|
-
}
|
|
2401
|
-
|
|
2402
|
-
.bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled {
|
|
2403
|
-
opacity: .55;
|
|
2404
|
-
cursor: not-allowed;
|
|
2405
|
-
transform: none;
|
|
2406
|
-
}
|
|
2407
|
-
|
|
2408
|
-
.bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card {
|
|
2409
|
-
background: var(--bau-card-bg);
|
|
2410
|
-
}
|
|
2411
|
-
|
|
2412
|
-
.bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button {
|
|
2413
|
-
background: var(--bau-control-bg);
|
|
2414
|
-
}
|
|
2415
|
-
|
|
2416
|
-
.bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link {
|
|
2417
|
-
font-family: var(--bau-font-control);
|
|
2418
|
-
}
|
|
2419
|
-
|
|
2420
|
-
.bau-field, :where([data-ui="bauhaus"]) .ui-field {
|
|
2421
|
-
gap: var(--bau-space-2);
|
|
2422
|
-
flex-direction: column;
|
|
2423
|
-
display: flex;
|
|
2424
|
-
}
|
|
2425
|
-
|
|
2426
|
-
.bau-label, :where([data-ui="bauhaus"]) .ui-label {
|
|
2427
|
-
color: var(--bau-text);
|
|
2428
|
-
font-size: .925rem;
|
|
2429
|
-
font-weight: 800;
|
|
2430
|
-
}
|
|
2431
|
-
|
|
2432
|
-
.bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select {
|
|
2433
|
-
background: var(--bau-surface-soft);
|
|
2434
|
-
width: 100%;
|
|
2435
|
-
min-height: 2.875rem;
|
|
2436
|
-
color: var(--bau-text);
|
|
2437
|
-
border: 2px solid var(--bau-border);
|
|
2438
|
-
border-radius: var(--bau-radius-md);
|
|
2439
|
-
font: inherit;
|
|
2440
|
-
transition: background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
|
|
2441
|
-
outline: none;
|
|
2442
|
-
padding: .75rem 1rem;
|
|
2443
|
-
}
|
|
2444
|
-
|
|
2445
|
-
.bau-textarea, :where([data-ui="bauhaus"]) .ui-textarea {
|
|
2446
|
-
resize: vertical;
|
|
2447
|
-
min-height: 8rem;
|
|
2448
|
-
}
|
|
2449
|
-
|
|
2450
|
-
.bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder {
|
|
2451
|
-
color: var(--bau-text-muted);
|
|
2452
|
-
opacity: .82;
|
|
2453
|
-
}
|
|
2454
|
-
|
|
2455
|
-
.bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover {
|
|
2456
|
-
border-color: rgb(var(--bau-primary-rgb)/.58);
|
|
2457
|
-
}
|
|
2458
|
-
|
|
2459
|
-
.bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus {
|
|
2460
|
-
border-color: var(--bau-focus);
|
|
2461
|
-
box-shadow: var(--bau-focus-ring);
|
|
2462
|
-
}
|
|
2463
|
-
|
|
2464
|
-
.bau-help-text, :where([data-ui="bauhaus"]) .ui-help-text {
|
|
2465
|
-
color: var(--bau-text-muted);
|
|
2466
|
-
font-size: .875rem;
|
|
2467
|
-
line-height: 1.45;
|
|
2468
|
-
}
|
|
2469
|
-
|
|
2470
|
-
.bau-check, .bau-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio {
|
|
2471
|
-
align-items: center;
|
|
2472
|
-
gap: var(--bau-space-2);
|
|
2473
|
-
color: var(--bau-text);
|
|
2474
|
-
cursor: pointer;
|
|
2475
|
-
display: inline-flex;
|
|
2476
|
-
}
|
|
2477
|
-
|
|
2478
|
-
.bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input {
|
|
2479
|
-
opacity: 0;
|
|
2480
|
-
pointer-events: none;
|
|
2481
|
-
position: absolute;
|
|
2482
|
-
}
|
|
2483
|
-
|
|
2484
|
-
.bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control {
|
|
2485
|
-
background: var(--bau-surface-soft);
|
|
2486
|
-
border: 2px solid var(--bau-border);
|
|
2487
|
-
width: 1.35rem;
|
|
2488
|
-
height: 1.35rem;
|
|
2489
|
-
transition: background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
|
|
2490
|
-
place-items: center;
|
|
2491
|
-
display: inline-grid;
|
|
2492
|
-
}
|
|
2493
|
-
|
|
2494
|
-
.bau-check-control, :where([data-ui="bauhaus"]) .ui-check-control {
|
|
2495
|
-
border-radius: var(--bau-radius-xs);
|
|
2496
|
-
}
|
|
2497
|
-
|
|
2498
|
-
.bau-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control {
|
|
2499
|
-
border-radius: 50%;
|
|
2500
|
-
}
|
|
2501
|
-
|
|
2502
|
-
.bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control {
|
|
2503
|
-
background: var(--bau-primary);
|
|
2504
|
-
border-color: var(--bau-primary);
|
|
2505
|
-
box-shadow: var(--bau-focus-ring);
|
|
2506
|
-
}
|
|
2507
|
-
|
|
2508
|
-
.bau-check input:checked + .bau-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after {
|
|
2509
|
-
content: "✓";
|
|
2510
|
-
color: var(--bau-on-primary);
|
|
2511
|
-
font-size: .9rem;
|
|
2512
|
-
font-weight: 900;
|
|
2513
|
-
}
|
|
2514
|
-
|
|
2515
|
-
.bau-radio input:checked + .bau-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after {
|
|
2516
|
-
content: "";
|
|
2517
|
-
background: var(--bau-on-primary);
|
|
2518
|
-
border-radius: 50%;
|
|
2519
|
-
width: .55rem;
|
|
2520
|
-
height: .55rem;
|
|
2521
|
-
}
|
|
2522
|
-
|
|
2523
|
-
.bau-switch, :where([data-ui="bauhaus"]) .ui-switch {
|
|
2524
|
-
align-items: center;
|
|
2525
|
-
gap: var(--bau-space-3);
|
|
2526
|
-
color: var(--bau-text);
|
|
2527
|
-
cursor: pointer;
|
|
2528
|
-
display: inline-flex;
|
|
2529
|
-
}
|
|
2530
|
-
|
|
2531
|
-
.bau-switch input, :where([data-ui="bauhaus"]) .ui-switch input {
|
|
2532
|
-
opacity: 0;
|
|
2533
|
-
pointer-events: none;
|
|
2534
|
-
position: absolute;
|
|
2535
|
-
}
|
|
2536
|
-
|
|
2537
|
-
.bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track {
|
|
2538
|
-
background: var(--bau-surface-soft);
|
|
2539
|
-
border: 2px solid var(--bau-border);
|
|
2540
|
-
border-radius: var(--bau-radius-pill);
|
|
2541
|
-
width: 3.5rem;
|
|
2542
|
-
height: 1.9rem;
|
|
2543
|
-
transition: background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
|
|
2544
|
-
position: relative;
|
|
2545
|
-
}
|
|
2546
|
-
|
|
2547
|
-
.bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb {
|
|
2548
|
-
background: var(--bau-surface-strong);
|
|
2549
|
-
border: 2px solid var(--bau-border);
|
|
2550
|
-
width: 1.34rem;
|
|
2551
|
-
height: 1.34rem;
|
|
2552
|
-
box-shadow: 0 4px 12px rgb(0 0 0 / var(--bau-shadow-alpha));
|
|
2553
|
-
transition: left var(--bau-transition-fast),background var(--bau-transition-fast);
|
|
2554
|
-
border-radius: 50%;
|
|
2555
|
-
position: absolute;
|
|
2556
|
-
top: .22rem;
|
|
2557
|
-
left: .22rem;
|
|
2558
|
-
}
|
|
2559
|
-
|
|
2560
|
-
.bau-switch input:checked + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track {
|
|
2561
|
-
background: var(--bau-primary);
|
|
2562
|
-
border-color: var(--bau-primary);
|
|
2563
|
-
}
|
|
2564
|
-
|
|
2565
|
-
.bau-switch input:checked + .bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb {
|
|
2566
|
-
background: var(--bau-on-primary);
|
|
2567
|
-
left: calc(100% - 1.56rem);
|
|
2568
|
-
}
|
|
2569
|
-
|
|
2570
|
-
.bau-badge, :where([data-ui="bauhaus"]) .ui-badge {
|
|
2571
|
-
align-items: center;
|
|
2572
|
-
gap: var(--bau-space-1);
|
|
2573
|
-
background: var(--bau-surface-soft);
|
|
2574
|
-
min-height: 1.75rem;
|
|
2575
|
-
color: var(--bau-text);
|
|
2576
|
-
border: 2px solid var(--bau-border);
|
|
2577
|
-
border-radius: var(--bau-radius-pill);
|
|
2578
|
-
padding: .35rem .7rem;
|
|
2579
|
-
font-size: .8125rem;
|
|
2580
|
-
font-weight: 850;
|
|
2581
|
-
line-height: 1;
|
|
2582
|
-
display: inline-flex;
|
|
2583
|
-
}
|
|
2584
|
-
|
|
2585
|
-
.bau-badge-primary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) {
|
|
2586
|
-
background: var(--bau-primary);
|
|
2587
|
-
color: var(--bau-on-primary);
|
|
2588
|
-
border-color: var(--bau-primary);
|
|
2589
|
-
}
|
|
2590
|
-
|
|
2591
|
-
.bau-badge-secondary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) {
|
|
2592
|
-
background: var(--bau-secondary);
|
|
2593
|
-
color: var(--bau-on-secondary);
|
|
2594
|
-
border-color: var(--bau-secondary);
|
|
2595
|
-
}
|
|
2596
|
-
|
|
2597
|
-
.bau-badge-success, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) {
|
|
2598
|
-
background: var(--bau-success);
|
|
2599
|
-
color: var(--bau-on-success);
|
|
2600
|
-
border-color: var(--bau-success);
|
|
2601
|
-
}
|
|
2602
|
-
|
|
2603
|
-
.bau-badge-warning, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) {
|
|
2604
|
-
background: var(--bau-warning);
|
|
2605
|
-
color: var(--bau-on-warning);
|
|
2606
|
-
border-color: var(--bau-warning);
|
|
2607
|
-
}
|
|
2608
|
-
|
|
2609
|
-
.bau-badge-danger, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) {
|
|
2610
|
-
background: var(--bau-danger);
|
|
2611
|
-
color: var(--bau-on-danger);
|
|
2612
|
-
border-color: var(--bau-danger);
|
|
2613
|
-
}
|
|
2614
|
-
|
|
2615
|
-
.bau-nav, :where([data-ui="bauhaus"]) .ui-nav {
|
|
2616
|
-
align-items: center;
|
|
2617
|
-
gap: var(--bau-space-2);
|
|
2618
|
-
padding: var(--bau-space-2);
|
|
2619
|
-
background: var(--bau-surface);
|
|
2620
|
-
border: 2px solid var(--bau-border);
|
|
2621
|
-
border-radius: var(--bau-radius-xl);
|
|
2622
|
-
box-shadow: 0 10px 30px rgb(0 0 0 / var(--bau-shadow-alpha));
|
|
2623
|
-
flex-wrap: wrap;
|
|
2624
|
-
display: flex;
|
|
2625
|
-
}
|
|
2626
|
-
|
|
2627
|
-
.bau-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link {
|
|
2628
|
-
min-height: 2.5rem;
|
|
2629
|
-
color: var(--bau-text-muted);
|
|
2630
|
-
border-radius: var(--bau-radius-pill);
|
|
2631
|
-
transition: color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);
|
|
2632
|
-
justify-content: center;
|
|
2633
|
-
align-items: center;
|
|
2634
|
-
padding: .65rem 1rem;
|
|
2635
|
-
font-weight: 850;
|
|
2636
|
-
text-decoration: none;
|
|
2637
|
-
display: inline-flex;
|
|
2638
|
-
}
|
|
2639
|
-
|
|
2640
|
-
.bau-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover {
|
|
2641
|
-
color: var(--bau-text);
|
|
2642
|
-
background: var(--bau-surface-soft);
|
|
2643
|
-
}
|
|
2644
|
-
|
|
2645
|
-
.bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active {
|
|
2646
|
-
color: var(--bau-on-primary);
|
|
2647
|
-
background: var(--bau-primary);
|
|
2648
|
-
}
|
|
2649
|
-
|
|
2650
|
-
.bau-tooltip, [data-ui="bauhaus"] :where(.ui-tooltip, [role="tooltip"], [data-tooltip]) {
|
|
2651
|
-
background: linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);
|
|
2652
|
-
max-inline-size: 16rem;
|
|
2653
|
-
color: var(--bau-text);
|
|
2654
|
-
border: 2px double var(--bau-border);
|
|
2655
|
-
box-shadow: none;
|
|
2656
|
-
text-transform: uppercase;
|
|
2657
|
-
letter-spacing: .08em;
|
|
2658
|
-
border-radius: 0;
|
|
2659
|
-
align-items: center;
|
|
2660
|
-
gap: .45rem;
|
|
2661
|
-
padding: .58rem .78rem;
|
|
2662
|
-
font-size: .82rem;
|
|
2663
|
-
font-weight: 900;
|
|
2664
|
-
line-height: 1.25;
|
|
2665
|
-
display: inline-flex;
|
|
2666
|
-
}
|
|
2667
|
-
|
|
2668
|
-
.bau-tooltip-arrow {
|
|
2669
|
-
background: var(--bau-accent);
|
|
2670
|
-
flex: none;
|
|
2671
|
-
block-size: .6rem;
|
|
2672
|
-
inline-size: .6rem;
|
|
2673
|
-
transform: rotate(45deg);
|
|
2674
|
-
}
|
|
2675
|
-
|
|
2676
|
-
.bau-progress, :where([data-ui="bauhaus"]) .ui-progress {
|
|
2677
|
-
background: var(--bau-surface-soft);
|
|
2678
|
-
border: 2px solid var(--bau-border);
|
|
2679
|
-
border-radius: var(--bau-radius-pill);
|
|
2680
|
-
width: 100%;
|
|
2681
|
-
height: .9rem;
|
|
2682
|
-
overflow: hidden;
|
|
2683
|
-
}
|
|
2684
|
-
|
|
2685
|
-
.bau-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar {
|
|
2686
|
-
height: 100%;
|
|
2687
|
-
width: var(--bau-progress-value, 50%);
|
|
2688
|
-
background: linear-gradient(90deg,var(--bau-primary),var(--bau-accent));
|
|
2689
|
-
border-radius: inherit;
|
|
2690
|
-
}
|
|
2691
|
-
|
|
2692
|
-
.bau-alert, :where([data-ui="bauhaus"]) .ui-alert {
|
|
2693
|
-
gap: var(--bau-space-2);
|
|
2694
|
-
padding: var(--bau-space-4);
|
|
2695
|
-
background: var(--bau-surface);
|
|
2696
|
-
color: var(--bau-text);
|
|
2697
|
-
border: 2px solid var(--bau-border);
|
|
2698
|
-
border-radius: var(--bau-radius-lg);
|
|
2699
|
-
box-shadow: 0 10px 30px rgb(0 0 0 / var(--bau-shadow-alpha));
|
|
2700
|
-
display: grid;
|
|
2701
|
-
}
|
|
2702
|
-
|
|
2703
|
-
.bau-alert-success, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) {
|
|
2704
|
-
border-left-color: var(--bau-success);
|
|
2705
|
-
}
|
|
2706
|
-
|
|
2707
|
-
.bau-alert-warning, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) {
|
|
2708
|
-
border-left-color: var(--bau-warning);
|
|
2709
|
-
}
|
|
2710
|
-
|
|
2711
|
-
.bau-alert-danger, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) {
|
|
2712
|
-
border-left-color: var(--bau-danger);
|
|
2713
|
-
}
|
|
2714
|
-
|
|
2715
|
-
.bau-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title {
|
|
2716
|
-
margin: 0;
|
|
2717
|
-
font-weight: 900;
|
|
2718
|
-
}
|
|
2719
|
-
|
|
2720
|
-
.bau-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body {
|
|
2721
|
-
color: var(--bau-text-muted);
|
|
2722
|
-
margin: 0;
|
|
2723
|
-
line-height: 1.55;
|
|
2724
|
-
}
|
|
2725
|
-
|
|
2726
|
-
.bau-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap {
|
|
2727
|
-
overflow: auto;
|
|
2728
|
-
}
|
|
2729
|
-
|
|
2730
|
-
.bau-table, :where([data-ui="bauhaus"]) .ui-table {
|
|
2731
|
-
border-collapse: collapse;
|
|
2732
|
-
width: 100%;
|
|
2733
|
-
}
|
|
2734
|
-
|
|
2735
|
-
.bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td {
|
|
2736
|
-
text-align: left;
|
|
2737
|
-
border-bottom: 2px solid var(--bau-border);
|
|
2738
|
-
padding: .95rem 1rem;
|
|
2739
|
-
}
|
|
2740
|
-
|
|
2741
|
-
.bau-table th, :where([data-ui="bauhaus"]) .ui-table th {
|
|
2742
|
-
color: var(--bau-text);
|
|
2743
|
-
text-transform: uppercase;
|
|
2744
|
-
letter-spacing: .08em;
|
|
2745
|
-
background: rgb(var(--bau-primary-rgb)/.08);
|
|
2746
|
-
font-size: .82rem;
|
|
2747
|
-
font-weight: 900;
|
|
2748
|
-
}
|
|
2749
|
-
|
|
2750
|
-
.bau-table td, :where([data-ui="bauhaus"]) .ui-table td {
|
|
2751
|
-
color: var(--bau-text-muted);
|
|
2752
|
-
}
|
|
2753
|
-
|
|
2754
|
-
.bau-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td {
|
|
2755
|
-
background: rgb(var(--bau-primary-rgb)/.045);
|
|
2756
|
-
}
|
|
2757
|
-
|
|
2758
|
-
.bau-text-primary {
|
|
2759
|
-
color: var(--bau-primary);
|
|
2760
|
-
}
|
|
2761
|
-
|
|
2762
|
-
.bau-text-secondary {
|
|
2763
|
-
color: var(--bau-secondary);
|
|
2764
|
-
}
|
|
2765
|
-
|
|
2766
|
-
.bau-text-accent {
|
|
2767
|
-
color: var(--bau-accent);
|
|
2768
|
-
}
|
|
2769
|
-
|
|
2770
|
-
.bau-text-success {
|
|
2771
|
-
color: var(--bau-success);
|
|
2772
|
-
}
|
|
2773
|
-
|
|
2774
|
-
.bau-text-warning {
|
|
2775
|
-
color: var(--bau-warning);
|
|
2776
|
-
}
|
|
2777
|
-
|
|
2778
|
-
.bau-text-danger {
|
|
2779
|
-
color: var(--bau-danger);
|
|
2780
|
-
}
|
|
2781
|
-
|
|
2782
|
-
.bau-bg-primary {
|
|
2783
|
-
background: var(--bau-primary);
|
|
2784
|
-
color: var(--bau-on-primary);
|
|
2785
|
-
}
|
|
2786
|
-
|
|
2787
|
-
.bau-bg-secondary {
|
|
2788
|
-
background: var(--bau-secondary);
|
|
2789
|
-
color: var(--bau-on-secondary);
|
|
2790
|
-
}
|
|
2791
|
-
|
|
2792
|
-
.bau-border {
|
|
2793
|
-
border: 2px solid var(--bau-border);
|
|
2794
|
-
}
|
|
2795
|
-
|
|
2796
|
-
.bau-rounded {
|
|
2797
|
-
border-radius: var(--bau-radius-md);
|
|
2798
|
-
}
|
|
2799
|
-
|
|
2800
|
-
.bau-rounded-lg {
|
|
2801
|
-
border-radius: var(--bau-radius-lg);
|
|
2802
|
-
}
|
|
2803
|
-
|
|
2804
|
-
.bau-rounded-xl {
|
|
2805
|
-
border-radius: var(--bau-radius-xl);
|
|
2806
|
-
}
|
|
2807
|
-
|
|
2808
|
-
.bau-pill {
|
|
2809
|
-
border-radius: var(--bau-radius-pill);
|
|
2810
|
-
}
|
|
2811
|
-
|
|
2812
|
-
.bau-sr-only, .bau-visually-hidden {
|
|
2813
|
-
clip: rect(0,0,0,0) !important;
|
|
2814
|
-
white-space: nowrap !important;
|
|
2815
|
-
border: 0 !important;
|
|
2816
|
-
width: 1px !important;
|
|
2817
|
-
height: 1px !important;
|
|
2818
|
-
margin: -1px !important;
|
|
2819
|
-
padding: 0 !important;
|
|
2820
|
-
position: absolute !important;
|
|
2821
|
-
overflow: hidden !important;
|
|
2822
|
-
}
|
|
2823
|
-
|
|
2824
|
-
.bau-skip-link {
|
|
2825
|
-
z-index: 9999;
|
|
2826
|
-
background: var(--bau-primary);
|
|
2827
|
-
color: var(--bau-on-primary);
|
|
2828
|
-
border-radius: var(--bau-radius-md);
|
|
2829
|
-
padding: .75rem 1rem;
|
|
2830
|
-
font-weight: 900;
|
|
2831
|
-
position: absolute;
|
|
2832
|
-
top: 1rem;
|
|
2833
|
-
left: 1rem;
|
|
2834
|
-
transform: translateY(-150%);
|
|
2835
|
-
}
|
|
2836
|
-
|
|
2837
|
-
.bau-skip-link:focus {
|
|
2838
|
-
transform: translateY(0);
|
|
2839
|
-
}
|
|
2840
|
-
|
|
2841
|
-
.bau-composition {
|
|
2842
|
-
position: relative;
|
|
2843
|
-
overflow: hidden;
|
|
2844
|
-
}
|
|
2845
|
-
|
|
2846
|
-
.bau-composition:after {
|
|
2847
|
-
content: "";
|
|
2848
|
-
background: var(--bau-primary);
|
|
2849
|
-
opacity: .22;
|
|
2850
|
-
border-radius: 50%;
|
|
2851
|
-
block-size: 7rem;
|
|
2852
|
-
inline-size: 7rem;
|
|
2853
|
-
position: absolute;
|
|
2854
|
-
top: -2rem;
|
|
2855
|
-
right: -2rem;
|
|
2856
|
-
}
|
|
2857
|
-
|
|
2858
|
-
.bau-block {
|
|
2859
|
-
background: var(--bau-primary);
|
|
2860
|
-
min-block-size: 4rem;
|
|
2861
|
-
min-inline-size: 4rem;
|
|
2862
|
-
color: var(--bau-on-primary);
|
|
2863
|
-
border: 2px solid var(--bau-border);
|
|
2864
|
-
justify-content: center;
|
|
2865
|
-
align-items: center;
|
|
2866
|
-
font-weight: 950;
|
|
2867
|
-
display: inline-flex;
|
|
2868
|
-
}
|
|
2869
|
-
|
|
2870
|
-
.bau-rail {
|
|
2871
|
-
border-left: .75rem solid var(--bau-primary);
|
|
2872
|
-
padding-left: var(--bau-space-4);
|
|
2873
|
-
}
|
|
2874
|
-
|
|
2875
|
-
.bau-spinner, .bau-loading-spinner, [data-ui="bauhaus"] :where(.ui-spinner, .loading-spinner, [data-loading-spinner]) {
|
|
2876
|
-
border: .2rem double var(--bau-border);
|
|
2877
|
-
border-block-start-color: var(--bau-spinner-stroke);
|
|
2878
|
-
border-inline-end-color: var(--bau-spinner-accent);
|
|
2879
|
-
border-radius: var(--bau-radius-xs);
|
|
2880
|
-
background: conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);
|
|
2881
|
-
vertical-align: -.2em;
|
|
2882
|
-
block-size: 2rem;
|
|
2883
|
-
inline-size: 2rem;
|
|
2884
|
-
animation: .8s steps(4, end) infinite bau-spin;
|
|
2885
|
-
display: inline-block;
|
|
2886
|
-
}
|
|
2887
|
-
|
|
2888
|
-
.bau-spinner-sm {
|
|
2889
|
-
border-width: .12rem;
|
|
2890
|
-
block-size: 1rem;
|
|
2891
|
-
inline-size: 1rem;
|
|
2892
|
-
}
|
|
2893
|
-
|
|
2894
|
-
.bau-spinner-lg {
|
|
2895
|
-
border-width: .28rem;
|
|
2896
|
-
block-size: 3rem;
|
|
2897
|
-
inline-size: 3rem;
|
|
2898
|
-
}
|
|
2899
|
-
|
|
2900
|
-
.bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] {
|
|
2901
|
-
cursor: progress;
|
|
2902
|
-
gap: .55rem;
|
|
2903
|
-
}
|
|
2904
|
-
|
|
2905
|
-
.bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after {
|
|
2906
|
-
content: "";
|
|
2907
|
-
border: .16em solid rgb(var(--bau-primary-text-rgb)/.42);
|
|
2908
|
-
border-block-start-color: currentColor;
|
|
2909
|
-
border-radius: 50%;
|
|
2910
|
-
block-size: 1em;
|
|
2911
|
-
inline-size: 1em;
|
|
2912
|
-
animation: .75s linear infinite bau-spin;
|
|
2913
|
-
display: inline-block;
|
|
2914
|
-
}
|
|
2915
|
-
|
|
2916
|
-
@keyframes bau-spin {
|
|
2917
|
-
to {
|
|
2918
|
-
transform: rotate(360deg);
|
|
2919
|
-
}
|
|
2920
|
-
}
|
|
2921
|
-
|
|
2922
|
-
@media (prefers-reduced-motion: reduce) {
|
|
2923
|
-
[data-ui="bauhaus"] *, [data-ui="bauhaus"] :before, [data-ui="bauhaus"] :after {
|
|
2924
|
-
scroll-behavior: auto !important;
|
|
2925
|
-
transition-duration: 1ms !important;
|
|
2926
|
-
animation-duration: 1ms !important;
|
|
2927
|
-
animation-iteration-count: 1 !important;
|
|
2928
|
-
}
|
|
2929
|
-
}
|
|
2930
|
-
|
|
2931
|
-
@media (prefers-contrast: more) {
|
|
2932
|
-
[data-ui="bauhaus"] {
|
|
2933
|
-
--bau-border-alpha: 1;
|
|
2934
|
-
--bau-focus-alpha: .75;
|
|
2935
|
-
}
|
|
2936
|
-
}
|
|
2937
|
-
|
|
2938
|
-
@media (forced-colors: active) {
|
|
2939
|
-
[data-ui="bauhaus"] * {
|
|
2940
|
-
forced-color-adjust: auto;
|
|
2941
|
-
}
|
|
2942
|
-
|
|
2943
|
-
[data-ui="bauhaus"] :where(:focus-visible) {
|
|
2944
|
-
outline: 3px solid canvastext;
|
|
2945
|
-
}
|
|
2946
|
-
}
|
|
2947
|
-
|
|
2948
|
-
@media print {
|
|
2949
|
-
[data-ui="bauhaus"] {
|
|
2950
|
-
color: #000 !important;
|
|
2951
|
-
background: #fff !important;
|
|
2952
|
-
}
|
|
2953
|
-
|
|
2954
|
-
[data-ui="bauhaus"] * {
|
|
2955
|
-
box-shadow: none !important;
|
|
2956
|
-
text-shadow: none !important;
|
|
2957
|
-
}
|
|
2958
|
-
|
|
2959
|
-
[data-ui="bauhaus"] a {
|
|
2960
|
-
text-decoration: underline;
|
|
2961
|
-
color: #000 !important;
|
|
2962
|
-
}
|
|
2963
|
-
}
|
|
2964
|
-
}
|
|
5
|
+
*/@layer ui-style-kit.theme_colors,ui-style-kit.native_elements,ui-style-kit.components,ui-style-kit.presets,ui-style-kit.compat_layout;@layer ui-style-kit.theme_colors{:where([data-ui][data-mode="light"]){--usk-border-text-mix:45%;--usk-border-min-alpha:1}:where([data-ui][data-mode="dark"],[data-ui][data-mode="contrast"]){--usk-border-text-mix:0%;--usk-border-min-alpha:0}:where([data-ui][data-theme="midnight-gold"][data-mode="light"]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:162 118 38;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:132 94 27;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme="midnight-gold"][data-mode="dark"]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme="midnight-gold"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="ocean-steel"][data-mode="light"]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme="ocean-steel"][data-mode="dark"]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme="ocean-steel"][data-mode="contrast"]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="forest-moss"][data-mode="light"]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme="forest-moss"][data-mode="dark"]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme="forest-moss"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="sunset-ember"][data-mode="light"]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme="sunset-ember"][data-mode="dark"]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme="sunset-ember"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="royal-plum"][data-mode="light"]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme="royal-plum"][data-mode="dark"]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme="royal-plum"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="graphite-cyan"][data-mode="light"]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme="graphite-cyan"][data-mode="dark"]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme="graphite-cyan"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="desert-sage"][data-mode="light"]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:107 97 78;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme="desert-sage"][data-mode="dark"]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme="desert-sage"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="rose-quartz"][data-mode="light"]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme="rose-quartz"][data-mode="dark"]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme="rose-quartz"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="cyber-lime"][data-mode="light"]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:86 145 26;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:65 112 19;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme="cyber-lime"][data-mode="dark"]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme="cyber-lime"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="arctic-indigo"][data-mode="light"]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme="arctic-indigo"][data-mode="dark"]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme="arctic-indigo"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="chrome-navy"][data-mode="light"]){--usk-bg-rgb:245 247 250;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 254 255;--usk-surface-soft-rgb:230 234 240;--usk-text-rgb:13 27 42;--usk-text-muted-rgb:78 90 105;--usk-border-rgb:192 198 207;--usk-primary-rgb:31 58 95;--usk-primary-hover-rgb:22 44 72;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:62 107 142;--usk-secondary-hover-rgb:50 87 118;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:90 127 166;--usk-success-rgb:31 107 83;--usk-warning-rgb:164 106 0;--usk-danger-rgb:178 60 60;--usk-link-rgb:26 53 86;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:90 127 166}:where([data-ui][data-theme="chrome-navy"][data-mode="dark"]){--usk-bg-rgb:8 17 28;--usk-surface-rgb:16 33 49;--usk-surface-strong-rgb:23 48 66;--usk-surface-soft-rgb:12 26 39;--usk-text-rgb:239 244 250;--usk-text-muted-rgb:181 192 205;--usk-border-rgb:69 87 107;--usk-primary-rgb:126 169 211;--usk-primary-hover-rgb:165 194 225;--usk-primary-text-rgb:8 17 28;--usk-secondary-rgb:168 193 220;--usk-secondary-hover-rgb:199 216 234;--usk-secondary-text-rgb:8 17 28;--usk-accent-rgb:199 213 229;--usk-success-rgb:120 216 181;--usk-warning-rgb:255 209 122;--usk-danger-rgb:255 144 144;--usk-link-rgb:199 213 229;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:159 188 224}:where([data-ui][data-theme="chrome-navy"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 8 12;--usk-surface-strong-rgb:10 19 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:242 247 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:156 197 240;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 230 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:230 240 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 92 92;--usk-link-rgb:156 197 240;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="recycled-emerald"][data-mode="light"]){--usk-bg-rgb:246 251 249;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 255 254;--usk-surface-soft-rgb:232 242 239;--usk-text-rgb:14 44 41;--usk-text-muted-rgb:88 112 109;--usk-border-rgb:199 216 212;--usk-primary-rgb:14 91 79;--usk-primary-hover-rgb:10 72 63;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:15 118 110;--usk-secondary-hover-rgb:12 95 89;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:52 211 153;--usk-success-rgb:21 115 71;--usk-warning-rgb:150 99 0;--usk-danger-rgb:185 63 79;--usk-link-rgb:12 81 71;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:52 211 153}:where([data-ui][data-theme="recycled-emerald"][data-mode="dark"]){--usk-bg-rgb:7 22 20;--usk-surface-rgb:16 38 34;--usk-surface-strong-rgb:22 54 47;--usk-surface-soft-rgb:11 29 26;--usk-text-rgb:236 251 247;--usk-text-muted-rgb:183 208 203;--usk-border-rgb:65 97 92;--usk-primary-rgb:69 209 175;--usk-primary-hover-rgb:114 227 197;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:103 221 209;--usk-secondary-hover-rgb:141 236 227;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:139 255 214;--usk-success-rgb:141 229 184;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 154 168;--usk-link-rgb:139 255 214;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:103 221 209}:where([data-ui][data-theme="recycled-emerald"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 16 13;--usk-surface-strong-rgb:8 33 28;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:239 255 248;--usk-border-rgb:255 255 255;--usk-primary-rgb:56 240 185;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:160 255 217;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 128;--usk-link-rgb:56 240 185;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="industrial-orange"][data-mode="light"]){--usk-bg-rgb:245 243 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 250 248;--usk-surface-soft-rgb:228 224 218;--usk-text-rgb:24 21 18;--usk-text-muted-rgb:98 91 84;--usk-border-rgb:184 178 169;--usk-primary-rgb:183 78 22;--usk-primary-hover-rgb:142 63 18;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:43 43 43;--usk-secondary-hover-rgb:27 27 27;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:225 139 61;--usk-success-rgb:47 125 84;--usk-warning-rgb:164 106 0;--usk-danger-rgb:178 60 60;--usk-link-rgb:142 63 18;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:225 139 61}:where([data-ui][data-theme="industrial-orange"][data-mode="dark"]){--usk-bg-rgb:13 12 11;--usk-surface-rgb:26 26 26;--usk-surface-strong-rgb:43 43 43;--usk-surface-soft-rgb:18 17 16;--usk-text-rgb:247 242 235;--usk-text-muted-rgb:197 188 177;--usk-border-rgb:89 81 73;--usk-primary-rgb:255 138 61;--usk-primary-hover-rgb:255 174 113;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:198 191 182;--usk-secondary-hover-rgb:227 222 215;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 179 107;--usk-success-rgb:139 223 178;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 152 152;--usk-link-rgb:255 179 107;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 154 66}:where([data-ui][data-theme="industrial-orange"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:10 9 8;--usk-surface-strong-rgb:23 19 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:247 241 234;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 154 66;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:244 241 236;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 195 111;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 92 92;--usk-link-rgb:255 179 107;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="performance-red"][data-mode="light"]){--usk-bg-rgb:246 246 247;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 252 253;--usk-surface-soft-rgb:230 231 234;--usk-text-rgb:18 19 23;--usk-text-muted-rgb:92 97 107;--usk-border-rgb:199 203 210;--usk-primary-rgb:200 16 46;--usk-primary-hover-rgb:163 14 37;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:31 31 31;--usk-secondary-hover-rgb:17 17 17;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:232 76 97;--usk-success-rgb:47 125 84;--usk-warning-rgb:164 106 0;--usk-danger-rgb:168 15 41;--usk-link-rgb:163 14 37;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:232 76 97}:where([data-ui][data-theme="performance-red"][data-mode="dark"]){--usk-bg-rgb:9 9 10;--usk-surface-rgb:20 20 22;--usk-surface-strong-rgb:31 31 34;--usk-surface-soft-rgb:15 16 18;--usk-text-rgb:249 249 250;--usk-text-muted-rgb:192 197 207;--usk-border-rgb:76 79 86;--usk-primary-rgb:255 76 102;--usk-primary-hover-rgb:255 112 133;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:209 211 216;--usk-secondary-hover-rgb:232 233 236;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 131 148;--usk-success-rgb:143 223 182;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 127 144;--usk-link-rgb:255 131 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 76 102}:where([data-ui][data-theme="performance-red"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:18 18 18;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 54 86;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 149 163;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 106 125;--usk-link-rgb:255 149 163;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="heritage-brass"][data-mode="light"]){--usk-bg-rgb:250 244 234;--usk-surface-rgb:255 253 249;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:239 228 207;--usk-text-rgb:42 31 26;--usk-text-muted-rgb:109 92 84;--usk-border-rgb:212 192 166;--usk-primary-rgb:107 15 26;--usk-primary-hover-rgb:91 13 22;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:17 17 17;--usk-secondary-hover-rgb:0 0 0;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 154 70;--usk-success-rgb:47 125 84;--usk-warning-rgb:160 107 19;--usk-danger-rgb:178 60 60;--usk-link-rgb:91 13 22;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 154 70}:where([data-ui][data-theme="heritage-brass"][data-mode="dark"]){--usk-bg-rgb:19 13 10;--usk-surface-rgb:33 24 20;--usk-surface-strong-rgb:50 36 30;--usk-surface-soft-rgb:25 18 15;--usk-text-rgb:251 245 236;--usk-text-muted-rgb:211 195 183;--usk-border-rgb:106 82 62;--usk-primary-rgb:201 138 93;--usk-primary-hover-rgb:224 169 126;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:246 235 215;--usk-secondary-hover-rgb:255 248 235;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:231 184 95;--usk-success-rgb:152 224 182;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 160 154;--usk-link-rgb:240 200 125;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:231 184 95}:where([data-ui][data-theme="heritage-brass"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 10 7;--usk-surface-strong-rgb:28 18 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:200 138 54;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 243 217;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 211 107;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 107 107;--usk-link-rgb:255 211 107;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="service-blue-red"][data-mode="light"]){--usk-bg-rgb:245 247 250;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 252 253;--usk-surface-soft-rgb:232 235 240;--usk-text-rgb:17 36 59;--usk-text-muted-rgb:90 104 119;--usk-border-rgb:200 207 217;--usk-primary-rgb:13 59 102;--usk-primary-hover-rgb:11 49 85;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:214 43 43;--usk-secondary-hover-rgb:178 35 35;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:233 90 90;--usk-success-rgb:47 125 84;--usk-warning-rgb:164 106 0;--usk-danger-rgb:198 40 40;--usk-link-rgb:11 49 85;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:214 43 43}:where([data-ui][data-theme="service-blue-red"][data-mode="dark"]){--usk-bg-rgb:8 17 28;--usk-surface-rgb:16 32 48;--usk-surface-strong-rgb:24 49 73;--usk-surface-soft-rgb:11 23 36;--usk-text-rgb:243 247 251;--usk-text-muted-rgb:188 200 213;--usk-border-rgb:71 96 121;--usk-primary-rgb:108 169 227;--usk-primary-hover-rgb:147 193 237;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 106 106;--usk-secondary-hover-rgb:255 146 146;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 154 154;--usk-success-rgb:143 223 182;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 143 143;--usk-link-rgb:165 203 241;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 106 106}:where([data-ui][data-theme="service-blue-red"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:6 16 26;--usk-surface-strong-rgb:10 29 48;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:102 181 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 102 102;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 170 170;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 92 92;--usk-link-rgb:140 198 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="newsprint-crimson"][data-mode="light"]){--usk-bg-rgb:238 229 212;--usk-surface-rgb:248 241 229;--usk-surface-strong-rgb:255 249 238;--usk-surface-soft-rgb:222 209 188;--usk-text-rgb:44 38 34;--usk-text-muted-rgb:99 88 80;--usk-border-rgb:184 170 152;--usk-primary-rgb:122 35 41;--usk-primary-hover-rgb:92 24 29;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:64 58 54;--usk-secondary-hover-rgb:45 41 38;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:199 137 114;--usk-success-rgb:47 114 82;--usk-warning-rgb:154 101 0;--usk-danger-rgb:165 42 50;--usk-link-rgb:106 30 36;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:165 42 50}:where([data-ui][data-theme="newsprint-crimson"][data-mode="dark"]){--usk-bg-rgb:22 16 13;--usk-surface-rgb:33 24 20;--usk-surface-strong-rgb:48 35 30;--usk-surface-soft-rgb:26 18 15;--usk-text-rgb:244 235 221;--usk-text-muted-rgb:198 184 168;--usk-border-rgb:106 90 76;--usk-primary-rgb:216 124 131;--usk-primary-hover-rgb:238 160 166;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:200 185 166;--usk-secondary-hover-rgb:229 214 194;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:240 165 151;--usk-success-rgb:138 214 175;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 154 154;--usk-link-rgb:240 165 151;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:240 165 151}:where([data-ui][data-theme="newsprint-crimson"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:13 8 6;--usk-surface-strong-rgb:26 16 12;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 122 132;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 243 218;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 179 167;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 102;--usk-link-rgb:255 154 163;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="foundry-amber"][data-mode="light"]){--usk-bg-rgb:241 240 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:250 250 248;--usk-surface-soft-rgb:223 221 216;--usk-text-rgb:29 28 26;--usk-text-muted-rgb:96 93 88;--usk-border-rgb:167 163 155;--usk-primary-rgb:169 87 0;--usk-primary-hover-rgb:134 70 0;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:58 58 60;--usk-secondary-hover-rgb:39 39 41;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:232 154 45;--usk-success-rgb:47 114 82;--usk-warning-rgb:154 101 0;--usk-danger-rgb:173 54 54;--usk-link-rgb:134 70 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:232 154 45}:where([data-ui][data-theme="foundry-amber"][data-mode="dark"]){--usk-bg-rgb:17 17 19;--usk-surface-rgb:27 28 31;--usk-surface-strong-rgb:39 40 44;--usk-surface-soft-rgb:22 23 26;--usk-text-rgb:244 242 237;--usk-text-muted-rgb:187 184 177;--usk-border-rgb:88 90 95;--usk-primary-rgb:240 160 58;--usk-primary-hover-rgb:255 183 95;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:174 179 184;--usk-secondary-hover-rgb:208 211 214;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 209 122;--usk-success-rgb:138 214 175;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 153 153;--usk-link-rgb:255 209 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:240 160 58}:where([data-ui][data-theme="foundry-amber"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:9 9 9;--usk-surface-strong-rgb:21 21 21;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 244 242;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 176 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 211 107;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 102;--usk-link-rgb:255 194 71;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="soft-orchid"][data-mode="light"]){--usk-bg-rgb:247 244 252;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:252 250 255;--usk-surface-soft-rgb:233 226 246;--usk-text-rgb:36 26 58;--usk-text-muted-rgb:103 92 121;--usk-border-rgb:207 197 227;--usk-primary-rgb:101 82 184;--usk-primary-hover-rgb:75 59 152;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:105 82 163;--usk-secondary-hover-rgb:81 63 129;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:196 156 232;--usk-success-rgb:62 122 98;--usk-warning-rgb:152 100 0;--usk-danger-rgb:168 58 96;--usk-link-rgb:75 59 152;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:141 117 209}:where([data-ui][data-theme="soft-orchid"][data-mode="dark"]){--usk-bg-rgb:18 13 29;--usk-surface-rgb:28 21 43;--usk-surface-strong-rgb:42 32 64;--usk-surface-soft-rgb:23 17 34;--usk-text-rgb:245 240 255;--usk-text-muted-rgb:196 184 217;--usk-border-rgb:93 79 120;--usk-primary-rgb:169 148 242;--usk-primary-hover-rgb:196 181 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:209 183 245;--usk-secondary-hover-rgb:229 213 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:231 198 255;--usk-success-rgb:145 223 184;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 153 183;--usk-link-rgb:209 183 245;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:209 183 245}:where([data-ui][data-theme="soft-orchid"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:12 7 20;--usk-surface-strong-rgb:26 16 40;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:247 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:184 156 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:113 255 226;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 242;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 139;--usk-link-rgb:201 181 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme="electric-noir"][data-mode="light"]){--usk-bg-rgb:244 245 248;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 252 255;--usk-surface-soft-rgb:230 232 240;--usk-text-rgb:20 17 28;--usk-text-muted-rgb:95 90 104;--usk-border-rgb:198 199 209;--usk-primary-rgb:140 26 120;--usk-primary-hover-rgb:114 21 98;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:33 58 85;--usk-secondary-hover-rgb:23 42 62;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:46 117 144;--usk-success-rgb:47 114 82;--usk-warning-rgb:152 100 0;--usk-danger-rgb:168 40 90;--usk-link-rgb:114 21 98;--usk-accent-text-rgb:255 255 255;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:168 48 160}:where([data-ui][data-theme="electric-noir"][data-mode="dark"]){--usk-bg-rgb:9 7 20;--usk-surface-rgb:17 11 27;--usk-surface-strong-rgb:27 16 43;--usk-surface-soft-rgb:13 9 22;--usk-text-rgb:246 244 250;--usk-text-muted-rgb:188 179 199;--usk-border-rgb:75 50 92;--usk-primary-rgb:226 74 196;--usk-primary-hover-rgb:255 114 223;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:75 166 201;--usk-secondary-hover-rgb:120 197 226;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 122 225;--usk-success-rgb:138 214 175;--usk-warning-rgb:255 210 122;--usk-danger-rgb:255 122 159;--usk-link-rgb:255 122 225;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 122 225}:where([data-ui][data-theme="electric-noir"][data-mode="contrast"]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:9 5 18;--usk-surface-strong-rgb:22 10 36;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:248 242 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 89 215;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 215 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 146 230;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 212 0;--usk-danger-rgb:255 102 139;--usk-link-rgb:255 123 224;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-mode]{--usk-native-bg:rgb(var(--usk-bg-rgb));--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:var(--usk-native-border);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-choice-size:1.5rem;--usk-native-choice-background:var(--usk-native-control-bg);--usk-native-choice-border:var(--usk-native-border-width) solid var(--usk-native-border);--usk-native-checkbox-radius:.3rem;--usk-native-radio-radius:50%;--usk-native-choice-shadow:none;--usk-native-choice-checked-background:var(--usk-native-primary);--usk-native-choice-mark-color:var(--usk-native-on-primary);--usk-native-select-indicator-image:linear-gradient(45deg,transparent 50%,var(--usk-native-indicator) 50%),linear-gradient(135deg,var(--usk-native-indicator) 50%,transparent 50%);--usk-native-select-indicator-size:.42rem .42rem,.42rem .42rem;--usk-native-select-indicator-position:calc(100% - 1.15rem) 50%,calc(100% - .85rem) 50%;--usk-native-select-padding-inline-end:2.5rem;--usk-native-range-track-size:.45rem;--usk-native-range-track-background:var(--usk-native-track);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:999px;--usk-native-range-track-shadow:none;--usk-native-range-progress-background:var(--usk-native-track-fill);--usk-native-range-thumb-size:1.2rem;--usk-native-range-thumb-background:var(--usk-native-thumb);--usk-native-range-thumb-border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);--usk-native-range-thumb-radius:50%;--usk-native-range-thumb-shadow:var(--usk-native-shadow);--usk-native-progress-size:.9rem;--usk-native-progress-track-background:var(--usk-native-track);--usk-native-progress-track-border:0 solid transparent;--usk-native-progress-track-radius:999px;--usk-native-progress-track-shadow:none;--usk-native-progress-value-background:var(--usk-native-track-fill);--usk-native-progress-value-radius:inherit;--usk-native-progress-value-shadow:none;--usk-native-meter-optimum-background:var(--usk-native-success);--usk-native-meter-suboptimum-background:var(--usk-native-warning);--usk-native-meter-critical-background:var(--usk-native-danger);--usk-native-file-button-background:var(--usk-native-primary);--usk-native-file-button-border:var(--usk-native-border-width) solid var(--usk-native-primary);--usk-native-file-button-radius:var(--usk-native-radius-sm);--usk-native-file-button-shadow:var(--usk-native-shadow);--usk-native-color-swatch-border:0 solid transparent;--usk-native-color-swatch-radius:calc(var(--usk-native-radius-sm)/1.5);--usk-native-indicator-opacity:.78;--usk-native-indicator-filter:none;--usk-native-scrollbar-size:.75rem;--usk-native-scrollbar-track:var(--usk-native-track);--usk-native-scrollbar-thumb:var(--usk-native-thumb-border);--usk-native-scrollbar-radius:999px;--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb)/.28);--usk-motion-duration:140ms;--usk-motion-easing:cubic-bezier(0.2,0,0.2,1);--ui-color-bg:var(--usk-native-bg);--ui-color-surface:var(--usk-native-surface-strong);--ui-color-text:var(--usk-native-text);--ui-color-muted:var(--usk-native-text-muted);--ui-color-primary:var(--usk-native-primary);--ui-color-on-primary:var(--usk-native-on-primary);--ui-color-border:var(--usk-native-border);--ui-radius-control:var(--usk-native-radius);--ui-shadow-control:var(--usk-native-shadow);--ui-focus-color:var(--usk-native-focus);--ui-motion-duration:var(--usk-motion-duration);--ui-motion-easing:var(--usk-motion-easing)}[data-ui][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);line-height:1.15;margin:0 0 .65em}@supports (text-wrap:balance){[data-ui][data-mode] :where(h1,h2,h3,h4,h5,h6){text-wrap:balance}}[data-ui][data-mode] :where(hgroup){display:grid;gap:.35rem;margin-block:0 1rem}[data-ui][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-mode] :where(p){margin:0 0 1rem;color:var(--usk-native-text-muted);line-height:1.7}[data-ui][data-mode] :where(a){color:var(--usk-native-link);text-decoration-thickness:.08em;text-underline-offset:.18em}[data-ui][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-mode] :where(ul,ol,menu){margin:0 0 1rem;padding-left:1.35rem;color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(li){margin-block:.25rem}[data-ui][data-mode] :where(blockquote){margin:1.25rem 0;padding:1rem 1.25rem;color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(code,kbd,samp){padding:.15em .35em;color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);font-size:.92em}[data-ui][data-mode] :where(pre){overflow:auto;margin:1rem 0;padding:1rem;color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(pre code){display:block;padding:0;background:transparent;border:0}[data-ui][data-mode] :where(hr){height:1px;margin:2rem 0;background:var(--usk-native-border);border:0}[data-ui][data-mode] :where(mark){padding-inline:.15em;color:var(--usk-native-text);background:rgb(var(--usk-warning-rgb)/.32);border-radius:.2em}[data-ui][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-mode] audio[controls]{display:block;box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:60px;padding:3px;background:var(--usk-native-control-bg);color:var(--usk-native-text);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);box-shadow:var(--usk-native-shadow);accent-color:var(--usk-native-primary);color-scheme:light}[data-ui][data-mode="dark"] audio[controls],[data-ui][data-mode="contrast"] audio[controls]{color-scheme:dark}[data-ui][data-mode] audio[controls]::-webkit-media-controls-enclosure{border-radius:var(--usk-native-radius);background:transparent}[data-ui][data-mode] audio[controls]::-webkit-media-controls-panel{background:var(--usk-native-control-bg);color:var(--usk-native-text)}[data-ui][data-mode] audio[controls]:focus-visible{outline:2px solid var(--usk-native-focus);outline-offset:2px}[data-ui][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-mode] :where(figcaption){margin-top:.5rem;color:var(--usk-native-text-muted);font-size:.9rem}[data-ui][data-mode] :where(form){display:grid;gap:var(--usk-native-field-gap);min-inline-size:0}[data-ui][data-mode] :where(fieldset){display:grid;gap:.9rem;min-inline-size:0;margin:0 0 1rem;padding:var(--usk-native-panel-padding);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(legend){padding-inline:.35rem;color:var(--usk-native-text);font-weight:900}[data-ui][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){display:grid;gap:var(--usk-native-field-gap);align-content:start}[data-ui][data-mode] :where(label:has(input[type="checkbox"]),label:has(input[type="radio"])){display:inline-flex;gap:var(--usk-native-field-gap);align-items:center}[data-ui][data-mode] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-mode] :where(textarea){min-height:7rem;resize:vertical}[data-ui][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-mode] :where(select:not([multiple])){-webkit-appearance:none;appearance:none;padding-inline-end:var(--usk-native-select-padding-inline-end);background-image:var(--usk-native-select-indicator-image);background-repeat:no-repeat;background-position:var(--usk-native-select-indicator-position);background-size:var(--usk-native-select-indicator-size)}[data-ui][data-mode] :where(select[multiple]){padding-inline-end:var(--usk-native-control-padding-inline);background-image:none}[dir="rtl"] [data-ui][data-mode] :where(select:not([multiple])),[data-ui][data-mode][dir="rtl"] :where(select:not([multiple])){--usk-native-select-indicator-position:1.15rem 50%,.85rem 50%}[data-ui][data-mode] :where(button,input[type="button"],input[type="submit"],input[type="reset"]){-webkit-appearance:none;appearance:none;box-sizing:border-box;min-block-size:var(--usk-native-control-min-block-size);padding:.7rem 1rem;font:inherit}[data-ui][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);font-weight:850;cursor:pointer}[data-ui][data-mode] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]){display:inline-flex;align-items:center;justify-content:center;gap:.55rem}[data-ui][data-mode] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"])::after{flex:0 0 1em}[data-ui][data-mode] :where(button:not([class]):hover,input[type="button"]:not([class]):hover,input[type="submit"]:not([class]):hover,input[type="reset"]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-mode] :where(input[type="checkbox"],input[type="radio"]){-webkit-appearance:none;appearance:none;inline-size:var(--usk-native-choice-size);block-size:var(--usk-native-choice-size);background:var(--usk-native-choice-background);border:var(--usk-native-choice-border);box-shadow:var(--usk-native-choice-shadow);accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(input[type="checkbox"]){border-radius:var(--usk-native-checkbox-radius)}[data-ui][data-mode] :where(input[type="radio"]){border-radius:var(--usk-native-radio-radius)}[data-ui][data-mode] :where(input[type="checkbox"]:checked){background-color:var(--usk-native-choice-checked-background);background-image:linear-gradient(135deg,transparent 42%,var(--usk-native-choice-mark-color) 42% 56%,transparent 56%),linear-gradient(45deg,transparent 54%,var(--usk-native-choice-mark-color) 54% 68%,transparent 68%)}[data-ui][data-mode] :where(input[type="checkbox"]:hover:not(:disabled),input[type="radio"]:hover:not(:disabled)){border-color:var(--usk-native-primary);filter:brightness(1.04)}[data-ui][data-mode] :where(input[type="checkbox"]:active:not(:disabled),input[type="radio"]:active:not(:disabled)){filter:brightness(.94);transform:scale(.94)}[data-ui][data-mode] :where(input[type="radio"]:checked){background:radial-gradient(circle,var(--usk-native-choice-mark-color)0 31%,transparent 34%),var(--usk-native-choice-checked-background)}[data-ui][data-mode] :where(input[type="range"]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;background:transparent;accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(input[type="range"])::-webkit-slider-runnable-track{block-size:var(--usk-native-range-track-size);background:var(--usk-native-range-track-background);border:var(--usk-native-range-track-border);border-radius:var(--usk-native-range-track-radius);box-shadow:var(--usk-native-range-track-shadow)}[data-ui][data-mode] :where(input[type="range"])::-moz-range-track{block-size:var(--usk-native-range-track-size);background:var(--usk-native-range-track-background);border:var(--usk-native-range-track-border);border-radius:var(--usk-native-range-track-radius);box-shadow:var(--usk-native-range-track-shadow)}[data-ui][data-mode] :where(input[type="range"])::-moz-range-progress{block-size:var(--usk-native-range-track-size);background:var(--usk-native-range-progress-background);border-radius:var(--usk-native-range-track-radius)}[data-ui][data-mode] :where(input[type="range"])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--usk-native-range-thumb-size);block-size:var(--usk-native-range-thumb-size);margin-block-start:calc((var(--usk-native-range-track-size) - var(--usk-native-range-thumb-size))/2);background:var(--usk-native-range-thumb-background);border:var(--usk-native-range-thumb-border);border-radius:var(--usk-native-range-thumb-radius);box-shadow:var(--usk-native-range-thumb-shadow)}[data-ui][data-mode] :where(input[type="range"])::-moz-range-thumb{inline-size:var(--usk-native-range-thumb-size);block-size:var(--usk-native-range-thumb-size);background:var(--usk-native-range-thumb-background);border:var(--usk-native-range-thumb-border);border-radius:var(--usk-native-range-thumb-radius);box-shadow:var(--usk-native-range-thumb-shadow)}[data-ui][data-mode] :where(input[type="color"]){inline-size:3rem;block-size:2.4rem;padding:.2rem;background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm)}[data-ui][data-mode] :where(input[type="color"])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-mode] :where(input[type="color"])::-webkit-color-swatch{border:var(--usk-native-color-swatch-border);border-radius:var(--usk-native-color-swatch-radius)}[data-ui][data-mode] :where(input[type="color"])::-moz-color-swatch{border:var(--usk-native-color-swatch-border);border-radius:var(--usk-native-color-swatch-radius)}[data-ui][data-mode] :where(input[type="file"]){color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(input[type="file"])::file-selector-button,[data-ui][data-mode] :where(input[type="file"])::-webkit-file-upload-button{margin-inline-end:.75rem;padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-file-button-background);border:var(--usk-native-file-button-border);border-radius:var(--usk-native-file-button-radius);box-shadow:var(--usk-native-file-button-shadow);font-weight:800;cursor:pointer}[data-ui][data-mode] :where(input[type="file"]:hover)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-mode] :where(input[type="file"]:focus-visible)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-mode] :where(input[type="file"]:active)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-mode] :where(input[type="file"]:disabled)::file-selector-button,[data-ui][data-mode] :where(input[type="file"]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-mode] :where(input:read-only:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid="true"],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-mode] :where(input[type="checkbox"]:indeterminate,input[type="radio"]:indeterminate){background:linear-gradient(var(--usk-native-choice-mark-color),var(--usk-native-choice-mark-color)) center/58% .15rem no-repeat var(--usk-native-choice-checked-background);accent-color:var(--usk-native-warning)}[data-ui][data-mode] :where(button:active,input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active){filter:brightness(.96)}[data-ui][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled="true"]){color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-mode] :where(table){width:100%;margin:1rem 0;background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse}[data-ui][data-mode] :where(caption){caption-side:bottom;padding:.75rem;color:var(--usk-native-text-muted);font-size:.9rem}[data-ui][data-mode] :where(th,td){padding:.8rem .9rem;text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border)}[data-ui][data-mode] :where(th){color:var(--usk-native-text);background:var(--usk-native-surface-soft)}[data-ui][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(details){margin:1rem 0;padding:.9rem 1rem;color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius)}[data-ui][data-mode] :where(summary){color:var(--usk-native-text);font-weight:900;cursor:pointer}[data-ui][data-mode] :where(dialog){max-width:min(92vw,42rem);padding:0;color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md),0 30px 80px rgb(0 0 0/.42)}[data-ui][data-mode] :where(dialog p){color:inherit}[data-ui][data-mode] :where(dialog)::backdrop{background:rgb(0 0 0/.62)}[data-ui][data-mode] :where(progress,meter){-webkit-appearance:none;appearance:none;width:100%;min-height:var(--usk-native-progress-size);accent-color:var(--usk-native-primary)}[data-ui][data-mode] :where(progress:not([value])){background:repeating-linear-gradient(115deg,var(--usk-native-progress-track-background)0 .5rem,var(--usk-native-progress-value-background) .5rem 1rem);background-size:200% 100%;border:var(--usk-native-progress-track-border);border-radius:var(--usk-native-progress-track-radius);box-shadow:var(--usk-native-progress-track-shadow);animation:usk-native-progress-indeterminate 1.2s linear infinite}@keyframes usk-native-progress-indeterminate{to{background-position:-2rem 0}}[data-ui][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-progress-track-background);border:var(--usk-native-progress-track-border);border-radius:var(--usk-native-progress-track-radius);box-shadow:var(--usk-native-progress-track-shadow)}[data-ui][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-progress-value-background);border-radius:var(--usk-native-progress-value-radius);box-shadow:var(--usk-native-progress-value-shadow)}[data-ui][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-progress-value-background);border-radius:var(--usk-native-progress-value-radius);box-shadow:var(--usk-native-progress-value-shadow)}[data-ui][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-meter-optimum-background)}[data-ui][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-meter-suboptimum-background)}[data-ui][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-meter-critical-background)}[data-ui][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-mode] :where(dl){margin:0 0 1rem;color:var(--usk-native-text-muted)}[data-ui][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-decoration-thickness:.08em;text-underline-offset:.16em}[data-ui][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-mode] :where(search){display:block;color:var(--usk-native-text)}[data-ui][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-mode] :where(datalist){display:none}[data-ui][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-mode] :where(input[type="date"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"])::-webkit-calendar-picker-indicator{opacity:var(--usk-native-indicator-opacity);filter:var(--usk-native-indicator-filter);accent-color:var(--usk-native-indicator)}[data-ui][data-mode] :where(input[type="search"])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-mode] :where(input[type="number"])::-webkit-inner-spin-button,[data-ui][data-mode] :where(input[type="number"])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator);opacity:var(--usk-native-indicator-opacity);filter:var(--usk-native-indicator-filter)}[data-ui][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-mode] :where(:target){scroll-margin-top:6rem;outline:3px solid var(--usk-native-focus);outline-offset:.35rem}[data-ui][data-mode] :where([aria-current="page"]){font-weight:900}[data-ui][data-mode] :where([aria-busy="true"]){cursor:progress}[data-ui][data-mode] :where([hidden]){display:none!important}[data-ui][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-mode] ::-webkit-scrollbar{inline-size:var(--usk-native-scrollbar-size);block-size:var(--usk-native-scrollbar-size)}[data-ui][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-scrollbar-track)}[data-ui][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-scrollbar-thumb);border-radius:var(--usk-native-scrollbar-radius)}@supports (color:color-mix(in srgb,black,white)){[data-ui][data-mode]{--usk-native-track:color-mix(in srgb,var(--usk-native-border) 50%,transparent)}[data-ui][data-mode] :where(code,kbd,samp){border-color:color-mix(in srgb,var(--usk-native-border) 62%,transparent)}[data-ui][data-mode] :where(mark){background:color-mix(in srgb,var(--usk-native-warning) 32%,transparent)}[data-ui][data-mode] :where(fieldset){background:color-mix(in srgb,var(--usk-native-card-bg) 88%,transparent)}[data-ui][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled="true"]){background:color-mix(in srgb,var(--usk-native-surface-soft) 72%,transparent)}[data-ui][data-mode] :where(th){background:color-mix(in srgb,var(--usk-native-primary) 10%,transparent)}}@media (prefers-reduced-motion:reduce){[data-ui][data-mode] :where(input[type="file"])::file-selector-button,[data-ui][data-mode] :where(input[type="file"])::-webkit-file-upload-button{transition-duration:1ms!important}[data-ui][data-mode] :where(progress:not([value])){animation:none}}[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-webkit-slider-runnable-track,[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-webkit-slider-thumb,[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-moz-range-track,[data-ui][data-theme][data-mode="contrast"] :where(input[type="range"])::-moz-range-thumb,[data-ui][data-theme][data-mode="contrast"] :where(progress,meter),[data-ui][data-theme][data-mode="contrast"] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode="contrast"] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode="contrast"] :where(progress)::-moz-progress-bar{box-shadow:none;filter:none}@media (forced-colors:active){@supports (forced-color-adjust:auto){[data-ui][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}}[data-ui][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid="true"],.is-invalid){border-color:Mark}}}@layer ui-style-kit.components{[data-ui][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,strong,small,em,code,kbd,samp,pre,th,td){max-inline-size:100%;min-inline-size:0;overflow-wrap:break-word;word-break:normal}[data-ui][data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],[class~="saas-card"],[class~="saas-panel"],[class~="saas-toolbar"],[class~="saas-well"],[class~="saas-inset"],[class~="saas-field"],[class~="saas-alert"],[class~="saas-table-wrap"],[class~="saas-nav"],[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],[class~="bento-card"],[class~="bento-panel"],[class~="bento-toolbar"],[class~="bento-well"],[class~="bento-inset"],[class~="bento-field"],[class~="bento-alert"],[class~="bento-table-wrap"],[class~="bento-nav"],[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],[class~="max-card"],[class~="max-panel"],[class~="max-toolbar"],[class~="max-well"],[class~="max-inset"],[class~="max-field"],[class~="max-alert"],[class~="max-table-wrap"],[class~="max-nav"],[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],[class~="bau-card"],[class~="bau-panel"],[class~="bau-toolbar"],[class~="bau-well"],[class~="bau-inset"],[class~="bau-field"],[class~="bau-alert"],[class~="bau-table-wrap"],[class~="bau-nav"],[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],[class~="tactile-card"],[class~="tactile-panel"],[class~="tactile-toolbar"],[class~="tactile-well"],[class~="tactile-inset"],[class~="tactile-field"],[class~="tactile-alert"],[class~="tactile-table-wrap"],[class~="tactile-nav"],[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],[class~="neo-card"],[class~="neo-panel"],[class~="neo-toolbar"],[class~="neo-well"],[class~="neo-inset"],[class~="neo-field"],[class~="neo-alert"],[class~="neo-table-wrap"],[class~="neo-nav"],[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],[class~="retro-card"],[class~="retro-panel"],[class~="retro-toolbar"],[class~="retro-well"],[class~="retro-inset"],[class~="retro-field"],[class~="retro-alert"],[class~="retro-table-wrap"],[class~="retro-nav"],[class~="brutal-surface"],[class~="brutal-card"],[class~="brutal-panel"],[class~="brutal-toolbar"],[class~="brutal-well"],[class~="brutal-inset"],[class~="brutal-field"],[class~="brutal-alert"],[class~="brutal-table-wrap"],[class~="brutal-nav"],[class~="cyber-card"],[class~="cyber-panel"],[class~="cyber-toolbar"],[class~="cyber-well"],[class~="cyber-inset"],[class~="cyber-field"],[class~="cyber-alert"],[class~="cyber-table-wrap"],[class~="cyber-nav"],[class~="y2k-card"],[class~="y2k-panel"],[class~="y2k-toolbar"],[class~="y2k-well"],[class~="y2k-inset"],[class~="y2k-field"],[class~="y2k-alert"],[class~="y2k-table-wrap"],[class~="y2k-nav"],[class~="rg-card"],[class~="rg-panel"],[class~="rg-toolbar"],[class~="rg-well"],[class~="rg-inset"],[class~="rg-field"],[class~="rg-alert"],[class~="rg-table-wrap"],[class~="rg-nav"]),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where([class~="saas-surface"],[class~="saas-surface-sm"],[class~="saas-surface-lg"],.ui-card,[class~="saas-panel"],.ui-toolbar,[class~="saas-well"],[class~="saas-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bento-surface"],[class~="bento-surface-sm"],[class~="bento-surface-lg"],.ui-card,[class~="bento-panel"],.ui-toolbar,[class~="bento-well"],[class~="bento-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="max-surface"],[class~="max-surface-sm"],[class~="max-surface-lg"],.ui-card,[class~="max-panel"],.ui-toolbar,[class~="max-well"],[class~="max-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="bau-surface"],[class~="bau-surface-sm"],[class~="bau-surface-lg"],.ui-card,[class~="bau-panel"],.ui-toolbar,[class~="bau-well"],[class~="bau-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="tactile-surface"],[class~="tactile-surface-sm"],[class~="tactile-surface-lg"],.ui-card,[class~="tactile-panel"],.ui-toolbar,[class~="tactile-well"],[class~="tactile-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="neo-surface"],[class~="neo-surface-sm"],[class~="neo-surface-lg"],.ui-card,[class~="neo-panel"],.ui-toolbar,[class~="neo-well"],[class~="neo-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="retro-surface"],[class~="retro-surface-sm"],[class~="retro-surface-lg"],.ui-card,[class~="retro-panel"],.ui-toolbar,[class~="retro-well"],[class~="retro-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,[class~="brutal-surface"],.ui-card,[class~="brutal-panel"],.ui-toolbar,[class~="brutal-well"],[class~="brutal-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="cyber-panel"],.ui-toolbar,[class~="cyber-well"],[class~="cyber-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="y2k-panel"],.ui-toolbar,[class~="y2k-well"],[class~="y2k-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.ui-card,[class~="rg-panel"],.ui-toolbar,[class~="rg-well"],[class~="rg-inset"],.ui-field,.ui-alert,.ui-table-wrap,.ui-nav){max-inline-size:100%;min-inline-size:0}[data-ui][data-mode] :where([class~="saas-button"],[class~="saas-icon-button"],[class~="saas-badge"],[class~="saas-nav-link"],[class~="bento-button"],[class~="bento-icon-button"],[class~="bento-badge"],[class~="bento-nav-link"],[class~="max-button"],[class~="max-icon-button"],[class~="max-badge"],[class~="max-nav-link"],[class~="bau-button"],[class~="bau-icon-button"],[class~="bau-badge"],[class~="bau-nav-link"],[class~="tactile-button"],[class~="tactile-icon-button"],[class~="tactile-badge"],[class~="tactile-nav-link"],[class~="neo-button"],[class~="neo-icon-button"],[class~="neo-badge"],[class~="neo-nav-link"],[class~="retro-button"],[class~="retro-icon-button"],[class~="retro-badge"],[class~="retro-nav-link"],[class~="brutal-button"],[class~="brutal-icon-button"],[class~="brutal-badge"],[class~="brutal-nav-link"],[class~="cyber-button"],[class~="cyber-icon-button"],[class~="cyber-badge"],[class~="cyber-nav-link"],[class~="y2k-button"],[class~="y2k-icon-button"],[class~="y2k-badge"],[class~="y2k-nav-link"],[class~="rg-button"],[class~="rg-icon-button"],[class~="rg-badge"],[class~="rg-nav-link"]),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link,.ui-button,.ui-icon-button,.ui-badge,.ui-nav-link){max-inline-size:100%;min-inline-size:0;overflow-wrap:break-word;word-break:normal;white-space:normal}[data-ui][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;vertical-align:middle}[data-ui][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;padding-block:.65rem;padding-inline:max(1rem,1em);border-style:solid;border-width:1px;border-radius:999px;font:inherit;font-weight:850;text-align:center;text-decoration:none;overflow-wrap:break-word;word-break:normal;white-space:normal;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,filter 160ms ease}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed="true"],.bento-button-pill:active,.bento-button-pill[aria-pressed="true"],.max-button-pill:active,.max-button-pill[aria-pressed="true"],.bau-button-pill:active,.bau-button-pill[aria-pressed="true"],.tactile-button-pill:active,.tactile-button-pill[aria-pressed="true"],.neo-button-pill:active,.neo-button-pill[aria-pressed="true"],.retro-button-pill:active,.retro-button-pill[aria-pressed="true"],.brutal-button-pill:active,.brutal-button-pill[aria-pressed="true"],.cyber-button-pill:active,.cyber-button-pill[aria-pressed="true"],.y2k-button-pill:active,.y2k-button-pill[aria-pressed="true"],.rg-button-pill:active,.rg-button-pill[aria-pressed="true"]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled="true"],.bento-button-pill:disabled,.bento-button-pill[aria-disabled="true"],.max-button-pill:disabled,.max-button-pill[aria-disabled="true"],.bau-button-pill:disabled,.bau-button-pill[aria-disabled="true"],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled="true"],.neo-button-pill:disabled,.neo-button-pill[aria-disabled="true"],.retro-button-pill:disabled,.retro-button-pill[aria-disabled="true"],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled="true"],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled="true"],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled="true"],.rg-button-pill:disabled,.rg-button-pill[aria-disabled="true"]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){max-inline-size:min(18rem,calc(100vw - 2rem));text-align:start;overflow-wrap:break-word;word-break:normal}[data-ui][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){position:absolute;z-index:20}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-inline-start:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-inline-end:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{inline-size:100%;block-size:1px;border:0;background:var(--usk-native-border)}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--usk-native-primary);background:transparent;border-color:var(--usk-native-border)}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui="bauhaus"]) .ui-check,:where([data-ui="bauhaus"]) .ui-radio,:where([data-ui="bauhaus"]) .ui-switch{display:inline-flex;align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text)}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio-control{inline-size:1.5rem;block-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui="bauhaus"]) .ui-switch-track{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;inline-size:2.75rem;block-size:1.5rem;padding:.18rem;background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch-thumb{inline-size:1rem;block-size:1rem;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;transition:transform 160ms ease}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:1000;padding:.75rem 1rem;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{[data-ui][data-mode] :where(.saas-badge-seal,.bento-badge-seal,.max-badge-seal,.bau-badge-seal,.tactile-badge-seal,.neo-badge-seal,.retro-badge-seal,.brutal-badge-seal,.cyber-badge-seal,.y2k-badge-seal,.rg-badge-seal,.luxe-badge-seal,.organic-badge-seal,.utility-badge-seal,.blueprint-badge-seal,.deco-badge-seal,.clay-badge-seal,.terminal-badge-seal,.paper-badge-seal,.noir-badge-seal)>strong{color:inherit;font-size:1.5rem;line-height:.9}[data-ui][data-mode] :where(.saas-badge-seal,.bento-badge-seal,.max-badge-seal,.bau-badge-seal,.tactile-badge-seal,.neo-badge-seal,.retro-badge-seal,.brutal-badge-seal,.cyber-badge-seal,.y2k-badge-seal,.rg-badge-seal,.luxe-badge-seal,.organic-badge-seal,.utility-badge-seal,.blueprint-badge-seal,.deco-badge-seal,.clay-badge-seal,.terminal-badge-seal,.paper-badge-seal,.noir-badge-seal)>small{color:inherit;font-size:.8125rem;line-height:1}}@layer ui-style-kit.components{[data-ui][data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.luxe-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.luxe-toolbar,.luxe-well,.luxe-inset,.luxe-field,.luxe-alert,.luxe-table-wrap,.luxe-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.organic-card,.organic-card-service,.organic-card-feature,.organic-panel,.organic-toolbar,.organic-well,.organic-inset,.organic-field,.organic-alert,.organic-table-wrap,.organic-nav,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.utility-card,.utility-card-service,.utility-card-feature,.utility-panel,.utility-toolbar,.utility-well,.utility-inset,.utility-field,.utility-alert,.utility-table-wrap,.utility-nav,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.blueprint-card,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.blueprint-toolbar,.blueprint-well,.blueprint-inset,.blueprint-field,.blueprint-alert,.blueprint-table-wrap,.blueprint-nav,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.deco-card,.deco-card-service,.deco-card-feature,.deco-panel,.deco-toolbar,.deco-well,.deco-inset,.deco-field,.deco-alert,.deco-table-wrap,.deco-nav,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.clay-card,.clay-card-service,.clay-card-feature,.clay-panel,.clay-toolbar,.clay-well,.clay-inset,.clay-field,.clay-alert,.clay-table-wrap,.clay-nav,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.terminal-card,.terminal-card-service,.terminal-card-feature,.terminal-panel,.terminal-toolbar,.terminal-well,.terminal-inset,.terminal-field,.terminal-alert,.terminal-table-wrap,.terminal-nav,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.paper-card,.paper-card-service,.paper-card-feature,.paper-panel,.paper-toolbar,.paper-well,.paper-inset,.paper-field,.paper-alert,.paper-table-wrap,.paper-nav,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.noir-card,.noir-card-service,.noir-card-feature,.noir-panel,.noir-toolbar,.noir-well,.noir-inset,.noir-field,.noir-alert,.noir-table-wrap,.noir-nav,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.luxe-surface,.luxe-surface-sm,.luxe-surface-lg,.ui-card,.luxe-card-service,.luxe-card-feature,.luxe-panel,.ui-toolbar,.luxe-well,.luxe-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.luxe-feature-strip,.luxe-feature-item,.luxe-callout-bar,.luxe-media-scrim,.organic-surface,.organic-surface-sm,.organic-surface-lg,.ui-card,.organic-card-service,.organic-card-feature,.organic-panel,.ui-toolbar,.organic-well,.organic-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.organic-feature-strip,.organic-feature-item,.organic-callout-bar,.organic-media-scrim,.utility-surface,.utility-surface-sm,.utility-surface-lg,.ui-card,.utility-card-service,.utility-card-feature,.utility-panel,.ui-toolbar,.utility-well,.utility-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.utility-feature-strip,.utility-feature-item,.utility-callout-bar,.utility-media-scrim,.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg,.ui-card,.blueprint-card-service,.blueprint-card-feature,.blueprint-panel,.ui-toolbar,.blueprint-well,.blueprint-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.blueprint-feature-strip,.blueprint-feature-item,.blueprint-callout-bar,.blueprint-media-scrim,.deco-surface,.deco-surface-sm,.deco-surface-lg,.ui-card,.deco-card-service,.deco-card-feature,.deco-panel,.ui-toolbar,.deco-well,.deco-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.deco-feature-strip,.deco-feature-item,.deco-callout-bar,.deco-media-scrim,.clay-surface,.clay-surface-sm,.clay-surface-lg,.ui-card,.clay-card-service,.clay-card-feature,.clay-panel,.ui-toolbar,.clay-well,.clay-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.clay-feature-strip,.clay-feature-item,.clay-callout-bar,.clay-media-scrim,.terminal-surface,.terminal-surface-sm,.terminal-surface-lg,.ui-card,.terminal-card-service,.terminal-card-feature,.terminal-panel,.ui-toolbar,.terminal-well,.terminal-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.terminal-feature-strip,.terminal-feature-item,.terminal-callout-bar,.terminal-media-scrim,.paper-surface,.paper-surface-sm,.paper-surface-lg,.ui-card,.paper-card-service,.paper-card-feature,.paper-panel,.ui-toolbar,.paper-well,.paper-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.paper-feature-strip,.paper-feature-item,.paper-callout-bar,.paper-media-scrim,.noir-surface,.noir-surface-sm,.noir-surface-lg,.ui-card,.noir-card-service,.noir-card-feature,.noir-panel,.ui-toolbar,.noir-well,.noir-inset,.ui-field,.ui-alert,.ui-table-wrap,.ui-nav,.noir-feature-strip,.noir-feature-item,.noir-callout-bar,.noir-media-scrim){max-inline-size:100%;min-inline-size:0}[data-ui][data-mode] :where(.luxe-button,.luxe-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.luxe-badge,.luxe-badge-seal,.luxe-nav-link,.luxe-icon-medallion,.organic-button,.organic-icon-button,.organic-button-cut,.organic-button-outline-heavy,.organic-badge,.organic-badge-seal,.organic-nav-link,.organic-icon-medallion,.utility-button,.utility-icon-button,.utility-button-cut,.utility-button-outline-heavy,.utility-badge,.utility-badge-seal,.utility-nav-link,.utility-icon-medallion,.blueprint-button,.blueprint-icon-button,.blueprint-button-cut,.blueprint-button-outline-heavy,.blueprint-badge,.blueprint-badge-seal,.blueprint-nav-link,.blueprint-icon-medallion,.deco-button,.deco-icon-button,.deco-button-cut,.deco-button-outline-heavy,.deco-badge,.deco-badge-seal,.deco-nav-link,.deco-icon-medallion,.clay-button,.clay-icon-button,.clay-button-cut,.clay-button-outline-heavy,.clay-badge,.clay-badge-seal,.clay-nav-link,.clay-icon-medallion,.terminal-button,.terminal-icon-button,.terminal-button-cut,.terminal-button-outline-heavy,.terminal-badge,.terminal-badge-seal,.terminal-nav-link,.terminal-icon-medallion,.paper-button,.paper-icon-button,.paper-button-cut,.paper-button-outline-heavy,.paper-badge,.paper-badge-seal,.paper-nav-link,.paper-icon-medallion,.noir-button,.noir-icon-button,.noir-button-cut,.noir-button-outline-heavy,.noir-badge,.noir-badge-seal,.noir-nav-link,.noir-icon-medallion),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.luxe-button-cut,.luxe-button-outline-heavy,.ui-badge,.luxe-badge-seal,.ui-nav-link,.luxe-icon-medallion,.ui-button,.ui-icon-button,.organic-button-cut,.organic-button-outline-heavy,.ui-badge,.organic-badge-seal,.ui-nav-link,.organic-icon-medallion,.ui-button,.ui-icon-button,.utility-button-cut,.utility-button-outline-heavy,.ui-badge,.utility-badge-seal,.ui-nav-link,.utility-icon-medallion,.ui-button,.ui-icon-button,.blueprint-button-cut,.blueprint-button-outline-heavy,.ui-badge,.blueprint-badge-seal,.ui-nav-link,.blueprint-icon-medallion,.ui-button,.ui-icon-button,.deco-button-cut,.deco-button-outline-heavy,.ui-badge,.deco-badge-seal,.ui-nav-link,.deco-icon-medallion,.ui-button,.ui-icon-button,.clay-button-cut,.clay-button-outline-heavy,.ui-badge,.clay-badge-seal,.ui-nav-link,.clay-icon-medallion,.ui-button,.ui-icon-button,.terminal-button-cut,.terminal-button-outline-heavy,.ui-badge,.terminal-badge-seal,.ui-nav-link,.terminal-icon-medallion,.ui-button,.ui-icon-button,.paper-button-cut,.paper-button-outline-heavy,.ui-badge,.paper-badge-seal,.ui-nav-link,.paper-icon-medallion,.ui-button,.ui-icon-button,.noir-button-cut,.noir-button-outline-heavy,.ui-badge,.noir-badge-seal,.ui-nav-link,.noir-icon-medallion){max-inline-size:100%;min-inline-size:0;overflow-wrap:break-word;word-break:normal;white-space:normal}[data-ui][data-mode] :where(.luxe-button,.luxe-icon-button,.luxe-button-pill,.organic-button,.organic-icon-button,.organic-button-pill,.utility-button,.utility-icon-button,.utility-button-pill,.blueprint-button,.blueprint-icon-button,.blueprint-button-pill,.deco-button,.deco-icon-button,.deco-button-pill,.clay-button,.clay-icon-button,.clay-button-pill,.terminal-button,.terminal-icon-button,.terminal-button-pill,.paper-button,.paper-icon-button,.paper-button-pill,.noir-button,.noir-icon-button,.noir-button-pill),[data-ui]:where([data-ui="bauhaus"])[data-mode] :where(.ui-button,.ui-icon-button,.luxe-button-pill,.ui-button,.ui-icon-button,.organic-button-pill,.ui-button,.ui-icon-button,.utility-button-pill,.ui-button,.ui-icon-button,.blueprint-button-pill,.ui-button,.ui-icon-button,.deco-button-pill,.ui-button,.ui-icon-button,.clay-button-pill,.ui-button,.ui-icon-button,.terminal-button-pill,.ui-button,.ui-icon-button,.paper-button-pill,.ui-button,.ui-icon-button,.noir-button-pill){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;vertical-align:middle}[data-ui][data-mode] :where(.luxe-button-pill,.organic-button-pill,.utility-button-pill,.blueprint-button-pill,.deco-button-pill,.clay-button-pill,.terminal-button-pill,.paper-button-pill,.noir-button-pill){min-block-size:44px;padding-block:.65rem;padding-inline:max(1rem,1em);border-style:solid;border-width:1px;border-radius:999px;font:inherit;font-weight:850;text-align:center;text-decoration:none;overflow-wrap:break-word;word-break:normal;white-space:normal;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,filter 160ms ease}.luxe-button-pill{color:var(--luxe-on-primary);background:var(--luxe-primary);border-color:var(--luxe-primary);border-radius:var(--luxe-radius-pill)}.luxe-button-pill:hover{border-color:var(--luxe-primary-hover);filter:brightness(1.04)}.luxe-button-pill:focus-visible{outline:3px solid var(--luxe-focus);outline-offset:3px;box-shadow:var(--luxe-focus-ring)}.luxe-pill{border-radius:var(--luxe-radius-pill)}.luxe-rounded{border-radius:var(--luxe-radius-md)}.luxe-rounded-lg{border-radius:var(--luxe-radius-lg)}.luxe-rounded-xl{border-radius:var(--luxe-radius-xl)}.luxe-surface,.luxe-surface-sm,.luxe-surface-lg{color:var(--luxe-text);background:var(--luxe-card-bg);border:1px solid var(--luxe-border)}.organic-button-pill{color:var(--organic-on-primary);background:var(--organic-primary);border-color:var(--organic-primary);border-radius:var(--organic-radius-pill)}.organic-button-pill:hover{border-color:var(--organic-primary-hover);filter:brightness(1.04)}.organic-button-pill:focus-visible{outline:3px solid var(--organic-focus);outline-offset:3px;box-shadow:var(--organic-focus-ring)}.organic-pill{border-radius:var(--organic-radius-pill)}.organic-rounded{border-radius:var(--organic-radius-md)}.organic-rounded-lg{border-radius:var(--organic-radius-lg)}.organic-rounded-xl{border-radius:var(--organic-radius-xl)}.organic-surface,.organic-surface-sm,.organic-surface-lg{color:var(--organic-text);background:var(--organic-card-bg);border:1px solid var(--organic-border)}.utility-button-pill{color:var(--utility-on-primary);background:var(--utility-primary);border-color:var(--utility-primary);border-radius:var(--utility-radius-pill)}.utility-button-pill:hover{border-color:var(--utility-primary-hover);filter:brightness(1.04)}.utility-button-pill:focus-visible{outline:3px solid var(--utility-focus);outline-offset:3px;box-shadow:var(--utility-focus-ring)}.utility-pill{border-radius:var(--utility-radius-pill)}.utility-rounded{border-radius:var(--utility-radius-md)}.utility-rounded-lg{border-radius:var(--utility-radius-lg)}.utility-rounded-xl{border-radius:var(--utility-radius-xl)}.utility-surface,.utility-surface-sm,.utility-surface-lg{color:var(--utility-text);background:var(--utility-card-bg);border:1px solid var(--utility-border)}.blueprint-button-pill{color:var(--blueprint-on-primary);background:var(--blueprint-primary);border-color:var(--blueprint-primary);border-radius:var(--blueprint-radius-pill)}.blueprint-button-pill:hover{border-color:var(--blueprint-primary-hover);filter:brightness(1.04)}.blueprint-button-pill:focus-visible{outline:3px solid var(--blueprint-focus);outline-offset:3px;box-shadow:var(--blueprint-focus-ring)}.blueprint-pill{border-radius:var(--blueprint-radius-pill)}.blueprint-rounded{border-radius:var(--blueprint-radius-md)}.blueprint-rounded-lg{border-radius:var(--blueprint-radius-lg)}.blueprint-rounded-xl{border-radius:var(--blueprint-radius-xl)}.blueprint-surface,.blueprint-surface-sm,.blueprint-surface-lg{color:var(--blueprint-text);background:var(--blueprint-card-bg);border:1px solid var(--blueprint-border)}.deco-button-pill{color:var(--deco-on-primary);background:var(--deco-primary);border-color:var(--deco-primary);border-radius:var(--deco-radius-pill)}.deco-button-pill:hover{border-color:var(--deco-primary-hover);filter:brightness(1.04)}.deco-button-pill:focus-visible{outline:3px solid var(--deco-focus);outline-offset:3px;box-shadow:var(--deco-focus-ring)}.deco-pill{border-radius:var(--deco-radius-pill)}.deco-rounded{border-radius:var(--deco-radius-md)}.deco-rounded-lg{border-radius:var(--deco-radius-lg)}.deco-rounded-xl{border-radius:var(--deco-radius-xl)}.deco-surface,.deco-surface-sm,.deco-surface-lg{color:var(--deco-text);background:var(--deco-card-bg);border:1px solid var(--deco-border)}.clay-button-pill{color:var(--clay-on-primary);background:var(--clay-primary);border-color:var(--clay-primary);border-radius:var(--clay-radius-pill)}.clay-button-pill:hover{border-color:var(--clay-primary-hover);filter:brightness(1.04)}.clay-button-pill:focus-visible{outline:3px solid var(--clay-focus);outline-offset:3px;box-shadow:var(--clay-focus-ring)}.clay-pill{border-radius:var(--clay-radius-pill)}.clay-rounded{border-radius:var(--clay-radius-md)}.clay-rounded-lg{border-radius:var(--clay-radius-lg)}.clay-rounded-xl{border-radius:var(--clay-radius-xl)}.clay-surface,.clay-surface-sm,.clay-surface-lg{color:var(--clay-text);background:var(--clay-card-bg);border:1px solid var(--clay-border)}.terminal-button-pill{color:var(--terminal-on-primary);background:var(--terminal-primary);border-color:var(--terminal-primary);border-radius:var(--terminal-radius-pill)}.terminal-button-pill:hover{border-color:var(--terminal-primary-hover);filter:brightness(1.04)}.terminal-button-pill:focus-visible{outline:3px solid var(--terminal-focus);outline-offset:3px;box-shadow:var(--terminal-focus-ring)}.terminal-pill{border-radius:var(--terminal-radius-pill)}.terminal-rounded{border-radius:var(--terminal-radius-md)}.terminal-rounded-lg{border-radius:var(--terminal-radius-lg)}.terminal-rounded-xl{border-radius:var(--terminal-radius-xl)}.terminal-surface,.terminal-surface-sm,.terminal-surface-lg{color:var(--terminal-text);background:var(--terminal-card-bg);border:1px solid var(--terminal-border)}.paper-button-pill{color:var(--paper-on-primary);background:var(--paper-primary);border-color:var(--paper-primary);border-radius:var(--paper-radius-pill)}.paper-button-pill:hover{border-color:var(--paper-primary-hover);filter:brightness(1.04)}.paper-button-pill:focus-visible{outline:3px solid var(--paper-focus);outline-offset:3px;box-shadow:var(--paper-focus-ring)}.paper-pill{border-radius:var(--paper-radius-pill)}.paper-rounded{border-radius:var(--paper-radius-md)}.paper-rounded-lg{border-radius:var(--paper-radius-lg)}.paper-rounded-xl{border-radius:var(--paper-radius-xl)}.paper-surface,.paper-surface-sm,.paper-surface-lg{color:var(--paper-text);background:var(--paper-card-bg);border:1px solid var(--paper-border)}.noir-button-pill{color:var(--noir-on-primary);background:var(--noir-primary);border-color:var(--noir-primary);border-radius:var(--noir-radius-pill)}.noir-button-pill:hover{border-color:var(--noir-primary-hover);filter:brightness(1.04)}.noir-button-pill:focus-visible{outline:3px solid var(--noir-focus);outline-offset:3px;box-shadow:var(--noir-focus-ring)}.noir-pill{border-radius:var(--noir-radius-pill)}.noir-rounded{border-radius:var(--noir-radius-md)}.noir-rounded-lg{border-radius:var(--noir-radius-lg)}.noir-rounded-xl{border-radius:var(--noir-radius-xl)}.noir-surface,.noir-surface-sm,.noir-surface-lg{color:var(--noir-text);background:var(--noir-card-bg);border:1px solid var(--noir-border)}[data-ui][data-mode] :where(.luxe-button-pill:active,.luxe-button-pill[aria-pressed="true"],.organic-button-pill:active,.organic-button-pill[aria-pressed="true"],.utility-button-pill:active,.utility-button-pill[aria-pressed="true"],.blueprint-button-pill:active,.blueprint-button-pill[aria-pressed="true"],.deco-button-pill:active,.deco-button-pill[aria-pressed="true"],.clay-button-pill:active,.clay-button-pill[aria-pressed="true"],.terminal-button-pill:active,.terminal-button-pill[aria-pressed="true"],.paper-button-pill:active,.paper-button-pill[aria-pressed="true"],.noir-button-pill:active,.noir-button-pill[aria-pressed="true"]){transform:translateY(1px)}[data-ui][data-mode] :where(.luxe-button-pill:disabled,.luxe-button-pill[aria-disabled="true"],.organic-button-pill:disabled,.organic-button-pill[aria-disabled="true"],.utility-button-pill:disabled,.utility-button-pill[aria-disabled="true"],.blueprint-button-pill:disabled,.blueprint-button-pill[aria-disabled="true"],.deco-button-pill:disabled,.deco-button-pill[aria-disabled="true"],.clay-button-pill:disabled,.clay-button-pill[aria-disabled="true"],.terminal-button-pill:disabled,.terminal-button-pill[aria-disabled="true"],.paper-button-pill:disabled,.paper-button-pill[aria-disabled="true"],.noir-button-pill:disabled,.noir-button-pill[aria-disabled="true"]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-mode] :where(.luxe-tooltip,.luxe-tooltip-top,.luxe-tooltip-right,.luxe-tooltip-bottom,.luxe-tooltip-left,.organic-tooltip,.organic-tooltip-top,.organic-tooltip-right,.organic-tooltip-bottom,.organic-tooltip-left,.utility-tooltip,.utility-tooltip-top,.utility-tooltip-right,.utility-tooltip-bottom,.utility-tooltip-left,.blueprint-tooltip,.blueprint-tooltip-top,.blueprint-tooltip-right,.blueprint-tooltip-bottom,.blueprint-tooltip-left,.deco-tooltip,.deco-tooltip-top,.deco-tooltip-right,.deco-tooltip-bottom,.deco-tooltip-left,.clay-tooltip,.clay-tooltip-top,.clay-tooltip-right,.clay-tooltip-bottom,.clay-tooltip-left,.terminal-tooltip,.terminal-tooltip-top,.terminal-tooltip-right,.terminal-tooltip-bottom,.terminal-tooltip-left,.paper-tooltip,.paper-tooltip-top,.paper-tooltip-right,.paper-tooltip-bottom,.paper-tooltip-left,.noir-tooltip,.noir-tooltip-top,.noir-tooltip-right,.noir-tooltip-bottom,.noir-tooltip-left){max-inline-size:min(18rem,calc(100vw - 2rem));text-align:start;overflow-wrap:break-word;word-break:normal}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-top,[data-ui-tooltip-anchor]>.luxe-tooltip-right,[data-ui-tooltip-anchor]>.luxe-tooltip-bottom,[data-ui-tooltip-anchor]>.luxe-tooltip-left,[data-ui-tooltip-anchor]>.organic-tooltip-top,[data-ui-tooltip-anchor]>.organic-tooltip-right,[data-ui-tooltip-anchor]>.organic-tooltip-bottom,[data-ui-tooltip-anchor]>.organic-tooltip-left,[data-ui-tooltip-anchor]>.utility-tooltip-top,[data-ui-tooltip-anchor]>.utility-tooltip-right,[data-ui-tooltip-anchor]>.utility-tooltip-bottom,[data-ui-tooltip-anchor]>.utility-tooltip-left,[data-ui-tooltip-anchor]>.blueprint-tooltip-top,[data-ui-tooltip-anchor]>.blueprint-tooltip-right,[data-ui-tooltip-anchor]>.blueprint-tooltip-bottom,[data-ui-tooltip-anchor]>.blueprint-tooltip-left,[data-ui-tooltip-anchor]>.deco-tooltip-top,[data-ui-tooltip-anchor]>.deco-tooltip-right,[data-ui-tooltip-anchor]>.deco-tooltip-bottom,[data-ui-tooltip-anchor]>.deco-tooltip-left,[data-ui-tooltip-anchor]>.clay-tooltip-top,[data-ui-tooltip-anchor]>.clay-tooltip-right,[data-ui-tooltip-anchor]>.clay-tooltip-bottom,[data-ui-tooltip-anchor]>.clay-tooltip-left,[data-ui-tooltip-anchor]>.terminal-tooltip-top,[data-ui-tooltip-anchor]>.terminal-tooltip-right,[data-ui-tooltip-anchor]>.terminal-tooltip-bottom,[data-ui-tooltip-anchor]>.terminal-tooltip-left,[data-ui-tooltip-anchor]>.paper-tooltip-top,[data-ui-tooltip-anchor]>.paper-tooltip-right,[data-ui-tooltip-anchor]>.paper-tooltip-bottom,[data-ui-tooltip-anchor]>.paper-tooltip-left,[data-ui-tooltip-anchor]>.noir-tooltip-top,[data-ui-tooltip-anchor]>.noir-tooltip-right,[data-ui-tooltip-anchor]>.noir-tooltip-bottom,[data-ui-tooltip-anchor]>.noir-tooltip-left){position:absolute;z-index:20}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-top,[data-ui-tooltip-anchor]>.organic-tooltip-top,[data-ui-tooltip-anchor]>.utility-tooltip-top,[data-ui-tooltip-anchor]>.blueprint-tooltip-top,[data-ui-tooltip-anchor]>.deco-tooltip-top,[data-ui-tooltip-anchor]>.clay-tooltip-top,[data-ui-tooltip-anchor]>.terminal-tooltip-top,[data-ui-tooltip-anchor]>.paper-tooltip-top,[data-ui-tooltip-anchor]>.noir-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-right,[data-ui-tooltip-anchor]>.organic-tooltip-right,[data-ui-tooltip-anchor]>.utility-tooltip-right,[data-ui-tooltip-anchor]>.blueprint-tooltip-right,[data-ui-tooltip-anchor]>.deco-tooltip-right,[data-ui-tooltip-anchor]>.clay-tooltip-right,[data-ui-tooltip-anchor]>.terminal-tooltip-right,[data-ui-tooltip-anchor]>.paper-tooltip-right,[data-ui-tooltip-anchor]>.noir-tooltip-right){inset-inline-start:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-bottom,[data-ui-tooltip-anchor]>.organic-tooltip-bottom,[data-ui-tooltip-anchor]>.utility-tooltip-bottom,[data-ui-tooltip-anchor]>.blueprint-tooltip-bottom,[data-ui-tooltip-anchor]>.deco-tooltip-bottom,[data-ui-tooltip-anchor]>.clay-tooltip-bottom,[data-ui-tooltip-anchor]>.terminal-tooltip-bottom,[data-ui-tooltip-anchor]>.paper-tooltip-bottom,[data-ui-tooltip-anchor]>.noir-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translateX(-50%)}[data-ui][data-mode] :where([data-ui-tooltip-anchor]>.luxe-tooltip-left,[data-ui-tooltip-anchor]>.organic-tooltip-left,[data-ui-tooltip-anchor]>.utility-tooltip-left,[data-ui-tooltip-anchor]>.blueprint-tooltip-left,[data-ui-tooltip-anchor]>.deco-tooltip-left,[data-ui-tooltip-anchor]>.clay-tooltip-left,[data-ui-tooltip-anchor]>.terminal-tooltip-left,[data-ui-tooltip-anchor]>.paper-tooltip-left,[data-ui-tooltip-anchor]>.noir-tooltip-left){inset-inline-end:calc(100% + .5rem);inset-block-start:50%;transform:translateY(-50%)}:where(.luxe-bg-primary,.organic-bg-primary,.utility-bg-primary,.blueprint-bg-primary,.deco-bg-primary,.clay-bg-primary,.terminal-bg-primary,.paper-bg-primary,.noir-bg-primary){background:var(--usk-native-primary);color:var(--usk-native-on-primary)}:where(.luxe-bg-secondary,.organic-bg-secondary,.utility-bg-secondary,.blueprint-bg-secondary,.deco-bg-secondary,.clay-bg-secondary,.terminal-bg-secondary,.paper-bg-secondary,.noir-bg-secondary){background:var(--usk-native-surface-soft);color:var(--usk-native-text)}:where(.luxe-border,.organic-border,.utility-border,.blueprint-border,.deco-border,.clay-border,.terminal-border,.paper-border,.noir-border){border:var(--usk-native-border-width) solid var(--usk-native-border)}:where(.luxe-divider,.organic-divider,.utility-divider,.blueprint-divider,.deco-divider,.clay-divider,.terminal-divider,.paper-divider,.noir-divider){inline-size:100%;block-size:1px;border:0;background:var(--usk-native-border)}:where(.luxe-disabled,.organic-disabled,.utility-disabled,.blueprint-disabled,.deco-disabled,.clay-disabled,.terminal-disabled,.paper-disabled,.noir-disabled){opacity:.55;cursor:not-allowed;pointer-events:none}:where(.luxe-button-ghost,.organic-button-ghost,.utility-button-ghost,.blueprint-button-ghost,.deco-button-ghost,.clay-button-ghost,.terminal-button-ghost,.paper-button-ghost,.noir-button-ghost),:where([data-ui="bauhaus"]) :where(.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"]),.ui-button:where([data-ui-variant="ghost"])){color:var(--usk-native-primary);background:transparent;border-color:var(--usk-native-border)}:where(.luxe-check,.luxe-radio,.luxe-switch,.organic-check,.organic-radio,.organic-switch,.utility-check,.utility-radio,.utility-switch,.blueprint-check,.blueprint-radio,.blueprint-switch,.deco-check,.deco-radio,.deco-switch,.clay-check,.clay-radio,.clay-switch,.terminal-check,.terminal-radio,.terminal-switch,.paper-check,.paper-radio,.paper-switch,.noir-check,.noir-radio,.noir-switch),:where([data-ui="bauhaus"]) :where(.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch,.ui-check,.ui-radio,.ui-switch){display:inline-flex;align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text)}:where(.luxe-check-control,.luxe-radio-control,.organic-check-control,.organic-radio-control,.utility-check-control,.utility-radio-control,.blueprint-check-control,.blueprint-radio-control,.deco-check-control,.deco-radio-control,.clay-check-control,.clay-radio-control,.terminal-check-control,.terminal-radio-control,.paper-check-control,.paper-radio-control,.noir-check-control,.noir-radio-control),:where([data-ui="bauhaus"]) :where(.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control,.ui-check-control,.ui-radio-control){inline-size:1.5rem;block-size:1.5rem;accent-color:var(--usk-native-primary)}:where(.luxe-switch-track,.organic-switch-track,.utility-switch-track,.blueprint-switch-track,.deco-switch-track,.clay-switch-track,.terminal-switch-track,.paper-switch-track,.noir-switch-track),:where([data-ui="bauhaus"]) :where(.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track,.ui-switch-track){position:relative;display:inline-flex;align-items:center;flex:0 0 auto;inline-size:2.75rem;block-size:1.5rem;padding:.18rem;background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px}:where(.luxe-switch-thumb,.organic-switch-thumb,.utility-switch-thumb,.blueprint-switch-thumb,.deco-switch-thumb,.clay-switch-thumb,.terminal-switch-thumb,.paper-switch-thumb,.noir-switch-thumb),:where([data-ui="bauhaus"]) :where(.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb,.ui-switch-thumb){inline-size:1rem;block-size:1rem;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;transition:transform 160ms ease}:where(.luxe-switch:has(input:checked) .luxe-switch-track,.organic-switch:has(input:checked) .organic-switch-track,.utility-switch:has(input:checked) .utility-switch-track,.blueprint-switch:has(input:checked) .blueprint-switch-track,.deco-switch:has(input:checked) .deco-switch-track,.clay-switch:has(input:checked) .clay-switch-track,.terminal-switch:has(input:checked) .terminal-switch-track,.paper-switch:has(input:checked) .paper-switch-track,.noir-switch:has(input:checked) .noir-switch-track),:where([data-ui="bauhaus"]) :where(.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track,.ui-switch:has(input:checked) .ui-switch-track){background:var(--usk-native-track-fill)}:where(.luxe-sr-only,.luxe-visually-hidden,.organic-sr-only,.organic-visually-hidden,.utility-sr-only,.utility-visually-hidden,.blueprint-sr-only,.blueprint-visually-hidden,.deco-sr-only,.deco-visually-hidden,.clay-sr-only,.clay-visually-hidden,.terminal-sr-only,.terminal-visually-hidden,.paper-sr-only,.paper-visually-hidden,.noir-sr-only,.noir-visually-hidden){position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:where(.luxe-skip-link,.organic-skip-link,.utility-skip-link,.blueprint-skip-link,.deco-skip-link,.clay-skip-link,.terminal-skip-link,.paper-skip-link,.noir-skip-link){position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:1000;padding:.75rem 1rem;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);transform:translateY(calc(-100% - 1rem))}:where(.luxe-skip-link:focus-visible,.organic-skip-link:focus-visible,.utility-skip-link:focus-visible,.blueprint-skip-link:focus-visible,.deco-skip-link:focus-visible,.clay-skip-link:focus-visible,.terminal-skip-link:focus-visible,.paper-skip-link:focus-visible,.noir-skip-link:focus-visible){transform:translateY(0)}}@font-face{font-family:Bauhaus Barlow;src:url(../assets/bauhaus-barlow.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Bauhaus Barlow;src:url(../assets/bauhaus-barlow-semibold.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}@font-face{font-family:Bauhaus Condensed;src:url(../assets/bauhaus-condensed-bold.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Bauhaus Condensed;src:url(../assets/bauhaus-condensed-extrabold.ttf)format("truetype");font-style:normal;font-weight:800 900;font-display:swap}@layer ui-style-kit.presets{:root{--bau-font-sans:"Bauhaus Barlow",Arial,sans-serif;--bau-font-display:"Bauhaus Condensed","Arial Narrow",Arial,sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--bau-radius-xs:0;--bau-radius-sm:0;--bau-radius-md:0;--bau-radius-lg:0;--bau-radius-xl:0;--bau-radius-pill:999px;--bau-rule-width:.16rem;--bau-rule-heavy:.28rem;--bau-grid-step:3rem;--bau-panel-shadow:.48rem .48rem 0 rgb(var(--bau-text-rgb)/.84);--bau-control-shadow:.26rem .26rem 0 rgb(var(--bau-text-rgb)/.88);--bau-control-shadow-hover:.42rem .42rem 0 rgb(var(--bau-text-rgb)/.9);--bau-control-shadow-pressed:.08rem .08rem 0 rgb(var(--bau-text-rgb)/.9);--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui="bauhaus"][data-mode="light"]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bau-fallback-bg-rgb:238 233 221;--bau-fallback-surface-rgb:255 253 247;--bau-fallback-surface-strong-rgb:255 253 247;--bau-fallback-surface-soft-rgb:238 233 221;--bau-fallback-text-rgb:9 9 9;--bau-fallback-text-muted-rgb:85 81 73;--bau-fallback-border-rgb:9 9 9;--bau-fallback-primary-rgb:6 75 196;--bau-fallback-primary-hover-rgb:15 94 233;--bau-fallback-primary-text-rgb:255 255 255;--bau-fallback-secondary-rgb:9 9 9;--bau-fallback-secondary-hover-rgb:40 40 40;--bau-fallback-secondary-text-rgb:255 253 247;--bau-fallback-accent-rgb:255 202 8;--bau-fallback-accent-text-rgb:9 9 9;--bau-fallback-success-rgb:22 123 78;--bau-fallback-success-text-rgb:255 255 255;--bau-fallback-warning-rgb:255 202 8;--bau-fallback-warning-text-rgb:9 9 9;--bau-fallback-danger-rgb:214 32 20;--bau-fallback-danger-text-rgb:255 255 255;--bau-fallback-link-rgb:6 75 196;--bau-fallback-focus-rgb:154 101 0;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.78;--bau-shadow-alpha:.18;--bau-focus-alpha:.34}[data-ui="bauhaus"][data-mode="dark"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bau-fallback-bg-rgb:5 5 5;--bau-fallback-surface-rgb:8 8 8;--bau-fallback-surface-strong-rgb:12 12 12;--bau-fallback-surface-soft-rgb:21 21 21;--bau-fallback-text-rgb:247 244 236;--bau-fallback-text-muted-rgb:185 180 169;--bau-fallback-border-rgb:244 241 232;--bau-fallback-primary-rgb:10 84 232;--bau-fallback-primary-hover-rgb:28 100 238;--bau-fallback-primary-text-rgb:255 255 255;--bau-fallback-secondary-rgb:247 244 236;--bau-fallback-secondary-hover-rgb:255 255 255;--bau-fallback-secondary-text-rgb:5 5 5;--bau-fallback-accent-rgb:255 208 20;--bau-fallback-accent-text-rgb:9 9 9;--bau-fallback-success-rgb:85 200 136;--bau-fallback-success-text-rgb:5 5 5;--bau-fallback-warning-rgb:255 208 20;--bau-fallback-warning-text-rgb:9 9 9;--bau-fallback-danger-rgb:255 59 47;--bau-fallback-danger-text-rgb:5 5 5;--bau-fallback-link-rgb:111 161 255;--bau-fallback-focus-rgb:255 208 20;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.68;--bau-shadow-alpha:.38;--bau-focus-alpha:.42}[data-ui="bauhaus"][data-mode="contrast"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bau-fallback-bg-rgb:0 0 0;--bau-fallback-surface-rgb:6 16 26;--bau-fallback-surface-strong-rgb:10 29 48;--bau-fallback-surface-soft-rgb:0 0 0;--bau-fallback-text-rgb:255 255 255;--bau-fallback-text-muted-rgb:238 244 255;--bau-fallback-border-rgb:255 255 255;--bau-fallback-primary-rgb:102 181 255;--bau-fallback-primary-hover-rgb:255 255 255;--bau-fallback-primary-text-rgb:0 0 0;--bau-fallback-secondary-rgb:255 102 102;--bau-fallback-secondary-hover-rgb:255 255 255;--bau-fallback-secondary-text-rgb:0 0 0;--bau-fallback-accent-rgb:255 170 170;--bau-fallback-accent-text-rgb:0 0 0;--bau-fallback-success-rgb:0 255 144;--bau-fallback-success-text-rgb:0 0 0;--bau-fallback-warning-rgb:255 212 0;--bau-fallback-warning-text-rgb:0 0 0;--bau-fallback-danger-rgb:255 92 92;--bau-fallback-danger-text-rgb:0 0 0;--bau-fallback-link-rgb:140 198 255;--bau-fallback-focus-rgb:255 255 255;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui="bauhaus"][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-focus-rgb:var(--usk-focus-rgb)}[data-ui="bauhaus"][data-mode]{--usk-native-bg:var(--bau-bg);--bau-bg-rgb:var(--usk-bg-rgb,var(--bau-fallback-bg-rgb));--bau-surface-rgb:var(--usk-surface-rgb,var(--bau-fallback-surface-rgb));--bau-surface-strong-rgb:var(--usk-surface-strong-rgb,var(--bau-fallback-surface-strong-rgb));--bau-surface-soft-rgb:var(--usk-surface-soft-rgb,var(--bau-fallback-surface-soft-rgb));--bau-text-rgb:var(--usk-text-rgb,var(--bau-fallback-text-rgb));--bau-text-muted-rgb:var(--usk-text-muted-rgb,var(--bau-fallback-text-muted-rgb));--bau-border-rgb:var(--usk-border-rgb,var(--bau-fallback-border-rgb));--bau-primary-rgb:var(--usk-primary-rgb,var(--bau-fallback-primary-rgb));--bau-primary-hover-rgb:var(--usk-primary-hover-rgb,var(--bau-fallback-primary-hover-rgb));--bau-primary-text-rgb:var(--usk-primary-text-rgb,var(--bau-fallback-primary-text-rgb));--bau-secondary-rgb:var(--usk-secondary-rgb,var(--bau-fallback-secondary-rgb));--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb,var(--bau-fallback-secondary-hover-rgb));--bau-secondary-text-rgb:var(--usk-secondary-text-rgb,var(--bau-fallback-secondary-text-rgb));--bau-accent-rgb:var(--usk-accent-rgb,var(--bau-fallback-accent-rgb));--bau-accent-text-rgb:var(--usk-accent-text-rgb,var(--bau-fallback-accent-text-rgb));--bau-success-rgb:var(--usk-success-rgb,var(--bau-fallback-success-rgb));--bau-success-text-rgb:var(--usk-success-text-rgb,var(--bau-fallback-success-text-rgb));--bau-warning-rgb:var(--usk-warning-rgb,var(--bau-fallback-warning-rgb));--bau-warning-text-rgb:var(--usk-warning-text-rgb,var(--bau-fallback-warning-text-rgb));--bau-danger-rgb:var(--usk-danger-rgb,var(--bau-fallback-danger-rgb));--bau-danger-text-rgb:var(--usk-danger-text-rgb,var(--bau-fallback-danger-text-rgb));--bau-link-rgb:var(--usk-link-rgb,var(--bau-fallback-link-rgb));--bau-focus-rgb:var(--usk-focus-rgb,var(--bau-fallback-focus-rgb));--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:0;--usk-native-radius:0;--usk-native-radius-lg:0;--usk-native-shadow:var(--bau-control-shadow);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb)/.28));--usk-native-border-width:2px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--usk-native-control-min-block-size:3.125rem;--usk-native-control-padding-block:.75rem;--usk-native-control-padding-inline:1.05rem;--usk-native-subcontrol-padding-block:.5rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-choice-size:1.5rem;--usk-native-choice-background:var(--bau-control-bg);--usk-native-choice-border:2px solid var(--bau-border);--usk-native-checkbox-radius:0;--usk-native-radio-radius:50%;--usk-native-choice-shadow:var(--bau-control-shadow-pressed);--usk-native-choice-checked-background:var(--bau-primary);--usk-native-choice-mark-color:var(--bau-on-primary);--usk-native-select-indicator-image:linear-gradient(45deg,transparent 50%,var(--bau-text) 50%),linear-gradient(135deg,var(--bau-text) 50%,transparent 50%);--usk-native-select-indicator-size:.58rem .58rem,.58rem .58rem;--usk-native-select-indicator-position:calc(100% - 1.45rem) 50%,calc(100% - 1.04rem) 50%;--usk-native-select-padding-inline-end:3rem;--usk-native-range-track-size:.24rem;--usk-native-range-track-background:var(--bau-border);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:0;--usk-native-range-track-shadow:none;--usk-native-range-progress-background:var(--bau-primary);--usk-native-range-thumb-size:1.55rem;--usk-native-range-thumb-background:var(--bau-primary);--usk-native-range-thumb-border:2px solid var(--bau-border);--usk-native-range-thumb-radius:50%;--usk-native-range-thumb-shadow:var(--bau-control-shadow-pressed);--usk-native-progress-size:.95rem;--usk-native-progress-track-background:repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.15rem,rgb(var(--bau-border-rgb)/.7) 1.15rem calc(1.15rem + 2px));--usk-native-progress-track-border:2px solid var(--bau-border);--usk-native-progress-track-radius:0;--usk-native-progress-track-shadow:none;--usk-native-progress-value-background:repeating-linear-gradient(90deg,var(--bau-primary)0 1.15rem,var(--bau-accent) 1.15rem 1.3rem);--usk-native-progress-value-radius:0;--usk-native-progress-value-shadow:none;--usk-native-meter-optimum-background:var(--bau-success);--usk-native-meter-suboptimum-background:var(--bau-warning);--usk-native-meter-critical-background:var(--bau-danger);--usk-native-file-button-background:var(--bau-primary);--usk-native-file-button-border:2px solid var(--bau-border);--usk-native-file-button-radius:0;--usk-native-file-button-shadow:var(--bau-control-shadow);--usk-native-color-swatch-border:2px solid var(--bau-border);--usk-native-color-swatch-radius:0;--usk-native-indicator-opacity:1;--usk-native-indicator-filter:none;--usk-native-scrollbar-size:1rem;--usk-native-scrollbar-track:var(--bau-surface-soft);--usk-native-scrollbar-thumb:var(--bau-primary);--usk-native-scrollbar-radius:0;--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb)/var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb)/var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb)/var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-structural-ink:rgb(var(--bau-text-rgb));--bau-border:rgb(var(--bau-text-rgb)/.94);--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb)/var(--bau-focus-alpha));--bau-theme-bg-size:auto,auto,var(--bau-grid-step) var(--bau-grid-step),var(--bau-grid-step) var(--bau-grid-step),auto;--bau-theme-bg:radial-gradient(circle at 78% 7rem,rgb(var(--bau-danger-rgb)/.24)0 4.2rem,transparent 4.3rem),linear-gradient(90deg,transparent 0 72%,rgb(var(--bau-primary-rgb)/.16) 72% 100%),linear-gradient(90deg,rgb(var(--bau-text-rgb)/.12) var(--bau-rule-width),transparent var(--bau-rule-width)),linear-gradient(rgb(var(--bau-text-rgb)/.12) var(--bau-rule-width),transparent var(--bau-rule-width)),var(--bau-bg);--bau-card-bg:linear-gradient(90deg,var(--bau-primary)0 .9rem,transparent .9rem),linear-gradient(180deg,rgb(var(--bau-text-rgb)/.12)0 var(--bau-rule-width),transparent var(--bau-rule-width)),var(--bau-surface);--bau-control-bg:rgb(var(--bau-surface-strong-rgb)/var(--bau-panel-alpha));--bau-spinner-track:rgb(var(--bau-border-rgb)/max(.28,calc(var(--bau-border-alpha)*.7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}@supports (color:color-mix(in srgb,black,white)){[data-ui="bauhaus"][data-mode]{--bau-border:color-mix(in srgb,var(--bau-structural-ink) 94%,var(--bau-bg))}}[data-ui="bauhaus"]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui="bauhaus"] *,[data-ui="bauhaus"] :before,[data-ui="bauhaus"] :after{box-sizing:border-box}[data-ui="bauhaus"][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-badge,:where([data-ui="bauhaus"]) .ui-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(2.35rem,6vw,4.65rem);font-weight:950;font-stretch:condensed;line-height:.94}.bau-heading{color:var(--bau-text);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.15rem,2.4vw,2rem);font-weight:950;font-stretch:condensed;line-height:1.05}.bau-kicker{color:var(--bau-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{width:100%;height:var(--bau-rule-width);background:var(--bau-text);border:0}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui="bauhaus"]) .ui-card,:where([data-ui="bauhaus"]) .ui-toolbar,:where([data-ui="bauhaus"]) .ui-table-wrap{background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-panel-shadow);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);border-radius:0;position:relative}.bau-surface:before,.bau-card:before,.bau-panel:before,:where([data-ui="bauhaus"]) .ui-card:before{content:"";background:var(--bau-accent);border-block-end:var(--bau-rule-width) solid var(--bau-border);border-inline-start:var(--bau-rule-width) solid var(--bau-border);pointer-events:none;block-size:.75rem;inline-size:clamp(2.75rem,16%,7rem);position:absolute;inset-block-start:0;inset-inline-end:0}.bau-toolbar,:where([data-ui="bauhaus"]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{box-shadow:var(--bau-control-shadow);border-radius:0}.bau-surface-lg{box-shadow:var(--bau-panel-shadow);border-radius:0}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.9));border-block-start-width:var(--bau-rule-heavy);padding:var(--bau-space-5);box-shadow:inset .65rem 0 0 rgb(var(--bau-primary-rgb)/.18);border-radius:0}.bau-button,.bau-icon-button,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:3rem;color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);border-radius:0;padding:.84rem 1.25rem;font-weight:950;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui="bauhaus"]) .ui-button:hover,:where([data-ui="bauhaus"]) .ui-icon-button:hover{border-color:var(--bau-border);box-shadow:var(--bau-control-shadow-hover);transform:translate(-.16rem,-.16rem)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed="true"],.bau-icon-button[aria-pressed="true"],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui="bauhaus"]) .ui-button:active,:where([data-ui="bauhaus"]) .ui-icon-button:active,:where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"],:where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"],:where([data-ui="bauhaus"]) .ui-button.is-active,:where([data-ui="bauhaus"]) .ui-icon-button.is-active{box-shadow:var(--bau-control-shadow-pressed);transform:translate(.12rem,.12rem)}.bau-button-primary:hover,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover{background:var(--bau-primary-hover);border-color:var(--bau-border)}.bau-button-secondary:hover,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-border)}.bau-button-ghost,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--bau-text);box-shadow:none;background:none}.bau-icon-button,:where([data-ui="bauhaus"]) .ui-icon-button{border-radius:0;width:3rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui="bauhaus"]) .ui-button:disabled,:where([data-ui="bauhaus"]) .ui-icon-button:disabled{opacity:.62;cursor:not-allowed;box-shadow:none;transform:none}.bau-card,.bau-panel,:where([data-ui="bauhaus"]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-warning):not(.bau-button-ghost):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover),.bau-icon-button,:where([data-ui="bauhaus"]) .ui-toolbar,:where([data-ui="bauhaus"]) .ui-table-wrap,:where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="warning"])):not(.ui-button:where([data-ui-variant="ghost"])):not(.is-primary):not(.is-secondary):not(.is-danger):not(.is-ghost):not(.is-busy):not(.is-hover),:where([data-ui="bauhaus"]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-icon-button,:where([data-ui="bauhaus"]) .ui-badge,:where([data-ui="bauhaus"]) .ui-nav-link{font-family:var(--bau-font-control)}.bau-field,:where([data-ui="bauhaus"]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui="bauhaus"]) .ui-label{color:var(--bau-text);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:950}.bau-input,.bau-textarea,.bau-select,:where([data-ui="bauhaus"]) .ui-input,:where([data-ui="bauhaus"]) .ui-textarea,:where([data-ui="bauhaus"]) .ui-select{background:var(--bau-control-bg);width:100%;min-height:3.125rem;color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);border-block-end-width:var(--bau-rule-heavy);box-shadow:none;font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);border-radius:0;outline:none;padding:.78rem 1rem}.bau-textarea,:where([data-ui="bauhaus"]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui="bauhaus"]) .ui-input::placeholder,:where([data-ui="bauhaus"]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui="bauhaus"]) .ui-input:hover,:where([data-ui="bauhaus"]) .ui-textarea:hover,:where([data-ui="bauhaus"]) .ui-select:hover{box-shadow:inset .5rem 0 0 rgb(var(--bau-primary-rgb)/.2)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui="bauhaus"]) .ui-input:focus,:where([data-ui="bauhaus"]) .ui-textarea:focus,:where([data-ui="bauhaus"]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring),inset .5rem 0 0 rgb(var(--bau-primary-rgb)/.26)}.bau-help-text,:where([data-ui="bauhaus"]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui="bauhaus"]) .ui-check,:where([data-ui="bauhaus"]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui="bauhaus"]) .ui-check input,:where([data-ui="bauhaus"]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio-control{background:var(--bau-control-bg);border:var(--bau-rule-width) solid var(--bau-border);width:1.5rem;height:1.5rem;box-shadow:var(--bau-control-shadow-pressed);transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-radio-control,:where([data-ui="bauhaus"]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control,:where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-border);box-shadow:var(--bau-control-shadow)}.bau-check input:checked+.bau-check-control:after,:where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after{content:"";border:solid var(--bau-on-primary);border-width:0 0 .18rem .18rem;width:.7rem;height:.42rem;transform:rotate(-45deg) translate(.03rem,-.03rem)}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui="bauhaus"]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui="bauhaus"]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui="bauhaus"]) .ui-switch-track{background:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);width:3.75rem;height:1.9rem;box-shadow:var(--bau-control-shadow-pressed);transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);border-radius:0;position:relative}.bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch-thumb{background:var(--bau-bg);border:var(--bau-rule-width) solid var(--bau-border);width:1.18rem;height:1.18rem;box-shadow:none;transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:0;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-border);box-shadow:var(--bau-control-shadow)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.4rem)}.bau-badge,:where([data-ui="bauhaus"]) .ui-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-control-bg);min-height:1.85rem;color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow-pressed);letter-spacing:.08em;text-transform:uppercase;border-radius:0;padding:.42rem .72rem;font-size:.76rem;font-weight:950;line-height:1;display:inline-flex}.bau-badge-primary,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-border)}.bau-badge-secondary,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-border)}.bau-badge-success,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]){background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-border)}.bau-badge-warning,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-border)}.bau-badge-danger,:where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-border)}.bau-nav,:where([data-ui="bauhaus"]) .ui-nav{background:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-panel-shadow);border-radius:0;flex-wrap:wrap;align-items:stretch;gap:0;padding:0;display:flex}.bau-nav-link,:where([data-ui="bauhaus"]) .ui-nav-link{min-height:3rem;color:var(--bau-bg);border-inline-end:var(--bau-rule-width) solid var(--bau-border);letter-spacing:.08em;text-transform:uppercase;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);border-radius:0;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:.82rem;font-weight:950;text-decoration:none;display:inline-flex}.bau-nav-link:hover,:where([data-ui="bauhaus"]) .ui-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-strong);box-shadow:inset 0-.45rem 0 var(--bau-accent)}.bau-nav-link[aria-current="page"],.bau-nav-link.is-active,:where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"],:where([data-ui="bauhaus"]) .ui-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress,:where([data-ui="bauhaus"]) .ui-progress{background:repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.15rem,rgb(var(--bau-border-rgb)/.7) 1.15rem calc(1.15rem + 2px));border:var(--bau-rule-width) solid var(--bau-border);border-radius:0;width:100%;height:1rem;overflow:hidden}.bau-progress-bar,:where([data-ui="bauhaus"]) .ui-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:repeating-linear-gradient(90deg,var(--bau-primary)0 1.15rem,var(--bau-accent) 1.15rem 1.3rem);border-radius:0}.bau-alert,:where([data-ui="bauhaus"]) .ui-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);border-inline-start-width:.7rem;border-radius:0;display:grid}.bau-alert-success,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]){border-left-color:var(--bau-success)}.bau-alert-warning,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]){border-left-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]){border-left-color:var(--bau-danger)}.bau-alert-title,:where([data-ui="bauhaus"]) .ui-alert-title{letter-spacing:.05em;text-transform:uppercase;margin:0;font-weight:950}.bau-alert-body,:where([data-ui="bauhaus"]) .ui-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap,:where([data-ui="bauhaus"]) .ui-table-wrap{overflow:auto}.bau-table,:where([data-ui="bauhaus"]) .ui-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td,:where([data-ui="bauhaus"]) .ui-table th,:where([data-ui="bauhaus"]) .ui-table td{text-align:left;border-bottom:var(--bau-rule-width) solid var(--bau-border);border-inline-end:1px solid rgb(var(--bau-border-rgb)/.55);padding:.95rem 1rem}.bau-table th,:where([data-ui="bauhaus"]) .ui-table th{color:var(--bau-on-primary);text-transform:uppercase;letter-spacing:.09em;background:var(--bau-primary);font-size:.82rem;font-weight:950}.bau-table td,:where([data-ui="bauhaus"]) .ui-table td{color:var(--bau-text-muted)}.bau-table tr:hover td,:where([data-ui="bauhaus"]) .ui-table tr:hover td{color:var(--bau-text);background:rgb(var(--bau-primary-rgb)/.1)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{isolation:isolate;position:relative;overflow:hidden}.bau-composition:before{content:"";border-inline-start:var(--bau-rule-width) solid rgb(var(--bau-text-rgb)/.62);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:28%}.bau-composition:after{content:"";background:var(--bau-danger);border:var(--bau-rule-width) solid var(--bau-border);opacity:.9;pointer-events:none;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.9rem solid var(--bau-primary);padding-left:var(--bau-space-4);box-shadow:inset var(--bau-rule-width)0 0 var(--bau-border)}.bau-spinner,.bau-loading-spinner,[data-ui="bauhaus"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy="true"],.bau-icon-button[aria-busy="true"],[data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]),:where([data-ui="bauhaus"]) .ui-button[aria-busy="true"],:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]{cursor:progress;gap:.55rem}.bau-button[aria-busy="true"]:after,.bau-icon-button[aria-busy="true"]:after,[data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after,:where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}.bau-card-media{aspect-ratio:16/9;object-fit:cover;border:var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/.86);filter:saturate(1.08) contrast(1.08);border-radius:0;inline-size:100%;display:block}.bau-card-service{gap:var(--bau-space-3);text-align:left;align-content:start;display:grid;position:relative;overflow:visible}.bau-card-service>.bau-icon-medallion{z-index:2;justify-self:start;margin-block-start:-2.15rem;position:relative}.bau-card-service>.bau-card-media+.bau-icon-medallion{margin-block-start:-2.15rem}.bau-card-feature{gap:var(--bau-space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.bau-card-accent-edge{border-inline-start:.35rem solid var(--bau-primary)}.bau-icon-medallion{background:var(--bau-primary);block-size:3.75rem;inline-size:3.75rem;color:var(--bau-on-primary);border:var(--bau-rule-width) solid rgb(var(--bau-border-rgb)/.82);box-shadow:var(--bau-control-shadow);border-radius:0;flex:none;place-items:center;padding:.7rem;line-height:1;display:inline-grid}.bau-icon-medallion>:where(svg,img){object-fit:contain;block-size:100%;inline-size:100%}.bau-button.bau-button-cut,.bau-button-cut,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut{clip-path:polygon(.6rem 0,100%0,100% calc(100% - .6rem),calc(100% - .6rem) 100%,0 100%,0 .6rem);border-radius:0}.bau-button.bau-button-cut:focus-visible,.bau-button-cut:focus-visible,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut:focus-visible{outline-offset:-3px}.bau-button.bau-button-outline-heavy,.bau-button-outline-heavy,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy{color:var(--bau-primary);border-style:solid;border-width:2px;border-color:var(--bau-primary);box-shadow:none;background:none}.bau-button.bau-button-outline-heavy:hover,.bau-button-outline-heavy:hover,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy:hover{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary-hover)}.bau-badge-seal{aspect-ratio:1;background:var(--bau-warning);inline-size:5rem;min-inline-size:5rem;color:var(--bau-on-warning);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);text-align:center;font-family:var(--bau-font-heading);letter-spacing:.04em;border-radius:0;align-content:center;place-items:center;padding:.65rem;font-size:.72rem;font-weight:900;line-height:1.05;display:inline-grid}.bau-feature-strip{background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);border-radius:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.bau-feature-item{align-items:center;gap:var(--bau-space-3);min-inline-size:0;padding:var(--bau-space-4);border-inline-end:1px solid rgb(var(--bau-border-rgb)/.62);grid-template-columns:auto minmax(0,1fr);display:grid}.bau-feature-item:last-child{border-inline-end:0}.bau-feature-item>:where(p,small){color:var(--bau-text-muted);margin:0}.bau-callout-bar{align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4) var(--bau-space-5);background:var(--bau-card-bg);color:var(--bau-text);border:var(--bau-rule-width) solid var(--bau-border);box-shadow:var(--bau-control-shadow);border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bau-callout-bar>:where(p,div){min-inline-size:0}.bau-callout-bar>:where(.bau-button,a,button):last-child,:where([data-ui="bauhaus"]) .bau-callout-bar>:where(.ui-button,a,button):last-child{justify-self:end}.bau-eyebrow{color:var(--bau-primary);font-family:var(--bau-font-heading);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900;line-height:1.2}.bau-media-scrim{isolation:isolate;background:linear-gradient(135deg,var(--bau-primary)0 35%,var(--bau-warning) 35% 48%,var(--bau-danger) 48% 100%);border:var(--bau-rule-width) solid var(--bau-border);border-radius:0;min-block-size:12rem;position:relative;overflow:hidden}.bau-media-scrim>:where(img,picture,video){block-size:100%;inline-size:100%;min-block-size:inherit;object-fit:cover;display:block}.bau-media-scrim>:where(figcaption,[data-media-caption]){z-index:1;color:#fff;border-block-start:var(--bau-rule-width) solid var(--bau-warning);background:linear-gradient(to top,#000000eb,#000000a3 58%,#0000);padding:clamp(1rem,4vw,2rem);position:absolute;inset-block-end:0;inset-inline:0}.bau-media-scrim>:where(figcaption,[data-media-caption]) *{color:inherit}@media (max-width:42rem){.bau-callout-bar{grid-template-columns:1fr;align-items:start}.bau-callout-bar>:where(.bau-button,a,button):last-child,:where([data-ui="bauhaus"]) .bau-callout-bar>:where(.ui-button,a,button):last-child{justify-self:stretch}.bau-feature-item{border-inline-end:0;border-block-end:1px solid rgb(var(--bau-border-rgb)/.62)}.bau-feature-item:last-child{border-block-end:0}}.bau-card-service,.bau-card-feature,.bau-feature-strip,.bau-callout-bar,.bau-media-scrim{border-width:2px;border-radius:0}.bau-icon-medallion,.bau-badge-seal{box-shadow:.3rem .3rem 0 var(--bau-text);border-width:2px;border-radius:0}.bau-card-accent-edge{border-inline-start-width:.5rem}.bau-button-cut{clip-path:polygon(.55rem 0,100%0,calc(100% - .55rem) 100%,0 100%)}.bau-button.bau-button-cut,.bau-button-cut,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut{clip-path:polygon(.7rem 0,100%0,calc(100% - .45rem) 100%,0 100%);justify-content:center;justify-self:start;min-block-size:2.75rem;inline-size:min(100%,12rem);min-inline-size:6rem;max-inline-size:100%}.bau-button.bau-button-outline-heavy,.bau-button-outline-heavy,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy{clip-path:polygon(0 0,calc(100% - .7rem)0,100% 100%,.45rem 100%);box-shadow:inset .32rem 0 0 rgb(var(--bau-primary-rgb)/.24);border-width:2px;border-radius:0}.bau-card-service,.bau-media-scrim,.bau-feature-strip,.bau-callout-bar,.bau-well{border:2px solid var(--bau-border);border-inline-start-width:.48rem;border-inline-start-color:var(--bau-primary);box-shadow:none;border-radius:0}[data-ui="bauhaus"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){border:2px solid var(--bau-primary);box-shadow:.22rem .22rem 0 rgb(var(--bau-text-rgb)/.72);border-radius:0}[data-ui="bauhaus"][data-mode] :where(dialog){border:2px solid var(--bau-border);box-shadow:.4rem .4rem 0 rgb(var(--bau-text-rgb)/.32);border-inline-start-width:.48rem;border-radius:0}.bau-button[aria-busy="true"]:after,.bau-icon-button[aria-busy="true"]:after,[data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after,:where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after{background:conic-gradient(currentColor 0 25%,transparent 0 50%,currentColor 0 75%,transparent 0);box-shadow:none;clip-path:inset(0);border:.12em double;border-radius:0;animation:.78s steps(4,end) infinite bau-spin}[data-ui="bauhaus"][data-mode]{--usk-native-font-control:var(--bau-font-heading);--usk-native-control-min-block-size:3.125rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:1.15rem;--usk-native-border-width:2px;--usk-native-radius-sm:0;--usk-native-radius:0;--usk-native-radius-lg:0;--usk-native-shadow:.22rem .22rem 0 rgb(var(--bau-text-rgb)/.78);--usk-native-shadow-md:.46rem .46rem 0 rgb(var(--bau-text-rgb)/.28);--usk-native-focus-ring:0 0 0 2px var(--bau-surface-strong),0 0 0 5px var(--bau-primary);--usk-native-subcontrol-padding-block:.49rem;--usk-native-subcontrol-padding-inline:.84rem;--usk-native-choice-size:1.52rem;--usk-native-choice-background:var(--bau-control-bg);--usk-native-choice-border:2px solid var(--bau-border);--usk-native-checkbox-radius:0;--usk-native-radio-radius:50%;--usk-native-choice-shadow:inset 0 0 0 2px var(--bau-surface-strong);--usk-native-choice-checked-background:var(--bau-primary);--usk-native-choice-mark-color:var(--bau-on-primary);--usk-native-select-indicator-image:linear-gradient(45deg,transparent 48%,var(--bau-text) 49%),linear-gradient(135deg,var(--bau-text) 51%,transparent 52%);--usk-native-select-indicator-size:.62rem .62rem,.62rem .62rem;--usk-native-select-indicator-position:calc(100% - 1.5rem) 50%,calc(100% - 1.05rem) 50%;--usk-native-select-padding-inline-end:3.2rem;--usk-native-range-track-size:.3rem;--usk-native-range-track-background:linear-gradient(90deg,var(--bau-warning)0 34%,var(--bau-border) 34% 68%,var(--bau-primary) 68%);--usk-native-range-track-border:0 solid transparent;--usk-native-range-track-radius:0;--usk-native-range-track-shadow:inset 0-2px 0 rgb(var(--bau-text-rgb)/.3);--usk-native-range-progress-background:var(--bau-primary);--usk-native-range-thumb-size:1.58rem;--usk-native-range-thumb-background:var(--bau-primary);--usk-native-range-thumb-border:2px solid var(--bau-border);--usk-native-range-thumb-radius:50%;--usk-native-range-thumb-shadow:.16rem .16rem 0 rgb(var(--bau-text-rgb)/.7);--usk-native-progress-size:.98rem;--usk-native-progress-track-background:repeating-linear-gradient(90deg,var(--bau-surface-soft)0 1.18rem,var(--bau-border) 1.18rem 1.3rem);--usk-native-progress-track-border:2px solid var(--bau-border);--usk-native-progress-track-radius:0;--usk-native-progress-track-shadow:none;--usk-native-progress-value-background:repeating-linear-gradient(90deg,var(--bau-primary)0 1.18rem,var(--bau-warning) 1.18rem 1.3rem);--usk-native-progress-value-radius:0;--usk-native-progress-value-shadow:inset -2px 0 0 var(--bau-border);--usk-native-scrollbar-size:1rem;--usk-native-scrollbar-track:var(--bau-surface-soft);--usk-native-scrollbar-thumb:linear-gradient(180deg,var(--bau-primary)0 64%,var(--bau-warning) 64%);--usk-native-scrollbar-radius:0}.bau-title{letter-spacing:max(.035em,.5px);margin-block:.75rem;font-weight:900}.bau-label,:where([data-ui="bauhaus"]) .ui-label{font-size:.7rem;font-weight:850}.bau-button,:where([data-ui="bauhaus"]) .ui-button{background:var(--bau-primary);min-height:3.125rem;box-shadow:.22rem .22rem 0 rgb(var(--bau-text-rgb)/.78);border-radius:0;padding:.72rem 1.15rem;font-weight:900}.bau-input,:where([data-ui="bauhaus"]) .ui-input{border-radius:0;min-height:3rem;padding:.68rem 1rem}.bau-card,:where([data-ui="bauhaus"]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-card-bg);border:2px solid var(--bau-border);box-shadow:none;border-radius:0 4rem 0 0;padding:1.5rem}.bau-well{background:linear-gradient(135deg,rgb(var(--bau-warning-rgb)/.16)0 25%,transparent 25%),var(--bau-surface-soft);border:2px solid var(--bau-border);box-shadow:inset .5rem 0 0 var(--bau-primary)}.bau-badge,:where([data-ui="bauhaus"]) .ui-badge{border-radius:0;min-height:1.82rem;padding:.28rem .68rem}.bau-alert,:where([data-ui="bauhaus"]) .ui-alert{background:linear-gradient(90deg,var(--bau-warning)0 .58rem,var(--bau-card-bg) .58rem);border:2px solid var(--bau-border);box-shadow:none;border-radius:0 0 0 2rem}.bau-table-wrap,:where([data-ui="bauhaus"]) .ui-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.08)0 .5rem,transparent .5rem),var(--bau-card-bg);box-shadow:none;border-radius:0}.bau-table th,:where([data-ui="bauhaus"]) .ui-table th{background:var(--bau-border);padding:.82rem 1rem;font-weight:900}.bau-table td,:where([data-ui="bauhaus"]) .ui-table td{padding:.78rem .98rem}.bau-nav,.bau-panel,.bau-toolbar,.bau-tooltip,[data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]),.bau-card-service,.bau-feature-strip,.bau-callout-bar,:where([data-ui="bauhaus"]) .ui-nav,:where([data-ui="bauhaus"]) .ui-toolbar{border:2px solid var(--bau-border);box-shadow:none;border-radius:0}.bau-check-control,.bau-switch-track,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-switch-track{border-radius:0}.bau-card,:where([data-ui="bauhaus"]) .ui-card{border-radius:0 4rem 0 0}@supports (color:color-mix(in srgb,black,white)){.bau-panel,.bau-card-service,.bau-feature-strip,.bau-callout-bar{background:linear-gradient(90deg,color-mix(in srgb,var(--bau-surface) 68%,var(--bau-primary))0 18%,transparent 18% 78%,color-mix(in srgb,var(--bau-surface) 64%,var(--bau-warning)) 78%),var(--bau-card-bg)}}@media (prefers-reduced-motion:reduce){[data-ui="bauhaus"] *,[data-ui="bauhaus"] :before,[data-ui="bauhaus"] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui="bauhaus"]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){@supports (forced-color-adjust:auto){[data-ui="bauhaus"] *{forced-color-adjust:auto}}[data-ui="bauhaus"] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui="bauhaus"]{color:#000!important;background:#fff!important}[data-ui="bauhaus"] *{box-shadow:none!important;text-shadow:none!important}[data-ui="bauhaus"] a{text-decoration:underline;color:#000!important}}.bau-input[readonly],.bau-textarea[readonly],:where([data-ui="bauhaus"]) .ui-input[readonly],:where([data-ui="bauhaus"]) .ui-textarea[readonly]{filter:saturate(.72);opacity:.78;border-style:dashed}.bau-button-primary,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-secondary,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-danger,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]){color:var(--bau-primary);background:none;border-color:#0000}.bau-feature-item>.bau-icon-medallion{font-size:1.5rem;line-height:1}.bau-callout-bar>.bau-icon-medallion{min-block-size:4.5rem;min-inline-size:4.5rem;font-size:2rem;font-weight:800;line-height:1}[data-ui="bauhaus"][data-mode] .bau-button.bau-button-warning,:where([data-ui="bauhaus"])[data-mode] .ui-button.ui-button:where([data-ui-variant="warning"]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning);text-shadow:none}[data-ui="bauhaus"][data-mode] .bau-sheet *,[data-ui="bauhaus"][data-mode] .bau-sheet :before,[data-ui="bauhaus"][data-mode] .bau-sheet :after{box-sizing:border-box}[data-ui="bauhaus"][data-mode] .bau-sheet button,[data-ui="bauhaus"][data-mode] .bau-sheet input,[data-ui="bauhaus"][data-mode] .bau-sheet select,[data-ui="bauhaus"][data-mode] .bau-sheet textarea{font:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet button{color:inherit;cursor:pointer}[data-ui="bauhaus"][data-mode] .bau-sheet button:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet input:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet select:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet textarea:focus-visible,[data-ui="bauhaus"][data-mode] .bau-sheet summary:focus-visible{outline:3px solid var(--bau-warning);outline-offset:2px}[data-ui="bauhaus"][data-mode] .bau-sheet h1,[data-ui="bauhaus"][data-mode] .bau-sheet h2,[data-ui="bauhaus"][data-mode] .bau-sheet p{margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet h2,[data-ui="bauhaus"][data-mode] .bau-sheet legend,[data-ui="bauhaus"][data-mode] .bau-sheet th{font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase}[data-ui="bauhaus"][data-mode] .bau-sheet h2{font-size:15px;font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet svg{flex:none;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel{background:var(--bau-surface);border:2px solid var(--bau-border);box-shadow:none;border-radius:0;min-height:0;padding:14px;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel>header{border-bottom:2px solid;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel>header>svg{color:var(--bau-primary);width:18px;height:18px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{background:var(--bau-workshop-rail-bg);border-right:3px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);flex-direction:column;height:100%;padding:24px 0 14px;display:flex;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet[data-mode="light"] .bau-sidebar{border-right-color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand{align-items:center;gap:10px;padding:0 18px 24px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark{border:2px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);justify-content:center;align-items:center;width:34px;height:34px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark svg{width:20px;height:20px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand>span:last-child{display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand strong{font-family:var(--bau-font-heading);letter-spacing:0;font-size:21px;font-weight:800;line-height:.95}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand small{letter-spacing:0;margin-top:5px;font-size:12px;font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav{border-block:2px solid var(--bau-workshop-rail-text);display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button{border:0;border-bottom:1px solid var(--bau-workshop-rail-bg);color:var(--bau-workshop-rail-text);font-family:var(--bau-font-heading);text-align:left;text-transform:uppercase;background:none;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:background-color .12s linear,color .12s linear;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button:last-child{border-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button svg{width:17px;height:17px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button:hover{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar nav button.is-active{background:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-spacer{flex:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note{background:var(--bau-workshop-rail-bg);border:2px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);min-height:202px;margin:0 14px;padding:15px;position:relative;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note strong{font-family:var(--bau-font-heading);letter-spacing:0;font-size:15px;line-height:1.05}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note p{color:var(--bau-workshop-rail-text);max-width:130px;margin-top:8px;font-size:12px;line-height:1.35}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note img{object-fit:contain;width:180px;height:125px;position:absolute;bottom:-10px;right:-4px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle{background:var(--bau-workshop-rail-bg);border:2px solid var(--bau-workshop-rail-text);color:var(--bau-workshop-rail-text);font-family:var(--bau-font-heading);text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:48px;margin:10px 14px 0;padding:0 10px;font-size:12px;font-weight:700;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle>svg{width:18px;height:18px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch{border:2px solid var(--bau-border);background:none;width:38px;height:20px;padding:1px;transition:background-color .12s linear;display:inline-flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle .bau-compact-switch{border-color:var(--bau-workshop-rail-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch>span{background:var(--bau-border);width:14px;height:14px;transition:transform .12s linear;display:block;transform:translateX(0)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-theme-toggle .bau-compact-switch>span{background:var(--bau-workshop-rail-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch[aria-checked="true"],[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch.is-on{background:var(--bau-primary);border-color:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch[aria-checked="true"]>span,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch.is-on>span{background:var(--bau-on-primary);transform:translateX(18px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-canvas{background:var(--bau-border);grid-template-rows:388px 286px 322px;gap:6px;height:1024px;padding:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid{gap:6px;min-height:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero{background:var(--bau-surface);padding:0;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero-copy{z-index:2;position:absolute;top:48px;left:34px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-eyebrow{color:var(--bau-primary);font-family:var(--bau-font-heading);letter-spacing:0;font-size:12px;font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1{font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;max-width:490px;margin:14px 0 17px;font-size:57px;font-weight:800;line-height:.83}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 span{color:var(--bau-primary);letter-spacing:0;font-size:37px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero p{letter-spacing:0;max-width:350px;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-inline-actions{gap:8px;margin-top:24px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button{background:var(--bau-surface);border:2px solid var(--bau-border);font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:0 15px;font-size:12px;font-weight:700;transition:background-color .1s linear,color .1s linear,transform .1s linear;display:inline-flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:hover:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:hover:not(:disabled){background:var(--bau-warning);color:var(--bau-on-warning);transform:translate(-2px,-2px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:active:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:active:not(:disabled){transform:translate(1px,1px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-primary,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-hover,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-busy,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-primary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-hover,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-busy{background:var(--bau-primary);border-color:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-hover,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-hover{background:var(--bau-primary-hover);transform:translate(-2px,-2px)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-secondary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-secondary{border-color:var(--bau-border);color:var(--bau-text);background:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-danger,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-danger{background:var(--bau-danger);border-color:var(--bau-danger);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-ghost,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-ghost{color:var(--bau-primary);background:none;border-color:#0000}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:disabled,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:disabled{background:var(--bau-surface-soft);border-color:var(--bau-surface-soft);color:var(--bau-on-primary);cursor:not-allowed;opacity:.7}[data-ui="bauhaus"][data-mode] .bau-sheet[data-mode="dark"] .bau-button:disabled,:where([data-ui="bauhaus"])[data-mode] .bau-sheet[data-mode="dark"] .ui-button:disabled{background:var(--bau-surface-soft);border-color:var(--bau-surface-soft);color:var(--bau-text-muted)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions{grid-template-rows:auto repeat(7,1fr);gap:6px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions header{margin-bottom:2px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-actions .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-actions .ui-button{width:100%;min-height:0;padding-block:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system{background:var(--bau-primary);border-color:var(--bau-border);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>header{margin-bottom:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>header>svg{color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>p{text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-live-dot{background:var(--bau-warning);border:1px solid;width:8px;height:8px;display:inline-block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row{border:1px solid;grid-template-columns:1fr 64px;align-items:center;gap:8px;min-height:60px;margin-bottom:8px;padding:9px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row span{gap:1px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row strong,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row small{font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row strong{letter-spacing:0;text-transform:uppercase}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-row small{color:var(--bau-on-primary);font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>small{color:var(--bau-on-primary);letter-spacing:0;text-transform:uppercase;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>button{color:var(--bau-on-primary);text-transform:uppercase;background:none;border:0;align-items:center;gap:6px;margin-top:5px;padding:0;font-size:12px;font-weight:700;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress{appearance:none;background:var(--bau-surface-soft);border:1px solid;border-radius:0;width:100%;height:8px;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress{background:var(--bau-surface-soft)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-webkit-progress-bar{background:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-webkit-progress-value{background:var(--bau-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system progress::-moz-progress-bar{background:var(--bau-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-webkit-progress-value{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-webkit-progress-value{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-webkit-progress-value{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage progress::-moz-progress-bar{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell progress::-moz-progress-bar{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders progress::-moz-progress-bar{background:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-utility-stack{gap:6px;min-height:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack{grid-template-rows:1.55fr .95fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>header{margin-bottom:4px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>header>svg{color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>strong{font-family:var(--bau-font-heading);margin-top:6px;font-size:37px;line-height:1;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>span{letter-spacing:0;font-size:12px;font-weight:700;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>div{align-items:center;gap:8px;margin:14px 0 10px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>div small{font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota{background:var(--bau-danger);color:var(--bau-on-primary);grid-template-columns:1fr 92px;align-items:center;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy{gap:2px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy strong{font-family:var(--bau-font-heading);font-size:29px;line-height:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota-copy span{letter-spacing:0;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota meter,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders meter{accent-color:var(--bau-warning);width:100%;height:15px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel>header>span{color:var(--bau-text-muted);letter-spacing:0;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 6px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field{gap:3px;min-width:0;display:grid;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field>span:first-child,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field>span:first-child{color:var(--bau-text-muted);font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field select,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field select,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea{background:var(--bau-surface);border:1px solid var(--bau-border);color:var(--bau-text);border-radius:0;width:100%;min-width:0;height:27px;padding:0 7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input::placeholder,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea::placeholder,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input::placeholder,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input::placeholder,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea::placeholder{color:var(--bau-text-muted)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea{resize:none;height:33px;padding-top:6px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon{display:block;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon>svg{color:var(--bau-text-muted);pointer-events:none;z-index:1;width:12px;height:12px;position:absolute;top:7px;left:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon>input{padding-left:24px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>input{padding-left:7px;padding-right:26px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>button{z-index:2;background:none;border:0;padding:0;position:absolute;top:7px;right:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>button svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field input[type="color"],:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field input[type="color"]{padding:2px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file input{opacity:0;z-index:2;height:27px;position:absolute;top:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file>span:last-child{background:var(--bau-surface);border:1px dashed var(--bau-border);color:var(--bau-primary);text-transform:uppercase;justify-content:center;align-items:center;gap:5px;height:27px;font-size:12px;font-weight:700;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file>span:last-child svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset{border:0;margin:0 0 7px;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices legend{margin-bottom:4px;font-size:12px;font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset>label,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row{color:var(--bau-text-muted);align-items:center;gap:7px;margin-bottom:5px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input[type="checkbox"],[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input[type="radio"]{accent-color:var(--bau-primary);width:15px;height:15px;margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row{background:none;border:0;justify-content:space-between;width:100%;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row:disabled{opacity:.48}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders>label{gap:5px;margin-bottom:13px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders>label>span{color:var(--bau-text-muted);font-family:var(--bau-font-heading);text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:700;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders output{color:var(--bau-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sliders input[type="range"]{accent-color:var(--bau-primary);width:100%;height:7px;margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper{justify-content:space-between;align-items:center;margin:3px 0 13px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span{background:var(--bau-surface);border:1px solid var(--bau-border);justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span.is-complete{background:var(--bau-primary);border-color:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span.is-current{background:var(--bau-warning);border-color:var(--bau-border);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>span svg{width:10px;height:10px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-stepper>i{background:var(--bau-border);width:23px;height:2px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment{border:1px solid var(--bau-border);grid-template-columns:repeat(3,1fr);display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button{border:0;border-right:1px solid var(--bau-border);color:var(--bau-text-muted);font-family:var(--bau-font-heading);text-transform:uppercase;background:none;min-height:27px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button:last-child{border-right:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button.is-active{background:var(--bau-primary);color:var(--bau-on-primary);font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-badges{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status{background:var(--bau-primary);border:1px solid var(--bau-border);color:var(--bau-on-primary);font-family:var(--bau-font-heading);letter-spacing:0;text-transform:uppercase;white-space:nowrap;border-radius:0;align-items:center;min-height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-violet,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-info{background:var(--bau-primary);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-success{background:var(--bau-success);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-warning{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-danger{background:var(--bau-danger);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert{border:2px solid var(--bau-border);align-items:flex-start;gap:8px;min-height:66px;margin-bottom:7px;padding:9px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert{background:var(--bau-danger);color:var(--bau-on-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>svg,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>svg,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>svg{width:16px;height:16px;margin-top:1px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>span,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>span,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>span{gap:3px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert strong,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast strong,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert strong{color:currentColor;text-transform:uppercase;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert small,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast small,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert small{color:currentColor;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button{color:currentColor;background:none;border:0;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button svg,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button svg,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-utility-stack{grid-template-rows:1fr 1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading{padding:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>header,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading>header{margin-bottom:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel{z-index:4;position:relative;overflow:visible}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>button{background:var(--bau-primary);color:var(--bau-on-primary);border:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel [role="tooltip"]{background:var(--bau-workshop-rail-bg);border:2px solid var(--bau-warning);color:var(--bau-on-primary);width:105px;padding:8px;font-size:12px;line-height:1.45;position:absolute;bottom:9px;left:39px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-loading>header{flex:1 0 100%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-spinner{color:var(--bau-primary);width:31px;height:31px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-spin{animation:1s linear infinite bau-spin}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton{gap:5px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span{background:var(--bau-border);height:7px;animation:1.5s steps(2,end) infinite bau-workshop-pulse;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span:nth-child(2){background:var(--bau-primary);width:76%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton span:nth-child(3){background:var(--bau-warning);width:54%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel{grid-template-rows:auto 1fr auto;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>header{margin-bottom:8px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>header>div:first-child{display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>header>div:first-child>span{color:var(--bau-text-muted);letter-spacing:0;font-size:12px;font-weight:600}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools{align-items:center;gap:6px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools label{position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools label>svg{color:var(--bau-text-muted);width:11px;height:11px;position:absolute;top:7px;left:7px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input{width:92px;height:26px;padding-left:23px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools>button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td>button{background:var(--bau-surface);border:1px solid var(--bau-border);justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools>button svg,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td>button svg{width:13px;height:13px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-wrap,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-table-wrap{border:1px solid var(--bau-border);overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel thead{background:var(--bau-border);color:var(--bau-surface)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel td{border-bottom:1px solid var(--bau-border);text-align:left;text-overflow:ellipsis;white-space:nowrap;height:35px;padding:0 8px;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th{border-bottom:1px solid var(--bau-border);text-align:left;text-overflow:ellipsis;white-space:nowrap;height:28px;padding:0 8px;font-size:12px;font-weight:700;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:first-child{width:58px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(3){width:63px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(4){width:72px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(5){width:104px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(6){width:88px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(7){width:30px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel tbody tr:last-child td{border-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel tbody tr:nth-child(2n){background:var(--bau-surface-soft)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel .bau-status{min-height:20px;padding-inline:6px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell{grid-template-columns:27px 1fr;align-items:center;gap:7px;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage-cell b{font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer{color:var(--bau-text-muted);justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer nav{gap:4px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer nav button{background:var(--bau-surface);border:1px solid var(--bau-border);justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel>footer nav button.is-active{background:var(--bau-warning);color:var(--bau-on-warning);font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card{flex-direction:column;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>header{justify-content:flex-start;align-items:center}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-icon{background:var(--bau-primary);border:1px solid var(--bau-border);color:var(--bau-on-primary);justify-content:center;align-items:center;width:39px;height:39px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-icon svg{width:22px;height:22px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>header>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>header .bau-status{min-height:18px;padding-inline:5px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>p{color:var(--bau-text-muted);margin-bottom:9px;font-size:12px;line-height:1.45}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl{border-block:1px solid var(--bau-border);margin:0 0 8px;padding:8px 0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl>div{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dl>div:last-child{margin-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dt{color:var(--bau-text-muted);text-transform:uppercase}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card dd{margin:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox{border:1px solid var(--bau-border);margin-bottom:8px;display:grid;overflow:hidden}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button{border:0;border-bottom:1px solid var(--bau-border);text-align:left;background:none;justify-content:space-between;align-items:center;min-height:27px;padding:0 8px;font-size:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button:last-child{border-bottom:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button[aria-selected="true"]{background:var(--bau-primary);color:var(--bau-on-primary);font-weight:700}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card details{color:var(--bau-text-muted);margin-bottom:8px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card summary{color:var(--bau-text);cursor:pointer;font-family:var(--bau-font-heading);text-transform:uppercase;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card summary svg{width:12px;height:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card details p{margin-top:4px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-service-card>.bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-service-card>.ui-button{width:100%;min-height:30px;margin-top:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-zone{background:var(--bau-primary);border-color:var(--bau-border);grid-template-rows:42px 1fr;padding:0;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar{border-bottom:2px solid var(--bau-on-primary);justify-content:space-between;align-items:center;padding:7px 11px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs{display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar>button{color:var(--bau-on-primary);font-family:var(--bau-font-heading);text-transform:uppercase;background:none;border:1px solid #0000;min-height:27px;padding:0 8px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button.is-active{background:var(--bau-warning);border-color:var(--bau-on-warning);color:var(--bau-on-warning);font-weight:800}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface{justify-content:center;align-items:center;padding:14px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog{background:var(--bau-surface-strong);border:2px solid var(--bau-border);box-shadow:9px 9px 0 var(--bau-warning);color:var(--bau-text);width:100%;max-width:315px;margin:0;padding:24px;display:block;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog:not([open]){display:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close{color:var(--bau-text-muted);background:none;border:0;padding:0;position:absolute;top:11px;right:11px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close svg{width:15px;height:15px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon{background:var(--bau-danger);color:var(--bau-on-primary);justify-content:center;align-items:center;width:39px;height:39px;margin-bottom:12px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon svg{width:21px;height:21px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface h2{font-size:17px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface p{color:var(--bau-text-muted);margin:8px 0 17px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog>div{justify-content:flex-end;gap:8px;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-dialog-surface .ui-button{min-height:33px;font-size:12px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-live-status,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-ui="bauhaus"][data-mode]{--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-heading);--bau-panel-alpha:1;--bau-panel-soft-alpha:1;--bau-panel-shadow:none;--bau-control-shadow:none;--bau-control-shadow-hover:none;--bau-control-shadow-pressed:none;--bau-rule-width:2px;--bau-rule-heavy:3px;--bau-transition-fast:.12s linear;--bau-transition-base:.12s linear;--bau-theme-bg:var(--bau-bg);--bau-card-bg:var(--bau-surface);--bau-control-bg:var(--bau-surface);--bau-workshop-rail-bg:rgb(var(--usk-surface-strong-rgb,5 5 5));--bau-workshop-rail-text:rgb(var(--usk-text-rgb,247 244 236));--usk-native-shadow:none;--usk-native-shadow-md:none;--usk-native-choice-shadow:none;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.5rem;--usk-native-control-padding-inline:.75rem;--usk-native-range-track-background:var(--bau-surface-soft);--usk-native-range-track-shadow:none;--usk-native-range-thumb-shadow:none;--usk-native-progress-track-background:var(--bau-surface-soft);--usk-native-progress-value-background:var(--bau-primary);--usk-native-progress-value-shadow:none;--usk-native-scrollbar-thumb:var(--bau-primary);--usk-native-focus-ring:0 0 0 3px var(--bau-focus);background:var(--bau-bg)}.bau-title{letter-spacing:0;font-size:3rem;font-weight:800;line-height:1.05}.bau-heading{letter-spacing:0;font-size:1.5rem;font-weight:800;line-height:1.15}.bau-kicker,.bau-label,.bau-badge,.bau-nav-link,.bau-button,:where([data-ui="bauhaus"]) .ui-label,:where([data-ui="bauhaus"]) .ui-badge,:where([data-ui="bauhaus"]) .ui-nav-link,:where([data-ui="bauhaus"]) .ui-button{letter-spacing:0}.bau-label,:where([data-ui="bauhaus"]) .ui-label{font-family:var(--bau-font-heading);font-size:.875rem}.bau-card,.bau-panel,.bau-surface,.bau-toolbar,.bau-table-wrap,.bau-card-service,.bau-card-feature,.bau-feature-strip,.bau-callout-bar,.bau-well,.bau-inset,:where([data-ui="bauhaus"]) .ui-card,:where([data-ui="bauhaus"]) .ui-toolbar,:where([data-ui="bauhaus"]) .ui-table-wrap{background:var(--bau-surface);border:2px solid var(--bau-border);box-shadow:none;border-radius:0}.bau-card:before,.bau-panel:before,.bau-surface:before,:where([data-ui="bauhaus"]) .ui-card:before{content:none}.bau-card,.bau-panel,:where([data-ui="bauhaus"]) .ui-card{padding:1rem}.bau-hover-lift:hover{box-shadow:none;transform:none}.bau-button,.bau-icon-button,:where([data-ui="bauhaus"]) .ui-button,:where([data-ui="bauhaus"]) .ui-icon-button{min-height:2.75rem;box-shadow:none;padding:.5rem 1rem;font-weight:700}.bau-button:hover,.bau-icon-button:hover,:where([data-ui="bauhaus"]) .ui-button:hover,:where([data-ui="bauhaus"]) .ui-icon-button:hover{box-shadow:none;transform:none}.bau-button:active,.bau-button.is-active,.bau-button[aria-pressed="true"],.bau-icon-button:active,:where([data-ui="bauhaus"]) .ui-button:active,:where([data-ui="bauhaus"]) .ui-button.is-active,:where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"],:where([data-ui="bauhaus"]) .ui-icon-button:active{box-shadow:none;transform:translateY(1px)}.bau-button.bau-button-secondary,:where([data-ui="bauhaus"]) .ui-button.ui-button:where([data-ui-variant="secondary"]){border-color:var(--bau-border);color:var(--bau-text);background:none}.bau-button.bau-button-secondary:hover,:where([data-ui="bauhaus"]) .ui-button.ui-button:where([data-ui-variant="secondary"]):hover{background:var(--bau-warning);color:var(--bau-on-warning)}.bau-button.bau-button-cut,.bau-button-cut,.bau-button.bau-button-outline-heavy,.bau-button-outline-heavy,:where([data-ui="bauhaus"]) .ui-button.bau-button-cut,:where([data-ui="bauhaus"]) .ui-button.bau-button-outline-heavy{clip-path:none;box-shadow:none}.bau-input,.bau-select,.bau-textarea,:where([data-ui="bauhaus"]) .ui-input,:where([data-ui="bauhaus"]) .ui-select,:where([data-ui="bauhaus"]) .ui-textarea{border:2px solid var(--bau-border);min-height:2.75rem;padding:.5rem .75rem}.bau-input:hover,.bau-select:hover,.bau-textarea:hover,:where([data-ui="bauhaus"]) .ui-input:hover,:where([data-ui="bauhaus"]) .ui-select:hover,:where([data-ui="bauhaus"]) .ui-textarea:hover{box-shadow:none}.bau-input:focus,.bau-select:focus,.bau-textarea:focus,:where([data-ui="bauhaus"]) .ui-input:focus,:where([data-ui="bauhaus"]) .ui-select:focus,:where([data-ui="bauhaus"]) .ui-textarea:focus{box-shadow:none;outline:3px solid var(--bau-focus);outline-offset:2px}.bau-input[aria-invalid="true"],.bau-textarea[aria-invalid="true"],.bau-select[aria-invalid="true"],:where([data-ui="bauhaus"]) .ui-input[aria-invalid="true"],:where([data-ui="bauhaus"]) .ui-textarea[aria-invalid="true"],:where([data-ui="bauhaus"]) .ui-select[aria-invalid="true"]{border-color:var(--bau-danger);box-shadow:none}.bau-input[readonly],.bau-textarea[readonly],:where([data-ui="bauhaus"]) .ui-input[readonly],:where([data-ui="bauhaus"]) .ui-textarea[readonly]{opacity:1;filter:none;background:var(--bau-surface-soft);border-style:solid}.bau-check-control,.bau-radio-control,:where([data-ui="bauhaus"]) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio-control{box-shadow:none;flex:none}[data-ui="bauhaus"][data-mode] :where(input[type="checkbox"]:checked:not(:indeterminate)){background-image:none;position:relative}[data-ui="bauhaus"][data-mode] :where(input[type="checkbox"]:checked:not(:indeterminate)):after{content:"";border:solid var(--bau-on-primary);border-width:0 0 2px 2px;width:65%;height:38%;position:absolute;top:18%;left:18%;transform:rotate(-45deg)}.bau-switch,:where([data-ui="bauhaus"]) .ui-switch{flex:none;min-inline-size:max-content}.bau-switch-track,:where([data-ui="bauhaus"]) .ui-switch-track{background:var(--bau-surface-soft);flex:none;width:2.75rem;height:1.5rem}.bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch-thumb{background:var(--bau-text);border:0;width:1rem;height:1rem;top:.125rem;left:.125rem}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{left:calc(100% - 1.125rem)}.bau-check:has(input:focus-visible) .bau-check-control,.bau-radio:has(input:focus-visible) .bau-radio-control,.bau-switch:has(input:focus-visible) .bau-switch-track,:where([data-ui="bauhaus"]) .ui-check:has(input:focus-visible) .ui-check-control,:where([data-ui="bauhaus"]) .ui-radio:has(input:focus-visible) .ui-radio-control,:where([data-ui="bauhaus"]) .ui-switch:has(input:focus-visible) .ui-switch-track{outline:3px solid var(--bau-focus);outline-offset:2px}.bau-nav,:where([data-ui="bauhaus"]) .ui-nav{background:var(--bau-workshop-rail-bg)}.bau-nav-link,:where([data-ui="bauhaus"]) .ui-nav-link{color:var(--bau-workshop-rail-text)}.bau-nav-link:hover,:where([data-ui="bauhaus"]) .ui-nav-link:hover{background:var(--bau-warning);color:var(--bau-on-warning);box-shadow:none}.bau-nav-link[aria-current="page"],.bau-nav-link.is-active,:where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"],:where([data-ui="bauhaus"]) .ui-nav-link.is-active{box-shadow:none}.bau-alert,:where([data-ui="bauhaus"]) .ui-alert{background:var(--bau-surface);border-radius:0;flex-wrap:wrap;gap:.5rem .75rem;display:flex}.bau-alert-title,:where([data-ui="bauhaus"]) .ui-alert-title{word-break:normal;overflow-wrap:normal;flex:none}.bau-alert-text{word-break:normal;overflow-wrap:normal;flex:12rem}.bau-alert-success,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]){border-inline-start-color:var(--bau-success)}.bau-alert-warning,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]){border-inline-start-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]){border-inline-start-color:var(--bau-danger)}.bau-progress,:where([data-ui="bauhaus"]) .ui-progress{background:var(--bau-surface-soft);height:.75rem}.bau-progress-bar,:where([data-ui="bauhaus"]) .ui-progress-bar{background:var(--bau-primary)}.bau-table th,:where([data-ui="bauhaus"]) .ui-table th{color:var(--bau-bg);background:var(--bau-text)}.bau-icon-medallion,.bau-badge-seal{box-shadow:none}.bau-card-service>.bau-icon-medallion{font-size:2rem}.bau-tooltip,[data-ui="bauhaus"] :where(.ui-tooltip,[role="tooltip"],[data-tooltip]){background:var(--bau-workshop-rail-bg);color:var(--bau-workshop-rail-text);border:2px solid var(--bau-warning);letter-spacing:0}[data-ui="bauhaus"][data-mode] :where(button:not([class]),input[type="button"]:not([class]),input[type="submit"]:not([class]),input[type="reset"]:not([class])){box-shadow:none;border-color:var(--bau-border)}[data-ui="bauhaus"][data-mode] :where(dialog){background:var(--bau-surface-strong);color:var(--bau-text);border:2px solid var(--bau-border);box-shadow:.5rem .5rem 0 var(--bau-warning)}.bau-spinner,[data-ui="bauhaus"] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:2px solid;block-size:1.75rem;inline-size:1.75rem;color:var(--bau-primary);box-shadow:none;clip-path:none;background:none;border-block-start-color:#0000;border-radius:50%;flex:none;animation:1s linear infinite bau-spin;display:inline-block}.bau-spinner-sm{block-size:1rem;inline-size:1rem}.bau-spinner-lg{block-size:2.5rem;inline-size:2.5rem}.bau-button[aria-busy="true"]:after,.bau-icon-button[aria-busy="true"]:after,[data-ui="bauhaus"] :where(button[aria-busy="true"],input[type="button"][aria-busy="true"],input[type="submit"][aria-busy="true"],input[type="reset"][aria-busy="true"]):after,:where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after,:where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after{content:"";block-size:1em;inline-size:1em;box-shadow:none;clip-path:none;background:none;border:2px solid;border-block-start-color:#0000;border-radius:50%;flex:none;animation:1s linear infinite bau-spin;display:inline-block}[data-ui="bauhaus"][data-mode] .bau-sheet{background:var(--bau-border);border:2px solid var(--bau-border);color:var(--bau-text);font-family:var(--bau-font-body);grid-template-columns:12rem minmax(0,1fr);font-size:.875rem;line-height:1.4;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet [hidden]{display:none}[data-ui="bauhaus"][data-mode] .bau-sheet :where(h1,h2,h3,p,span,strong,small,button){overflow-wrap:normal;word-break:normal;letter-spacing:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-panel{border-radius:0;padding:1rem;overflow:visible}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-canvas{grid-template-rows:auto;gap:6px;height:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:1fr 1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel{grid-column:span 2}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-zone{grid-column:1/-1;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet h2{font-size:1.25rem;line-height:1.2}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero{flex-direction:column;justify-content:center;gap:1rem;display:flex}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero-copy{position:static}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-eyebrow{color:var(--bau-link)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1{font-size:3rem;line-height:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1 span{font-size:2rem;display:block}.bau-hero-art{object-fit:contain;block-size:auto;inline-size:100%;display:block}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-inline-actions{flex-wrap:wrap}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button{font-family:var(--bau-font-heading);min-height:2.75rem;padding:.5rem .75rem;font-size:.9375rem;line-height:1.15}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-primary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="primary"]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-secondary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="secondary"]){color:var(--bau-text);border-color:var(--bau-border);background:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-danger,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="danger"]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-warning,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="warning"]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button-ghost,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:where([data-ui-variant="ghost"]){color:var(--bau-link);background:none;border-color:#0000}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:disabled,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:disabled{color:var(--bau-text-muted);background:var(--bau-surface-soft);border-color:var(--bau-border);opacity:1;transform:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button.is-busy,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button.is-busy{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-button:hover:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-button:hover:not(:disabled){transform:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{border-color:var(--bau-border);height:auto;overflow:visible}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]){color:var(--bau-workshop-rail-text);border-color:currentColor;margin:.75rem;transition:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary:hover:not(:disabled),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar .bau-button-secondary:focus-visible,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]):hover:not(:disabled),:where([data-ui="bauhaus"])[data-mode] .bau-sheet .bau-sidebar .ui-button:where([data-ui-variant="secondary"]):focus-visible{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note{min-height:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand-mark{flex:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand strong,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand small,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-note strong{color:var(--bau-workshop-rail-text)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system>header,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage>header{color:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota{color:var(--bau-on-danger)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage{color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-system :where(p,small,strong,h2,button,svg),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-usage :where(p,small,strong,h2,span,svg),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-quota :where(p,small,strong,h2,span){color:inherit}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field :where(input,select,textarea),[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field :where(input,select,textarea){height:auto;min-height:2.75rem;font:inherit;padding:.5rem .65rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-field textarea,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-field textarea{resize:vertical;min-height:5rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>input{padding-right:3rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-input-icon.is-end>button{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid;top:0;right:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file input{opacity:1;position:static}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-file>span:last-child:not(:first-child){display:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset{border:0;padding:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices fieldset>label{min-height:2.75rem;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-choices input:is([type="checkbox"],[type="radio"]){flex:none;width:1.25rem;height:1.25rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch{width:44px;height:24px;min-height:0;max-height:24px;box-shadow:none;border-radius:0;flex:none;padding:2px;position:relative}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch>span{width:16px;height:16px}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-compact-switch:before{content:"";position:absolute;inset:-12px 0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-switch-row{min-height:44px;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert{background:var(--bau-danger);color:var(--bau-on-danger);border-radius:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast{background:var(--bau-warning);color:var(--bau-on-warning)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-success{color:var(--bau-on-success)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-status.is-danger,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-icon{color:var(--bau-on-danger)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast button,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert button{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-alert>span,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-toast>span,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-alert>span{flex:8rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel>button{color:var(--bau-on-primary);min-width:2.75rem;min-height:2.75rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tooltip-panel [role="tooltip"]{width:auto;color:var(--bau-workshop-rail-text);margin-top:.75rem;display:block;position:static}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-spinner{block-size:1.75rem;inline-size:1.75rem;width:1.75rem;height:1.75rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-skeleton{flex:1}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-wrap,:where([data-ui="bauhaus"])[data-mode] .bau-sheet .ui-table-wrap{padding:0;overflow:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel table{table-layout:auto;min-width:28rem;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th:nth-child(n){width:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel :where(th,td){height:auto;padding:.75rem .5rem;font-size:.8125rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-panel th{color:var(--bau-bg)}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-table-tools input{width:100%}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface{padding:1.25rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog{max-width:32rem;padding:1.5rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-surface dialog>div{flex-wrap:wrap}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-close{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid;top:0;right:0}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-tabs button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar>button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-segment button,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-listbox button{min-height:2.75rem;font-size:.875rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-dialog-toolbar{flex-wrap:wrap;height:auto}.bau-spin{animation:1s linear infinite bau-spin}.bau-reference{background:var(--bau-surface);color:var(--bau-text);padding:1rem}@keyframes bau-workshop-pulse{50%{opacity:.45}}@media (max-width:75rem){[data-ui="bauhaus"][data-mode] .bau-sheet{grid-template-columns:1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{border-right:0;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar-spacer{display:none}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-brand{padding:0}}@media (max-width:48rem){[data-ui="bauhaus"][data-mode] .bau-sheet .bau-top-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-middle-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-bottom-grid,[data-ui="bauhaus"][data-mode] .bau-sheet .bau-metrics-stack{grid-template-columns:1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-panel{grid-column:auto}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-sidebar{grid-template-columns:1fr}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-hero h1{font-size:2.5rem}[data-ui="bauhaus"][data-mode] .bau-sheet .bau-form-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-ui="bauhaus"] *,[data-ui="bauhaus"] :before,[data-ui="bauhaus"] :after{transition:none!important;animation:none!important}}}[data-ui="bauhaus"][data-mode] .bau-title{letter-spacing:max(.03em,.5px);margin-block:max(.75rem,12px)}[data-ui="bauhaus"][data-mode] .bau-feature-item>.bau-icon-medallion{font-size:1.5rem;line-height:1}[data-ui="bauhaus"][data-mode] .bau-callout-bar>.bau-icon-medallion{min-block-size:4.5rem;min-inline-size:4.5rem;font-size:2rem;font-weight:800;line-height:1}
|