@marigold/theme-rui 0.0.2

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.
@@ -0,0 +1,3775 @@
1
+ /*! tailwindcss v4.0.6 | MIT License | https://tailwindcss.com */
2
+ @layer theme, base, components, utilities;
3
+ @layer theme {
4
+ [data-theme="rui"], [data-theme="rui"] :host {
5
+ --font-sans: 'Inter', system-ui, sans-serif;
6
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
7
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
8
+ "Liberation Mono", "Courier New", monospace;
9
+ --color-red-50: oklch(0.971 0.013 17.38);
10
+ --color-red-100: oklch(0.936 0.032 17.717);
11
+ --color-red-200: oklch(0.885 0.062 18.334);
12
+ --color-red-300: oklch(0.808 0.114 19.571);
13
+ --color-red-400: oklch(0.704 0.191 22.216);
14
+ --color-red-500: oklch(0.637 0.237 25.331);
15
+ --color-red-600: oklch(0.577 0.245 27.325);
16
+ --color-red-700: oklch(0.505 0.213 27.518);
17
+ --color-red-800: oklch(0.444 0.177 26.899);
18
+ --color-red-900: oklch(0.396 0.141 25.723);
19
+ --color-red-950: oklch(0.258 0.092 26.042);
20
+ --color-orange-50: #fff9ed;
21
+ --color-orange-100: #fff1d5;
22
+ --color-orange-200: #fedfaa;
23
+ --color-orange-300: #fdc774;
24
+ --color-orange-400: #fba43c;
25
+ --color-orange-500: #f98e22;
26
+ --color-orange-600: #ea6d0c;
27
+ --color-orange-700: #c2520c;
28
+ --color-orange-800: #9a4112;
29
+ --color-orange-900: #7c3712;
30
+ --color-orange-950: #431a07;
31
+ --color-amber-50: oklch(0.987 0.022 95.277);
32
+ --color-amber-100: oklch(0.962 0.059 95.617);
33
+ --color-amber-200: oklch(0.924 0.12 95.746);
34
+ --color-amber-300: oklch(0.879 0.169 91.605);
35
+ --color-amber-400: oklch(0.828 0.189 84.429);
36
+ --color-amber-500: oklch(0.769 0.188 70.08);
37
+ --color-amber-600: oklch(0.666 0.179 58.318);
38
+ --color-amber-700: oklch(0.555 0.163 48.998);
39
+ --color-amber-800: oklch(0.473 0.137 46.201);
40
+ --color-amber-900: oklch(0.414 0.112 45.904);
41
+ --color-amber-950: oklch(0.279 0.077 45.635);
42
+ --color-yellow-50: oklch(0.987 0.026 102.212);
43
+ --color-yellow-100: oklch(0.973 0.071 103.193);
44
+ --color-yellow-200: oklch(0.945 0.129 101.54);
45
+ --color-yellow-300: oklch(0.905 0.182 98.111);
46
+ --color-yellow-400: oklch(0.852 0.199 91.936);
47
+ --color-yellow-500: oklch(0.795 0.184 86.047);
48
+ --color-yellow-600: oklch(0.681 0.162 75.834);
49
+ --color-yellow-700: oklch(0.554 0.135 66.442);
50
+ --color-yellow-800: oklch(0.476 0.114 61.907);
51
+ --color-yellow-900: oklch(0.421 0.095 57.708);
52
+ --color-yellow-950: oklch(0.286 0.066 53.813);
53
+ --color-lime-50: oklch(0.986 0.031 120.757);
54
+ --color-lime-100: oklch(0.967 0.067 122.328);
55
+ --color-lime-200: oklch(0.938 0.127 124.321);
56
+ --color-lime-300: oklch(0.897 0.196 126.665);
57
+ --color-lime-400: oklch(0.841 0.238 128.85);
58
+ --color-lime-500: oklch(0.768 0.233 130.85);
59
+ --color-lime-600: oklch(0.648 0.2 131.684);
60
+ --color-lime-700: oklch(0.532 0.157 131.589);
61
+ --color-lime-800: oklch(0.453 0.124 130.933);
62
+ --color-lime-900: oklch(0.405 0.101 131.063);
63
+ --color-lime-950: oklch(0.274 0.072 132.109);
64
+ --color-green-50: oklch(0.982 0.018 155.826);
65
+ --color-green-100: oklch(0.962 0.044 156.743);
66
+ --color-green-200: oklch(0.925 0.084 155.995);
67
+ --color-green-300: oklch(0.871 0.15 154.449);
68
+ --color-green-400: oklch(0.792 0.209 151.711);
69
+ --color-green-500: oklch(0.723 0.219 149.579);
70
+ --color-green-600: oklch(0.627 0.194 149.214);
71
+ --color-green-700: oklch(0.527 0.154 150.069);
72
+ --color-green-800: oklch(0.448 0.119 151.328);
73
+ --color-green-900: oklch(0.393 0.095 152.535);
74
+ --color-green-950: oklch(0.266 0.065 152.934);
75
+ --color-emerald-50: oklch(0.979 0.021 166.113);
76
+ --color-emerald-100: oklch(0.95 0.052 163.051);
77
+ --color-emerald-200: oklch(0.905 0.093 164.15);
78
+ --color-emerald-300: oklch(0.845 0.143 164.978);
79
+ --color-emerald-400: oklch(0.765 0.177 163.223);
80
+ --color-emerald-500: oklch(0.696 0.17 162.48);
81
+ --color-emerald-600: oklch(0.596 0.145 163.225);
82
+ --color-emerald-700: oklch(0.508 0.118 165.612);
83
+ --color-emerald-800: oklch(0.432 0.095 166.913);
84
+ --color-emerald-900: oklch(0.378 0.077 168.94);
85
+ --color-emerald-950: oklch(0.262 0.051 172.552);
86
+ --color-teal-50: oklch(0.984 0.014 180.72);
87
+ --color-teal-100: oklch(0.953 0.051 180.801);
88
+ --color-teal-200: oklch(0.91 0.096 180.426);
89
+ --color-teal-300: oklch(0.855 0.138 181.071);
90
+ --color-teal-400: oklch(0.777 0.152 181.912);
91
+ --color-teal-500: oklch(0.704 0.14 182.503);
92
+ --color-teal-600: oklch(0.6 0.118 184.704);
93
+ --color-teal-700: oklch(0.511 0.096 186.391);
94
+ --color-teal-800: oklch(0.437 0.078 188.216);
95
+ --color-teal-900: oklch(0.386 0.063 188.416);
96
+ --color-teal-950: oklch(0.277 0.046 192.524);
97
+ --color-cyan-50: oklch(0.984 0.019 200.873);
98
+ --color-cyan-100: oklch(0.956 0.045 203.388);
99
+ --color-cyan-200: oklch(0.917 0.08 205.041);
100
+ --color-cyan-300: oklch(0.865 0.127 207.078);
101
+ --color-cyan-400: oklch(0.789 0.154 211.53);
102
+ --color-cyan-500: oklch(0.715 0.143 215.221);
103
+ --color-cyan-600: oklch(0.609 0.126 221.723);
104
+ --color-cyan-700: oklch(0.52 0.105 223.128);
105
+ --color-cyan-800: oklch(0.45 0.085 224.283);
106
+ --color-cyan-900: oklch(0.398 0.07 227.392);
107
+ --color-cyan-950: oklch(0.302 0.056 229.695);
108
+ --color-sky-50: oklch(0.977 0.013 236.62);
109
+ --color-sky-100: oklch(0.951 0.026 236.824);
110
+ --color-sky-200: oklch(0.901 0.058 230.902);
111
+ --color-sky-300: oklch(0.828 0.111 230.318);
112
+ --color-sky-400: oklch(0.746 0.16 232.661);
113
+ --color-sky-500: oklch(0.685 0.169 237.323);
114
+ --color-sky-600: oklch(0.588 0.158 241.966);
115
+ --color-sky-700: oklch(0.5 0.134 242.749);
116
+ --color-sky-800: oklch(0.443 0.11 240.79);
117
+ --color-sky-900: oklch(0.391 0.09 240.876);
118
+ --color-sky-950: oklch(0.293 0.066 243.157);
119
+ --color-blue-50: oklch(0.97 0.014 254.604);
120
+ --color-blue-100: oklch(0.932 0.032 255.585);
121
+ --color-blue-200: oklch(0.882 0.059 254.128);
122
+ --color-blue-300: oklch(0.809 0.105 251.813);
123
+ --color-blue-400: oklch(0.707 0.165 254.624);
124
+ --color-blue-500: oklch(0.623 0.214 259.815);
125
+ --color-blue-600: oklch(0.546 0.245 262.881);
126
+ --color-blue-700: oklch(0.488 0.243 264.376);
127
+ --color-blue-800: oklch(0.424 0.199 265.638);
128
+ --color-blue-900: oklch(0.379 0.146 265.522);
129
+ --color-blue-950: oklch(0.282 0.091 267.935);
130
+ --color-indigo-50: oklch(0.962 0.018 272.314);
131
+ --color-indigo-100: oklch(0.93 0.034 272.788);
132
+ --color-indigo-200: oklch(0.87 0.065 274.039);
133
+ --color-indigo-300: oklch(0.785 0.115 274.713);
134
+ --color-indigo-400: oklch(0.673 0.182 276.935);
135
+ --color-indigo-500: oklch(0.585 0.233 277.117);
136
+ --color-indigo-600: oklch(0.511 0.262 276.966);
137
+ --color-indigo-700: oklch(0.457 0.24 277.023);
138
+ --color-indigo-800: oklch(0.398 0.195 277.366);
139
+ --color-indigo-900: oklch(0.359 0.144 278.697);
140
+ --color-indigo-950: oklch(0.257 0.09 281.288);
141
+ --color-violet-50: oklch(0.969 0.016 293.756);
142
+ --color-violet-100: oklch(0.943 0.029 294.588);
143
+ --color-violet-200: oklch(0.894 0.057 293.283);
144
+ --color-violet-300: oklch(0.811 0.111 293.571);
145
+ --color-violet-400: oklch(0.702 0.183 293.541);
146
+ --color-violet-500: oklch(0.606 0.25 292.717);
147
+ --color-violet-600: oklch(0.541 0.281 293.009);
148
+ --color-violet-700: oklch(0.491 0.27 292.581);
149
+ --color-violet-800: oklch(0.432 0.232 292.759);
150
+ --color-violet-900: oklch(0.38 0.189 293.745);
151
+ --color-violet-950: oklch(0.283 0.141 291.089);
152
+ --color-purple-50: oklch(0.977 0.014 308.299);
153
+ --color-purple-100: oklch(0.946 0.033 307.174);
154
+ --color-purple-200: oklch(0.902 0.063 306.703);
155
+ --color-purple-300: oklch(0.827 0.119 306.383);
156
+ --color-purple-400: oklch(0.714 0.203 305.504);
157
+ --color-purple-500: oklch(0.627 0.265 303.9);
158
+ --color-purple-600: oklch(0.558 0.288 302.321);
159
+ --color-purple-700: oklch(0.496 0.265 301.924);
160
+ --color-purple-800: oklch(0.438 0.218 303.724);
161
+ --color-purple-900: oklch(0.381 0.176 304.987);
162
+ --color-purple-950: oklch(0.291 0.149 302.717);
163
+ --color-fuchsia-50: oklch(0.977 0.017 320.058);
164
+ --color-fuchsia-100: oklch(0.952 0.037 318.852);
165
+ --color-fuchsia-200: oklch(0.903 0.076 319.62);
166
+ --color-fuchsia-300: oklch(0.833 0.145 321.434);
167
+ --color-fuchsia-400: oklch(0.74 0.238 322.16);
168
+ --color-fuchsia-500: oklch(0.667 0.295 322.15);
169
+ --color-fuchsia-600: oklch(0.591 0.293 322.896);
170
+ --color-fuchsia-700: oklch(0.518 0.253 323.949);
171
+ --color-fuchsia-800: oklch(0.452 0.211 324.591);
172
+ --color-fuchsia-900: oklch(0.401 0.17 325.612);
173
+ --color-fuchsia-950: oklch(0.293 0.136 325.661);
174
+ --color-pink-50: oklch(0.971 0.014 343.198);
175
+ --color-pink-100: oklch(0.948 0.028 342.258);
176
+ --color-pink-200: oklch(0.899 0.061 343.231);
177
+ --color-pink-300: oklch(0.823 0.12 346.018);
178
+ --color-pink-400: oklch(0.718 0.202 349.761);
179
+ --color-pink-500: oklch(0.656 0.241 354.308);
180
+ --color-pink-600: oklch(0.592 0.249 0.584);
181
+ --color-pink-700: oklch(0.525 0.223 3.958);
182
+ --color-pink-800: oklch(0.459 0.187 3.815);
183
+ --color-pink-900: oklch(0.408 0.153 2.432);
184
+ --color-pink-950: oklch(0.284 0.109 3.907);
185
+ --color-rose-50: oklch(0.969 0.015 12.422);
186
+ --color-rose-100: oklch(0.941 0.03 12.58);
187
+ --color-rose-200: oklch(0.892 0.058 10.001);
188
+ --color-rose-300: oklch(0.81 0.117 11.638);
189
+ --color-rose-400: oklch(0.712 0.194 13.428);
190
+ --color-rose-500: oklch(0.645 0.246 16.439);
191
+ --color-rose-600: oklch(0.586 0.253 17.585);
192
+ --color-rose-700: oklch(0.514 0.222 16.935);
193
+ --color-rose-800: oklch(0.455 0.188 13.697);
194
+ --color-rose-900: oklch(0.41 0.159 10.272);
195
+ --color-rose-950: oklch(0.271 0.105 12.094);
196
+ --color-slate-50: oklch(0.984 0.003 247.858);
197
+ --color-slate-100: oklch(0.968 0.007 247.896);
198
+ --color-slate-200: oklch(0.929 0.013 255.508);
199
+ --color-slate-300: oklch(0.869 0.022 252.894);
200
+ --color-slate-400: oklch(0.704 0.04 256.788);
201
+ --color-slate-500: oklch(0.554 0.046 257.417);
202
+ --color-slate-600: oklch(0.446 0.043 257.281);
203
+ --color-slate-700: oklch(0.372 0.044 257.287);
204
+ --color-slate-800: oklch(0.279 0.041 260.031);
205
+ --color-slate-900: oklch(0.208 0.042 265.755);
206
+ --color-slate-950: oklch(0.129 0.042 264.695);
207
+ --color-gray-50: oklch(0.985 0.002 247.839);
208
+ --color-gray-100: oklch(0.967 0.003 264.542);
209
+ --color-gray-200: oklch(0.928 0.006 264.531);
210
+ --color-gray-300: oklch(0.872 0.01 258.338);
211
+ --color-gray-400: oklch(0.707 0.022 261.325);
212
+ --color-gray-500: oklch(0.551 0.027 264.364);
213
+ --color-gray-600: oklch(0.446 0.03 256.802);
214
+ --color-gray-700: oklch(0.373 0.034 259.733);
215
+ --color-gray-800: oklch(0.278 0.033 256.848);
216
+ --color-gray-900: oklch(0.21 0.034 264.665);
217
+ --color-gray-950: oklch(0.13 0.028 261.692);
218
+ --color-zinc-50: oklch(0.985 0 0);
219
+ --color-zinc-100: oklch(0.967 0.001 286.375);
220
+ --color-zinc-200: oklch(0.92 0.004 286.32);
221
+ --color-zinc-300: oklch(0.871 0.006 286.286);
222
+ --color-zinc-400: oklch(0.705 0.015 286.067);
223
+ --color-zinc-500: oklch(0.552 0.016 285.938);
224
+ --color-zinc-600: oklch(0.442 0.017 285.786);
225
+ --color-zinc-700: oklch(0.37 0.013 285.805);
226
+ --color-zinc-800: oklch(0.274 0.006 286.033);
227
+ --color-zinc-900: oklch(0.21 0.006 285.885);
228
+ --color-zinc-950: oklch(0.141 0.005 285.823);
229
+ --color-neutral-50: oklch(0.985 0 0);
230
+ --color-neutral-100: oklch(0.97 0 0);
231
+ --color-neutral-200: oklch(0.922 0 0);
232
+ --color-neutral-300: oklch(0.87 0 0);
233
+ --color-neutral-400: oklch(0.708 0 0);
234
+ --color-neutral-500: oklch(0.556 0 0);
235
+ --color-neutral-600: oklch(0.439 0 0);
236
+ --color-neutral-700: oklch(0.371 0 0);
237
+ --color-neutral-800: oklch(0.269 0 0);
238
+ --color-neutral-900: oklch(0.205 0 0);
239
+ --color-neutral-950: oklch(0.145 0 0);
240
+ --color-stone-50: oklch(0.985 0.001 106.423);
241
+ --color-stone-100: oklch(0.97 0.001 106.424);
242
+ --color-stone-200: oklch(0.923 0.003 48.717);
243
+ --color-stone-300: oklch(0.869 0.005 56.366);
244
+ --color-stone-400: oklch(0.709 0.01 56.259);
245
+ --color-stone-500: oklch(0.553 0.013 58.071);
246
+ --color-stone-600: oklch(0.444 0.011 73.639);
247
+ --color-stone-700: oklch(0.374 0.01 67.558);
248
+ --color-stone-800: oklch(0.268 0.007 34.298);
249
+ --color-stone-900: oklch(0.216 0.006 56.043);
250
+ --color-stone-950: oklch(0.147 0.004 49.25);
251
+ --color-black: #000;
252
+ --color-white: #fff;
253
+ --spacing: 0.25rem;
254
+ --breakpoint-sm: 40rem;
255
+ --breakpoint-md: 48rem;
256
+ --breakpoint-lg: 64rem;
257
+ --breakpoint-xl: 80rem;
258
+ --breakpoint-2xl: 96rem;
259
+ --container-3xs: 16rem;
260
+ --container-2xs: 18rem;
261
+ --container-xs: 20rem;
262
+ --container-sm: 24rem;
263
+ --container-md: 28rem;
264
+ --container-lg: 32rem;
265
+ --container-xl: 36rem;
266
+ --container-2xl: 42rem;
267
+ --container-3xl: 48rem;
268
+ --container-4xl: 56rem;
269
+ --container-5xl: 64rem;
270
+ --container-6xl: 72rem;
271
+ --container-7xl: 80rem;
272
+ --text-xs: 0.75rem;
273
+ --text-xs--line-height: calc(1 / 0.75);
274
+ --text-sm: 0.875rem;
275
+ --text-sm--line-height: calc(1.25 / 0.875);
276
+ --text-base: 1rem;
277
+ --text-base--line-height: calc(1.5 / 1);
278
+ --text-lg: 1.125rem;
279
+ --text-lg--line-height: calc(1.75 / 1.125);
280
+ --text-xl: 1.25rem;
281
+ --text-xl--line-height: calc(1.75 / 1.25);
282
+ --text-2xl: 1.5rem;
283
+ --text-2xl--line-height: calc(2 / 1.5);
284
+ --text-3xl: 1.875rem;
285
+ --text-3xl--line-height: calc(2.25 / 1.875);
286
+ --text-4xl: 2.25rem;
287
+ --text-4xl--line-height: calc(2.5 / 2.25);
288
+ --text-5xl: 3rem;
289
+ --text-5xl--line-height: 1;
290
+ --text-6xl: 3.75rem;
291
+ --text-6xl--line-height: 1;
292
+ --text-7xl: 4.5rem;
293
+ --text-7xl--line-height: 1;
294
+ --text-8xl: 6rem;
295
+ --text-8xl--line-height: 1;
296
+ --text-9xl: 8rem;
297
+ --text-9xl--line-height: 1;
298
+ --font-weight-thin: 100;
299
+ --font-weight-extralight: 200;
300
+ --font-weight-light: 300;
301
+ --font-weight-normal: 400;
302
+ --font-weight-medium: 500;
303
+ --font-weight-semibold: 600;
304
+ --font-weight-bold: 700;
305
+ --font-weight-extrabold: 800;
306
+ --font-weight-black: 900;
307
+ --tracking-tighter: -0.05em;
308
+ --tracking-tight: -0.025em;
309
+ --tracking-normal: 0em;
310
+ --tracking-wide: 0.025em;
311
+ --tracking-wider: 0.05em;
312
+ --tracking-widest: 0.1em;
313
+ --leading-tight: 1.25;
314
+ --leading-snug: 1.375;
315
+ --leading-normal: 1.5;
316
+ --leading-relaxed: 1.625;
317
+ --leading-loose: 2;
318
+ --radius-xs: 0.125rem;
319
+ --radius-sm: 0.25rem;
320
+ --radius-md: 0.375rem;
321
+ --radius-lg: 0.5rem;
322
+ --radius-xl: 0.75rem;
323
+ --radius-2xl: 1rem;
324
+ --radius-3xl: 1.5rem;
325
+ --radius-4xl: 2rem;
326
+ --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
327
+ --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
328
+ --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
329
+ --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
330
+ 0 2px 4px -2px rgb(0 0 0 / 0.1);
331
+ --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
332
+ 0 4px 6px -4px rgb(0 0 0 / 0.1);
333
+ --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
334
+ 0 8px 10px -6px rgb(0 0 0 / 0.1);
335
+ --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
336
+ --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
337
+ --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
338
+ --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
339
+ --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
340
+ --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
341
+ --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
342
+ --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
343
+ --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
344
+ --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
345
+ --ease-in: cubic-bezier(0.4, 0, 1, 1);
346
+ --ease-out: cubic-bezier(0, 0, 0.2, 1);
347
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
348
+ --animate-spin: spin 1s linear infinite;
349
+ --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
350
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
351
+ --animate-bounce: bounce 1s infinite;
352
+ --blur-xs: 4px;
353
+ --blur-sm: 8px;
354
+ --blur-md: 12px;
355
+ --blur-lg: 16px;
356
+ --blur-xl: 24px;
357
+ --blur-2xl: 40px;
358
+ --blur-3xl: 64px;
359
+ --perspective-dramatic: 100px;
360
+ --perspective-near: 300px;
361
+ --perspective-normal: 500px;
362
+ --perspective-midrange: 800px;
363
+ --perspective-distant: 1200px;
364
+ --aspect-video: 16 / 9;
365
+ --default-transition-duration: 150ms;
366
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
367
+ --default-font-family: var(--font-sans);
368
+ --default-font-feature-settings: var(--font-sans--font-feature-settings);
369
+ --default-font-variation-settings: var(
370
+ --font-sans--font-variation-settings
371
+ );
372
+ --default-mono-font-family: var(--font-mono);
373
+ --default-mono-font-feature-settings: var(
374
+ --font-mono--font-feature-settings
375
+ );
376
+ --default-mono-font-variation-settings: var(
377
+ --font-mono--font-variation-settings
378
+ );
379
+ --color-background: var(--color-white);
380
+ --color-foreground: var(--color-stone-950);
381
+ --color-brand: var(--color-stone-950);
382
+ --color-brand-foreground: var(--color-stone-50);
383
+ --color-destructive: var(--color-red-600);
384
+ --color-destructive-foreground: var(--color-white);
385
+ --color-muted: var(--color-stone-100);
386
+ --color-muted-foreground: var(--color-stone-500);
387
+ --color-placeholder: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
388
+ --color-input-border: var(--color-stone-300);
389
+ --color-input-ring: var(--color-stone-400);
390
+ --spacing-component: 2.25rem;
391
+ }
392
+ }
393
+ @layer base {
394
+ [data-theme="rui"] *, [data-theme="rui"] ::after, [data-theme="rui"] ::before, [data-theme="rui"] ::backdrop, [data-theme="rui"] ::file-selector-button {
395
+ box-sizing: border-box;
396
+ margin: 0;
397
+ padding: 0;
398
+ border: 0 solid;
399
+ }
400
+ [data-theme="rui"], [data-theme="rui"] :host {
401
+ line-height: 1.5;
402
+ -webkit-text-size-adjust: 100%;
403
+ tab-size: 4;
404
+ font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
405
+ font-feature-settings: var(--default-font-feature-settings, normal);
406
+ font-variation-settings: var( --default-font-variation-settings, normal );
407
+ -webkit-tap-highlight-color: transparent;
408
+ }
409
+ [data-theme="rui"] {
410
+ line-height: inherit;
411
+ }
412
+ [data-theme="rui"] hr {
413
+ height: 0;
414
+ color: inherit;
415
+ border-top-width: 1px;
416
+ }
417
+ [data-theme="rui"] abbr:where([title]) {
418
+ -webkit-text-decoration: underline dotted;
419
+ text-decoration: underline dotted;
420
+ }
421
+ [data-theme="rui"] h1, [data-theme="rui"] h2, [data-theme="rui"] h3, [data-theme="rui"] h4, [data-theme="rui"] h5, [data-theme="rui"] h6 {
422
+ font-size: inherit;
423
+ font-weight: inherit;
424
+ }
425
+ [data-theme="rui"] a {
426
+ color: inherit;
427
+ -webkit-text-decoration: inherit;
428
+ text-decoration: inherit;
429
+ }
430
+ [data-theme="rui"] b, [data-theme="rui"] strong {
431
+ font-weight: bolder;
432
+ }
433
+ [data-theme="rui"] code, [data-theme="rui"] kbd, [data-theme="rui"] samp, [data-theme="rui"] pre {
434
+ font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
435
+ font-feature-settings: var( --default-mono-font-feature-settings, normal );
436
+ font-variation-settings: var( --default-mono-font-variation-settings, normal );
437
+ font-size: 1em;
438
+ }
439
+ [data-theme="rui"] small {
440
+ font-size: 80%;
441
+ }
442
+ [data-theme="rui"] sub, [data-theme="rui"] sup {
443
+ font-size: 75%;
444
+ line-height: 0;
445
+ position: relative;
446
+ vertical-align: baseline;
447
+ }
448
+ [data-theme="rui"] sub {
449
+ bottom: -0.25em;
450
+ }
451
+ [data-theme="rui"] sup {
452
+ top: -0.5em;
453
+ }
454
+ [data-theme="rui"] table {
455
+ text-indent: 0;
456
+ border-color: inherit;
457
+ border-collapse: collapse;
458
+ }
459
+ [data-theme="rui"] :-moz-focusring {
460
+ outline: auto;
461
+ }
462
+ [data-theme="rui"] progress {
463
+ vertical-align: baseline;
464
+ }
465
+ [data-theme="rui"] summary {
466
+ display: list-item;
467
+ }
468
+ [data-theme="rui"] ol, [data-theme="rui"] ul, [data-theme="rui"] menu {
469
+ list-style: none;
470
+ }
471
+ [data-theme="rui"] img, [data-theme="rui"] svg, [data-theme="rui"] video, [data-theme="rui"] canvas, [data-theme="rui"] audio, [data-theme="rui"] iframe, [data-theme="rui"] embed, [data-theme="rui"] object {
472
+ display: block;
473
+ vertical-align: middle;
474
+ }
475
+ [data-theme="rui"] img, [data-theme="rui"] video {
476
+ max-width: 100%;
477
+ height: auto;
478
+ }
479
+ [data-theme="rui"] button, [data-theme="rui"] input, [data-theme="rui"] select, [data-theme="rui"] optgroup, [data-theme="rui"] textarea, [data-theme="rui"] ::file-selector-button {
480
+ font: inherit;
481
+ font-feature-settings: inherit;
482
+ font-variation-settings: inherit;
483
+ letter-spacing: inherit;
484
+ color: inherit;
485
+ border-radius: 0;
486
+ background-color: transparent;
487
+ opacity: 1;
488
+ }
489
+ [data-theme="rui"] :where(select:is([multiple], [size])) optgroup {
490
+ font-weight: bolder;
491
+ }
492
+ [data-theme="rui"] :where(select:is([multiple], [size])) optgroup option {
493
+ padding-inline-start: 20px;
494
+ }
495
+ [data-theme="rui"] ::file-selector-button {
496
+ margin-inline-end: 4px;
497
+ }
498
+ [data-theme="rui"] ::placeholder {
499
+ opacity: 1;
500
+ color: color-mix(in oklab, currentColor 50%, transparent);
501
+ }
502
+ [data-theme="rui"] textarea {
503
+ resize: vertical;
504
+ }
505
+ [data-theme="rui"] ::-webkit-search-decoration {
506
+ -webkit-appearance: none;
507
+ }
508
+ [data-theme="rui"] ::-webkit-date-and-time-value {
509
+ min-height: 1lh;
510
+ text-align: inherit;
511
+ }
512
+ [data-theme="rui"] ::-webkit-datetime-edit {
513
+ display: inline-flex;
514
+ }
515
+ [data-theme="rui"] ::-webkit-datetime-edit-fields-wrapper {
516
+ padding: 0;
517
+ }
518
+ [data-theme="rui"] ::-webkit-datetime-edit, [data-theme="rui"] ::-webkit-datetime-edit-year-field, [data-theme="rui"] ::-webkit-datetime-edit-month-field, [data-theme="rui"] ::-webkit-datetime-edit-day-field, [data-theme="rui"] ::-webkit-datetime-edit-hour-field, [data-theme="rui"] ::-webkit-datetime-edit-minute-field, [data-theme="rui"] ::-webkit-datetime-edit-second-field, [data-theme="rui"] ::-webkit-datetime-edit-millisecond-field, [data-theme="rui"] ::-webkit-datetime-edit-meridiem-field {
519
+ padding-block: 0;
520
+ }
521
+ [data-theme="rui"] :-moz-ui-invalid {
522
+ box-shadow: none;
523
+ }
524
+ [data-theme="rui"] button, [data-theme="rui"] input:where([type="button"], [type="reset"], [type="submit"]), [data-theme="rui"] ::file-selector-button {
525
+ appearance: button;
526
+ }
527
+ [data-theme="rui"] ::-webkit-inner-spin-button, [data-theme="rui"] ::-webkit-outer-spin-button {
528
+ height: auto;
529
+ }
530
+ [data-theme="rui"] [hidden]:where(:not([hidden="until-found"])) {
531
+ display: none !important;
532
+ }
533
+ }
534
+ @layer utilities {
535
+ [data-theme="rui"] .pointer-events-none {
536
+ pointer-events: none;
537
+ }
538
+ [data-theme="rui"] .collapse {
539
+ visibility: collapse;
540
+ }
541
+ [data-theme="rui"] .invisible {
542
+ visibility: hidden;
543
+ }
544
+ [data-theme="rui"] .visible {
545
+ visibility: visible;
546
+ }
547
+ [data-theme="rui"] .visible\! {
548
+ visibility: visible !important;
549
+ }
550
+ [data-theme="rui"] .absolute {
551
+ position: absolute;
552
+ }
553
+ [data-theme="rui"] .fixed {
554
+ position: fixed;
555
+ }
556
+ [data-theme="rui"] .fixed\! {
557
+ position: fixed !important;
558
+ }
559
+ [data-theme="rui"] .relative {
560
+ position: relative;
561
+ }
562
+ [data-theme="rui"] .static {
563
+ position: static;
564
+ }
565
+ [data-theme="rui"] .sticky {
566
+ position: sticky;
567
+ }
568
+ [data-theme="rui"] .inset-0 {
569
+ inset: calc(var(--spacing) * 0);
570
+ }
571
+ [data-theme="rui"] .top-1\/2 {
572
+ top: calc(1/2 * 100%);
573
+ }
574
+ [data-theme="rui"] .top-2 {
575
+ top: calc(var(--spacing) * 2);
576
+ }
577
+ [data-theme="rui"] .top-4 {
578
+ top: calc(var(--spacing) * 4);
579
+ }
580
+ [data-theme="rui"] .top-\[50\%\] {
581
+ top: 50%;
582
+ }
583
+ [data-theme="rui"] .top-auto\! {
584
+ top: auto !important;
585
+ }
586
+ [data-theme="rui"] .top-px {
587
+ top: 1px;
588
+ }
589
+ [data-theme="rui"] .right-0 {
590
+ right: calc(var(--spacing) * 0);
591
+ }
592
+ [data-theme="rui"] .right-1 {
593
+ right: calc(var(--spacing) * 1);
594
+ }
595
+ [data-theme="rui"] .right-4 {
596
+ right: calc(var(--spacing) * 4);
597
+ }
598
+ [data-theme="rui"] .bottom-0\! {
599
+ bottom: calc(var(--spacing) * 0) !important;
600
+ }
601
+ [data-theme="rui"] .left-0 {
602
+ left: calc(var(--spacing) * 0);
603
+ }
604
+ [data-theme="rui"] .left-0\! {
605
+ left: calc(var(--spacing) * 0) !important;
606
+ }
607
+ [data-theme="rui"] .left-1 {
608
+ left: calc(var(--spacing) * 1);
609
+ }
610
+ [data-theme="rui"] .z-40 {
611
+ z-index: 40;
612
+ }
613
+ [data-theme="rui"] .\!\[grid-column\:1\/-1\] {
614
+ grid-column: 1/-1 !important;
615
+ }
616
+ [data-theme="rui"] .col-span-2 {
617
+ grid-column: span 2 / span 2;
618
+ }
619
+ [data-theme="rui"] .container {
620
+ width: 100%;
621
+ @media (width >= 40rem) {
622
+ max-width: 40rem;
623
+ }
624
+ @media (width >= 48rem) {
625
+ max-width: 48rem;
626
+ }
627
+ @media (width >= 64rem) {
628
+ max-width: 64rem;
629
+ }
630
+ @media (width >= 80rem) {
631
+ max-width: 80rem;
632
+ }
633
+ @media (width >= 96rem) {
634
+ max-width: 96rem;
635
+ }
636
+ }
637
+ [data-theme="rui"] .m-0 {
638
+ margin: calc(var(--spacing) * 0);
639
+ }
640
+ [data-theme="rui"] .m-1 {
641
+ margin: calc(var(--spacing) * 1);
642
+ }
643
+ [data-theme="rui"] .m-2 {
644
+ margin: calc(var(--spacing) * 2);
645
+ }
646
+ [data-theme="rui"] .ms-\[auto\] {
647
+ margin-inline-start: auto;
648
+ }
649
+ [data-theme="rui"] .ms-auto {
650
+ margin-inline-start: auto;
651
+ }
652
+ [data-theme="rui"] .me-\[auto\] {
653
+ margin-inline-end: auto;
654
+ }
655
+ [data-theme="rui"] .me-auto {
656
+ margin-inline-end: auto;
657
+ }
658
+ [data-theme="rui"] .mt-0\.5 {
659
+ margin-top: calc(var(--spacing) * 0.5);
660
+ }
661
+ [data-theme="rui"] .mt-2 {
662
+ margin-top: calc(var(--spacing) * 2);
663
+ }
664
+ [data-theme="rui"] .-mb-0\.5 {
665
+ margin-bottom: calc(var(--spacing) * -0.5);
666
+ }
667
+ [data-theme="rui"] .mb-0\.5 {
668
+ margin-bottom: calc(var(--spacing) * 0.5);
669
+ }
670
+ [data-theme="rui"] .mb-4 {
671
+ margin-bottom: calc(var(--spacing) * 4);
672
+ }
673
+ [data-theme="rui"] .mb-6 {
674
+ margin-bottom: calc(var(--spacing) * 6);
675
+ }
676
+ [data-theme="rui"] .mb-\[10px\] {
677
+ margin-bottom: 10px;
678
+ }
679
+ [data-theme="rui"] .ml-4 {
680
+ margin-left: calc(var(--spacing) * 4);
681
+ }
682
+ [data-theme="rui"] .ml-auto {
683
+ margin-left: auto;
684
+ }
685
+ [data-theme="rui"] .box-content {
686
+ box-sizing: content-box;
687
+ }
688
+ [data-theme="rui"] .block {
689
+ display: block;
690
+ }
691
+ [data-theme="rui"] .contents {
692
+ display: contents;
693
+ }
694
+ [data-theme="rui"] .flex {
695
+ display: flex;
696
+ }
697
+ [data-theme="rui"] .grid {
698
+ display: grid;
699
+ }
700
+ [data-theme="rui"] .hidden {
701
+ display: none;
702
+ }
703
+ [data-theme="rui"] .inline {
704
+ display: inline;
705
+ }
706
+ [data-theme="rui"] .inline-block {
707
+ display: inline-block;
708
+ }
709
+ [data-theme="rui"] .inline-flex {
710
+ display: inline-flex;
711
+ }
712
+ [data-theme="rui"] .table {
713
+ display: table;
714
+ }
715
+ [data-theme="rui"] .aspect-3\/4 {
716
+ aspect-ratio: 3/4;
717
+ }
718
+ [data-theme="rui"] .aspect-4\/3 {
719
+ aspect-ratio: 4/3;
720
+ }
721
+ [data-theme="rui"] .aspect-16\/9 {
722
+ aspect-ratio: 16/9;
723
+ }
724
+ [data-theme="rui"] .aspect-18\/5 {
725
+ aspect-ratio: 18/5;
726
+ }
727
+ [data-theme="rui"] .aspect-\[1\.6180\/1\] {
728
+ aspect-ratio: 1.6180/1;
729
+ }
730
+ [data-theme="rui"] .aspect-\[1\] {
731
+ aspect-ratio: 1;
732
+ }
733
+ [data-theme="rui"] .size-3 {
734
+ width: calc(var(--spacing) * 3);
735
+ height: calc(var(--spacing) * 3);
736
+ }
737
+ [data-theme="rui"] .size-4 {
738
+ width: calc(var(--spacing) * 4);
739
+ height: calc(var(--spacing) * 4);
740
+ }
741
+ [data-theme="rui"] .size-10 {
742
+ width: calc(var(--spacing) * 10);
743
+ height: calc(var(--spacing) * 10);
744
+ }
745
+ [data-theme="rui"] .size-15 {
746
+ width: calc(var(--spacing) * 15);
747
+ height: calc(var(--spacing) * 15);
748
+ }
749
+ [data-theme="rui"] .size-36 {
750
+ width: calc(var(--spacing) * 36);
751
+ height: calc(var(--spacing) * 36);
752
+ }
753
+ [data-theme="rui"] .size-44 {
754
+ width: calc(var(--spacing) * 44);
755
+ height: calc(var(--spacing) * 44);
756
+ }
757
+ [data-theme="rui"] .size-\[40px\] {
758
+ width: 40px;
759
+ height: 40px;
760
+ }
761
+ [data-theme="rui"] .size-full {
762
+ width: 100%;
763
+ height: 100%;
764
+ }
765
+ [data-theme="rui"] .h-\(--height\) {
766
+ height: var(--height);
767
+ }
768
+ [data-theme="rui"] .h-\(--visual-viewport-height\) {
769
+ height: var(--visual-viewport-height);
770
+ }
771
+ [data-theme="rui"] .h-0 {
772
+ height: calc(var(--spacing) * 0);
773
+ }
774
+ [data-theme="rui"] .h-0\.5 {
775
+ height: calc(var(--spacing) * 0.5);
776
+ }
777
+ [data-theme="rui"] .h-1 {
778
+ height: calc(var(--spacing) * 1);
779
+ }
780
+ [data-theme="rui"] .h-1\.5 {
781
+ height: calc(var(--spacing) * 1.5);
782
+ }
783
+ [data-theme="rui"] .h-1\/2 {
784
+ height: calc(1/2 * 100%);
785
+ }
786
+ [data-theme="rui"] .h-1\/3 {
787
+ height: calc(1/3 * 100%);
788
+ }
789
+ [data-theme="rui"] .h-1\/4 {
790
+ height: calc(1/4 * 100%);
791
+ }
792
+ [data-theme="rui"] .h-1\/5 {
793
+ height: calc(1/5 * 100%);
794
+ }
795
+ [data-theme="rui"] .h-1\/6 {
796
+ height: calc(1/6 * 100%);
797
+ }
798
+ [data-theme="rui"] .h-1\/12 {
799
+ height: calc(1/12 * 100%);
800
+ }
801
+ [data-theme="rui"] .h-2 {
802
+ height: calc(var(--spacing) * 2);
803
+ }
804
+ [data-theme="rui"] .h-2\.5 {
805
+ height: calc(var(--spacing) * 2.5);
806
+ }
807
+ [data-theme="rui"] .h-2\/3 {
808
+ height: calc(2/3 * 100%);
809
+ }
810
+ [data-theme="rui"] .h-2\/4 {
811
+ height: calc(2/4 * 100%);
812
+ }
813
+ [data-theme="rui"] .h-2\/5 {
814
+ height: calc(2/5 * 100%);
815
+ }
816
+ [data-theme="rui"] .h-2\/6 {
817
+ height: calc(2/6 * 100%);
818
+ }
819
+ [data-theme="rui"] .h-2\/12 {
820
+ height: calc(2/12 * 100%);
821
+ }
822
+ [data-theme="rui"] .h-3 {
823
+ height: calc(var(--spacing) * 3);
824
+ }
825
+ [data-theme="rui"] .h-3\.5 {
826
+ height: calc(var(--spacing) * 3.5);
827
+ }
828
+ [data-theme="rui"] .h-3\/4 {
829
+ height: calc(3/4 * 100%);
830
+ }
831
+ [data-theme="rui"] .h-3\/5 {
832
+ height: calc(3/5 * 100%);
833
+ }
834
+ [data-theme="rui"] .h-3\/6 {
835
+ height: calc(3/6 * 100%);
836
+ }
837
+ [data-theme="rui"] .h-3\/12 {
838
+ height: calc(3/12 * 100%);
839
+ }
840
+ [data-theme="rui"] .h-4 {
841
+ height: calc(var(--spacing) * 4);
842
+ }
843
+ [data-theme="rui"] .h-4\/6 {
844
+ height: calc(4/6 * 100%);
845
+ }
846
+ [data-theme="rui"] .h-4\/12 {
847
+ height: calc(4/12 * 100%);
848
+ }
849
+ [data-theme="rui"] .h-5 {
850
+ height: calc(var(--spacing) * 5);
851
+ }
852
+ [data-theme="rui"] .h-5\/6 {
853
+ height: calc(5/6 * 100%);
854
+ }
855
+ [data-theme="rui"] .h-5\/12 {
856
+ height: calc(5/12 * 100%);
857
+ }
858
+ [data-theme="rui"] .h-6 {
859
+ height: calc(var(--spacing) * 6);
860
+ }
861
+ [data-theme="rui"] .h-6\/12 {
862
+ height: calc(6/12 * 100%);
863
+ }
864
+ [data-theme="rui"] .h-7 {
865
+ height: calc(var(--spacing) * 7);
866
+ }
867
+ [data-theme="rui"] .h-7\/12 {
868
+ height: calc(7/12 * 100%);
869
+ }
870
+ [data-theme="rui"] .h-8 {
871
+ height: calc(var(--spacing) * 8);
872
+ }
873
+ [data-theme="rui"] .h-8\! {
874
+ height: calc(var(--spacing) * 8) !important;
875
+ }
876
+ [data-theme="rui"] .h-8\/12 {
877
+ height: calc(8/12 * 100%);
878
+ }
879
+ [data-theme="rui"] .h-9 {
880
+ height: calc(var(--spacing) * 9);
881
+ }
882
+ [data-theme="rui"] .h-9\/12 {
883
+ height: calc(9/12 * 100%);
884
+ }
885
+ [data-theme="rui"] .h-10 {
886
+ height: calc(var(--spacing) * 10);
887
+ }
888
+ [data-theme="rui"] .h-10\/12 {
889
+ height: calc(10/12 * 100%);
890
+ }
891
+ [data-theme="rui"] .h-11 {
892
+ height: calc(var(--spacing) * 11);
893
+ }
894
+ [data-theme="rui"] .h-11\/12 {
895
+ height: calc(11/12 * 100%);
896
+ }
897
+ [data-theme="rui"] .h-12 {
898
+ height: calc(var(--spacing) * 12);
899
+ }
900
+ [data-theme="rui"] .h-14 {
901
+ height: calc(var(--spacing) * 14);
902
+ }
903
+ [data-theme="rui"] .h-16 {
904
+ height: calc(var(--spacing) * 16);
905
+ }
906
+ [data-theme="rui"] .h-20 {
907
+ height: calc(var(--spacing) * 20);
908
+ }
909
+ [data-theme="rui"] .h-24 {
910
+ height: calc(var(--spacing) * 24);
911
+ }
912
+ [data-theme="rui"] .h-28 {
913
+ height: calc(var(--spacing) * 28);
914
+ }
915
+ [data-theme="rui"] .h-32 {
916
+ height: calc(var(--spacing) * 32);
917
+ }
918
+ [data-theme="rui"] .h-36 {
919
+ height: calc(var(--spacing) * 36);
920
+ }
921
+ [data-theme="rui"] .h-40 {
922
+ height: calc(var(--spacing) * 40);
923
+ }
924
+ [data-theme="rui"] .h-400 {
925
+ height: calc(var(--spacing) * 400);
926
+ }
927
+ [data-theme="rui"] .h-44 {
928
+ height: calc(var(--spacing) * 44);
929
+ }
930
+ [data-theme="rui"] .h-48 {
931
+ height: calc(var(--spacing) * 48);
932
+ }
933
+ [data-theme="rui"] .h-50 {
934
+ height: calc(var(--spacing) * 50);
935
+ }
936
+ [data-theme="rui"] .h-52 {
937
+ height: calc(var(--spacing) * 52);
938
+ }
939
+ [data-theme="rui"] .h-56 {
940
+ height: calc(var(--spacing) * 56);
941
+ }
942
+ [data-theme="rui"] .h-60 {
943
+ height: calc(var(--spacing) * 60);
944
+ }
945
+ [data-theme="rui"] .h-64 {
946
+ height: calc(var(--spacing) * 64);
947
+ }
948
+ [data-theme="rui"] .h-72 {
949
+ height: calc(var(--spacing) * 72);
950
+ }
951
+ [data-theme="rui"] .h-80 {
952
+ height: calc(var(--spacing) * 80);
953
+ }
954
+ [data-theme="rui"] .h-96 {
955
+ height: calc(var(--spacing) * 96);
956
+ }
957
+ [data-theme="rui"] .h-\[22px\] {
958
+ height: 22px;
959
+ }
960
+ [data-theme="rui"] .h-\[30px\] {
961
+ height: 30px;
962
+ }
963
+ [data-theme="rui"] .h-\[100px\] {
964
+ height: 100px;
965
+ }
966
+ [data-theme="rui"] .h-\[150px\] {
967
+ height: 150px;
968
+ }
969
+ [data-theme="rui"] .h-\[300px\] {
970
+ height: 300px;
971
+ }
972
+ [data-theme="rui"] .h-auto {
973
+ height: auto;
974
+ }
975
+ [data-theme="rui"] .h-component {
976
+ height: 2.25rem;
977
+ }
978
+ [data-theme="rui"] .h-dvh {
979
+ height: 100dvh;
980
+ }
981
+ [data-theme="rui"] .h-fit {
982
+ height: fit-content;
983
+ }
984
+ [data-theme="rui"] .h-full {
985
+ height: 100%;
986
+ }
987
+ [data-theme="rui"] .h-lvh {
988
+ height: 100lvh;
989
+ }
990
+ [data-theme="rui"] .h-max {
991
+ height: max-content;
992
+ }
993
+ [data-theme="rui"] .h-min {
994
+ height: min-content;
995
+ }
996
+ [data-theme="rui"] .h-px {
997
+ height: 1px;
998
+ }
999
+ [data-theme="rui"] .h-screen {
1000
+ height: 100vh;
1001
+ }
1002
+ [data-theme="rui"] .h-svh {
1003
+ height: 100svh;
1004
+ }
1005
+ [data-theme="rui"] .max-h-\[200px\] {
1006
+ max-height: 200px;
1007
+ }
1008
+ [data-theme="rui"] .max-h-\[300px\] {
1009
+ max-height: 300px;
1010
+ }
1011
+ [data-theme="rui"] .max-h-\[400px\] {
1012
+ max-height: 400px;
1013
+ }
1014
+ [data-theme="rui"] .max-h-fit\! {
1015
+ max-height: fit-content !important;
1016
+ }
1017
+ [data-theme="rui"] .min-h-\[350px\] {
1018
+ min-height: 350px;
1019
+ }
1020
+ [data-theme="rui"] .min-h-full {
1021
+ min-height: 100%;
1022
+ }
1023
+ [data-theme="rui"] .w-\(--labelWidth\) {
1024
+ width: var(--labelWidth);
1025
+ }
1026
+ [data-theme="rui"] .w-0 {
1027
+ width: calc(var(--spacing) * 0);
1028
+ }
1029
+ [data-theme="rui"] .w-0\.5 {
1030
+ width: calc(var(--spacing) * 0.5);
1031
+ }
1032
+ [data-theme="rui"] .w-1 {
1033
+ width: calc(var(--spacing) * 1);
1034
+ }
1035
+ [data-theme="rui"] .w-1\.5 {
1036
+ width: calc(var(--spacing) * 1.5);
1037
+ }
1038
+ [data-theme="rui"] .w-1\/2 {
1039
+ width: calc(1/2 * 100%);
1040
+ }
1041
+ [data-theme="rui"] .w-1\/3 {
1042
+ width: calc(1/3 * 100%);
1043
+ }
1044
+ [data-theme="rui"] .w-1\/4 {
1045
+ width: calc(1/4 * 100%);
1046
+ }
1047
+ [data-theme="rui"] .w-1\/5 {
1048
+ width: calc(1/5 * 100%);
1049
+ }
1050
+ [data-theme="rui"] .w-1\/6 {
1051
+ width: calc(1/6 * 100%);
1052
+ }
1053
+ [data-theme="rui"] .w-1\/12 {
1054
+ width: calc(1/12 * 100%);
1055
+ }
1056
+ [data-theme="rui"] .w-2 {
1057
+ width: calc(var(--spacing) * 2);
1058
+ }
1059
+ [data-theme="rui"] .w-2\.5 {
1060
+ width: calc(var(--spacing) * 2.5);
1061
+ }
1062
+ [data-theme="rui"] .w-2\/3 {
1063
+ width: calc(2/3 * 100%);
1064
+ }
1065
+ [data-theme="rui"] .w-2\/4 {
1066
+ width: calc(2/4 * 100%);
1067
+ }
1068
+ [data-theme="rui"] .w-2\/5 {
1069
+ width: calc(2/5 * 100%);
1070
+ }
1071
+ [data-theme="rui"] .w-2\/6 {
1072
+ width: calc(2/6 * 100%);
1073
+ }
1074
+ [data-theme="rui"] .w-2\/12 {
1075
+ width: calc(2/12 * 100%);
1076
+ }
1077
+ [data-theme="rui"] .w-3 {
1078
+ width: calc(var(--spacing) * 3);
1079
+ }
1080
+ [data-theme="rui"] .w-3\.5 {
1081
+ width: calc(var(--spacing) * 3.5);
1082
+ }
1083
+ [data-theme="rui"] .w-3\/4 {
1084
+ width: calc(3/4 * 100%);
1085
+ }
1086
+ [data-theme="rui"] .w-3\/5 {
1087
+ width: calc(3/5 * 100%);
1088
+ }
1089
+ [data-theme="rui"] .w-3\/6 {
1090
+ width: calc(3/6 * 100%);
1091
+ }
1092
+ [data-theme="rui"] .w-3\/12 {
1093
+ width: calc(3/12 * 100%);
1094
+ }
1095
+ [data-theme="rui"] .w-4 {
1096
+ width: calc(var(--spacing) * 4);
1097
+ }
1098
+ [data-theme="rui"] .w-4\/6 {
1099
+ width: calc(4/6 * 100%);
1100
+ }
1101
+ [data-theme="rui"] .w-4\/12 {
1102
+ width: calc(4/12 * 100%);
1103
+ }
1104
+ [data-theme="rui"] .w-5 {
1105
+ width: calc(var(--spacing) * 5);
1106
+ }
1107
+ [data-theme="rui"] .w-5\/6 {
1108
+ width: calc(5/6 * 100%);
1109
+ }
1110
+ [data-theme="rui"] .w-5\/12 {
1111
+ width: calc(5/12 * 100%);
1112
+ }
1113
+ [data-theme="rui"] .w-6 {
1114
+ width: calc(var(--spacing) * 6);
1115
+ }
1116
+ [data-theme="rui"] .w-6\/12 {
1117
+ width: calc(6/12 * 100%);
1118
+ }
1119
+ [data-theme="rui"] .w-7 {
1120
+ width: calc(var(--spacing) * 7);
1121
+ }
1122
+ [data-theme="rui"] .w-7\/12 {
1123
+ width: calc(7/12 * 100%);
1124
+ }
1125
+ [data-theme="rui"] .w-8 {
1126
+ width: calc(var(--spacing) * 8);
1127
+ }
1128
+ [data-theme="rui"] .w-8\! {
1129
+ width: calc(var(--spacing) * 8) !important;
1130
+ }
1131
+ [data-theme="rui"] .w-8\/12 {
1132
+ width: calc(8/12 * 100%);
1133
+ }
1134
+ [data-theme="rui"] .w-9 {
1135
+ width: calc(var(--spacing) * 9);
1136
+ }
1137
+ [data-theme="rui"] .w-9\/12 {
1138
+ width: calc(9/12 * 100%);
1139
+ }
1140
+ [data-theme="rui"] .w-10 {
1141
+ width: calc(var(--spacing) * 10);
1142
+ }
1143
+ [data-theme="rui"] .w-10\/12 {
1144
+ width: calc(10/12 * 100%);
1145
+ }
1146
+ [data-theme="rui"] .w-11 {
1147
+ width: calc(var(--spacing) * 11);
1148
+ }
1149
+ [data-theme="rui"] .w-11\/12 {
1150
+ width: calc(11/12 * 100%);
1151
+ }
1152
+ [data-theme="rui"] .w-12 {
1153
+ width: calc(var(--spacing) * 12);
1154
+ }
1155
+ [data-theme="rui"] .w-14 {
1156
+ width: calc(var(--spacing) * 14);
1157
+ }
1158
+ [data-theme="rui"] .w-16 {
1159
+ width: calc(var(--spacing) * 16);
1160
+ }
1161
+ [data-theme="rui"] .w-20 {
1162
+ width: calc(var(--spacing) * 20);
1163
+ }
1164
+ [data-theme="rui"] .w-22 {
1165
+ width: calc(var(--spacing) * 22);
1166
+ }
1167
+ [data-theme="rui"] .w-24 {
1168
+ width: calc(var(--spacing) * 24);
1169
+ }
1170
+ [data-theme="rui"] .w-28 {
1171
+ width: calc(var(--spacing) * 28);
1172
+ }
1173
+ [data-theme="rui"] .w-32 {
1174
+ width: calc(var(--spacing) * 32);
1175
+ }
1176
+ [data-theme="rui"] .w-36 {
1177
+ width: calc(var(--spacing) * 36);
1178
+ }
1179
+ [data-theme="rui"] .w-40 {
1180
+ width: calc(var(--spacing) * 40);
1181
+ }
1182
+ [data-theme="rui"] .w-44 {
1183
+ width: calc(var(--spacing) * 44);
1184
+ }
1185
+ [data-theme="rui"] .w-48 {
1186
+ width: calc(var(--spacing) * 48);
1187
+ }
1188
+ [data-theme="rui"] .w-50 {
1189
+ width: calc(var(--spacing) * 50);
1190
+ }
1191
+ [data-theme="rui"] .w-52 {
1192
+ width: calc(var(--spacing) * 52);
1193
+ }
1194
+ [data-theme="rui"] .w-56 {
1195
+ width: calc(var(--spacing) * 56);
1196
+ }
1197
+ [data-theme="rui"] .w-60 {
1198
+ width: calc(var(--spacing) * 60);
1199
+ }
1200
+ [data-theme="rui"] .w-64 {
1201
+ width: calc(var(--spacing) * 64);
1202
+ }
1203
+ [data-theme="rui"] .w-72 {
1204
+ width: calc(var(--spacing) * 72);
1205
+ }
1206
+ [data-theme="rui"] .w-80 {
1207
+ width: calc(var(--spacing) * 80);
1208
+ }
1209
+ [data-theme="rui"] .w-96 {
1210
+ width: calc(var(--spacing) * 96);
1211
+ }
1212
+ [data-theme="rui"] .w-\[200px\] {
1213
+ width: 200px;
1214
+ }
1215
+ [data-theme="rui"] .w-\[22px\] {
1216
+ width: 22px;
1217
+ }
1218
+ [data-theme="rui"] .w-\[24px\] {
1219
+ width: 24px;
1220
+ }
1221
+ [data-theme="rui"] .w-\[30px\] {
1222
+ width: 30px;
1223
+ }
1224
+ [data-theme="rui"] .w-\[360px\] {
1225
+ width: 360px;
1226
+ }
1227
+ [data-theme="rui"] .w-\[400px\] {
1228
+ width: 400px;
1229
+ }
1230
+ [data-theme="rui"] .w-\[800px\] {
1231
+ width: 800px;
1232
+ }
1233
+ [data-theme="rui"] .w-\[900px\] {
1234
+ width: 900px;
1235
+ }
1236
+ [data-theme="rui"] .w-\[1000px\] {
1237
+ width: 1000px;
1238
+ }
1239
+ [data-theme="rui"] .w-\[min\(100\%_-_3rem\,60ch\)\] {
1240
+ width: min(100% - 3rem, 60ch);
1241
+ }
1242
+ [data-theme="rui"] .w-\[var\(--labelWidth\)\] {
1243
+ width: var(--labelWidth);
1244
+ }
1245
+ [data-theme="rui"] .w-auto {
1246
+ width: auto;
1247
+ }
1248
+ [data-theme="rui"] .w-dvh {
1249
+ width: 100dvh;
1250
+ }
1251
+ [data-theme="rui"] .w-fit {
1252
+ width: fit-content;
1253
+ }
1254
+ [data-theme="rui"] .w-full {
1255
+ width: 100%;
1256
+ }
1257
+ [data-theme="rui"] .w-lvh {
1258
+ width: 100lvh;
1259
+ }
1260
+ [data-theme="rui"] .w-max {
1261
+ width: max-content;
1262
+ }
1263
+ [data-theme="rui"] .w-min {
1264
+ width: min-content;
1265
+ }
1266
+ [data-theme="rui"] .w-px {
1267
+ width: 1px;
1268
+ }
1269
+ [data-theme="rui"] .w-screen {
1270
+ width: 100vw;
1271
+ }
1272
+ [data-theme="rui"] .w-svh {
1273
+ width: 100svh;
1274
+ }
1275
+ [data-theme="rui"] .max-w-\(--maxHeadlineWidth\) {
1276
+ max-width: var(--maxHeadlineWidth);
1277
+ }
1278
+ [data-theme="rui"] .max-w-\(--maxTextWidth\) {
1279
+ max-width: var(--maxTextWidth);
1280
+ }
1281
+ [data-theme="rui"] .max-w-\(--maxWidth\) {
1282
+ max-width: var(--maxWidth);
1283
+ }
1284
+ [data-theme="rui"] .max-w-\[400px\] {
1285
+ max-width: 400px;
1286
+ }
1287
+ [data-theme="rui"] .max-w-\[var\(--maxWidth\)\] {
1288
+ max-width: var(--maxWidth);
1289
+ }
1290
+ [data-theme="rui"] .min-w-\(--trigger-width\) {
1291
+ min-width: var(--trigger-width);
1292
+ }
1293
+ [data-theme="rui"] .min-w-\[300px\] {
1294
+ min-width: 300px;
1295
+ }
1296
+ [data-theme="rui"] .flex-\(--columnSize\) {
1297
+ flex: var(--columnSize);
1298
+ }
1299
+ [data-theme="rui"] .flex-1 {
1300
+ flex: 1;
1301
+ }
1302
+ [data-theme="rui"] .flex-none {
1303
+ flex: none;
1304
+ }
1305
+ [data-theme="rui"] .shrink-0 {
1306
+ flex-shrink: 0;
1307
+ }
1308
+ [data-theme="rui"] .grow {
1309
+ flex-grow: 1;
1310
+ }
1311
+ [data-theme="rui"] .grow-0 {
1312
+ flex-grow: 0;
1313
+ }
1314
+ [data-theme="rui"] .grow-999 {
1315
+ flex-grow: 999;
1316
+ }
1317
+ [data-theme="rui"] .basis-\(--sideWidth\) {
1318
+ flex-basis: var(--sideWidth);
1319
+ }
1320
+ [data-theme="rui"] .basis-0 {
1321
+ flex-basis: calc(var(--spacing) * 0);
1322
+ }
1323
+ [data-theme="rui"] .basis-4 {
1324
+ flex-basis: calc(var(--spacing) * 4);
1325
+ }
1326
+ [data-theme="rui"] .basis-12 {
1327
+ flex-basis: calc(var(--spacing) * 12);
1328
+ }
1329
+ [data-theme="rui"] .basis-\[calc\(\(var\(--collapseAt\)_-_100\%\)_\*_999\)\] {
1330
+ flex-basis: calc((var(--collapseAt) - 100%) * 999);
1331
+ }
1332
+ [data-theme="rui"] .border-collapse {
1333
+ border-collapse: collapse;
1334
+ }
1335
+ [data-theme="rui"] .origin-center {
1336
+ transform-origin: center;
1337
+ }
1338
+ [data-theme="rui"] .translate-x-\[1px\] {
1339
+ --tw-translate-x: 1px;
1340
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1341
+ }
1342
+ [data-theme="rui"] .translate-y-\[-50\%\] {
1343
+ --tw-translate-y: -50%;
1344
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1345
+ }
1346
+ [data-theme="rui"] .-rotate-90 {
1347
+ rotate: calc(90deg * -1);
1348
+ }
1349
+ [data-theme="rui"] .cursor-alias {
1350
+ cursor: alias;
1351
+ }
1352
+ [data-theme="rui"] .cursor-all-scroll {
1353
+ cursor: all-scroll;
1354
+ }
1355
+ [data-theme="rui"] .cursor-auto {
1356
+ cursor: auto;
1357
+ }
1358
+ [data-theme="rui"] .cursor-cell {
1359
+ cursor: cell;
1360
+ }
1361
+ [data-theme="rui"] .cursor-col-resize {
1362
+ cursor: col-resize;
1363
+ }
1364
+ [data-theme="rui"] .cursor-copy {
1365
+ cursor: copy;
1366
+ }
1367
+ [data-theme="rui"] .cursor-crosshair {
1368
+ cursor: crosshair;
1369
+ }
1370
+ [data-theme="rui"] .cursor-default {
1371
+ cursor: default;
1372
+ }
1373
+ [data-theme="rui"] .cursor-ew-resize {
1374
+ cursor: ew-resize;
1375
+ }
1376
+ [data-theme="rui"] .cursor-grab {
1377
+ cursor: grab;
1378
+ }
1379
+ [data-theme="rui"] .cursor-help {
1380
+ cursor: help;
1381
+ }
1382
+ [data-theme="rui"] .cursor-move {
1383
+ cursor: move;
1384
+ }
1385
+ [data-theme="rui"] .cursor-no-drop {
1386
+ cursor: no-drop;
1387
+ }
1388
+ [data-theme="rui"] .cursor-none {
1389
+ cursor: none;
1390
+ }
1391
+ [data-theme="rui"] .cursor-not-allowed {
1392
+ cursor: not-allowed;
1393
+ }
1394
+ [data-theme="rui"] .cursor-ns-resize {
1395
+ cursor: ns-resize;
1396
+ }
1397
+ [data-theme="rui"] .cursor-pointer {
1398
+ cursor: pointer;
1399
+ }
1400
+ [data-theme="rui"] .cursor-progress {
1401
+ cursor: progress;
1402
+ }
1403
+ [data-theme="rui"] .cursor-progress\! {
1404
+ cursor: progress !important;
1405
+ }
1406
+ [data-theme="rui"] .cursor-row-resize {
1407
+ cursor: row-resize;
1408
+ }
1409
+ [data-theme="rui"] .cursor-text {
1410
+ cursor: text;
1411
+ }
1412
+ [data-theme="rui"] .cursor-vertical-text {
1413
+ cursor: vertical-text;
1414
+ }
1415
+ [data-theme="rui"] .cursor-wait {
1416
+ cursor: wait;
1417
+ }
1418
+ [data-theme="rui"] .cursor-zoom-in {
1419
+ cursor: zoom-in;
1420
+ }
1421
+ [data-theme="rui"] .cursor-zoom-out {
1422
+ cursor: zoom-out;
1423
+ }
1424
+ [data-theme="rui"] .resize {
1425
+ resize: both;
1426
+ }
1427
+ [data-theme="rui"] .list-decimal {
1428
+ list-style-type: decimal;
1429
+ }
1430
+ [data-theme="rui"] .list-disc {
1431
+ list-style-type: disc;
1432
+ }
1433
+ [data-theme="rui"] .auto-rows-\[1fr\] {
1434
+ grid-auto-rows: 1fr;
1435
+ }
1436
+ [data-theme="rui"] .auto-rows-min {
1437
+ grid-auto-rows: min-content;
1438
+ }
1439
+ [data-theme="rui"] .grid-cols-3 {
1440
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1441
+ }
1442
+ [data-theme="rui"] .grid-cols-\[1fr_1fr_minmax\(0\,max-content\)\] {
1443
+ grid-template-columns: 1fr 1fr minmax(0,max-content);
1444
+ }
1445
+ [data-theme="rui"] .grid-cols-\[1fr_minmax\(0\,max-content\)_1fr\] {
1446
+ grid-template-columns: 1fr minmax(0,max-content) 1fr;
1447
+ }
1448
+ [data-theme="rui"] .grid-cols-\[auto_1fr\] {
1449
+ grid-template-columns: auto 1fr;
1450
+ }
1451
+ [data-theme="rui"] .grid-cols-\[minmax\(0\,max-content\)_1fr_1fr\] {
1452
+ grid-template-columns: minmax(0,max-content) 1fr 1fr;
1453
+ }
1454
+ [data-theme="rui"] .grid-cols-\[repeat\(auto-fit\,var\(--column\)\)\] {
1455
+ grid-template-columns: repeat(auto-fit,var(--column));
1456
+ }
1457
+ [data-theme="rui"] .flex-col {
1458
+ flex-direction: column;
1459
+ }
1460
+ [data-theme="rui"] .flex-row {
1461
+ flex-direction: row;
1462
+ }
1463
+ [data-theme="rui"] .flex-nowrap {
1464
+ flex-wrap: nowrap;
1465
+ }
1466
+ [data-theme="rui"] .flex-wrap {
1467
+ flex-wrap: wrap;
1468
+ }
1469
+ [data-theme="rui"] .place-items-center {
1470
+ place-items: center;
1471
+ }
1472
+ [data-theme="rui"] .place-items-end {
1473
+ place-items: end;
1474
+ }
1475
+ [data-theme="rui"] .place-items-start {
1476
+ place-items: start;
1477
+ }
1478
+ [data-theme="rui"] .items-center {
1479
+ align-items: center;
1480
+ }
1481
+ [data-theme="rui"] .items-end {
1482
+ align-items: flex-end;
1483
+ }
1484
+ [data-theme="rui"] .items-start {
1485
+ align-items: flex-start;
1486
+ }
1487
+ [data-theme="rui"] .items-stretch {
1488
+ align-items: stretch;
1489
+ }
1490
+ [data-theme="rui"] .justify-between {
1491
+ justify-content: space-between;
1492
+ }
1493
+ [data-theme="rui"] .justify-center {
1494
+ justify-content: center;
1495
+ }
1496
+ [data-theme="rui"] .justify-end {
1497
+ justify-content: flex-end;
1498
+ }
1499
+ [data-theme="rui"] .justify-start {
1500
+ justify-content: flex-start;
1501
+ }
1502
+ [data-theme="rui"] .gap-0 {
1503
+ gap: calc(var(--spacing) * 0);
1504
+ }
1505
+ [data-theme="rui"] .gap-0\.5 {
1506
+ gap: calc(var(--spacing) * 0.5);
1507
+ }
1508
+ [data-theme="rui"] .gap-1 {
1509
+ gap: calc(var(--spacing) * 1);
1510
+ }
1511
+ [data-theme="rui"] .gap-1\.5 {
1512
+ gap: calc(var(--spacing) * 1.5);
1513
+ }
1514
+ [data-theme="rui"] .gap-2 {
1515
+ gap: calc(var(--spacing) * 2);
1516
+ }
1517
+ [data-theme="rui"] .gap-2\.5 {
1518
+ gap: calc(var(--spacing) * 2.5);
1519
+ }
1520
+ [data-theme="rui"] .gap-3 {
1521
+ gap: calc(var(--spacing) * 3);
1522
+ }
1523
+ [data-theme="rui"] .gap-3\.5 {
1524
+ gap: calc(var(--spacing) * 3.5);
1525
+ }
1526
+ [data-theme="rui"] .gap-4 {
1527
+ gap: calc(var(--spacing) * 4);
1528
+ }
1529
+ [data-theme="rui"] .gap-5 {
1530
+ gap: calc(var(--spacing) * 5);
1531
+ }
1532
+ [data-theme="rui"] .gap-6 {
1533
+ gap: calc(var(--spacing) * 6);
1534
+ }
1535
+ [data-theme="rui"] .gap-7 {
1536
+ gap: calc(var(--spacing) * 7);
1537
+ }
1538
+ [data-theme="rui"] .gap-8 {
1539
+ gap: calc(var(--spacing) * 8);
1540
+ }
1541
+ [data-theme="rui"] .gap-9 {
1542
+ gap: calc(var(--spacing) * 9);
1543
+ }
1544
+ [data-theme="rui"] .gap-10 {
1545
+ gap: calc(var(--spacing) * 10);
1546
+ }
1547
+ [data-theme="rui"] .gap-11 {
1548
+ gap: calc(var(--spacing) * 11);
1549
+ }
1550
+ [data-theme="rui"] .gap-12 {
1551
+ gap: calc(var(--spacing) * 12);
1552
+ }
1553
+ [data-theme="rui"] .gap-14 {
1554
+ gap: calc(var(--spacing) * 14);
1555
+ }
1556
+ [data-theme="rui"] .gap-16 {
1557
+ gap: calc(var(--spacing) * 16);
1558
+ }
1559
+ [data-theme="rui"] .gap-20 {
1560
+ gap: calc(var(--spacing) * 20);
1561
+ }
1562
+ [data-theme="rui"] .gap-24 {
1563
+ gap: calc(var(--spacing) * 24);
1564
+ }
1565
+ [data-theme="rui"] .gap-28 {
1566
+ gap: calc(var(--spacing) * 28);
1567
+ }
1568
+ [data-theme="rui"] .gap-32 {
1569
+ gap: calc(var(--spacing) * 32);
1570
+ }
1571
+ [data-theme="rui"] .gap-36 {
1572
+ gap: calc(var(--spacing) * 36);
1573
+ }
1574
+ [data-theme="rui"] .gap-40 {
1575
+ gap: calc(var(--spacing) * 40);
1576
+ }
1577
+ [data-theme="rui"] .gap-44 {
1578
+ gap: calc(var(--spacing) * 44);
1579
+ }
1580
+ [data-theme="rui"] .gap-48 {
1581
+ gap: calc(var(--spacing) * 48);
1582
+ }
1583
+ [data-theme="rui"] .gap-52 {
1584
+ gap: calc(var(--spacing) * 52);
1585
+ }
1586
+ [data-theme="rui"] .gap-56 {
1587
+ gap: calc(var(--spacing) * 56);
1588
+ }
1589
+ [data-theme="rui"] .gap-60 {
1590
+ gap: calc(var(--spacing) * 60);
1591
+ }
1592
+ [data-theme="rui"] .gap-64 {
1593
+ gap: calc(var(--spacing) * 64);
1594
+ }
1595
+ [data-theme="rui"] .gap-72 {
1596
+ gap: calc(var(--spacing) * 72);
1597
+ }
1598
+ [data-theme="rui"] .gap-80 {
1599
+ gap: calc(var(--spacing) * 80);
1600
+ }
1601
+ [data-theme="rui"] .gap-96 {
1602
+ gap: calc(var(--spacing) * 96);
1603
+ }
1604
+ [data-theme="rui"] .gap-\[0\.5ch\] {
1605
+ gap: 0.5ch;
1606
+ }
1607
+ [data-theme="rui"] .gap-\[0\.5rem\] {
1608
+ gap: 0.5rem;
1609
+ }
1610
+ [data-theme="rui"] .gap-\[1\.5ch\] {
1611
+ gap: 1.5ch;
1612
+ }
1613
+ [data-theme="rui"] .gap-\[10px\] {
1614
+ gap: 10px;
1615
+ }
1616
+ [data-theme="rui"] .gap-\[1ch\] {
1617
+ gap: 1ch;
1618
+ }
1619
+ [data-theme="rui"] .gap-\[inherit\] {
1620
+ gap: inherit;
1621
+ }
1622
+ [data-theme="rui"] .gap-x-0 {
1623
+ column-gap: calc(var(--spacing) * 0);
1624
+ }
1625
+ [data-theme="rui"] .gap-x-2 {
1626
+ column-gap: calc(var(--spacing) * 2);
1627
+ }
1628
+ [data-theme="rui"] .space-y-2 {
1629
+ [data-theme="rui"] :where(& > :not(:last-child)) {
1630
+ --tw-space-y-reverse: 0;
1631
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1632
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1633
+ }
1634
+ }
1635
+ [data-theme="rui"] .gap-y-1 {
1636
+ row-gap: calc(var(--spacing) * 1);
1637
+ }
1638
+ [data-theme="rui"] .gap-y-10 {
1639
+ row-gap: calc(var(--spacing) * 10);
1640
+ }
1641
+ [data-theme="rui"] .space-x-2 {
1642
+ [data-theme="rui"] :where(& > :not(:last-child)) {
1643
+ --tw-space-x-reverse: 0;
1644
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
1645
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1646
+ }
1647
+ }
1648
+ [data-theme="rui"] .self-center {
1649
+ align-self: center;
1650
+ }
1651
+ [data-theme="rui"] .overflow-auto {
1652
+ overflow: auto;
1653
+ }
1654
+ [data-theme="rui"] .overflow-hidden {
1655
+ overflow: hidden;
1656
+ }
1657
+ [data-theme="rui"] .overflow-y-auto {
1658
+ overflow-y: auto;
1659
+ }
1660
+ [data-theme="rui"] .overflow-y-scroll {
1661
+ overflow-y: scroll;
1662
+ }
1663
+ [data-theme="rui"] .rounded-2xl {
1664
+ border-radius: var(--radius-2xl);
1665
+ }
1666
+ [data-theme="rui"] .rounded-3xl {
1667
+ border-radius: var(--radius-3xl);
1668
+ }
1669
+ [data-theme="rui"] .rounded-\[2\] {
1670
+ border-radius: 2;
1671
+ }
1672
+ [data-theme="rui"] .rounded-\[3px\] {
1673
+ border-radius: 3px;
1674
+ }
1675
+ [data-theme="rui"] .rounded-\[40\] {
1676
+ border-radius: 40;
1677
+ }
1678
+ [data-theme="rui"] .rounded-\[50\%\] {
1679
+ border-radius: 50%;
1680
+ }
1681
+ [data-theme="rui"] .rounded-full {
1682
+ border-radius: calc(infinity * 1px);
1683
+ }
1684
+ [data-theme="rui"] .rounded-lg {
1685
+ border-radius: var(--radius-lg);
1686
+ }
1687
+ [data-theme="rui"] .rounded-md {
1688
+ border-radius: var(--radius-md);
1689
+ }
1690
+ [data-theme="rui"] .rounded-none {
1691
+ border-radius: 0;
1692
+ }
1693
+ [data-theme="rui"] .rounded-xl {
1694
+ border-radius: var(--radius-xl);
1695
+ }
1696
+ [data-theme="rui"] .rounded-xs {
1697
+ border-radius: var(--radius-xs);
1698
+ }
1699
+ [data-theme="rui"] .border {
1700
+ border-style: var(--tw-border-style);
1701
+ border-width: 1px;
1702
+ }
1703
+ [data-theme="rui"] .border-3 {
1704
+ border-style: var(--tw-border-style);
1705
+ border-width: 3px;
1706
+ }
1707
+ [data-theme="rui"] .border-4 {
1708
+ border-style: var(--tw-border-style);
1709
+ border-width: 4px;
1710
+ }
1711
+ [data-theme="rui"] .border-none {
1712
+ --tw-border-style: none;
1713
+ border-style: none;
1714
+ }
1715
+ [data-theme="rui"] .border-solid {
1716
+ --tw-border-style: solid;
1717
+ border-style: solid;
1718
+ }
1719
+ [data-theme="rui"] .border-\[\#364fc7\] {
1720
+ border-color: #364fc7;
1721
+ }
1722
+ [data-theme="rui"] .border-\[\#67686c\] {
1723
+ border-color: #67686c;
1724
+ }
1725
+ [data-theme="rui"] .border-\[\#ced4da\] {
1726
+ border-color: #ced4da;
1727
+ }
1728
+ [data-theme="rui"] .border-black {
1729
+ border-color: var(--color-black);
1730
+ }
1731
+ [data-theme="rui"] .border-blue-700 {
1732
+ border-color: var(--color-blue-700);
1733
+ }
1734
+ [data-theme="rui"] .border-gray-200 {
1735
+ border-color: var(--color-gray-200);
1736
+ }
1737
+ [data-theme="rui"] .border-gray-500 {
1738
+ border-color: var(--color-gray-500);
1739
+ }
1740
+ [data-theme="rui"] .border-gray-700 {
1741
+ border-color: var(--color-gray-700);
1742
+ }
1743
+ [data-theme="rui"] .border-input-border {
1744
+ border-color: var(--color-stone-300);
1745
+ }
1746
+ [data-theme="rui"] .border-lime-400 {
1747
+ border-color: var(--color-lime-400);
1748
+ }
1749
+ [data-theme="rui"] .border-red-400 {
1750
+ border-color: var(--color-red-400);
1751
+ }
1752
+ [data-theme="rui"] .border-slate-300 {
1753
+ border-color: var(--color-slate-300);
1754
+ }
1755
+ [data-theme="rui"] .border-slate-600 {
1756
+ border-color: var(--color-slate-600);
1757
+ }
1758
+ [data-theme="rui"] .border-transparent {
1759
+ border-color: transparent;
1760
+ }
1761
+ [data-theme="rui"] .bg-\[\#858cab\] {
1762
+ background-color: #858cab;
1763
+ }
1764
+ [data-theme="rui"] .bg-\[\#4263eb\] {
1765
+ background-color: #4263eb;
1766
+ }
1767
+ [data-theme="rui"] .bg-\[\#adb5bd\] {
1768
+ background-color: #adb5bd;
1769
+ }
1770
+ [data-theme="rui"] .bg-\[\#e9ecef\] {
1771
+ background-color: #e9ecef;
1772
+ }
1773
+ [data-theme="rui"] .bg-background {
1774
+ background-color: var(--color-white);
1775
+ }
1776
+ [data-theme="rui"] .bg-black {
1777
+ background-color: var(--color-black);
1778
+ }
1779
+ [data-theme="rui"] .bg-blue-100 {
1780
+ background-color: var(--color-blue-100);
1781
+ }
1782
+ [data-theme="rui"] .bg-blue-600 {
1783
+ background-color: var(--color-blue-600);
1784
+ }
1785
+ [data-theme="rui"] .bg-blue-700 {
1786
+ background-color: var(--color-blue-700);
1787
+ }
1788
+ [data-theme="rui"] .bg-blue-800 {
1789
+ background-color: var(--color-blue-800);
1790
+ }
1791
+ [data-theme="rui"] .bg-brand {
1792
+ background-color: var(--color-stone-950);
1793
+ }
1794
+ [data-theme="rui"] .bg-destructive {
1795
+ background-color: var(--color-red-600);
1796
+ }
1797
+ [data-theme="rui"] .bg-gray-100 {
1798
+ background-color: var(--color-gray-100);
1799
+ }
1800
+ [data-theme="rui"] .bg-green-300 {
1801
+ background-color: var(--color-green-300);
1802
+ }
1803
+ [data-theme="rui"] .bg-green-400 {
1804
+ background-color: var(--color-green-400);
1805
+ }
1806
+ [data-theme="rui"] .bg-green-500 {
1807
+ background-color: var(--color-green-500);
1808
+ }
1809
+ [data-theme="rui"] .bg-lime-300 {
1810
+ background-color: var(--color-lime-300);
1811
+ }
1812
+ [data-theme="rui"] .bg-orange-100 {
1813
+ background-color: #fff1d5;
1814
+ }
1815
+ [data-theme="rui"] .bg-pink-600 {
1816
+ background-color: var(--color-pink-600);
1817
+ }
1818
+ [data-theme="rui"] .bg-pink-900 {
1819
+ background-color: var(--color-pink-900);
1820
+ }
1821
+ [data-theme="rui"] .bg-red-300 {
1822
+ background-color: var(--color-red-300);
1823
+ }
1824
+ [data-theme="rui"] .bg-red-500 {
1825
+ background-color: var(--color-red-500);
1826
+ }
1827
+ [data-theme="rui"] .bg-slate-100 {
1828
+ background-color: var(--color-slate-100);
1829
+ }
1830
+ [data-theme="rui"] .bg-slate-200 {
1831
+ background-color: var(--color-slate-200);
1832
+ }
1833
+ [data-theme="rui"] .bg-slate-400 {
1834
+ background-color: var(--color-slate-400);
1835
+ }
1836
+ [data-theme="rui"] .bg-slate-600 {
1837
+ background-color: var(--color-slate-600);
1838
+ }
1839
+ [data-theme="rui"] .bg-transparent {
1840
+ background-color: transparent;
1841
+ }
1842
+ [data-theme="rui"] .bg-white {
1843
+ background-color: var(--color-white);
1844
+ }
1845
+ [data-theme="rui"] .bg-yellow-200 {
1846
+ background-color: var(--color-yellow-200);
1847
+ }
1848
+ [data-theme="rui"] .bg-yellow-300 {
1849
+ background-color: var(--color-yellow-300);
1850
+ }
1851
+ [data-theme="rui"] .bg-yellow-500 {
1852
+ background-color: var(--color-yellow-500);
1853
+ }
1854
+ [data-theme="rui"] .fill-\[\#990000\] {
1855
+ fill: #990000;
1856
+ }
1857
+ [data-theme="rui"] .fill-current {
1858
+ fill: currentColor;
1859
+ }
1860
+ [data-theme="rui"] .fill-none {
1861
+ fill: none;
1862
+ }
1863
+ [data-theme="rui"] .fill-white {
1864
+ fill: var(--color-white);
1865
+ }
1866
+ [data-theme="rui"] .stroke-gray-800 {
1867
+ stroke: var(--color-gray-800);
1868
+ }
1869
+ [data-theme="rui"] .stroke-transparent {
1870
+ stroke: transparent;
1871
+ }
1872
+ [data-theme="rui"] .object-contain {
1873
+ object-fit: contain;
1874
+ }
1875
+ [data-theme="rui"] .object-cover {
1876
+ object-fit: cover;
1877
+ }
1878
+ [data-theme="rui"] .object-fill {
1879
+ object-fit: fill;
1880
+ }
1881
+ [data-theme="rui"] .object-none {
1882
+ object-fit: none;
1883
+ }
1884
+ [data-theme="rui"] .object-scale-down {
1885
+ object-fit: scale-down;
1886
+ }
1887
+ [data-theme="rui"] .object-bottom {
1888
+ object-position: bottom;
1889
+ }
1890
+ [data-theme="rui"] .object-center {
1891
+ object-position: center;
1892
+ }
1893
+ [data-theme="rui"] .object-left {
1894
+ object-position: left;
1895
+ }
1896
+ [data-theme="rui"] .object-left-bottom {
1897
+ object-position: left bottom;
1898
+ }
1899
+ [data-theme="rui"] .object-left-top {
1900
+ object-position: left top;
1901
+ }
1902
+ [data-theme="rui"] .object-right {
1903
+ object-position: right;
1904
+ }
1905
+ [data-theme="rui"] .object-right-bottom {
1906
+ object-position: right bottom;
1907
+ }
1908
+ [data-theme="rui"] .object-right-top {
1909
+ object-position: right top;
1910
+ }
1911
+ [data-theme="rui"] .object-top {
1912
+ object-position: top;
1913
+ }
1914
+ [data-theme="rui"] .p-0 {
1915
+ padding: calc(var(--spacing) * 0);
1916
+ }
1917
+ [data-theme="rui"] .p-0\.5 {
1918
+ padding: calc(var(--spacing) * 0.5);
1919
+ }
1920
+ [data-theme="rui"] .p-1 {
1921
+ padding: calc(var(--spacing) * 1);
1922
+ }
1923
+ [data-theme="rui"] .p-1\.5 {
1924
+ padding: calc(var(--spacing) * 1.5);
1925
+ }
1926
+ [data-theme="rui"] .p-2 {
1927
+ padding: calc(var(--spacing) * 2);
1928
+ }
1929
+ [data-theme="rui"] .p-2\.5 {
1930
+ padding: calc(var(--spacing) * 2.5);
1931
+ }
1932
+ [data-theme="rui"] .p-3 {
1933
+ padding: calc(var(--spacing) * 3);
1934
+ }
1935
+ [data-theme="rui"] .p-3\.5 {
1936
+ padding: calc(var(--spacing) * 3.5);
1937
+ }
1938
+ [data-theme="rui"] .p-4 {
1939
+ padding: calc(var(--spacing) * 4);
1940
+ }
1941
+ [data-theme="rui"] .p-5 {
1942
+ padding: calc(var(--spacing) * 5);
1943
+ }
1944
+ [data-theme="rui"] .p-6 {
1945
+ padding: calc(var(--spacing) * 6);
1946
+ }
1947
+ [data-theme="rui"] .p-7 {
1948
+ padding: calc(var(--spacing) * 7);
1949
+ }
1950
+ [data-theme="rui"] .p-8 {
1951
+ padding: calc(var(--spacing) * 8);
1952
+ }
1953
+ [data-theme="rui"] .p-9 {
1954
+ padding: calc(var(--spacing) * 9);
1955
+ }
1956
+ [data-theme="rui"] .p-10 {
1957
+ padding: calc(var(--spacing) * 10);
1958
+ }
1959
+ [data-theme="rui"] .p-11 {
1960
+ padding: calc(var(--spacing) * 11);
1961
+ }
1962
+ [data-theme="rui"] .p-12 {
1963
+ padding: calc(var(--spacing) * 12);
1964
+ }
1965
+ [data-theme="rui"] .p-14 {
1966
+ padding: calc(var(--spacing) * 14);
1967
+ }
1968
+ [data-theme="rui"] .p-16 {
1969
+ padding: calc(var(--spacing) * 16);
1970
+ }
1971
+ [data-theme="rui"] .p-20 {
1972
+ padding: calc(var(--spacing) * 20);
1973
+ }
1974
+ [data-theme="rui"] .p-24 {
1975
+ padding: calc(var(--spacing) * 24);
1976
+ }
1977
+ [data-theme="rui"] .p-28 {
1978
+ padding: calc(var(--spacing) * 28);
1979
+ }
1980
+ [data-theme="rui"] .p-32 {
1981
+ padding: calc(var(--spacing) * 32);
1982
+ }
1983
+ [data-theme="rui"] .p-36 {
1984
+ padding: calc(var(--spacing) * 36);
1985
+ }
1986
+ [data-theme="rui"] .p-40 {
1987
+ padding: calc(var(--spacing) * 40);
1988
+ }
1989
+ [data-theme="rui"] .p-44 {
1990
+ padding: calc(var(--spacing) * 44);
1991
+ }
1992
+ [data-theme="rui"] .p-48 {
1993
+ padding: calc(var(--spacing) * 48);
1994
+ }
1995
+ [data-theme="rui"] .p-52 {
1996
+ padding: calc(var(--spacing) * 52);
1997
+ }
1998
+ [data-theme="rui"] .p-56 {
1999
+ padding: calc(var(--spacing) * 56);
2000
+ }
2001
+ [data-theme="rui"] .p-60 {
2002
+ padding: calc(var(--spacing) * 60);
2003
+ }
2004
+ [data-theme="rui"] .p-64 {
2005
+ padding: calc(var(--spacing) * 64);
2006
+ }
2007
+ [data-theme="rui"] .p-72 {
2008
+ padding: calc(var(--spacing) * 72);
2009
+ }
2010
+ [data-theme="rui"] .p-80 {
2011
+ padding: calc(var(--spacing) * 80);
2012
+ }
2013
+ [data-theme="rui"] .p-96 {
2014
+ padding: calc(var(--spacing) * 96);
2015
+ }
2016
+ [data-theme="rui"] .p-\[5\.3px\] {
2017
+ padding: 5.3px;
2018
+ }
2019
+ [data-theme="rui"] .p-px {
2020
+ padding: 1px;
2021
+ }
2022
+ [data-theme="rui"] .px-0 {
2023
+ padding-inline: calc(var(--spacing) * 0);
2024
+ }
2025
+ [data-theme="rui"] .px-0\.5 {
2026
+ padding-inline: calc(var(--spacing) * 0.5);
2027
+ }
2028
+ [data-theme="rui"] .px-1 {
2029
+ padding-inline: calc(var(--spacing) * 1);
2030
+ }
2031
+ [data-theme="rui"] .px-1\.5 {
2032
+ padding-inline: calc(var(--spacing) * 1.5);
2033
+ }
2034
+ [data-theme="rui"] .px-2 {
2035
+ padding-inline: calc(var(--spacing) * 2);
2036
+ }
2037
+ [data-theme="rui"] .px-2\.5 {
2038
+ padding-inline: calc(var(--spacing) * 2.5);
2039
+ }
2040
+ [data-theme="rui"] .px-3 {
2041
+ padding-inline: calc(var(--spacing) * 3);
2042
+ }
2043
+ [data-theme="rui"] .px-3\.5 {
2044
+ padding-inline: calc(var(--spacing) * 3.5);
2045
+ }
2046
+ [data-theme="rui"] .px-4 {
2047
+ padding-inline: calc(var(--spacing) * 4);
2048
+ }
2049
+ [data-theme="rui"] .px-5 {
2050
+ padding-inline: calc(var(--spacing) * 5);
2051
+ }
2052
+ [data-theme="rui"] .px-6 {
2053
+ padding-inline: calc(var(--spacing) * 6);
2054
+ }
2055
+ [data-theme="rui"] .px-7 {
2056
+ padding-inline: calc(var(--spacing) * 7);
2057
+ }
2058
+ [data-theme="rui"] .px-8 {
2059
+ padding-inline: calc(var(--spacing) * 8);
2060
+ }
2061
+ [data-theme="rui"] .px-9 {
2062
+ padding-inline: calc(var(--spacing) * 9);
2063
+ }
2064
+ [data-theme="rui"] .px-10 {
2065
+ padding-inline: calc(var(--spacing) * 10);
2066
+ }
2067
+ [data-theme="rui"] .px-11 {
2068
+ padding-inline: calc(var(--spacing) * 11);
2069
+ }
2070
+ [data-theme="rui"] .px-12 {
2071
+ padding-inline: calc(var(--spacing) * 12);
2072
+ }
2073
+ [data-theme="rui"] .px-14 {
2074
+ padding-inline: calc(var(--spacing) * 14);
2075
+ }
2076
+ [data-theme="rui"] .px-16 {
2077
+ padding-inline: calc(var(--spacing) * 16);
2078
+ }
2079
+ [data-theme="rui"] .px-20 {
2080
+ padding-inline: calc(var(--spacing) * 20);
2081
+ }
2082
+ [data-theme="rui"] .px-24 {
2083
+ padding-inline: calc(var(--spacing) * 24);
2084
+ }
2085
+ [data-theme="rui"] .px-28 {
2086
+ padding-inline: calc(var(--spacing) * 28);
2087
+ }
2088
+ [data-theme="rui"] .px-32 {
2089
+ padding-inline: calc(var(--spacing) * 32);
2090
+ }
2091
+ [data-theme="rui"] .px-36 {
2092
+ padding-inline: calc(var(--spacing) * 36);
2093
+ }
2094
+ [data-theme="rui"] .px-40 {
2095
+ padding-inline: calc(var(--spacing) * 40);
2096
+ }
2097
+ [data-theme="rui"] .px-44 {
2098
+ padding-inline: calc(var(--spacing) * 44);
2099
+ }
2100
+ [data-theme="rui"] .px-48 {
2101
+ padding-inline: calc(var(--spacing) * 48);
2102
+ }
2103
+ [data-theme="rui"] .px-52 {
2104
+ padding-inline: calc(var(--spacing) * 52);
2105
+ }
2106
+ [data-theme="rui"] .px-56 {
2107
+ padding-inline: calc(var(--spacing) * 56);
2108
+ }
2109
+ [data-theme="rui"] .px-60 {
2110
+ padding-inline: calc(var(--spacing) * 60);
2111
+ }
2112
+ [data-theme="rui"] .px-64 {
2113
+ padding-inline: calc(var(--spacing) * 64);
2114
+ }
2115
+ [data-theme="rui"] .px-72 {
2116
+ padding-inline: calc(var(--spacing) * 72);
2117
+ }
2118
+ [data-theme="rui"] .px-80 {
2119
+ padding-inline: calc(var(--spacing) * 80);
2120
+ }
2121
+ [data-theme="rui"] .px-96 {
2122
+ padding-inline: calc(var(--spacing) * 96);
2123
+ }
2124
+ [data-theme="rui"] .py-0 {
2125
+ padding-block: calc(var(--spacing) * 0);
2126
+ }
2127
+ [data-theme="rui"] .py-0\.5 {
2128
+ padding-block: calc(var(--spacing) * 0.5);
2129
+ }
2130
+ [data-theme="rui"] .py-1 {
2131
+ padding-block: calc(var(--spacing) * 1);
2132
+ }
2133
+ [data-theme="rui"] .py-1\.5 {
2134
+ padding-block: calc(var(--spacing) * 1.5);
2135
+ }
2136
+ [data-theme="rui"] .py-2 {
2137
+ padding-block: calc(var(--spacing) * 2);
2138
+ }
2139
+ [data-theme="rui"] .py-2\.5 {
2140
+ padding-block: calc(var(--spacing) * 2.5);
2141
+ }
2142
+ [data-theme="rui"] .py-3 {
2143
+ padding-block: calc(var(--spacing) * 3);
2144
+ }
2145
+ [data-theme="rui"] .py-3\.5 {
2146
+ padding-block: calc(var(--spacing) * 3.5);
2147
+ }
2148
+ [data-theme="rui"] .py-4 {
2149
+ padding-block: calc(var(--spacing) * 4);
2150
+ }
2151
+ [data-theme="rui"] .py-5 {
2152
+ padding-block: calc(var(--spacing) * 5);
2153
+ }
2154
+ [data-theme="rui"] .py-6 {
2155
+ padding-block: calc(var(--spacing) * 6);
2156
+ }
2157
+ [data-theme="rui"] .py-7 {
2158
+ padding-block: calc(var(--spacing) * 7);
2159
+ }
2160
+ [data-theme="rui"] .py-8 {
2161
+ padding-block: calc(var(--spacing) * 8);
2162
+ }
2163
+ [data-theme="rui"] .py-9 {
2164
+ padding-block: calc(var(--spacing) * 9);
2165
+ }
2166
+ [data-theme="rui"] .py-10 {
2167
+ padding-block: calc(var(--spacing) * 10);
2168
+ }
2169
+ [data-theme="rui"] .py-11 {
2170
+ padding-block: calc(var(--spacing) * 11);
2171
+ }
2172
+ [data-theme="rui"] .py-12 {
2173
+ padding-block: calc(var(--spacing) * 12);
2174
+ }
2175
+ [data-theme="rui"] .py-14 {
2176
+ padding-block: calc(var(--spacing) * 14);
2177
+ }
2178
+ [data-theme="rui"] .py-16 {
2179
+ padding-block: calc(var(--spacing) * 16);
2180
+ }
2181
+ [data-theme="rui"] .py-20 {
2182
+ padding-block: calc(var(--spacing) * 20);
2183
+ }
2184
+ [data-theme="rui"] .py-24 {
2185
+ padding-block: calc(var(--spacing) * 24);
2186
+ }
2187
+ [data-theme="rui"] .py-28 {
2188
+ padding-block: calc(var(--spacing) * 28);
2189
+ }
2190
+ [data-theme="rui"] .py-32 {
2191
+ padding-block: calc(var(--spacing) * 32);
2192
+ }
2193
+ [data-theme="rui"] .py-36 {
2194
+ padding-block: calc(var(--spacing) * 36);
2195
+ }
2196
+ [data-theme="rui"] .py-40 {
2197
+ padding-block: calc(var(--spacing) * 40);
2198
+ }
2199
+ [data-theme="rui"] .py-44 {
2200
+ padding-block: calc(var(--spacing) * 44);
2201
+ }
2202
+ [data-theme="rui"] .py-48 {
2203
+ padding-block: calc(var(--spacing) * 48);
2204
+ }
2205
+ [data-theme="rui"] .py-52 {
2206
+ padding-block: calc(var(--spacing) * 52);
2207
+ }
2208
+ [data-theme="rui"] .py-56 {
2209
+ padding-block: calc(var(--spacing) * 56);
2210
+ }
2211
+ [data-theme="rui"] .py-60 {
2212
+ padding-block: calc(var(--spacing) * 60);
2213
+ }
2214
+ [data-theme="rui"] .py-64 {
2215
+ padding-block: calc(var(--spacing) * 64);
2216
+ }
2217
+ [data-theme="rui"] .py-72 {
2218
+ padding-block: calc(var(--spacing) * 72);
2219
+ }
2220
+ [data-theme="rui"] .py-80 {
2221
+ padding-block: calc(var(--spacing) * 80);
2222
+ }
2223
+ [data-theme="rui"] .py-96 {
2224
+ padding-block: calc(var(--spacing) * 96);
2225
+ }
2226
+ [data-theme="rui"] .pt-0 {
2227
+ padding-top: calc(var(--spacing) * 0);
2228
+ }
2229
+ [data-theme="rui"] .pt-0\.5 {
2230
+ padding-top: calc(var(--spacing) * 0.5);
2231
+ }
2232
+ [data-theme="rui"] .pt-1 {
2233
+ padding-top: calc(var(--spacing) * 1);
2234
+ }
2235
+ [data-theme="rui"] .pt-1\.5 {
2236
+ padding-top: calc(var(--spacing) * 1.5);
2237
+ }
2238
+ [data-theme="rui"] .pt-2 {
2239
+ padding-top: calc(var(--spacing) * 2);
2240
+ }
2241
+ [data-theme="rui"] .pt-2\.5 {
2242
+ padding-top: calc(var(--spacing) * 2.5);
2243
+ }
2244
+ [data-theme="rui"] .pt-3 {
2245
+ padding-top: calc(var(--spacing) * 3);
2246
+ }
2247
+ [data-theme="rui"] .pt-3\.5 {
2248
+ padding-top: calc(var(--spacing) * 3.5);
2249
+ }
2250
+ [data-theme="rui"] .pt-4 {
2251
+ padding-top: calc(var(--spacing) * 4);
2252
+ }
2253
+ [data-theme="rui"] .pt-5 {
2254
+ padding-top: calc(var(--spacing) * 5);
2255
+ }
2256
+ [data-theme="rui"] .pt-6 {
2257
+ padding-top: calc(var(--spacing) * 6);
2258
+ }
2259
+ [data-theme="rui"] .pt-7 {
2260
+ padding-top: calc(var(--spacing) * 7);
2261
+ }
2262
+ [data-theme="rui"] .pt-8 {
2263
+ padding-top: calc(var(--spacing) * 8);
2264
+ }
2265
+ [data-theme="rui"] .pt-9 {
2266
+ padding-top: calc(var(--spacing) * 9);
2267
+ }
2268
+ [data-theme="rui"] .pt-10 {
2269
+ padding-top: calc(var(--spacing) * 10);
2270
+ }
2271
+ [data-theme="rui"] .pt-11 {
2272
+ padding-top: calc(var(--spacing) * 11);
2273
+ }
2274
+ [data-theme="rui"] .pt-12 {
2275
+ padding-top: calc(var(--spacing) * 12);
2276
+ }
2277
+ [data-theme="rui"] .pt-14 {
2278
+ padding-top: calc(var(--spacing) * 14);
2279
+ }
2280
+ [data-theme="rui"] .pt-16 {
2281
+ padding-top: calc(var(--spacing) * 16);
2282
+ }
2283
+ [data-theme="rui"] .pt-20 {
2284
+ padding-top: calc(var(--spacing) * 20);
2285
+ }
2286
+ [data-theme="rui"] .pt-24 {
2287
+ padding-top: calc(var(--spacing) * 24);
2288
+ }
2289
+ [data-theme="rui"] .pt-28 {
2290
+ padding-top: calc(var(--spacing) * 28);
2291
+ }
2292
+ [data-theme="rui"] .pt-32 {
2293
+ padding-top: calc(var(--spacing) * 32);
2294
+ }
2295
+ [data-theme="rui"] .pt-36 {
2296
+ padding-top: calc(var(--spacing) * 36);
2297
+ }
2298
+ [data-theme="rui"] .pt-40 {
2299
+ padding-top: calc(var(--spacing) * 40);
2300
+ }
2301
+ [data-theme="rui"] .pt-44 {
2302
+ padding-top: calc(var(--spacing) * 44);
2303
+ }
2304
+ [data-theme="rui"] .pt-48 {
2305
+ padding-top: calc(var(--spacing) * 48);
2306
+ }
2307
+ [data-theme="rui"] .pt-52 {
2308
+ padding-top: calc(var(--spacing) * 52);
2309
+ }
2310
+ [data-theme="rui"] .pt-56 {
2311
+ padding-top: calc(var(--spacing) * 56);
2312
+ }
2313
+ [data-theme="rui"] .pt-60 {
2314
+ padding-top: calc(var(--spacing) * 60);
2315
+ }
2316
+ [data-theme="rui"] .pt-64 {
2317
+ padding-top: calc(var(--spacing) * 64);
2318
+ }
2319
+ [data-theme="rui"] .pt-72 {
2320
+ padding-top: calc(var(--spacing) * 72);
2321
+ }
2322
+ [data-theme="rui"] .pt-80 {
2323
+ padding-top: calc(var(--spacing) * 80);
2324
+ }
2325
+ [data-theme="rui"] .pt-96 {
2326
+ padding-top: calc(var(--spacing) * 96);
2327
+ }
2328
+ [data-theme="rui"] .pr-0 {
2329
+ padding-right: calc(var(--spacing) * 0);
2330
+ }
2331
+ [data-theme="rui"] .pr-0\.5 {
2332
+ padding-right: calc(var(--spacing) * 0.5);
2333
+ }
2334
+ [data-theme="rui"] .pr-1 {
2335
+ padding-right: calc(var(--spacing) * 1);
2336
+ }
2337
+ [data-theme="rui"] .pr-1\.5 {
2338
+ padding-right: calc(var(--spacing) * 1.5);
2339
+ }
2340
+ [data-theme="rui"] .pr-2 {
2341
+ padding-right: calc(var(--spacing) * 2);
2342
+ }
2343
+ [data-theme="rui"] .pr-2\.5 {
2344
+ padding-right: calc(var(--spacing) * 2.5);
2345
+ }
2346
+ [data-theme="rui"] .pr-3 {
2347
+ padding-right: calc(var(--spacing) * 3);
2348
+ }
2349
+ [data-theme="rui"] .pr-3\.5 {
2350
+ padding-right: calc(var(--spacing) * 3.5);
2351
+ }
2352
+ [data-theme="rui"] .pr-4 {
2353
+ padding-right: calc(var(--spacing) * 4);
2354
+ }
2355
+ [data-theme="rui"] .pr-5 {
2356
+ padding-right: calc(var(--spacing) * 5);
2357
+ }
2358
+ [data-theme="rui"] .pr-6 {
2359
+ padding-right: calc(var(--spacing) * 6);
2360
+ }
2361
+ [data-theme="rui"] .pr-7 {
2362
+ padding-right: calc(var(--spacing) * 7);
2363
+ }
2364
+ [data-theme="rui"] .pr-8 {
2365
+ padding-right: calc(var(--spacing) * 8);
2366
+ }
2367
+ [data-theme="rui"] .pr-9 {
2368
+ padding-right: calc(var(--spacing) * 9);
2369
+ }
2370
+ [data-theme="rui"] .pr-10 {
2371
+ padding-right: calc(var(--spacing) * 10);
2372
+ }
2373
+ [data-theme="rui"] .pr-11 {
2374
+ padding-right: calc(var(--spacing) * 11);
2375
+ }
2376
+ [data-theme="rui"] .pr-12 {
2377
+ padding-right: calc(var(--spacing) * 12);
2378
+ }
2379
+ [data-theme="rui"] .pr-14 {
2380
+ padding-right: calc(var(--spacing) * 14);
2381
+ }
2382
+ [data-theme="rui"] .pr-16 {
2383
+ padding-right: calc(var(--spacing) * 16);
2384
+ }
2385
+ [data-theme="rui"] .pr-20 {
2386
+ padding-right: calc(var(--spacing) * 20);
2387
+ }
2388
+ [data-theme="rui"] .pr-24 {
2389
+ padding-right: calc(var(--spacing) * 24);
2390
+ }
2391
+ [data-theme="rui"] .pr-28 {
2392
+ padding-right: calc(var(--spacing) * 28);
2393
+ }
2394
+ [data-theme="rui"] .pr-32 {
2395
+ padding-right: calc(var(--spacing) * 32);
2396
+ }
2397
+ [data-theme="rui"] .pr-36 {
2398
+ padding-right: calc(var(--spacing) * 36);
2399
+ }
2400
+ [data-theme="rui"] .pr-40 {
2401
+ padding-right: calc(var(--spacing) * 40);
2402
+ }
2403
+ [data-theme="rui"] .pr-44 {
2404
+ padding-right: calc(var(--spacing) * 44);
2405
+ }
2406
+ [data-theme="rui"] .pr-48 {
2407
+ padding-right: calc(var(--spacing) * 48);
2408
+ }
2409
+ [data-theme="rui"] .pr-52 {
2410
+ padding-right: calc(var(--spacing) * 52);
2411
+ }
2412
+ [data-theme="rui"] .pr-56 {
2413
+ padding-right: calc(var(--spacing) * 56);
2414
+ }
2415
+ [data-theme="rui"] .pr-60 {
2416
+ padding-right: calc(var(--spacing) * 60);
2417
+ }
2418
+ [data-theme="rui"] .pr-64 {
2419
+ padding-right: calc(var(--spacing) * 64);
2420
+ }
2421
+ [data-theme="rui"] .pr-72 {
2422
+ padding-right: calc(var(--spacing) * 72);
2423
+ }
2424
+ [data-theme="rui"] .pr-80 {
2425
+ padding-right: calc(var(--spacing) * 80);
2426
+ }
2427
+ [data-theme="rui"] .pr-96 {
2428
+ padding-right: calc(var(--spacing) * 96);
2429
+ }
2430
+ [data-theme="rui"] .pb-0 {
2431
+ padding-bottom: calc(var(--spacing) * 0);
2432
+ }
2433
+ [data-theme="rui"] .pb-0\.5 {
2434
+ padding-bottom: calc(var(--spacing) * 0.5);
2435
+ }
2436
+ [data-theme="rui"] .pb-1 {
2437
+ padding-bottom: calc(var(--spacing) * 1);
2438
+ }
2439
+ [data-theme="rui"] .pb-1\.5 {
2440
+ padding-bottom: calc(var(--spacing) * 1.5);
2441
+ }
2442
+ [data-theme="rui"] .pb-2 {
2443
+ padding-bottom: calc(var(--spacing) * 2);
2444
+ }
2445
+ [data-theme="rui"] .pb-2\.5 {
2446
+ padding-bottom: calc(var(--spacing) * 2.5);
2447
+ }
2448
+ [data-theme="rui"] .pb-3 {
2449
+ padding-bottom: calc(var(--spacing) * 3);
2450
+ }
2451
+ [data-theme="rui"] .pb-3\.5 {
2452
+ padding-bottom: calc(var(--spacing) * 3.5);
2453
+ }
2454
+ [data-theme="rui"] .pb-4 {
2455
+ padding-bottom: calc(var(--spacing) * 4);
2456
+ }
2457
+ [data-theme="rui"] .pb-5 {
2458
+ padding-bottom: calc(var(--spacing) * 5);
2459
+ }
2460
+ [data-theme="rui"] .pb-6 {
2461
+ padding-bottom: calc(var(--spacing) * 6);
2462
+ }
2463
+ [data-theme="rui"] .pb-7 {
2464
+ padding-bottom: calc(var(--spacing) * 7);
2465
+ }
2466
+ [data-theme="rui"] .pb-8 {
2467
+ padding-bottom: calc(var(--spacing) * 8);
2468
+ }
2469
+ [data-theme="rui"] .pb-9 {
2470
+ padding-bottom: calc(var(--spacing) * 9);
2471
+ }
2472
+ [data-theme="rui"] .pb-10 {
2473
+ padding-bottom: calc(var(--spacing) * 10);
2474
+ }
2475
+ [data-theme="rui"] .pb-11 {
2476
+ padding-bottom: calc(var(--spacing) * 11);
2477
+ }
2478
+ [data-theme="rui"] .pb-12 {
2479
+ padding-bottom: calc(var(--spacing) * 12);
2480
+ }
2481
+ [data-theme="rui"] .pb-14 {
2482
+ padding-bottom: calc(var(--spacing) * 14);
2483
+ }
2484
+ [data-theme="rui"] .pb-16 {
2485
+ padding-bottom: calc(var(--spacing) * 16);
2486
+ }
2487
+ [data-theme="rui"] .pb-20 {
2488
+ padding-bottom: calc(var(--spacing) * 20);
2489
+ }
2490
+ [data-theme="rui"] .pb-24 {
2491
+ padding-bottom: calc(var(--spacing) * 24);
2492
+ }
2493
+ [data-theme="rui"] .pb-28 {
2494
+ padding-bottom: calc(var(--spacing) * 28);
2495
+ }
2496
+ [data-theme="rui"] .pb-32 {
2497
+ padding-bottom: calc(var(--spacing) * 32);
2498
+ }
2499
+ [data-theme="rui"] .pb-36 {
2500
+ padding-bottom: calc(var(--spacing) * 36);
2501
+ }
2502
+ [data-theme="rui"] .pb-40 {
2503
+ padding-bottom: calc(var(--spacing) * 40);
2504
+ }
2505
+ [data-theme="rui"] .pb-44 {
2506
+ padding-bottom: calc(var(--spacing) * 44);
2507
+ }
2508
+ [data-theme="rui"] .pb-48 {
2509
+ padding-bottom: calc(var(--spacing) * 48);
2510
+ }
2511
+ [data-theme="rui"] .pb-52 {
2512
+ padding-bottom: calc(var(--spacing) * 52);
2513
+ }
2514
+ [data-theme="rui"] .pb-56 {
2515
+ padding-bottom: calc(var(--spacing) * 56);
2516
+ }
2517
+ [data-theme="rui"] .pb-60 {
2518
+ padding-bottom: calc(var(--spacing) * 60);
2519
+ }
2520
+ [data-theme="rui"] .pb-64 {
2521
+ padding-bottom: calc(var(--spacing) * 64);
2522
+ }
2523
+ [data-theme="rui"] .pb-72 {
2524
+ padding-bottom: calc(var(--spacing) * 72);
2525
+ }
2526
+ [data-theme="rui"] .pb-80 {
2527
+ padding-bottom: calc(var(--spacing) * 80);
2528
+ }
2529
+ [data-theme="rui"] .pb-96 {
2530
+ padding-bottom: calc(var(--spacing) * 96);
2531
+ }
2532
+ [data-theme="rui"] .pl-0 {
2533
+ padding-left: calc(var(--spacing) * 0);
2534
+ }
2535
+ [data-theme="rui"] .pl-0\.5 {
2536
+ padding-left: calc(var(--spacing) * 0.5);
2537
+ }
2538
+ [data-theme="rui"] .pl-1 {
2539
+ padding-left: calc(var(--spacing) * 1);
2540
+ }
2541
+ [data-theme="rui"] .pl-1\.5 {
2542
+ padding-left: calc(var(--spacing) * 1.5);
2543
+ }
2544
+ [data-theme="rui"] .pl-2 {
2545
+ padding-left: calc(var(--spacing) * 2);
2546
+ }
2547
+ [data-theme="rui"] .pl-2\.5 {
2548
+ padding-left: calc(var(--spacing) * 2.5);
2549
+ }
2550
+ [data-theme="rui"] .pl-3 {
2551
+ padding-left: calc(var(--spacing) * 3);
2552
+ }
2553
+ [data-theme="rui"] .pl-3\.5 {
2554
+ padding-left: calc(var(--spacing) * 3.5);
2555
+ }
2556
+ [data-theme="rui"] .pl-4 {
2557
+ padding-left: calc(var(--spacing) * 4);
2558
+ }
2559
+ [data-theme="rui"] .pl-5 {
2560
+ padding-left: calc(var(--spacing) * 5);
2561
+ }
2562
+ [data-theme="rui"] .pl-6 {
2563
+ padding-left: calc(var(--spacing) * 6);
2564
+ }
2565
+ [data-theme="rui"] .pl-7 {
2566
+ padding-left: calc(var(--spacing) * 7);
2567
+ }
2568
+ [data-theme="rui"] .pl-8 {
2569
+ padding-left: calc(var(--spacing) * 8);
2570
+ }
2571
+ [data-theme="rui"] .pl-9 {
2572
+ padding-left: calc(var(--spacing) * 9);
2573
+ }
2574
+ [data-theme="rui"] .pl-10 {
2575
+ padding-left: calc(var(--spacing) * 10);
2576
+ }
2577
+ [data-theme="rui"] .pl-11 {
2578
+ padding-left: calc(var(--spacing) * 11);
2579
+ }
2580
+ [data-theme="rui"] .pl-12 {
2581
+ padding-left: calc(var(--spacing) * 12);
2582
+ }
2583
+ [data-theme="rui"] .pl-14 {
2584
+ padding-left: calc(var(--spacing) * 14);
2585
+ }
2586
+ [data-theme="rui"] .pl-16 {
2587
+ padding-left: calc(var(--spacing) * 16);
2588
+ }
2589
+ [data-theme="rui"] .pl-20 {
2590
+ padding-left: calc(var(--spacing) * 20);
2591
+ }
2592
+ [data-theme="rui"] .pl-24 {
2593
+ padding-left: calc(var(--spacing) * 24);
2594
+ }
2595
+ [data-theme="rui"] .pl-28 {
2596
+ padding-left: calc(var(--spacing) * 28);
2597
+ }
2598
+ [data-theme="rui"] .pl-32 {
2599
+ padding-left: calc(var(--spacing) * 32);
2600
+ }
2601
+ [data-theme="rui"] .pl-36 {
2602
+ padding-left: calc(var(--spacing) * 36);
2603
+ }
2604
+ [data-theme="rui"] .pl-40 {
2605
+ padding-left: calc(var(--spacing) * 40);
2606
+ }
2607
+ [data-theme="rui"] .pl-44 {
2608
+ padding-left: calc(var(--spacing) * 44);
2609
+ }
2610
+ [data-theme="rui"] .pl-48 {
2611
+ padding-left: calc(var(--spacing) * 48);
2612
+ }
2613
+ [data-theme="rui"] .pl-52 {
2614
+ padding-left: calc(var(--spacing) * 52);
2615
+ }
2616
+ [data-theme="rui"] .pl-56 {
2617
+ padding-left: calc(var(--spacing) * 56);
2618
+ }
2619
+ [data-theme="rui"] .pl-60 {
2620
+ padding-left: calc(var(--spacing) * 60);
2621
+ }
2622
+ [data-theme="rui"] .pl-64 {
2623
+ padding-left: calc(var(--spacing) * 64);
2624
+ }
2625
+ [data-theme="rui"] .pl-72 {
2626
+ padding-left: calc(var(--spacing) * 72);
2627
+ }
2628
+ [data-theme="rui"] .pl-80 {
2629
+ padding-left: calc(var(--spacing) * 80);
2630
+ }
2631
+ [data-theme="rui"] .pl-96 {
2632
+ padding-left: calc(var(--spacing) * 96);
2633
+ }
2634
+ [data-theme="rui"] .text-center {
2635
+ text-align: center;
2636
+ }
2637
+ [data-theme="rui"] .text-left {
2638
+ text-align: left;
2639
+ }
2640
+ [data-theme="rui"] .text-right {
2641
+ text-align: right;
2642
+ }
2643
+ [data-theme="rui"] .align-middle {
2644
+ vertical-align: middle;
2645
+ }
2646
+ [data-theme="rui"] .font-\[\"Arial\"\] {
2647
+ font-family: "Arial";
2648
+ }
2649
+ [data-theme="rui"] .font-\[\"Oswald_Regular\"\] {
2650
+ font-family: "Oswald Regular";
2651
+ }
2652
+ [data-theme="rui"] .text-2xl {
2653
+ font-size: var(--text-2xl);
2654
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2655
+ }
2656
+ [data-theme="rui"] .text-3xl {
2657
+ font-size: var(--text-3xl);
2658
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
2659
+ }
2660
+ [data-theme="rui"] .text-4xl {
2661
+ font-size: var(--text-4xl);
2662
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
2663
+ }
2664
+ [data-theme="rui"] .text-5xl {
2665
+ font-size: var(--text-5xl);
2666
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
2667
+ }
2668
+ [data-theme="rui"] .text-6xl {
2669
+ font-size: var(--text-6xl);
2670
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
2671
+ }
2672
+ [data-theme="rui"] .text-7xl {
2673
+ font-size: var(--text-7xl);
2674
+ line-height: var(--tw-leading, var(--text-7xl--line-height));
2675
+ }
2676
+ [data-theme="rui"] .text-8xl {
2677
+ font-size: var(--text-8xl);
2678
+ line-height: var(--tw-leading, var(--text-8xl--line-height));
2679
+ }
2680
+ [data-theme="rui"] .text-9xl {
2681
+ font-size: var(--text-9xl);
2682
+ line-height: var(--tw-leading, var(--text-9xl--line-height));
2683
+ }
2684
+ [data-theme="rui"] .text-base {
2685
+ font-size: var(--text-base);
2686
+ line-height: var(--tw-leading, var(--text-base--line-height));
2687
+ }
2688
+ [data-theme="rui"] .text-lg {
2689
+ font-size: var(--text-lg);
2690
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2691
+ }
2692
+ [data-theme="rui"] .text-sm {
2693
+ font-size: var(--text-sm);
2694
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2695
+ }
2696
+ [data-theme="rui"] .text-xl {
2697
+ font-size: var(--text-xl);
2698
+ line-height: var(--tw-leading, var(--text-xl--line-height));
2699
+ }
2700
+ [data-theme="rui"] .text-xs {
2701
+ font-size: var(--text-xs);
2702
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2703
+ }
2704
+ [data-theme="rui"] .text-\[2rem\] {
2705
+ font-size: 2rem;
2706
+ }
2707
+ [data-theme="rui"] .text-\[13px\] {
2708
+ font-size: 13px;
2709
+ }
2710
+ [data-theme="rui"] .leading-4 {
2711
+ --tw-leading: calc(var(--spacing) * 4);
2712
+ line-height: calc(var(--spacing) * 4);
2713
+ }
2714
+ [data-theme="rui"] .leading-\[1\.125\] {
2715
+ --tw-leading: 1.125;
2716
+ line-height: 1.125;
2717
+ }
2718
+ [data-theme="rui"] .leading-\[22px\] {
2719
+ --tw-leading: 22px;
2720
+ line-height: 22px;
2721
+ }
2722
+ [data-theme="rui"] .leading-none {
2723
+ --tw-leading: 1;
2724
+ line-height: 1;
2725
+ }
2726
+ [data-theme="rui"] .leading-normal {
2727
+ --tw-leading: var(--leading-normal);
2728
+ line-height: var(--leading-normal);
2729
+ }
2730
+ [data-theme="rui"] .font-black {
2731
+ --tw-font-weight: var(--font-weight-black);
2732
+ font-weight: var(--font-weight-black);
2733
+ }
2734
+ [data-theme="rui"] .font-bold {
2735
+ --tw-font-weight: var(--font-weight-bold);
2736
+ font-weight: var(--font-weight-bold);
2737
+ }
2738
+ [data-theme="rui"] .font-extrabold {
2739
+ --tw-font-weight: var(--font-weight-extrabold);
2740
+ font-weight: var(--font-weight-extrabold);
2741
+ }
2742
+ [data-theme="rui"] .font-extralight {
2743
+ --tw-font-weight: var(--font-weight-extralight);
2744
+ font-weight: var(--font-weight-extralight);
2745
+ }
2746
+ [data-theme="rui"] .font-light {
2747
+ --tw-font-weight: var(--font-weight-light);
2748
+ font-weight: var(--font-weight-light);
2749
+ }
2750
+ [data-theme="rui"] .font-medium {
2751
+ --tw-font-weight: var(--font-weight-medium);
2752
+ font-weight: var(--font-weight-medium);
2753
+ }
2754
+ [data-theme="rui"] .font-normal {
2755
+ --tw-font-weight: var(--font-weight-normal);
2756
+ font-weight: var(--font-weight-normal);
2757
+ }
2758
+ [data-theme="rui"] .font-semibold {
2759
+ --tw-font-weight: var(--font-weight-semibold);
2760
+ font-weight: var(--font-weight-semibold);
2761
+ }
2762
+ [data-theme="rui"] .font-thin {
2763
+ --tw-font-weight: var(--font-weight-thin);
2764
+ font-weight: var(--font-weight-thin);
2765
+ }
2766
+ [data-theme="rui"] .whitespace-nowrap {
2767
+ white-space: nowrap;
2768
+ }
2769
+ [data-theme="rui"] .text-\[\#edf2ff\] {
2770
+ color: #edf2ff;
2771
+ }
2772
+ [data-theme="rui"] .text-\[\#ffffff\] {
2773
+ color: #ffffff;
2774
+ }
2775
+ [data-theme="rui"] .text-black {
2776
+ color: var(--color-black);
2777
+ }
2778
+ [data-theme="rui"] .text-blue-500 {
2779
+ color: var(--color-blue-500);
2780
+ }
2781
+ [data-theme="rui"] .text-blue-600 {
2782
+ color: var(--color-blue-600);
2783
+ }
2784
+ [data-theme="rui"] .text-blue-700 {
2785
+ color: var(--color-blue-700);
2786
+ }
2787
+ [data-theme="rui"] .text-blue-900 {
2788
+ color: var(--color-blue-900);
2789
+ }
2790
+ [data-theme="rui"] .text-brand-foreground {
2791
+ color: var(--color-stone-50);
2792
+ }
2793
+ [data-theme="rui"] .text-destructive-foreground {
2794
+ color: var(--color-white);
2795
+ }
2796
+ [data-theme="rui"] .text-foreground {
2797
+ color: var(--color-stone-950);
2798
+ }
2799
+ [data-theme="rui"] .text-gray-700 {
2800
+ color: var(--color-gray-700);
2801
+ }
2802
+ [data-theme="rui"] .text-green-300 {
2803
+ color: var(--color-green-300);
2804
+ }
2805
+ [data-theme="rui"] .text-green-600 {
2806
+ color: var(--color-green-600);
2807
+ }
2808
+ [data-theme="rui"] .text-green-700 {
2809
+ color: var(--color-green-700);
2810
+ }
2811
+ [data-theme="rui"] .text-green-800 {
2812
+ color: var(--color-green-800);
2813
+ }
2814
+ [data-theme="rui"] .text-lime-300 {
2815
+ color: var(--color-lime-300);
2816
+ }
2817
+ [data-theme="rui"] .text-lime-500 {
2818
+ color: var(--color-lime-500);
2819
+ }
2820
+ [data-theme="rui"] .text-lime-600 {
2821
+ color: var(--color-lime-600);
2822
+ }
2823
+ [data-theme="rui"] .text-muted-foreground {
2824
+ color: var(--color-stone-500);
2825
+ }
2826
+ [data-theme="rui"] .text-orange-700 {
2827
+ color: #c2520c;
2828
+ }
2829
+ [data-theme="rui"] .text-pink-300 {
2830
+ color: var(--color-pink-300);
2831
+ }
2832
+ [data-theme="rui"] .text-teal-300 {
2833
+ color: var(--color-teal-300);
2834
+ }
2835
+ [data-theme="rui"] .text-transparent {
2836
+ color: transparent;
2837
+ }
2838
+ [data-theme="rui"] .text-violet-500 {
2839
+ color: var(--color-violet-500);
2840
+ }
2841
+ [data-theme="rui"] .text-white {
2842
+ color: var(--color-white);
2843
+ }
2844
+ [data-theme="rui"] .text-zinc-600 {
2845
+ color: var(--color-zinc-600);
2846
+ }
2847
+ [data-theme="rui"] .uppercase {
2848
+ text-transform: uppercase;
2849
+ }
2850
+ [data-theme="rui"] .italic {
2851
+ font-style: italic;
2852
+ }
2853
+ [data-theme="rui"] .not-italic {
2854
+ font-style: normal;
2855
+ }
2856
+ [data-theme="rui"] .tabular-nums {
2857
+ --tw-numeric-spacing: tabular-nums;
2858
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2859
+ }
2860
+ [data-theme="rui"] .opacity-5 {
2861
+ opacity: 5%;
2862
+ }
2863
+ [data-theme="rui"] .ring-3 {
2864
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2865
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2866
+ }
2867
+ [data-theme="rui"] .shadow {
2868
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2869
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2870
+ }
2871
+ [data-theme="rui"] .shadow-\[0_0_0_1px\] {
2872
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, currentcolor);
2873
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2874
+ }
2875
+ [data-theme="rui"] .shadow-\[1px_1px_4px\] {
2876
+ --tw-shadow: 1px 1px 4px var(--tw-shadow-color, currentcolor);
2877
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2878
+ }
2879
+ [data-theme="rui"] .shadow-md {
2880
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2881
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2882
+ }
2883
+ [data-theme="rui"] .shadow-none {
2884
+ --tw-shadow: 0 0 #0000;
2885
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2886
+ }
2887
+ [data-theme="rui"] .shadow-sm {
2888
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2889
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2890
+ }
2891
+ [data-theme="rui"] .shadow-black\/5 {
2892
+ --tw-shadow-color: color-mix(in oklab, var(--color-black) 5%, transparent);
2893
+ }
2894
+ [data-theme="rui"] .outline-hidden {
2895
+ outline-style: none;
2896
+ @media (forced-colors: active) {
2897
+ outline: 2px solid transparent;
2898
+ outline-offset: 2px;
2899
+ }
2900
+ }
2901
+ [data-theme="rui"] .outline-0 {
2902
+ outline-style: var(--tw-outline-style);
2903
+ outline-width: 0px;
2904
+ }
2905
+ [data-theme="rui"] .outline-2 {
2906
+ outline-style: var(--tw-outline-style);
2907
+ outline-width: 2px;
2908
+ }
2909
+ [data-theme="rui"] .outline-offset-0 {
2910
+ outline-offset: 0px;
2911
+ }
2912
+ [data-theme="rui"] .outline-offset-1 {
2913
+ outline-offset: 1px;
2914
+ }
2915
+ [data-theme="rui"] .outline-offset-2 {
2916
+ outline-offset: 2px;
2917
+ }
2918
+ [data-theme="rui"] .blur {
2919
+ --tw-blur: blur(8px);
2920
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2921
+ }
2922
+ [data-theme="rui"] .blur-xs {
2923
+ --tw-blur: blur(var(--blur-xs));
2924
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2925
+ }
2926
+ [data-theme="rui"] .drop-shadow-lg {
2927
+ --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
2928
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2929
+ }
2930
+ [data-theme="rui"] .filter {
2931
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2932
+ }
2933
+ [data-theme="rui"] .backdrop-blur-xs {
2934
+ --tw-backdrop-blur: blur(var(--blur-xs));
2935
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2936
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2937
+ }
2938
+ [data-theme="rui"] .transition-all {
2939
+ transition-property: all;
2940
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2941
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2942
+ }
2943
+ [data-theme="rui"] .transition-colors {
2944
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2945
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2946
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2947
+ }
2948
+ [data-theme="rui"] .transition-shadow {
2949
+ transition-property: box-shadow;
2950
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2951
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2952
+ }
2953
+ [data-theme="rui"] .duration-100 {
2954
+ --tw-duration: 100ms;
2955
+ transition-duration: 100ms;
2956
+ }
2957
+ [data-theme="rui"] .duration-200 {
2958
+ --tw-duration: 200ms;
2959
+ transition-duration: 200ms;
2960
+ }
2961
+ [data-theme="rui"] .duration-300 {
2962
+ --tw-duration: 300ms;
2963
+ transition-duration: 300ms;
2964
+ }
2965
+ [data-theme="rui"] .ease-in {
2966
+ --tw-ease: var(--ease-in);
2967
+ transition-timing-function: var(--ease-in);
2968
+ }
2969
+ [data-theme="rui"] .ease-in-out {
2970
+ --tw-ease: var(--ease-in-out);
2971
+ transition-timing-function: var(--ease-in-out);
2972
+ }
2973
+ [data-theme="rui"] .ease-out {
2974
+ --tw-ease: var(--ease-out);
2975
+ transition-timing-function: var(--ease-out);
2976
+ }
2977
+ [data-theme="rui"] .will-change-transform {
2978
+ will-change: transform;
2979
+ }
2980
+ [data-theme="rui"] .\[grid-area\:actions\] {
2981
+ grid-area: actions;
2982
+ }
2983
+ [data-theme="rui"] .\[grid-area\:close\] {
2984
+ grid-area: close;
2985
+ }
2986
+ [data-theme="rui"] .\[grid-area\:content\] {
2987
+ grid-area: content;
2988
+ }
2989
+ [data-theme="rui"] .\[grid-area\:icon\] {
2990
+ grid-area: icon;
2991
+ }
2992
+ [data-theme="rui"] .\[grid-area\:title\] {
2993
+ grid-area: title;
2994
+ }
2995
+ [data-theme="rui"] .\[grid-template-areas\:\'title\'_\'content\'_\'actions\'\] {
2996
+ grid-template-areas: 'title' 'content' 'actions';
2997
+ }
2998
+ [data-theme="rui"] .\[min-inline-size\:var\(--wrap\)\] {
2999
+ min-inline-size: var(--wrap);
3000
+ }
3001
+ [data-theme="rui"] .\*\:col-\[1\] {
3002
+ [data-theme="rui"] :is(& > *) {
3003
+ grid-column: 1;
3004
+ }
3005
+ }
3006
+ [data-theme="rui"] .\*\:col-\[2\] {
3007
+ [data-theme="rui"] :is(& > *) {
3008
+ grid-column: 2;
3009
+ }
3010
+ }
3011
+ [data-theme="rui"] .\*\:col-\[3\] {
3012
+ [data-theme="rui"] :is(& > *) {
3013
+ grid-column: 3;
3014
+ }
3015
+ }
3016
+ [data-theme="rui"] .group-required\/field\:block {
3017
+ [data-theme="rui"] &:is(:where(.group\/field):required *) {
3018
+ display: block;
3019
+ }
3020
+ }
3021
+ [data-theme="rui"] .group-required\/field\:text-destructive {
3022
+ [data-theme="rui"] &:is(:where(.group\/field):required *) {
3023
+ color: var(--color-red-600);
3024
+ }
3025
+ }
3026
+ [data-theme="rui"] .group-disabled\/field\:cursor-not-allowed {
3027
+ [data-theme="rui"] &:is(:where(.group\/field):disabled *) {
3028
+ cursor: not-allowed;
3029
+ }
3030
+ }
3031
+ [data-theme="rui"] .group-disabled\/field\:opacity-70 {
3032
+ [data-theme="rui"] &:is(:where(.group\/field):disabled *) {
3033
+ opacity: 70%;
3034
+ }
3035
+ }
3036
+ [data-theme="rui"] .group-disabled\/switch\:cursor-not-allowed {
3037
+ [data-theme="rui"] &:is(:where(.group\/switch):disabled *) {
3038
+ cursor: not-allowed;
3039
+ }
3040
+ }
3041
+ [data-theme="rui"] .group-aria-expanded\:hidden {
3042
+ [data-theme="rui"] &:is(:where(.group)[aria-expanded="true"] *) {
3043
+ display: none;
3044
+ }
3045
+ }
3046
+ [data-theme="rui"] .group-aria-expanded\:rotate-90 {
3047
+ [data-theme="rui"] &:is(:where(.group)[aria-expanded="true"] *) {
3048
+ rotate: 90deg;
3049
+ }
3050
+ }
3051
+ [data-theme="rui"] .group-aria-selected\/cell\:font-semibold {
3052
+ [data-theme="rui"] &:is(:where(.group\/cell)[aria-selected="true"] *) {
3053
+ --tw-font-weight: var(--font-weight-semibold);
3054
+ font-weight: var(--font-weight-semibold);
3055
+ }
3056
+ }
3057
+ [data-theme="rui"] .group-aria-selected\/cell\:text-white {
3058
+ [data-theme="rui"] &:is(:where(.group\/cell)[aria-selected="true"] *) {
3059
+ color: var(--color-white);
3060
+ }
3061
+ }
3062
+ [data-theme="rui"] .group-data-\[empty\=true\]\/field\:hidden {
3063
+ [data-theme="rui"] &:is(:where(.group\/field)[data-empty="true"] *) {
3064
+ display: none;
3065
+ }
3066
+ }
3067
+ [data-theme="rui"] .group-\[action\]\/input\:pr-8 {
3068
+ [data-theme="rui"] &:is(:where(.group\/input):is(action) *) {
3069
+ padding-right: calc(var(--spacing) * 8);
3070
+ }
3071
+ }
3072
+ [data-theme="rui"] .group-\[icon\]\/input\:pl-8 {
3073
+ [data-theme="rui"] &:is(:where(.group\/input):is(icon) *) {
3074
+ padding-left: calc(var(--spacing) * 8);
3075
+ }
3076
+ }
3077
+ [data-theme="rui"] .group-\[layout\=grid\]\/list\:flex-row {
3078
+ [data-theme="rui"] &:is(:where(.group\/list):is(layout=grid) *) {
3079
+ flex-direction: row;
3080
+ }
3081
+ }
3082
+ [data-theme="rui"] .file\:me-3 {
3083
+ [data-theme="rui"] &::file-selector-button {
3084
+ margin-inline-end: calc(var(--spacing) * 3);
3085
+ }
3086
+ }
3087
+ [data-theme="rui"] .file\:h-full {
3088
+ [data-theme="rui"] &::file-selector-button {
3089
+ height: 100%;
3090
+ }
3091
+ }
3092
+ [data-theme="rui"] .file\:border-0 {
3093
+ [data-theme="rui"] &::file-selector-button {
3094
+ border-style: var(--tw-border-style);
3095
+ border-width: 0px;
3096
+ }
3097
+ }
3098
+ [data-theme="rui"] .file\:border-r {
3099
+ [data-theme="rui"] &::file-selector-button {
3100
+ border-right-style: var(--tw-border-style);
3101
+ border-right-width: 1px;
3102
+ }
3103
+ }
3104
+ [data-theme="rui"] .file\:border-solid {
3105
+ [data-theme="rui"] &::file-selector-button {
3106
+ --tw-border-style: solid;
3107
+ border-style: solid;
3108
+ }
3109
+ }
3110
+ [data-theme="rui"] .file\:border-input-border {
3111
+ [data-theme="rui"] &::file-selector-button {
3112
+ border-color: var(--color-stone-300);
3113
+ }
3114
+ }
3115
+ [data-theme="rui"] .file\:bg-transparent {
3116
+ [data-theme="rui"] &::file-selector-button {
3117
+ background-color: transparent;
3118
+ }
3119
+ }
3120
+ [data-theme="rui"] .file\:px-3 {
3121
+ [data-theme="rui"] &::file-selector-button {
3122
+ padding-inline: calc(var(--spacing) * 3);
3123
+ }
3124
+ }
3125
+ [data-theme="rui"] .file\:text-sm {
3126
+ [data-theme="rui"] &::file-selector-button {
3127
+ font-size: var(--text-sm);
3128
+ line-height: var(--tw-leading, var(--text-sm--line-height));
3129
+ }
3130
+ }
3131
+ [data-theme="rui"] .file\:font-medium {
3132
+ [data-theme="rui"] &::file-selector-button {
3133
+ --tw-font-weight: var(--font-weight-medium);
3134
+ font-weight: var(--font-weight-medium);
3135
+ }
3136
+ }
3137
+ [data-theme="rui"] .file\:text-foreground {
3138
+ [data-theme="rui"] &::file-selector-button {
3139
+ color: var(--color-stone-950);
3140
+ }
3141
+ }
3142
+ [data-theme="rui"] .file\:not-italic {
3143
+ [data-theme="rui"] &::file-selector-button {
3144
+ font-style: normal;
3145
+ }
3146
+ }
3147
+ [data-theme="rui"] .placeholder\:text-placeholder {
3148
+ [data-theme="rui"] &::placeholder {
3149
+ color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
3150
+ }
3151
+ }
3152
+ [data-theme="rui"] .first-of-type\:border-r {
3153
+ [data-theme="rui"] &:first-of-type {
3154
+ border-right-style: var(--tw-border-style);
3155
+ border-right-width: 1px;
3156
+ }
3157
+ }
3158
+ [data-theme="rui"] .last-of-type\:border-l {
3159
+ [data-theme="rui"] &:last-of-type {
3160
+ border-left-style: var(--tw-border-style);
3161
+ border-left-width: 1px;
3162
+ }
3163
+ }
3164
+ [data-theme="rui"] .checked\:text-blue-700 {
3165
+ [data-theme="rui"] &:checked {
3166
+ color: var(--color-blue-700);
3167
+ }
3168
+ }
3169
+ [data-theme="rui"] .read-only\:bg-muted {
3170
+ [data-theme="rui"] &:read-only {
3171
+ background-color: var(--color-stone-100);
3172
+ }
3173
+ }
3174
+ [data-theme="rui"] .hover\:bg-gray-100 {
3175
+ [data-theme="rui"] &:hover {
3176
+ @media (hover: hover) {
3177
+ background-color: var(--color-gray-100);
3178
+ }
3179
+ }
3180
+ }
3181
+ [data-theme="rui"] .focus\:border-input-ring {
3182
+ [data-theme="rui"] &:focus {
3183
+ border-color: var(--color-stone-400);
3184
+ }
3185
+ }
3186
+ [data-theme="rui"] .focus\:text-pink-600 {
3187
+ [data-theme="rui"] &:focus {
3188
+ color: var(--color-pink-600);
3189
+ }
3190
+ }
3191
+ [data-theme="rui"] .focus\:ring-\[3px\] {
3192
+ [data-theme="rui"] &:focus {
3193
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3194
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3195
+ }
3196
+ }
3197
+ [data-theme="rui"] .focus\:ring-input-ring\/20 {
3198
+ [data-theme="rui"] &:focus {
3199
+ --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
3200
+ }
3201
+ }
3202
+ [data-theme="rui"] .focus\:outline-hidden {
3203
+ [data-theme="rui"] &:focus {
3204
+ outline-style: none;
3205
+ @media (forced-colors: active) {
3206
+ outline: 2px solid transparent;
3207
+ outline-offset: 2px;
3208
+ }
3209
+ }
3210
+ }
3211
+ [data-theme="rui"] .focus\:outline-none {
3212
+ [data-theme="rui"] &:focus {
3213
+ --tw-outline-style: none;
3214
+ outline-style: none;
3215
+ }
3216
+ }
3217
+ [data-theme="rui"] .focus-visible\:ring-0 {
3218
+ [data-theme="rui"] &:focus-visible {
3219
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3220
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3221
+ }
3222
+ }
3223
+ [data-theme="rui"] .focus-visible\:outline {
3224
+ [data-theme="rui"] &:focus-visible {
3225
+ outline-style: var(--tw-outline-style);
3226
+ outline-width: 1px;
3227
+ }
3228
+ }
3229
+ [data-theme="rui"] .focus-visible\:outline-2 {
3230
+ [data-theme="rui"] &:focus-visible {
3231
+ outline-style: var(--tw-outline-style);
3232
+ outline-width: 2px;
3233
+ }
3234
+ }
3235
+ [data-theme="rui"] .disabled\:pointer-events-none {
3236
+ [data-theme="rui"] &:disabled {
3237
+ pointer-events: none;
3238
+ }
3239
+ }
3240
+ [data-theme="rui"] .disabled\:cursor-none {
3241
+ [data-theme="rui"] &:disabled {
3242
+ cursor: none;
3243
+ }
3244
+ }
3245
+ [data-theme="rui"] .disabled\:cursor-not-allowed {
3246
+ [data-theme="rui"] &:disabled {
3247
+ cursor: not-allowed;
3248
+ }
3249
+ }
3250
+ [data-theme="rui"] .disabled\:border {
3251
+ [data-theme="rui"] &:disabled {
3252
+ border-style: var(--tw-border-style);
3253
+ border-width: 1px;
3254
+ }
3255
+ }
3256
+ [data-theme="rui"] .disabled\:border-solid {
3257
+ [data-theme="rui"] &:disabled {
3258
+ --tw-border-style: solid;
3259
+ border-style: solid;
3260
+ }
3261
+ }
3262
+ [data-theme="rui"] .disabled\:bg-gray-600 {
3263
+ [data-theme="rui"] &:disabled {
3264
+ background-color: var(--color-gray-600);
3265
+ }
3266
+ }
3267
+ [data-theme="rui"] .disabled\:text-gray-500 {
3268
+ [data-theme="rui"] &:disabled {
3269
+ color: var(--color-gray-500);
3270
+ }
3271
+ }
3272
+ [data-theme="rui"] .disabled\:opacity-50 {
3273
+ [data-theme="rui"] &:disabled {
3274
+ opacity: 50%;
3275
+ }
3276
+ }
3277
+ [data-theme="rui"] .aria-disabled\:cursor-default {
3278
+ [data-theme="rui"] &[aria-disabled="true"] {
3279
+ cursor: default;
3280
+ }
3281
+ }
3282
+ [data-theme="rui"] .aria-disabled\:cursor-not-allowed {
3283
+ [data-theme="rui"] &[aria-disabled="true"] {
3284
+ cursor: not-allowed;
3285
+ }
3286
+ }
3287
+ [data-theme="rui"] .data-checked\:text-white {
3288
+ [data-theme="rui"] &[data-checked] {
3289
+ color: var(--color-white);
3290
+ }
3291
+ }
3292
+ [data-theme="rui"] .data-disabled\:cursor-not-allowed {
3293
+ [data-theme="rui"] &[data-disabled] {
3294
+ cursor: not-allowed;
3295
+ }
3296
+ }
3297
+ [data-theme="rui"] .data-focus\:outline {
3298
+ [data-theme="rui"] &[data-focus] {
3299
+ outline-style: var(--tw-outline-style);
3300
+ outline-width: 1px;
3301
+ }
3302
+ }
3303
+ [data-theme="rui"] .data-focus\:outline-2 {
3304
+ [data-theme="rui"] &[data-focus] {
3305
+ outline-style: var(--tw-outline-style);
3306
+ outline-width: 2px;
3307
+ }
3308
+ }
3309
+ [data-theme="rui"] .data-indeterminate\:text-white {
3310
+ [data-theme="rui"] &[data-indeterminate] {
3311
+ color: var(--color-white);
3312
+ }
3313
+ }
3314
+ [data-theme="rui"] .data-invalid\:text-destructive {
3315
+ [data-theme="rui"] &[data-invalid] {
3316
+ color: var(--color-red-600);
3317
+ }
3318
+ }
3319
+ [data-theme="rui"] .data-selection-mode\:cursor-pointer {
3320
+ [data-theme="rui"] &[data-selection-mode] {
3321
+ cursor: pointer;
3322
+ }
3323
+ }
3324
+ [data-theme="rui"] .data-\[disabled\]\:opacity-50 {
3325
+ [data-theme="rui"] &[data-disabled] {
3326
+ opacity: 50%;
3327
+ }
3328
+ }
3329
+ [data-theme="rui"] .data-\[focus-within\]\:border-input-ring {
3330
+ [data-theme="rui"] &[data-focus-within] {
3331
+ border-color: var(--color-stone-400);
3332
+ }
3333
+ }
3334
+ [data-theme="rui"] .data-\[focus-within\]\:ring-\[3px\] {
3335
+ [data-theme="rui"] &[data-focus-within] {
3336
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3337
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3338
+ }
3339
+ }
3340
+ [data-theme="rui"] .data-\[focus-within\]\:ring-input-ring\/20 {
3341
+ [data-theme="rui"] &[data-focus-within] {
3342
+ --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
3343
+ }
3344
+ }
3345
+ [data-theme="rui"] .data-\[focus-within\]\:outline-none {
3346
+ [data-theme="rui"] &[data-focus-within] {
3347
+ --tw-outline-style: none;
3348
+ outline-style: none;
3349
+ }
3350
+ }
3351
+ [data-theme="rui"] .data-invalid\:data-\[focus-within\]\:border-destructive {
3352
+ [data-theme="rui"] &[data-invalid] {
3353
+ [data-theme="rui"] &[data-focus-within] {
3354
+ border-color: var(--color-red-600);
3355
+ }
3356
+ }
3357
+ }
3358
+ [data-theme="rui"] .data-invalid\:data-\[focus-within\]\:ring-destructive\/20 {
3359
+ [data-theme="rui"] &[data-invalid] {
3360
+ [data-theme="rui"] &[data-focus-within] {
3361
+ --tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
3362
+ }
3363
+ }
3364
+ }
3365
+ [data-theme="rui"] .data-\[selected\=true\]\:border-0 {
3366
+ [data-theme="rui"] &[data-selected="true"] {
3367
+ border-style: var(--tw-border-style);
3368
+ border-width: 0px;
3369
+ }
3370
+ }
3371
+ [data-theme="rui"] .data-\[selected\=true\]\:border-b-2 {
3372
+ [data-theme="rui"] &[data-selected="true"] {
3373
+ border-bottom-style: var(--tw-border-style);
3374
+ border-bottom-width: 2px;
3375
+ }
3376
+ }
3377
+ [data-theme="rui"] .data-\[selected\=true\]\:border-solid {
3378
+ [data-theme="rui"] &[data-selected="true"] {
3379
+ --tw-border-style: solid;
3380
+ border-style: solid;
3381
+ }
3382
+ }
3383
+ [data-theme="rui"] .data-\[selected\=true\]\:bg-none {
3384
+ [data-theme="rui"] &[data-selected="true"] {
3385
+ background-image: none;
3386
+ }
3387
+ }
3388
+ [data-theme="rui"] .data-\[selected\=true\]\:font-bold {
3389
+ [data-theme="rui"] &[data-selected="true"] {
3390
+ --tw-font-weight: var(--font-weight-bold);
3391
+ font-weight: var(--font-weight-bold);
3392
+ }
3393
+ }
3394
+ [data-theme="rui"] .data-\[selected\=true\]\:text-black {
3395
+ [data-theme="rui"] &[data-selected="true"] {
3396
+ color: var(--color-black);
3397
+ }
3398
+ }
3399
+ [data-theme="rui"] .sm\:max-h-\[75vh\] {
3400
+ @media (width >= 40rem) {
3401
+ max-height: 75vh;
3402
+ }
3403
+ }
3404
+ [data-theme="rui"] .sm\:w-\[32px\] {
3405
+ @media (width >= 40rem) {
3406
+ width: 32px;
3407
+ }
3408
+ }
3409
+ [data-theme="rui"] .sm\:bg-red-500 {
3410
+ @media (width >= 40rem) {
3411
+ background-color: var(--color-red-500);
3412
+ }
3413
+ }
3414
+ [data-theme="rui"] .md\:w-\[64px\] {
3415
+ @media (width >= 48rem) {
3416
+ width: 64px;
3417
+ }
3418
+ }
3419
+ [data-theme="rui"] .md\:bg-green-500 {
3420
+ @media (width >= 48rem) {
3421
+ background-color: var(--color-green-500);
3422
+ }
3423
+ }
3424
+ [data-theme="rui"] .lg\:max-h-\[45vh\] {
3425
+ @media (width >= 64rem) {
3426
+ max-height: 45vh;
3427
+ }
3428
+ }
3429
+ [data-theme="rui"] .lg\:bg-blue-500 {
3430
+ @media (width >= 64rem) {
3431
+ background-color: var(--color-blue-500);
3432
+ }
3433
+ }
3434
+ [data-theme="rui"] .xl\:bg-gray-500 {
3435
+ @media (width >= 80rem) {
3436
+ background-color: var(--color-gray-500);
3437
+ }
3438
+ }
3439
+ [data-theme="rui"] .\[\&_button\]\:px-2 {
3440
+ [data-theme="rui"] & button {
3441
+ padding-inline: calc(var(--spacing) * 2);
3442
+ }
3443
+ }
3444
+ [data-theme="rui"] .\[\&_button\]\:py-1 {
3445
+ [data-theme="rui"] & button {
3446
+ padding-block: calc(var(--spacing) * 1);
3447
+ }
3448
+ }
3449
+ [data-theme="rui"] .\[\&_button\:disabled\]\:cursor-not-allowed {
3450
+ [data-theme="rui"] & button:disabled {
3451
+ cursor: not-allowed;
3452
+ }
3453
+ }
3454
+ [data-theme="rui"] .\[\&_td\]\:p-2 {
3455
+ [data-theme="rui"] & td {
3456
+ padding: calc(var(--spacing) * 2);
3457
+ }
3458
+ }
3459
+ [data-theme="rui"] .\[\&_th\]\:sticky {
3460
+ [data-theme="rui"] & th {
3461
+ position: sticky;
3462
+ }
3463
+ }
3464
+ [data-theme="rui"] .\[\&_th\]\:top-0 {
3465
+ [data-theme="rui"] & th {
3466
+ top: calc(var(--spacing) * 0);
3467
+ }
3468
+ }
3469
+ [data-theme="rui"] .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
3470
+ [data-theme="rui"] &::-webkit-search-cancel-button {
3471
+ display: none;
3472
+ }
3473
+ }
3474
+ [data-theme="rui"] .\[\&\>\*\:not\(\:last-child\)\]\:mb-4 {
3475
+ [data-theme="rui"] &>*:not(:last-child) {
3476
+ margin-bottom: calc(var(--spacing) * 4);
3477
+ }
3478
+ }
3479
+ [data-theme="rui"] .\[\&\>\[slot\=description\]\]\:hidden {
3480
+ [data-theme="rui"] &>[slot=description] {
3481
+ display: none;
3482
+ }
3483
+ }
3484
+ [data-theme="rui"] .\[\&\[type\=color\]\]\:ml-0 {
3485
+ [data-theme="rui"] &[type=color] {
3486
+ margin-left: calc(var(--spacing) * 0);
3487
+ }
3488
+ }
3489
+ [data-theme="rui"] .\[\&\[type\=color\]\]\:border-none {
3490
+ [data-theme="rui"] &[type=color] {
3491
+ --tw-border-style: none;
3492
+ border-style: none;
3493
+ }
3494
+ }
3495
+ [data-theme="rui"] .\[\&\[type\=color\]\]\:bg-transparent {
3496
+ [data-theme="rui"] &[type=color] {
3497
+ background-color: transparent;
3498
+ }
3499
+ }
3500
+ [data-theme="rui"] .\[\&\[type\=color\]\]\:p-0 {
3501
+ [data-theme="rui"] &[type=color] {
3502
+ padding: calc(var(--spacing) * 0);
3503
+ }
3504
+ }
3505
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:border-none {
3506
+ [data-theme="rui"] &[type=file] {
3507
+ --tw-border-style: none;
3508
+ border-style: none;
3509
+ }
3510
+ }
3511
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:border-solid {
3512
+ [data-theme="rui"] &[type=file] {
3513
+ --tw-border-style: solid;
3514
+ border-style: solid;
3515
+ }
3516
+ }
3517
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:bg-background {
3518
+ [data-theme="rui"] &[type=file] {
3519
+ background-color: var(--color-white);
3520
+ }
3521
+ }
3522
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:p-0 {
3523
+ [data-theme="rui"] &[type=file] {
3524
+ padding: calc(var(--spacing) * 0);
3525
+ }
3526
+ }
3527
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:pr-3 {
3528
+ [data-theme="rui"] &[type=file] {
3529
+ padding-right: calc(var(--spacing) * 3);
3530
+ }
3531
+ }
3532
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground\/70 {
3533
+ [data-theme="rui"] &[type=file] {
3534
+ color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
3535
+ }
3536
+ }
3537
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:italic {
3538
+ [data-theme="rui"] &[type=file] {
3539
+ font-style: italic;
3540
+ }
3541
+ }
3542
+ }
3543
+ @layer base {
3544
+ [data-theme="rui"] {
3545
+ font-optical-sizing: auto;
3546
+ font-style: normal;
3547
+ background-color: var(--color-white);
3548
+ font-family: 'Inter', system-ui, sans-serif;
3549
+ color: var(--color-stone-950);
3550
+ }
3551
+ }
3552
+ @keyframes spin {
3553
+ to {
3554
+ transform: rotate(360deg);
3555
+ }
3556
+ }
3557
+ @keyframes ping {
3558
+ 75%, 100% {
3559
+ transform: scale(2);
3560
+ opacity: 0;
3561
+ }
3562
+ }
3563
+ @keyframes pulse {
3564
+ 50% {
3565
+ opacity: 0.5;
3566
+ }
3567
+ }
3568
+ @keyframes bounce {
3569
+ 0%, 100% {
3570
+ transform: translateY(-25%);
3571
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
3572
+ }
3573
+ 50% {
3574
+ transform: none;
3575
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
3576
+ }
3577
+ }
3578
+ @property --tw-translate-x {
3579
+ syntax: "*";
3580
+ inherits: false;
3581
+ initial-value: 0;
3582
+ }
3583
+ @property --tw-translate-y {
3584
+ syntax: "*";
3585
+ inherits: false;
3586
+ initial-value: 0;
3587
+ }
3588
+ @property --tw-translate-z {
3589
+ syntax: "*";
3590
+ inherits: false;
3591
+ initial-value: 0;
3592
+ }
3593
+ @property --tw-space-y-reverse {
3594
+ syntax: "*";
3595
+ inherits: false;
3596
+ initial-value: 0;
3597
+ }
3598
+ @property --tw-space-x-reverse {
3599
+ syntax: "*";
3600
+ inherits: false;
3601
+ initial-value: 0;
3602
+ }
3603
+ @property --tw-border-style {
3604
+ syntax: "*";
3605
+ inherits: false;
3606
+ initial-value: solid;
3607
+ }
3608
+ @property --tw-leading {
3609
+ syntax: "*";
3610
+ inherits: false;
3611
+ }
3612
+ @property --tw-font-weight {
3613
+ syntax: "*";
3614
+ inherits: false;
3615
+ }
3616
+ @property --tw-ordinal {
3617
+ syntax: "*";
3618
+ inherits: false;
3619
+ }
3620
+ @property --tw-slashed-zero {
3621
+ syntax: "*";
3622
+ inherits: false;
3623
+ }
3624
+ @property --tw-numeric-figure {
3625
+ syntax: "*";
3626
+ inherits: false;
3627
+ }
3628
+ @property --tw-numeric-spacing {
3629
+ syntax: "*";
3630
+ inherits: false;
3631
+ }
3632
+ @property --tw-numeric-fraction {
3633
+ syntax: "*";
3634
+ inherits: false;
3635
+ }
3636
+ @property --tw-shadow {
3637
+ syntax: "*";
3638
+ inherits: false;
3639
+ initial-value: 0 0 #0000;
3640
+ }
3641
+ @property --tw-shadow-color {
3642
+ syntax: "*";
3643
+ inherits: false;
3644
+ }
3645
+ @property --tw-inset-shadow {
3646
+ syntax: "*";
3647
+ inherits: false;
3648
+ initial-value: 0 0 #0000;
3649
+ }
3650
+ @property --tw-inset-shadow-color {
3651
+ syntax: "*";
3652
+ inherits: false;
3653
+ }
3654
+ @property --tw-ring-color {
3655
+ syntax: "*";
3656
+ inherits: false;
3657
+ }
3658
+ @property --tw-ring-shadow {
3659
+ syntax: "*";
3660
+ inherits: false;
3661
+ initial-value: 0 0 #0000;
3662
+ }
3663
+ @property --tw-inset-ring-color {
3664
+ syntax: "*";
3665
+ inherits: false;
3666
+ }
3667
+ @property --tw-inset-ring-shadow {
3668
+ syntax: "*";
3669
+ inherits: false;
3670
+ initial-value: 0 0 #0000;
3671
+ }
3672
+ @property --tw-ring-inset {
3673
+ syntax: "*";
3674
+ inherits: false;
3675
+ }
3676
+ @property --tw-ring-offset-width {
3677
+ syntax: "<length>";
3678
+ inherits: false;
3679
+ initial-value: 0px;
3680
+ }
3681
+ @property --tw-ring-offset-color {
3682
+ syntax: "*";
3683
+ inherits: false;
3684
+ initial-value: #fff;
3685
+ }
3686
+ @property --tw-ring-offset-shadow {
3687
+ syntax: "*";
3688
+ inherits: false;
3689
+ initial-value: 0 0 #0000;
3690
+ }
3691
+ @property --tw-outline-style {
3692
+ syntax: "*";
3693
+ inherits: false;
3694
+ initial-value: solid;
3695
+ }
3696
+ @property --tw-blur {
3697
+ syntax: "*";
3698
+ inherits: false;
3699
+ }
3700
+ @property --tw-brightness {
3701
+ syntax: "*";
3702
+ inherits: false;
3703
+ }
3704
+ @property --tw-contrast {
3705
+ syntax: "*";
3706
+ inherits: false;
3707
+ }
3708
+ @property --tw-grayscale {
3709
+ syntax: "*";
3710
+ inherits: false;
3711
+ }
3712
+ @property --tw-hue-rotate {
3713
+ syntax: "*";
3714
+ inherits: false;
3715
+ }
3716
+ @property --tw-invert {
3717
+ syntax: "*";
3718
+ inherits: false;
3719
+ }
3720
+ @property --tw-opacity {
3721
+ syntax: "*";
3722
+ inherits: false;
3723
+ }
3724
+ @property --tw-saturate {
3725
+ syntax: "*";
3726
+ inherits: false;
3727
+ }
3728
+ @property --tw-sepia {
3729
+ syntax: "*";
3730
+ inherits: false;
3731
+ }
3732
+ @property --tw-backdrop-blur {
3733
+ syntax: "*";
3734
+ inherits: false;
3735
+ }
3736
+ @property --tw-backdrop-brightness {
3737
+ syntax: "*";
3738
+ inherits: false;
3739
+ }
3740
+ @property --tw-backdrop-contrast {
3741
+ syntax: "*";
3742
+ inherits: false;
3743
+ }
3744
+ @property --tw-backdrop-grayscale {
3745
+ syntax: "*";
3746
+ inherits: false;
3747
+ }
3748
+ @property --tw-backdrop-hue-rotate {
3749
+ syntax: "*";
3750
+ inherits: false;
3751
+ }
3752
+ @property --tw-backdrop-invert {
3753
+ syntax: "*";
3754
+ inherits: false;
3755
+ }
3756
+ @property --tw-backdrop-opacity {
3757
+ syntax: "*";
3758
+ inherits: false;
3759
+ }
3760
+ @property --tw-backdrop-saturate {
3761
+ syntax: "*";
3762
+ inherits: false;
3763
+ }
3764
+ @property --tw-backdrop-sepia {
3765
+ syntax: "*";
3766
+ inherits: false;
3767
+ }
3768
+ @property --tw-duration {
3769
+ syntax: "*";
3770
+ inherits: false;
3771
+ }
3772
+ @property --tw-ease {
3773
+ syntax: "*";
3774
+ inherits: false;
3775
+ }