@opble/auth0-react 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css ADDED
@@ -0,0 +1,853 @@
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --obar-color-red-50: oklch(97.1% 0.013 17.38);
7
+ --obar-color-red-100: oklch(93.6% 0.032 17.717);
8
+ --obar-color-red-200: oklch(88.5% 0.062 18.334);
9
+ --obar-color-red-300: oklch(80.8% 0.114 19.571);
10
+ --obar-color-red-400: oklch(70.4% 0.191 22.216);
11
+ --obar-color-red-500: oklch(63.7% 0.237 25.331);
12
+ --obar-color-red-600: oklch(57.7% 0.245 27.325);
13
+ --obar-color-red-700: oklch(50.5% 0.213 27.518);
14
+ --obar-color-red-800: oklch(44.4% 0.177 26.899);
15
+ --obar-color-red-900: oklch(39.6% 0.141 25.723);
16
+ --obar-color-yellow-50: oklch(98.7% 0.026 102.212);
17
+ --obar-color-yellow-400: oklch(85.2% 0.199 91.936);
18
+ --obar-color-yellow-600: oklch(68.1% 0.162 75.834);
19
+ --obar-color-yellow-900: oklch(42.1% 0.095 57.708);
20
+ --obar-color-indigo-100: oklch(93% 0.034 272.788);
21
+ --obar-color-indigo-400: oklch(67.3% 0.182 276.935);
22
+ --obar-color-indigo-500: oklch(58.5% 0.233 277.117);
23
+ --obar-color-indigo-600: oklch(51.1% 0.262 276.966);
24
+ --obar-color-indigo-700: oklch(45.7% 0.24 277.023);
25
+ --obar-color-indigo-900: oklch(35.9% 0.144 278.697);
26
+ --obar-color-slate-100: oklch(96.8% 0.007 247.896);
27
+ --obar-color-slate-200: oklch(92.9% 0.013 255.508);
28
+ --obar-color-slate-300: oklch(86.9% 0.022 252.894);
29
+ --obar-color-slate-400: oklch(70.4% 0.04 256.788);
30
+ --obar-color-slate-500: oklch(55.4% 0.046 257.417);
31
+ --obar-color-slate-600: oklch(44.6% 0.043 257.281);
32
+ --obar-color-slate-700: oklch(37.2% 0.044 257.287);
33
+ --obar-color-slate-800: oklch(27.9% 0.041 260.031);
34
+ --obar-color-slate-900: oklch(20.8% 0.042 265.755);
35
+ --obar-color-gray-50: oklch(98.5% 0.002 247.839);
36
+ --obar-color-gray-100: oklch(96.7% 0.003 264.542);
37
+ --obar-color-gray-200: oklch(92.8% 0.006 264.531);
38
+ --obar-color-white: #fff;
39
+ --obar-spacing: 0.25rem;
40
+ --obar-container-xs: 20rem;
41
+ --obar-container-lg: 32rem;
42
+ --obar-text-xs: 0.75rem;
43
+ --obar-text-xs--line-height: calc(1 / 0.75);
44
+ --obar-text-sm: 0.875rem;
45
+ --obar-text-sm--line-height: calc(1.25 / 0.875);
46
+ --obar-text-base: 1rem;
47
+ --obar-text-base--line-height: calc(1.5 / 1);
48
+ --obar-text-lg: 1.125rem;
49
+ --obar-text-lg--line-height: calc(1.75 / 1.125);
50
+ --obar-text-2xl: 1.5rem;
51
+ --obar-text-2xl--line-height: calc(2 / 1.5);
52
+ --obar-text-3xl: 1.875rem;
53
+ --obar-text-3xl--line-height: calc(2.25 / 1.875);
54
+ --obar-font-weight-medium: 500;
55
+ --obar-font-weight-semibold: 600;
56
+ --obar-font-weight-bold: 700;
57
+ --obar-radius-md: 0.375rem;
58
+ --obar-radius-lg: 0.5rem;
59
+ --obar-radius-2xl: 1rem;
60
+ --obar-animate-spin: spin 1s linear infinite;
61
+ --obar-animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
62
+ --obar-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
63
+ --obar-blur-sm: 8px;
64
+ --obar-default-transition-duration: 150ms;
65
+ --obar-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
66
+ }
67
+ }
68
+ @layer utilities {
69
+ .obar\:absolute {
70
+ position: absolute;
71
+ }
72
+ .obar\:relative {
73
+ position: relative;
74
+ }
75
+ .obar\:inset-0 {
76
+ inset: calc(var(--obar-spacing) * 0);
77
+ }
78
+ .obar\:bottom-6 {
79
+ bottom: calc(var(--obar-spacing) * 6);
80
+ }
81
+ .obar\:mt-1 {
82
+ margin-top: calc(var(--obar-spacing) * 1);
83
+ }
84
+ .obar\:mt-4 {
85
+ margin-top: calc(var(--obar-spacing) * 4);
86
+ }
87
+ .obar\:mt-6 {
88
+ margin-top: calc(var(--obar-spacing) * 6);
89
+ }
90
+ .obar\:mt-8 {
91
+ margin-top: calc(var(--obar-spacing) * 8);
92
+ }
93
+ .obar\:mb-2 {
94
+ margin-bottom: calc(var(--obar-spacing) * 2);
95
+ }
96
+ .obar\:mb-4 {
97
+ margin-bottom: calc(var(--obar-spacing) * 4);
98
+ }
99
+ .obar\:mb-6 {
100
+ margin-bottom: calc(var(--obar-spacing) * 6);
101
+ }
102
+ .obar\:mb-8 {
103
+ margin-bottom: calc(var(--obar-spacing) * 8);
104
+ }
105
+ .obar\:flex {
106
+ display: flex;
107
+ }
108
+ .obar\:inline-flex {
109
+ display: inline-flex;
110
+ }
111
+ .obar\:h-1\.5 {
112
+ height: calc(var(--obar-spacing) * 1.5);
113
+ }
114
+ .obar\:h-4 {
115
+ height: calc(var(--obar-spacing) * 4);
116
+ }
117
+ .obar\:h-5 {
118
+ height: calc(var(--obar-spacing) * 5);
119
+ }
120
+ .obar\:h-7 {
121
+ height: calc(var(--obar-spacing) * 7);
122
+ }
123
+ .obar\:h-8 {
124
+ height: calc(var(--obar-spacing) * 8);
125
+ }
126
+ .obar\:h-14 {
127
+ height: calc(var(--obar-spacing) * 14);
128
+ }
129
+ .obar\:h-16 {
130
+ height: calc(var(--obar-spacing) * 16);
131
+ }
132
+ .obar\:h-full {
133
+ height: 100%;
134
+ }
135
+ .obar\:min-h-screen {
136
+ min-height: 100vh;
137
+ }
138
+ .obar\:w-4 {
139
+ width: calc(var(--obar-spacing) * 4);
140
+ }
141
+ .obar\:w-5 {
142
+ width: calc(var(--obar-spacing) * 5);
143
+ }
144
+ .obar\:w-7 {
145
+ width: calc(var(--obar-spacing) * 7);
146
+ }
147
+ .obar\:w-8 {
148
+ width: calc(var(--obar-spacing) * 8);
149
+ }
150
+ .obar\:w-14 {
151
+ width: calc(var(--obar-spacing) * 14);
152
+ }
153
+ .obar\:w-16 {
154
+ width: calc(var(--obar-spacing) * 16);
155
+ }
156
+ .obar\:w-full {
157
+ width: 100%;
158
+ }
159
+ .obar\:max-w-lg {
160
+ max-width: var(--obar-container-lg);
161
+ }
162
+ .obar\:max-w-xs {
163
+ max-width: var(--obar-container-xs);
164
+ }
165
+ .obar\:flex-1 {
166
+ flex: 1;
167
+ }
168
+ .obar\:shrink-0 {
169
+ flex-shrink: 0;
170
+ }
171
+ .obar\:animate-ping {
172
+ animation: var(--obar-animate-ping);
173
+ }
174
+ .obar\:animate-pulse {
175
+ animation: var(--obar-animate-pulse);
176
+ }
177
+ .obar\:animate-spin {
178
+ animation: var(--obar-animate-spin);
179
+ }
180
+ .obar\:cursor-pointer {
181
+ cursor: pointer;
182
+ }
183
+ .obar\:flex-col {
184
+ flex-direction: column;
185
+ }
186
+ .obar\:items-center {
187
+ align-items: center;
188
+ }
189
+ .obar\:justify-center {
190
+ justify-content: center;
191
+ }
192
+ .obar\:gap-2 {
193
+ gap: calc(var(--obar-spacing) * 2);
194
+ }
195
+ .obar\:gap-3 {
196
+ gap: calc(var(--obar-spacing) * 3);
197
+ }
198
+ .obar\:gap-4 {
199
+ gap: calc(var(--obar-spacing) * 4);
200
+ }
201
+ .obar\:overflow-hidden {
202
+ overflow: hidden;
203
+ }
204
+ .obar\:rounded-2xl {
205
+ border-radius: var(--obar-radius-2xl);
206
+ }
207
+ .obar\:rounded-full {
208
+ border-radius: calc(infinity * 1px);
209
+ }
210
+ .obar\:rounded-lg {
211
+ border-radius: var(--obar-radius-lg);
212
+ }
213
+ .obar\:rounded-md {
214
+ border-radius: var(--obar-radius-md);
215
+ }
216
+ .obar\:border {
217
+ border-style: var(--tw-border-style);
218
+ border-width: 1px;
219
+ }
220
+ .obar\:border-t {
221
+ border-top-style: var(--tw-border-style);
222
+ border-top-width: 1px;
223
+ }
224
+ .obar\:border-gray-100 {
225
+ border-color: var(--obar-color-gray-100);
226
+ }
227
+ .obar\:border-gray-200 {
228
+ border-color: var(--obar-color-gray-200);
229
+ }
230
+ .obar\:border-red-100 {
231
+ border-color: var(--obar-color-red-100);
232
+ }
233
+ .obar\:border-red-200 {
234
+ border-color: var(--obar-color-red-200);
235
+ }
236
+ .obar\:border-slate-200 {
237
+ border-color: var(--obar-color-slate-200);
238
+ }
239
+ .obar\:bg-indigo-100 {
240
+ background-color: var(--obar-color-indigo-100);
241
+ }
242
+ .obar\:bg-indigo-400\/30 {
243
+ background-color: var(--obar-color-indigo-400);
244
+ @supports (color: color-mix(in lab, red, red)) {
245
+ background-color: color-mix(in oklab, var(--obar-color-indigo-400) 30%, transparent);
246
+ }
247
+ }
248
+ .obar\:bg-indigo-600 {
249
+ background-color: var(--obar-color-indigo-600);
250
+ }
251
+ .obar\:bg-red-50 {
252
+ background-color: var(--obar-color-red-50);
253
+ }
254
+ .obar\:bg-red-100 {
255
+ background-color: var(--obar-color-red-100);
256
+ }
257
+ .obar\:bg-red-600 {
258
+ background-color: var(--obar-color-red-600);
259
+ }
260
+ .obar\:bg-slate-200 {
261
+ background-color: var(--obar-color-slate-200);
262
+ }
263
+ .obar\:bg-transparent {
264
+ background-color: transparent;
265
+ }
266
+ .obar\:bg-white\/70 {
267
+ background-color: var(--obar-color-white);
268
+ @supports (color: color-mix(in lab, red, red)) {
269
+ background-color: color-mix(in oklab, var(--obar-color-white) 70%, transparent);
270
+ }
271
+ }
272
+ .obar\:bg-yellow-50 {
273
+ background-color: var(--obar-color-yellow-50);
274
+ }
275
+ .obar\:bg-linear-to-b {
276
+ --tw-gradient-position: to bottom;
277
+ @supports (background-image: linear-gradient(in lab, red, red)) {
278
+ --tw-gradient-position: to bottom in oklab;
279
+ }
280
+ background-image: linear-gradient(var(--tw-gradient-stops));
281
+ }
282
+ .obar\:from-white {
283
+ --tw-gradient-from: var(--obar-color-white);
284
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
285
+ }
286
+ .obar\:to-gray-100 {
287
+ --tw-gradient-to: var(--obar-color-gray-100);
288
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
289
+ }
290
+ .obar\:p-8 {
291
+ padding: calc(var(--obar-spacing) * 8);
292
+ }
293
+ .obar\:px-4 {
294
+ padding-inline: calc(var(--obar-spacing) * 4);
295
+ }
296
+ .obar\:px-6 {
297
+ padding-inline: calc(var(--obar-spacing) * 6);
298
+ }
299
+ .obar\:py-2 {
300
+ padding-block: calc(var(--obar-spacing) * 2);
301
+ }
302
+ .obar\:py-3 {
303
+ padding-block: calc(var(--obar-spacing) * 3);
304
+ }
305
+ .obar\:pt-6 {
306
+ padding-top: calc(var(--obar-spacing) * 6);
307
+ }
308
+ .obar\:text-center {
309
+ text-align: center;
310
+ }
311
+ .obar\:text-2xl {
312
+ font-size: var(--obar-text-2xl);
313
+ line-height: var(--tw-leading, var(--obar-text-2xl--line-height));
314
+ }
315
+ .obar\:text-3xl {
316
+ font-size: var(--obar-text-3xl);
317
+ line-height: var(--tw-leading, var(--obar-text-3xl--line-height));
318
+ }
319
+ .obar\:text-base {
320
+ font-size: var(--obar-text-base);
321
+ line-height: var(--tw-leading, var(--obar-text-base--line-height));
322
+ }
323
+ .obar\:text-lg {
324
+ font-size: var(--obar-text-lg);
325
+ line-height: var(--tw-leading, var(--obar-text-lg--line-height));
326
+ }
327
+ .obar\:text-sm {
328
+ font-size: var(--obar-text-sm);
329
+ line-height: var(--tw-leading, var(--obar-text-sm--line-height));
330
+ }
331
+ .obar\:text-xs {
332
+ font-size: var(--obar-text-xs);
333
+ line-height: var(--tw-leading, var(--obar-text-xs--line-height));
334
+ }
335
+ .obar\:font-bold {
336
+ --tw-font-weight: var(--obar-font-weight-bold);
337
+ font-weight: var(--obar-font-weight-bold);
338
+ }
339
+ .obar\:font-medium {
340
+ --tw-font-weight: var(--obar-font-weight-medium);
341
+ font-weight: var(--obar-font-weight-medium);
342
+ }
343
+ .obar\:font-semibold {
344
+ --tw-font-weight: var(--obar-font-weight-semibold);
345
+ font-weight: var(--obar-font-weight-semibold);
346
+ }
347
+ .obar\:text-indigo-600 {
348
+ color: var(--obar-color-indigo-600);
349
+ }
350
+ .obar\:text-red-600 {
351
+ color: var(--obar-color-red-600);
352
+ }
353
+ .obar\:text-red-700 {
354
+ color: var(--obar-color-red-700);
355
+ }
356
+ .obar\:text-slate-500 {
357
+ color: var(--obar-color-slate-500);
358
+ }
359
+ .obar\:text-slate-600 {
360
+ color: var(--obar-color-slate-600);
361
+ }
362
+ .obar\:text-slate-700 {
363
+ color: var(--obar-color-slate-700);
364
+ }
365
+ .obar\:text-slate-900 {
366
+ color: var(--obar-color-slate-900);
367
+ }
368
+ .obar\:text-white {
369
+ color: var(--obar-color-white);
370
+ }
371
+ .obar\:text-yellow-600 {
372
+ color: var(--obar-color-yellow-600);
373
+ }
374
+ .obar\:underline {
375
+ text-decoration-line: underline;
376
+ }
377
+ .obar\:underline-offset-4 {
378
+ text-underline-offset: 4px;
379
+ }
380
+ .obar\:opacity-25 {
381
+ opacity: 25%;
382
+ }
383
+ .obar\:opacity-75 {
384
+ opacity: 75%;
385
+ }
386
+ .obar\:shadow-lg {
387
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
388
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
389
+ }
390
+ .obar\:shadow-sm {
391
+ --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));
392
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
393
+ }
394
+ .obar\:shadow-xl {
395
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
396
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
397
+ }
398
+ .obar\:shadow-indigo-500\/20 {
399
+ --tw-shadow-color: var(--obar-color-indigo-500);
400
+ @supports (color: color-mix(in lab, red, red)) {
401
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--obar-color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
402
+ }
403
+ }
404
+ .obar\:shadow-red-500\/20 {
405
+ --tw-shadow-color: var(--obar-color-red-500);
406
+ @supports (color: color-mix(in lab, red, red)) {
407
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--obar-color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
408
+ }
409
+ }
410
+ .obar\:backdrop-blur-sm {
411
+ --tw-backdrop-blur: blur(var(--obar-blur-sm));
412
+ -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,);
413
+ 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,);
414
+ }
415
+ .obar\:transition-colors {
416
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
417
+ transition-timing-function: var(--tw-ease, var(--obar-default-transition-timing-function));
418
+ transition-duration: var(--tw-duration, var(--obar-default-transition-duration));
419
+ }
420
+ .obar\:hover\:bg-gray-50 {
421
+ &:hover {
422
+ @media (hover: hover) {
423
+ background-color: var(--obar-color-gray-50);
424
+ }
425
+ }
426
+ }
427
+ .obar\:hover\:bg-indigo-700 {
428
+ &:hover {
429
+ @media (hover: hover) {
430
+ background-color: var(--obar-color-indigo-700);
431
+ }
432
+ }
433
+ }
434
+ .obar\:hover\:bg-red-700 {
435
+ &:hover {
436
+ @media (hover: hover) {
437
+ background-color: var(--obar-color-red-700);
438
+ }
439
+ }
440
+ }
441
+ .obar\:hover\:text-slate-700 {
442
+ &:hover {
443
+ @media (hover: hover) {
444
+ color: var(--obar-color-slate-700);
445
+ }
446
+ }
447
+ }
448
+ .obar\:hover\:underline {
449
+ &:hover {
450
+ @media (hover: hover) {
451
+ text-decoration-line: underline;
452
+ }
453
+ }
454
+ }
455
+ .obar\:sm\:flex-row {
456
+ @media (width >= 40rem) {
457
+ flex-direction: row;
458
+ }
459
+ }
460
+ .obar\:dark\:border-red-800 {
461
+ @media (prefers-color-scheme: dark) {
462
+ border-color: var(--obar-color-red-800);
463
+ }
464
+ }
465
+ .obar\:dark\:border-slate-700 {
466
+ @media (prefers-color-scheme: dark) {
467
+ border-color: var(--obar-color-slate-700);
468
+ }
469
+ }
470
+ .obar\:dark\:border-white\/5 {
471
+ @media (prefers-color-scheme: dark) {
472
+ border-color: var(--obar-color-white);
473
+ @supports (color: color-mix(in lab, red, red)) {
474
+ border-color: color-mix(in oklab, var(--obar-color-white) 5%, transparent);
475
+ }
476
+ }
477
+ }
478
+ .obar\:dark\:bg-indigo-500 {
479
+ @media (prefers-color-scheme: dark) {
480
+ background-color: var(--obar-color-indigo-500);
481
+ }
482
+ }
483
+ .obar\:dark\:bg-indigo-600\/20 {
484
+ @media (prefers-color-scheme: dark) {
485
+ background-color: var(--obar-color-indigo-600);
486
+ @supports (color: color-mix(in lab, red, red)) {
487
+ background-color: color-mix(in oklab, var(--obar-color-indigo-600) 20%, transparent);
488
+ }
489
+ }
490
+ }
491
+ .obar\:dark\:bg-indigo-900\/20 {
492
+ @media (prefers-color-scheme: dark) {
493
+ background-color: var(--obar-color-indigo-900);
494
+ @supports (color: color-mix(in lab, red, red)) {
495
+ background-color: color-mix(in oklab, var(--obar-color-indigo-900) 20%, transparent);
496
+ }
497
+ }
498
+ }
499
+ .obar\:dark\:bg-red-700\/80 {
500
+ @media (prefers-color-scheme: dark) {
501
+ background-color: var(--obar-color-red-700);
502
+ @supports (color: color-mix(in lab, red, red)) {
503
+ background-color: color-mix(in oklab, var(--obar-color-red-700) 80%, transparent);
504
+ }
505
+ }
506
+ }
507
+ .obar\:dark\:bg-red-900\/10 {
508
+ @media (prefers-color-scheme: dark) {
509
+ background-color: var(--obar-color-red-900);
510
+ @supports (color: color-mix(in lab, red, red)) {
511
+ background-color: color-mix(in oklab, var(--obar-color-red-900) 10%, transparent);
512
+ }
513
+ }
514
+ }
515
+ .obar\:dark\:bg-red-900\/20 {
516
+ @media (prefers-color-scheme: dark) {
517
+ background-color: var(--obar-color-red-900);
518
+ @supports (color: color-mix(in lab, red, red)) {
519
+ background-color: color-mix(in oklab, var(--obar-color-red-900) 20%, transparent);
520
+ }
521
+ }
522
+ }
523
+ .obar\:dark\:bg-slate-700 {
524
+ @media (prefers-color-scheme: dark) {
525
+ background-color: var(--obar-color-slate-700);
526
+ }
527
+ }
528
+ .obar\:dark\:bg-slate-900\/60 {
529
+ @media (prefers-color-scheme: dark) {
530
+ background-color: var(--obar-color-slate-900);
531
+ @supports (color: color-mix(in lab, red, red)) {
532
+ background-color: color-mix(in oklab, var(--obar-color-slate-900) 60%, transparent);
533
+ }
534
+ }
535
+ }
536
+ .obar\:dark\:bg-yellow-900\/10 {
537
+ @media (prefers-color-scheme: dark) {
538
+ background-color: var(--obar-color-yellow-900);
539
+ @supports (color: color-mix(in lab, red, red)) {
540
+ background-color: color-mix(in oklab, var(--obar-color-yellow-900) 10%, transparent);
541
+ }
542
+ }
543
+ }
544
+ .obar\:dark\:from-slate-900 {
545
+ @media (prefers-color-scheme: dark) {
546
+ --tw-gradient-from: var(--obar-color-slate-900);
547
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
548
+ }
549
+ }
550
+ .obar\:dark\:to-slate-800 {
551
+ @media (prefers-color-scheme: dark) {
552
+ --tw-gradient-to: var(--obar-color-slate-800);
553
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
554
+ }
555
+ }
556
+ .obar\:dark\:text-indigo-400 {
557
+ @media (prefers-color-scheme: dark) {
558
+ color: var(--obar-color-indigo-400);
559
+ }
560
+ }
561
+ .obar\:dark\:text-red-200 {
562
+ @media (prefers-color-scheme: dark) {
563
+ color: var(--obar-color-red-200);
564
+ }
565
+ }
566
+ .obar\:dark\:text-red-300 {
567
+ @media (prefers-color-scheme: dark) {
568
+ color: var(--obar-color-red-300);
569
+ }
570
+ }
571
+ .obar\:dark\:text-red-400 {
572
+ @media (prefers-color-scheme: dark) {
573
+ color: var(--obar-color-red-400);
574
+ }
575
+ }
576
+ .obar\:dark\:text-slate-100 {
577
+ @media (prefers-color-scheme: dark) {
578
+ color: var(--obar-color-slate-100);
579
+ }
580
+ }
581
+ .obar\:dark\:text-slate-200 {
582
+ @media (prefers-color-scheme: dark) {
583
+ color: var(--obar-color-slate-200);
584
+ }
585
+ }
586
+ .obar\:dark\:text-slate-300 {
587
+ @media (prefers-color-scheme: dark) {
588
+ color: var(--obar-color-slate-300);
589
+ }
590
+ }
591
+ .obar\:dark\:text-slate-400 {
592
+ @media (prefers-color-scheme: dark) {
593
+ color: var(--obar-color-slate-400);
594
+ }
595
+ }
596
+ .obar\:dark\:text-yellow-400 {
597
+ @media (prefers-color-scheme: dark) {
598
+ color: var(--obar-color-yellow-400);
599
+ }
600
+ }
601
+ .obar\:dark\:shadow-red-900\/30 {
602
+ @media (prefers-color-scheme: dark) {
603
+ --tw-shadow-color: var(--obar-color-red-900);
604
+ @supports (color: color-mix(in lab, red, red)) {
605
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--obar-color-red-900) 30%, transparent) var(--tw-shadow-alpha), transparent);
606
+ }
607
+ }
608
+ }
609
+ .obar\:dark\:hover\:bg-indigo-600 {
610
+ @media (prefers-color-scheme: dark) {
611
+ &:hover {
612
+ @media (hover: hover) {
613
+ background-color: var(--obar-color-indigo-600);
614
+ }
615
+ }
616
+ }
617
+ }
618
+ .obar\:dark\:hover\:bg-red-700 {
619
+ @media (prefers-color-scheme: dark) {
620
+ &:hover {
621
+ @media (hover: hover) {
622
+ background-color: var(--obar-color-red-700);
623
+ }
624
+ }
625
+ }
626
+ }
627
+ .obar\:dark\:hover\:bg-slate-800 {
628
+ @media (prefers-color-scheme: dark) {
629
+ &:hover {
630
+ @media (hover: hover) {
631
+ background-color: var(--obar-color-slate-800);
632
+ }
633
+ }
634
+ }
635
+ }
636
+ .obar\:dark\:hover\:text-slate-200 {
637
+ @media (prefers-color-scheme: dark) {
638
+ &:hover {
639
+ @media (hover: hover) {
640
+ color: var(--obar-color-slate-200);
641
+ }
642
+ }
643
+ }
644
+ }
645
+ }
646
+ @property --tw-border-style {
647
+ syntax: "*";
648
+ inherits: false;
649
+ initial-value: solid;
650
+ }
651
+ @property --tw-gradient-position {
652
+ syntax: "*";
653
+ inherits: false;
654
+ }
655
+ @property --tw-gradient-from {
656
+ syntax: "<color>";
657
+ inherits: false;
658
+ initial-value: #0000;
659
+ }
660
+ @property --tw-gradient-via {
661
+ syntax: "<color>";
662
+ inherits: false;
663
+ initial-value: #0000;
664
+ }
665
+ @property --tw-gradient-to {
666
+ syntax: "<color>";
667
+ inherits: false;
668
+ initial-value: #0000;
669
+ }
670
+ @property --tw-gradient-stops {
671
+ syntax: "*";
672
+ inherits: false;
673
+ }
674
+ @property --tw-gradient-via-stops {
675
+ syntax: "*";
676
+ inherits: false;
677
+ }
678
+ @property --tw-gradient-from-position {
679
+ syntax: "<length-percentage>";
680
+ inherits: false;
681
+ initial-value: 0%;
682
+ }
683
+ @property --tw-gradient-via-position {
684
+ syntax: "<length-percentage>";
685
+ inherits: false;
686
+ initial-value: 50%;
687
+ }
688
+ @property --tw-gradient-to-position {
689
+ syntax: "<length-percentage>";
690
+ inherits: false;
691
+ initial-value: 100%;
692
+ }
693
+ @property --tw-font-weight {
694
+ syntax: "*";
695
+ inherits: false;
696
+ }
697
+ @property --tw-shadow {
698
+ syntax: "*";
699
+ inherits: false;
700
+ initial-value: 0 0 #0000;
701
+ }
702
+ @property --tw-shadow-color {
703
+ syntax: "*";
704
+ inherits: false;
705
+ }
706
+ @property --tw-shadow-alpha {
707
+ syntax: "<percentage>";
708
+ inherits: false;
709
+ initial-value: 100%;
710
+ }
711
+ @property --tw-inset-shadow {
712
+ syntax: "*";
713
+ inherits: false;
714
+ initial-value: 0 0 #0000;
715
+ }
716
+ @property --tw-inset-shadow-color {
717
+ syntax: "*";
718
+ inherits: false;
719
+ }
720
+ @property --tw-inset-shadow-alpha {
721
+ syntax: "<percentage>";
722
+ inherits: false;
723
+ initial-value: 100%;
724
+ }
725
+ @property --tw-ring-color {
726
+ syntax: "*";
727
+ inherits: false;
728
+ }
729
+ @property --tw-ring-shadow {
730
+ syntax: "*";
731
+ inherits: false;
732
+ initial-value: 0 0 #0000;
733
+ }
734
+ @property --tw-inset-ring-color {
735
+ syntax: "*";
736
+ inherits: false;
737
+ }
738
+ @property --tw-inset-ring-shadow {
739
+ syntax: "*";
740
+ inherits: false;
741
+ initial-value: 0 0 #0000;
742
+ }
743
+ @property --tw-ring-inset {
744
+ syntax: "*";
745
+ inherits: false;
746
+ }
747
+ @property --tw-ring-offset-width {
748
+ syntax: "<length>";
749
+ inherits: false;
750
+ initial-value: 0px;
751
+ }
752
+ @property --tw-ring-offset-color {
753
+ syntax: "*";
754
+ inherits: false;
755
+ initial-value: #fff;
756
+ }
757
+ @property --tw-ring-offset-shadow {
758
+ syntax: "*";
759
+ inherits: false;
760
+ initial-value: 0 0 #0000;
761
+ }
762
+ @property --tw-backdrop-blur {
763
+ syntax: "*";
764
+ inherits: false;
765
+ }
766
+ @property --tw-backdrop-brightness {
767
+ syntax: "*";
768
+ inherits: false;
769
+ }
770
+ @property --tw-backdrop-contrast {
771
+ syntax: "*";
772
+ inherits: false;
773
+ }
774
+ @property --tw-backdrop-grayscale {
775
+ syntax: "*";
776
+ inherits: false;
777
+ }
778
+ @property --tw-backdrop-hue-rotate {
779
+ syntax: "*";
780
+ inherits: false;
781
+ }
782
+ @property --tw-backdrop-invert {
783
+ syntax: "*";
784
+ inherits: false;
785
+ }
786
+ @property --tw-backdrop-opacity {
787
+ syntax: "*";
788
+ inherits: false;
789
+ }
790
+ @property --tw-backdrop-saturate {
791
+ syntax: "*";
792
+ inherits: false;
793
+ }
794
+ @property --tw-backdrop-sepia {
795
+ syntax: "*";
796
+ inherits: false;
797
+ }
798
+ @keyframes spin {
799
+ to {
800
+ transform: rotate(360deg);
801
+ }
802
+ }
803
+ @keyframes ping {
804
+ 75%, 100% {
805
+ transform: scale(2);
806
+ opacity: 0;
807
+ }
808
+ }
809
+ @keyframes pulse {
810
+ 50% {
811
+ opacity: 0.5;
812
+ }
813
+ }
814
+ @layer properties {
815
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
816
+ *, ::before, ::after, ::backdrop {
817
+ --tw-border-style: solid;
818
+ --tw-gradient-position: initial;
819
+ --tw-gradient-from: #0000;
820
+ --tw-gradient-via: #0000;
821
+ --tw-gradient-to: #0000;
822
+ --tw-gradient-stops: initial;
823
+ --tw-gradient-via-stops: initial;
824
+ --tw-gradient-from-position: 0%;
825
+ --tw-gradient-via-position: 50%;
826
+ --tw-gradient-to-position: 100%;
827
+ --tw-font-weight: initial;
828
+ --tw-shadow: 0 0 #0000;
829
+ --tw-shadow-color: initial;
830
+ --tw-shadow-alpha: 100%;
831
+ --tw-inset-shadow: 0 0 #0000;
832
+ --tw-inset-shadow-color: initial;
833
+ --tw-inset-shadow-alpha: 100%;
834
+ --tw-ring-color: initial;
835
+ --tw-ring-shadow: 0 0 #0000;
836
+ --tw-inset-ring-color: initial;
837
+ --tw-inset-ring-shadow: 0 0 #0000;
838
+ --tw-ring-inset: initial;
839
+ --tw-ring-offset-width: 0px;
840
+ --tw-ring-offset-color: #fff;
841
+ --tw-ring-offset-shadow: 0 0 #0000;
842
+ --tw-backdrop-blur: initial;
843
+ --tw-backdrop-brightness: initial;
844
+ --tw-backdrop-contrast: initial;
845
+ --tw-backdrop-grayscale: initial;
846
+ --tw-backdrop-hue-rotate: initial;
847
+ --tw-backdrop-invert: initial;
848
+ --tw-backdrop-opacity: initial;
849
+ --tw-backdrop-saturate: initial;
850
+ --tw-backdrop-sepia: initial;
851
+ }
852
+ }
853
+ }