@explita/cloud-auth-client 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/components/change-password.js +58 -75
  2. package/dist/components/icons/alert-circle.d.ts +5 -0
  3. package/dist/components/icons/alert-circle.js +13 -0
  4. package/dist/components/icons/chevron-down.d.ts +5 -0
  5. package/dist/components/icons/chevron-down.js +11 -0
  6. package/dist/components/icons/lock.d.ts +2 -1
  7. package/dist/components/icons/lock.js +2 -2
  8. package/dist/components/icons/logout.d.ts +2 -1
  9. package/dist/components/icons/logout.js +2 -2
  10. package/dist/components/icons/setting.d.ts +2 -1
  11. package/dist/components/icons/setting.js +2 -2
  12. package/dist/components/icons/shield.d.ts +5 -0
  13. package/dist/components/icons/shield.js +11 -0
  14. package/dist/components/icons/user.d.ts +5 -0
  15. package/dist/components/icons/user.js +12 -0
  16. package/dist/components/login-form.d.ts +3 -1
  17. package/dist/components/login-form.js +45 -34
  18. package/dist/components/message.js +2 -2
  19. package/dist/components/must-login.js +20 -8
  20. package/dist/components/reset-password.d.ts +2 -1
  21. package/dist/components/reset-password.js +62 -60
  22. package/dist/components/settings.js +16 -8
  23. package/dist/components/signup-form.d.ts +4 -3
  24. package/dist/components/signup-form.js +72 -60
  25. package/dist/components/toggle-2fa.js +42 -26
  26. package/dist/components/toggle-account-status.js +56 -64
  27. package/dist/components/ui/input.js +1 -1
  28. package/dist/components/user-card.js +48 -23
  29. package/dist/contexts/auth-provider.js +1 -1
  30. package/dist/index.d.ts +1 -1
  31. package/dist/lib/utils.js +7 -1
  32. package/dist/server/user.d.ts +3 -1
  33. package/dist/server/user.js +33 -0
  34. package/dist/styles.css +2645 -1805
  35. package/dist/types.d.ts +21 -7
  36. package/package.json +65 -65
package/dist/styles.css CHANGED
@@ -1,1805 +1,2645 @@
1
- /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --ecpauth-color-red-500: oklch(63.7% 0.237 25.331);
7
- --ecpauth-color-red-900: oklch(39.6% 0.141 25.723);
8
- --ecpauth-color-green-500: oklch(72.3% 0.219 149.579);
9
- --ecpauth-color-blue-500: oklch(62.3% 0.214 259.815);
10
- --ecpauth-color-blue-600: oklch(54.6% 0.245 262.881);
11
- --ecpauth-color-gray-50: oklch(98.5% 0.002 247.839);
12
- --ecpauth-color-gray-100: oklch(96.7% 0.003 264.542);
13
- --ecpauth-color-gray-200: oklch(92.8% 0.006 264.531);
14
- --ecpauth-color-gray-500: oklch(55.1% 0.027 264.364);
15
- --ecpauth-color-gray-600: oklch(44.6% 0.03 256.802);
16
- --ecpauth-color-gray-700: oklch(37.3% 0.034 259.733);
17
- --ecpauth-color-gray-800: oklch(27.8% 0.033 256.848);
18
- --ecpauth-color-gray-900: oklch(21% 0.034 264.665);
19
- --ecpauth-color-gray-950: oklch(13% 0.028 261.692);
20
- --ecpauth-color-stone-50: oklch(98.5% 0.001 106.423);
21
- --ecpauth-color-stone-100: oklch(97% 0.001 106.424);
22
- --ecpauth-color-stone-200: oklch(92.3% 0.003 48.717);
23
- --ecpauth-color-stone-300: oklch(86.9% 0.005 56.366);
24
- --ecpauth-color-stone-400: oklch(70.9% 0.01 56.259);
25
- --ecpauth-color-stone-500: oklch(55.3% 0.013 58.071);
26
- --ecpauth-color-stone-700: oklch(37.4% 0.01 67.558);
27
- --ecpauth-color-stone-800: oklch(26.8% 0.007 34.298);
28
- --ecpauth-color-stone-900: oklch(21.6% 0.006 56.043);
29
- --ecpauth-color-stone-950: oklch(14.7% 0.004 49.25);
30
- --ecpauth-color-black: #000;
31
- --ecpauth-color-white: #fff;
32
- --ecpauth-spacing: 0.25rem;
33
- --ecpauth-container-sm: 24rem;
34
- --ecpauth-container-lg: 32rem;
35
- --ecpauth-text-sm: 0.875rem;
36
- --ecpauth-text-sm--line-height: calc(1.25 / 0.875);
37
- --ecpauth-text-base: 1rem;
38
- --ecpauth-text-base--line-height: calc(1.5 / 1);
39
- --ecpauth-text-lg: 1.125rem;
40
- --ecpauth-text-lg--line-height: calc(1.75 / 1.125);
41
- --ecpauth-text-2xl: 1.5rem;
42
- --ecpauth-text-2xl--line-height: calc(2 / 1.5);
43
- --ecpauth-font-weight-medium: 500;
44
- --ecpauth-font-weight-semibold: 600;
45
- --ecpauth-radius-xs: 0.125rem;
46
- --ecpauth-default-transition-duration: 150ms;
47
- --ecpauth-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
48
- --ecpauth-default-font-family: var(--font-geist-sans);
49
- --ecpauth-default-mono-font-family: var(--font-geist-mono);
50
- }
51
- }
52
- @layer base {
53
- *, ::after, ::before, ::backdrop, ::file-selector-button {
54
- box-sizing: border-box;
55
- margin: 0;
56
- padding: 0;
57
- border: 0 solid;
58
- }
59
- html, :host {
60
- line-height: 1.5;
61
- -webkit-text-size-adjust: 100%;
62
- tab-size: 4;
63
- font-family: var(--ecpauth-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
64
- font-feature-settings: var(--ecpauth-default-font-feature-settings, normal);
65
- font-variation-settings: var(--ecpauth-default-font-variation-settings, normal);
66
- -webkit-tap-highlight-color: transparent;
67
- }
68
- hr {
69
- height: 0;
70
- color: inherit;
71
- border-top-width: 1px;
72
- }
73
- abbr:where([title]) {
74
- -webkit-text-decoration: underline dotted;
75
- text-decoration: underline dotted;
76
- }
77
- h1, h2, h3, h4, h5, h6 {
78
- font-size: inherit;
79
- font-weight: inherit;
80
- }
81
- a {
82
- color: inherit;
83
- -webkit-text-decoration: inherit;
84
- text-decoration: inherit;
85
- }
86
- b, strong {
87
- font-weight: bolder;
88
- }
89
- code, kbd, samp, pre {
90
- font-family: var(--ecpauth-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
91
- font-feature-settings: var(--ecpauth-default-mono-font-feature-settings, normal);
92
- font-variation-settings: var(--ecpauth-default-mono-font-variation-settings, normal);
93
- font-size: 1em;
94
- }
95
- small {
96
- font-size: 80%;
97
- }
98
- sub, sup {
99
- font-size: 75%;
100
- line-height: 0;
101
- position: relative;
102
- vertical-align: baseline;
103
- }
104
- sub {
105
- bottom: -0.25em;
106
- }
107
- sup {
108
- top: -0.5em;
109
- }
110
- table {
111
- text-indent: 0;
112
- border-color: inherit;
113
- border-collapse: collapse;
114
- }
115
- :-moz-focusring {
116
- outline: auto;
117
- }
118
- progress {
119
- vertical-align: baseline;
120
- }
121
- summary {
122
- display: list-item;
123
- }
124
- ol, ul, menu {
125
- list-style: none;
126
- }
127
- img, svg, video, canvas, audio, iframe, embed, object {
128
- display: block;
129
- vertical-align: middle;
130
- }
131
- img, video {
132
- max-width: 100%;
133
- height: auto;
134
- }
135
- button, input, select, optgroup, textarea, ::file-selector-button {
136
- font: inherit;
137
- font-feature-settings: inherit;
138
- font-variation-settings: inherit;
139
- letter-spacing: inherit;
140
- color: inherit;
141
- border-radius: 0;
142
- background-color: transparent;
143
- opacity: 1;
144
- }
145
- :where(select:is([multiple], [size])) optgroup {
146
- font-weight: bolder;
147
- }
148
- :where(select:is([multiple], [size])) optgroup option {
149
- padding-inline-start: 20px;
150
- }
151
- ::file-selector-button {
152
- margin-inline-end: 4px;
153
- }
154
- ::placeholder {
155
- opacity: 1;
156
- }
157
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
158
- ::placeholder {
159
- color: currentcolor;
160
- @supports (color: color-mix(in lab, red, red)) {
161
- color: color-mix(in oklab, currentcolor 50%, transparent);
162
- }
163
- }
164
- }
165
- textarea {
166
- resize: vertical;
167
- }
168
- ::-webkit-search-decoration {
169
- -webkit-appearance: none;
170
- }
171
- ::-webkit-date-and-time-value {
172
- min-height: 1lh;
173
- text-align: inherit;
174
- }
175
- ::-webkit-datetime-edit {
176
- display: inline-flex;
177
- }
178
- ::-webkit-datetime-edit-fields-wrapper {
179
- padding: 0;
180
- }
181
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
182
- padding-block: 0;
183
- }
184
- ::-webkit-calendar-picker-indicator {
185
- line-height: 1;
186
- }
187
- :-moz-ui-invalid {
188
- box-shadow: none;
189
- }
190
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
191
- appearance: button;
192
- }
193
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
194
- height: auto;
195
- }
196
- [hidden]:where(:not([hidden="until-found"])) {
197
- display: none !important;
198
- }
199
- }
200
- @layer utilities {
201
- .ecpauth\:\@container\/card-header {
202
- container-type: inline-size;
203
- container-name: card-header;
204
- }
205
- .ecpauth\:pointer-events-none {
206
- pointer-events: none;
207
- }
208
- .ecpauth\:sr-only {
209
- position: absolute;
210
- width: 1px;
211
- height: 1px;
212
- padding: 0;
213
- margin: -1px;
214
- overflow: hidden;
215
- clip: rect(0, 0, 0, 0);
216
- white-space: nowrap;
217
- border-width: 0;
218
- }
219
- .ecpauth\:absolute {
220
- position: absolute;
221
- }
222
- .ecpauth\:fixed {
223
- position: fixed;
224
- }
225
- .ecpauth\:relative {
226
- position: relative;
227
- }
228
- .ecpauth\:inset-0 {
229
- inset: calc(var(--ecpauth-spacing) * 0);
230
- }
231
- .ecpauth\:top-0 {
232
- top: calc(var(--ecpauth-spacing) * 0);
233
- }
234
- .ecpauth\:top-4 {
235
- top: calc(var(--ecpauth-spacing) * 4);
236
- }
237
- .ecpauth\:top-\[50\%\] {
238
- top: 50%;
239
- }
240
- .ecpauth\:right-0 {
241
- right: calc(var(--ecpauth-spacing) * 0);
242
- }
243
- .ecpauth\:right-4 {
244
- right: calc(var(--ecpauth-spacing) * 4);
245
- }
246
- .ecpauth\:bottom-0 {
247
- bottom: calc(var(--ecpauth-spacing) * 0);
248
- }
249
- .ecpauth\:left-0 {
250
- left: calc(var(--ecpauth-spacing) * 0);
251
- }
252
- .ecpauth\:left-\[50\%\] {
253
- left: 50%;
254
- }
255
- .ecpauth\:z-50 {
256
- z-index: 50;
257
- }
258
- .ecpauth\:col-start-2 {
259
- grid-column-start: 2;
260
- }
261
- .ecpauth\:row-span-2 {
262
- grid-row: span 2 / span 2;
263
- }
264
- .ecpauth\:row-start-1 {
265
- grid-row-start: 1;
266
- }
267
- .ecpauth\:-mx-1 {
268
- margin-inline: calc(var(--ecpauth-spacing) * -1);
269
- }
270
- .ecpauth\:my-1 {
271
- margin-block: calc(var(--ecpauth-spacing) * 1);
272
- }
273
- .ecpauth\:my-2 {
274
- margin-block: calc(var(--ecpauth-spacing) * 2);
275
- }
276
- .ecpauth\:my-3 {
277
- margin-block: calc(var(--ecpauth-spacing) * 3);
278
- }
279
- .ecpauth\:my-5 {
280
- margin-block: calc(var(--ecpauth-spacing) * 5);
281
- }
282
- .ecpauth\:-mt-2 {
283
- margin-top: calc(var(--ecpauth-spacing) * -2);
284
- }
285
- .ecpauth\:mt-2 {
286
- margin-top: calc(var(--ecpauth-spacing) * 2);
287
- }
288
- .ecpauth\:mt-4 {
289
- margin-top: calc(var(--ecpauth-spacing) * 4);
290
- }
291
- .ecpauth\:mb-0 {
292
- margin-bottom: calc(var(--ecpauth-spacing) * 0);
293
- }
294
- .ecpauth\:mb-2 {
295
- margin-bottom: calc(var(--ecpauth-spacing) * 2);
296
- }
297
- .ecpauth\:mb-4 {
298
- margin-bottom: calc(var(--ecpauth-spacing) * 4);
299
- }
300
- .ecpauth\:ml-auto {
301
- margin-left: auto;
302
- }
303
- .ecpauth\:block {
304
- display: block;
305
- }
306
- .ecpauth\:flex {
307
- display: flex;
308
- }
309
- .ecpauth\:grid {
310
- display: grid;
311
- }
312
- .ecpauth\:inline-block {
313
- display: inline-block;
314
- }
315
- .ecpauth\:inline-flex {
316
- display: inline-flex;
317
- }
318
- .ecpauth\:size-4 {
319
- width: calc(var(--ecpauth-spacing) * 4);
320
- height: calc(var(--ecpauth-spacing) * 4);
321
- }
322
- .ecpauth\:size-9 {
323
- width: calc(var(--ecpauth-spacing) * 9);
324
- height: calc(var(--ecpauth-spacing) * 9);
325
- }
326
- .ecpauth\:size-12 {
327
- width: calc(var(--ecpauth-spacing) * 12);
328
- height: calc(var(--ecpauth-spacing) * 12);
329
- }
330
- .ecpauth\:h-8 {
331
- height: calc(var(--ecpauth-spacing) * 8);
332
- }
333
- .ecpauth\:h-9 {
334
- height: calc(var(--ecpauth-spacing) * 9);
335
- }
336
- .ecpauth\:h-10 {
337
- height: calc(var(--ecpauth-spacing) * 10);
338
- }
339
- .ecpauth\:h-40 {
340
- height: calc(var(--ecpauth-spacing) * 40);
341
- }
342
- .ecpauth\:h-\[1\.15rem\] {
343
- height: 1.15rem;
344
- }
345
- .ecpauth\:h-px {
346
- height: 1px;
347
- }
348
- .ecpauth\:\!max-h-\[calc\(100vh-12rem\)\] {
349
- max-height: calc(100vh - 12rem) !important;
350
- }
351
- .ecpauth\:max-h-\(--radix-dropdown-menu-content-available-height\) {
352
- max-height: var(--radix-dropdown-menu-content-available-height);
353
- }
354
- .ecpauth\:w-8 {
355
- width: calc(var(--ecpauth-spacing) * 8);
356
- }
357
- .ecpauth\:w-40 {
358
- width: calc(var(--ecpauth-spacing) * 40);
359
- }
360
- .ecpauth\:w-56 {
361
- width: calc(var(--ecpauth-spacing) * 56);
362
- }
363
- .ecpauth\:w-full {
364
- width: 100%;
365
- }
366
- .ecpauth\:max-w-\[calc\(100\%-2rem\)\] {
367
- max-width: calc(100% - 2rem);
368
- }
369
- .ecpauth\:max-w-sm {
370
- max-width: var(--ecpauth-container-sm);
371
- }
372
- .ecpauth\:min-w-0 {
373
- min-width: calc(var(--ecpauth-spacing) * 0);
374
- }
375
- .ecpauth\:min-w-\[8rem\] {
376
- min-width: 8rem;
377
- }
378
- .ecpauth\:flex-1 {
379
- flex: 1;
380
- }
381
- .ecpauth\:shrink-0 {
382
- flex-shrink: 0;
383
- }
384
- .ecpauth\:origin-\(--radix-dropdown-menu-content-transform-origin\) {
385
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
386
- }
387
- .ecpauth\:translate-x-\[-50\%\] {
388
- --tw-translate-x: -50%;
389
- translate: var(--tw-translate-x) var(--tw-translate-y);
390
- }
391
- .ecpauth\:translate-y-\[-50\%\] {
392
- --tw-translate-y: -50%;
393
- translate: var(--tw-translate-x) var(--tw-translate-y);
394
- }
395
- .ecpauth\:cursor-default {
396
- cursor: default;
397
- }
398
- .ecpauth\:cursor-pointer {
399
- cursor: pointer;
400
- }
401
- .ecpauth\:auto-rows-min {
402
- grid-auto-rows: min-content;
403
- }
404
- .ecpauth\:grid-rows-\[auto_auto\] {
405
- grid-template-rows: auto auto;
406
- }
407
- .ecpauth\:flex-col {
408
- flex-direction: column;
409
- }
410
- .ecpauth\:flex-col-reverse {
411
- flex-direction: column-reverse;
412
- }
413
- .ecpauth\:items-center {
414
- align-items: center;
415
- }
416
- .ecpauth\:items-start {
417
- align-items: flex-start;
418
- }
419
- .ecpauth\:justify-between {
420
- justify-content: space-between;
421
- }
422
- .ecpauth\:justify-center {
423
- justify-content: center;
424
- }
425
- .ecpauth\:justify-end {
426
- justify-content: flex-end;
427
- }
428
- .ecpauth\:gap-1\.5 {
429
- gap: calc(var(--ecpauth-spacing) * 1.5);
430
- }
431
- .ecpauth\:gap-2 {
432
- gap: calc(var(--ecpauth-spacing) * 2);
433
- }
434
- .ecpauth\:gap-4 {
435
- gap: calc(var(--ecpauth-spacing) * 4);
436
- }
437
- .ecpauth\:gap-6 {
438
- gap: calc(var(--ecpauth-spacing) * 6);
439
- }
440
- .ecpauth\:self-start {
441
- align-self: flex-start;
442
- }
443
- .ecpauth\:justify-self-end {
444
- justify-self: flex-end;
445
- }
446
- .ecpauth\:overflow-hidden {
447
- overflow: hidden;
448
- }
449
- .ecpauth\:overflow-x-hidden {
450
- overflow-x: hidden;
451
- }
452
- .ecpauth\:overflow-y-auto {
453
- overflow-y: auto;
454
- }
455
- .ecpauth\:rounded-full {
456
- border-radius: calc(infinity * 1px);
457
- }
458
- .ecpauth\:rounded-lg {
459
- border-radius: var(--radius);
460
- }
461
- .ecpauth\:rounded-md {
462
- border-radius: calc(var(--radius) - 2px);
463
- }
464
- .ecpauth\:rounded-sm {
465
- border-radius: calc(var(--radius) - 4px);
466
- }
467
- .ecpauth\:rounded-xl {
468
- border-radius: calc(var(--radius) + 4px);
469
- }
470
- .ecpauth\:rounded-xs {
471
- border-radius: var(--ecpauth-radius-xs);
472
- }
473
- .ecpauth\:border {
474
- border-style: var(--tw-border-style);
475
- border-width: 1px;
476
- }
477
- .ecpauth\:border-y {
478
- border-block-style: var(--tw-border-style);
479
- border-block-width: 1px;
480
- }
481
- .ecpauth\:border-b {
482
- border-bottom-style: var(--tw-border-style);
483
- border-bottom-width: 1px;
484
- }
485
- .ecpauth\:border-gray-200 {
486
- border-color: var(--ecpauth-color-gray-200);
487
- }
488
- .ecpauth\:border-stone-200 {
489
- border-color: var(--ecpauth-color-stone-200);
490
- }
491
- .ecpauth\:border-transparent {
492
- border-color: transparent;
493
- }
494
- .ecpauth\:bg-background {
495
- background-color: var(--background);
496
- }
497
- .ecpauth\:bg-black\/50 {
498
- background-color: var(--ecpauth-color-black);
499
- @supports (color: color-mix(in lab, red, red)) {
500
- background-color: color-mix(in oklab, var(--ecpauth-color-black) 50%, transparent);
501
- }
502
- }
503
- .ecpauth\:bg-gray-200 {
504
- background-color: var(--ecpauth-color-gray-200);
505
- }
506
- .ecpauth\:bg-red-500 {
507
- background-color: var(--ecpauth-color-red-500);
508
- }
509
- .ecpauth\:bg-stone-100 {
510
- background-color: var(--ecpauth-color-stone-100);
511
- }
512
- .ecpauth\:bg-stone-200 {
513
- background-color: var(--ecpauth-color-stone-200);
514
- }
515
- .ecpauth\:bg-stone-900 {
516
- background-color: var(--ecpauth-color-stone-900);
517
- }
518
- .ecpauth\:bg-transparent {
519
- background-color: transparent;
520
- }
521
- .ecpauth\:bg-white {
522
- background-color: var(--ecpauth-color-white);
523
- }
524
- .ecpauth\:bg-white\/80 {
525
- background-color: var(--ecpauth-color-white);
526
- @supports (color: color-mix(in lab, red, red)) {
527
- background-color: color-mix(in oklab, var(--ecpauth-color-white) 80%, transparent);
528
- }
529
- }
530
- .ecpauth\:bg-white\/90 {
531
- background-color: var(--ecpauth-color-white);
532
- @supports (color: color-mix(in lab, red, red)) {
533
- background-color: color-mix(in oklab, var(--ecpauth-color-white) 90%, transparent);
534
- }
535
- }
536
- .ecpauth\:p-0 {
537
- padding: calc(var(--ecpauth-spacing) * 0);
538
- }
539
- .ecpauth\:p-1 {
540
- padding: calc(var(--ecpauth-spacing) * 1);
541
- }
542
- .ecpauth\:p-6 {
543
- padding: calc(var(--ecpauth-spacing) * 6);
544
- }
545
- .ecpauth\:px-2 {
546
- padding-inline: calc(var(--ecpauth-spacing) * 2);
547
- }
548
- .ecpauth\:px-3 {
549
- padding-inline: calc(var(--ecpauth-spacing) * 3);
550
- }
551
- .ecpauth\:px-4 {
552
- padding-inline: calc(var(--ecpauth-spacing) * 4);
553
- }
554
- .ecpauth\:px-6 {
555
- padding-inline: calc(var(--ecpauth-spacing) * 6);
556
- }
557
- .ecpauth\:py-1 {
558
- padding-block: calc(var(--ecpauth-spacing) * 1);
559
- }
560
- .ecpauth\:py-1\.5 {
561
- padding-block: calc(var(--ecpauth-spacing) * 1.5);
562
- }
563
- .ecpauth\:py-2 {
564
- padding-block: calc(var(--ecpauth-spacing) * 2);
565
- }
566
- .ecpauth\:py-3 {
567
- padding-block: calc(var(--ecpauth-spacing) * 3);
568
- }
569
- .ecpauth\:py-4 {
570
- padding-block: calc(var(--ecpauth-spacing) * 4);
571
- }
572
- .ecpauth\:py-6 {
573
- padding-block: calc(var(--ecpauth-spacing) * 6);
574
- }
575
- .ecpauth\:pe-3 {
576
- padding-inline-end: calc(var(--ecpauth-spacing) * 3);
577
- }
578
- .ecpauth\:pe-4 {
579
- padding-inline-end: calc(var(--ecpauth-spacing) * 4);
580
- }
581
- .ecpauth\:pb-2 {
582
- padding-bottom: calc(var(--ecpauth-spacing) * 2);
583
- }
584
- .ecpauth\:text-center {
585
- text-align: center;
586
- }
587
- .ecpauth\:text-left {
588
- text-align: left;
589
- }
590
- .ecpauth\:text-2xl {
591
- font-size: var(--ecpauth-text-2xl);
592
- line-height: var(--tw-leading, var(--ecpauth-text-2xl--line-height));
593
- }
594
- .ecpauth\:text-base {
595
- font-size: var(--ecpauth-text-base);
596
- line-height: var(--tw-leading, var(--ecpauth-text-base--line-height));
597
- }
598
- .ecpauth\:text-lg {
599
- font-size: var(--ecpauth-text-lg);
600
- line-height: var(--tw-leading, var(--ecpauth-text-lg--line-height));
601
- }
602
- .ecpauth\:text-sm {
603
- font-size: var(--ecpauth-text-sm);
604
- line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
605
- }
606
- .ecpauth\:leading-none {
607
- --tw-leading: 1;
608
- line-height: 1;
609
- }
610
- .ecpauth\:font-medium {
611
- --tw-font-weight: var(--ecpauth-font-weight-medium);
612
- font-weight: var(--ecpauth-font-weight-medium);
613
- }
614
- .ecpauth\:font-semibold {
615
- --tw-font-weight: var(--ecpauth-font-weight-semibold);
616
- font-weight: var(--ecpauth-font-weight-semibold);
617
- }
618
- .ecpauth\:whitespace-nowrap {
619
- white-space: nowrap;
620
- }
621
- .ecpauth\:\!text-blue-500 {
622
- color: var(--ecpauth-color-blue-500) !important;
623
- }
624
- .ecpauth\:text-black {
625
- color: var(--ecpauth-color-black);
626
- }
627
- .ecpauth\:text-gray-500 {
628
- color: var(--ecpauth-color-gray-500);
629
- }
630
- .ecpauth\:text-gray-700 {
631
- color: var(--ecpauth-color-gray-700);
632
- }
633
- .ecpauth\:text-green-500 {
634
- color: var(--ecpauth-color-green-500);
635
- }
636
- .ecpauth\:text-muted-foreground {
637
- color: var(--muted-foreground);
638
- }
639
- .ecpauth\:text-red-500 {
640
- color: var(--ecpauth-color-red-500);
641
- }
642
- .ecpauth\:text-stone-50 {
643
- color: var(--ecpauth-color-stone-50);
644
- }
645
- .ecpauth\:text-stone-500 {
646
- color: var(--ecpauth-color-stone-500);
647
- }
648
- .ecpauth\:text-stone-700 {
649
- color: var(--ecpauth-color-stone-700);
650
- }
651
- .ecpauth\:text-stone-800 {
652
- color: var(--ecpauth-color-stone-800);
653
- }
654
- .ecpauth\:text-stone-900 {
655
- color: var(--ecpauth-color-stone-900);
656
- }
657
- .ecpauth\:text-stone-950 {
658
- color: var(--ecpauth-color-stone-950);
659
- }
660
- .ecpauth\:text-white {
661
- color: var(--ecpauth-color-white);
662
- }
663
- .ecpauth\:underline {
664
- text-decoration-line: underline;
665
- }
666
- .ecpauth\:underline-offset-4 {
667
- text-underline-offset: 4px;
668
- }
669
- .ecpauth\:opacity-70 {
670
- opacity: 70%;
671
- }
672
- .ecpauth\:shadow-lg {
673
- --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));
674
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
675
- }
676
- .ecpauth\:shadow-md {
677
- --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));
678
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
679
- }
680
- .ecpauth\:shadow-sm {
681
- --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));
682
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
683
- }
684
- .ecpauth\:shadow-xs {
685
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
686
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
687
- }
688
- .ecpauth\:ring-0 {
689
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
690
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
691
- }
692
- .ecpauth\:ring-offset-background {
693
- --tw-ring-offset-color: var(--background);
694
- }
695
- .ecpauth\:outline-hidden {
696
- --tw-outline-style: none;
697
- outline-style: none;
698
- @media (forced-colors: active) {
699
- outline: 2px solid transparent;
700
- outline-offset: 2px;
701
- }
702
- }
703
- .ecpauth\:transition-\[color\,box-shadow\] {
704
- transition-property: color,box-shadow;
705
- transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
706
- transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
707
- }
708
- .ecpauth\:transition-all {
709
- transition-property: all;
710
- transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
711
- transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
712
- }
713
- .ecpauth\:transition-opacity {
714
- transition-property: opacity;
715
- transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
716
- transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
717
- }
718
- .ecpauth\:transition-transform {
719
- transition-property: transform, translate, scale, rotate;
720
- transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
721
- transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
722
- }
723
- .ecpauth\:duration-200 {
724
- --tw-duration: 200ms;
725
- transition-duration: 200ms;
726
- }
727
- .ecpauth\:outline-none {
728
- --tw-outline-style: none;
729
- outline-style: none;
730
- }
731
- .ecpauth\:select-none {
732
- -webkit-user-select: none;
733
- user-select: none;
734
- }
735
- .ecpauth\:group-data-\[disabled\=true\]\:pointer-events-none {
736
- &:is(:where(.ecpauth\:group)[data-disabled="true"] *) {
737
- pointer-events: none;
738
- }
739
- }
740
- .ecpauth\:group-data-\[disabled\=true\]\:opacity-50 {
741
- &:is(:where(.ecpauth\:group)[data-disabled="true"] *) {
742
- opacity: 50%;
743
- }
744
- }
745
- .ecpauth\:peer-disabled\:cursor-not-allowed {
746
- &:is(:where(.ecpauth\:peer):disabled ~ *) {
747
- cursor: not-allowed;
748
- }
749
- }
750
- .ecpauth\:peer-disabled\:opacity-50 {
751
- &:is(:where(.ecpauth\:peer):disabled ~ *) {
752
- opacity: 50%;
753
- }
754
- }
755
- .ecpauth\:selection\:bg-stone-900 {
756
- & *::selection {
757
- background-color: var(--ecpauth-color-stone-900);
758
- }
759
- &::selection {
760
- background-color: var(--ecpauth-color-stone-900);
761
- }
762
- }
763
- .ecpauth\:selection\:text-stone-50 {
764
- & *::selection {
765
- color: var(--ecpauth-color-stone-50);
766
- }
767
- &::selection {
768
- color: var(--ecpauth-color-stone-50);
769
- }
770
- }
771
- .ecpauth\:file\:inline-flex {
772
- &::file-selector-button {
773
- display: inline-flex;
774
- }
775
- }
776
- .ecpauth\:file\:h-7 {
777
- &::file-selector-button {
778
- height: calc(var(--ecpauth-spacing) * 7);
779
- }
780
- }
781
- .ecpauth\:file\:border-0 {
782
- &::file-selector-button {
783
- border-style: var(--tw-border-style);
784
- border-width: 0px;
785
- }
786
- }
787
- .ecpauth\:file\:bg-transparent {
788
- &::file-selector-button {
789
- background-color: transparent;
790
- }
791
- }
792
- .ecpauth\:file\:text-sm {
793
- &::file-selector-button {
794
- font-size: var(--ecpauth-text-sm);
795
- line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
796
- }
797
- }
798
- .ecpauth\:file\:font-medium {
799
- &::file-selector-button {
800
- --tw-font-weight: var(--ecpauth-font-weight-medium);
801
- font-weight: var(--ecpauth-font-weight-medium);
802
- }
803
- }
804
- .ecpauth\:file\:text-stone-950 {
805
- &::file-selector-button {
806
- color: var(--ecpauth-color-stone-950);
807
- }
808
- }
809
- .ecpauth\:placeholder\:text-stone-500 {
810
- &::placeholder {
811
- color: var(--ecpauth-color-stone-500);
812
- }
813
- }
814
- .ecpauth\:hover\:bg-gray-100 {
815
- &:hover {
816
- @media (hover: hover) {
817
- background-color: var(--ecpauth-color-gray-100);
818
- }
819
- }
820
- }
821
- .ecpauth\:hover\:bg-red-500\/90 {
822
- &:hover {
823
- @media (hover: hover) {
824
- background-color: var(--ecpauth-color-red-500);
825
- @supports (color: color-mix(in lab, red, red)) {
826
- background-color: color-mix(in oklab, var(--ecpauth-color-red-500) 90%, transparent);
827
- }
828
- }
829
- }
830
- }
831
- .ecpauth\:hover\:bg-stone-100 {
832
- &:hover {
833
- @media (hover: hover) {
834
- background-color: var(--ecpauth-color-stone-100);
835
- }
836
- }
837
- }
838
- .ecpauth\:hover\:bg-stone-100\/50 {
839
- &:hover {
840
- @media (hover: hover) {
841
- background-color: var(--ecpauth-color-stone-100);
842
- @supports (color: color-mix(in lab, red, red)) {
843
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-100) 50%, transparent);
844
- }
845
- }
846
- }
847
- }
848
- .ecpauth\:hover\:bg-stone-100\/80 {
849
- &:hover {
850
- @media (hover: hover) {
851
- background-color: var(--ecpauth-color-stone-100);
852
- @supports (color: color-mix(in lab, red, red)) {
853
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-100) 80%, transparent);
854
- }
855
- }
856
- }
857
- }
858
- .ecpauth\:hover\:bg-stone-900\/90 {
859
- &:hover {
860
- @media (hover: hover) {
861
- background-color: var(--ecpauth-color-stone-900);
862
- @supports (color: color-mix(in lab, red, red)) {
863
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-900) 90%, transparent);
864
- }
865
- }
866
- }
867
- }
868
- .ecpauth\:hover\:\!text-blue-600 {
869
- &:hover {
870
- @media (hover: hover) {
871
- color: var(--ecpauth-color-blue-600) !important;
872
- }
873
- }
874
- }
875
- .ecpauth\:hover\:text-stone-900 {
876
- &:hover {
877
- @media (hover: hover) {
878
- color: var(--ecpauth-color-stone-900);
879
- }
880
- }
881
- }
882
- .ecpauth\:hover\:underline {
883
- &:hover {
884
- @media (hover: hover) {
885
- text-decoration-line: underline;
886
- }
887
- }
888
- }
889
- .ecpauth\:hover\:opacity-100 {
890
- &:hover {
891
- @media (hover: hover) {
892
- opacity: 100%;
893
- }
894
- }
895
- }
896
- .ecpauth\:focus\:bg-stone-100 {
897
- &:focus {
898
- background-color: var(--ecpauth-color-stone-100);
899
- }
900
- }
901
- .ecpauth\:focus\:text-stone-900 {
902
- &:focus {
903
- color: var(--ecpauth-color-stone-900);
904
- }
905
- }
906
- .ecpauth\:focus\:ring-2 {
907
- &:focus {
908
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
909
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
910
- }
911
- }
912
- .ecpauth\:focus\:ring-ring {
913
- &:focus {
914
- --tw-ring-color: var(--ring);
915
- }
916
- }
917
- .ecpauth\:focus\:ring-offset-2 {
918
- &:focus {
919
- --tw-ring-offset-width: 2px;
920
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
921
- }
922
- }
923
- .ecpauth\:focus\:outline-hidden {
924
- &:focus {
925
- --tw-outline-style: none;
926
- outline-style: none;
927
- @media (forced-colors: active) {
928
- outline: 2px solid transparent;
929
- outline-offset: 2px;
930
- }
931
- }
932
- }
933
- .ecpauth\:focus\:outline-none {
934
- &:focus {
935
- --tw-outline-style: none;
936
- outline-style: none;
937
- }
938
- }
939
- .ecpauth\:focus-visible\:border-stone-950 {
940
- &:focus-visible {
941
- border-color: var(--ecpauth-color-stone-950);
942
- }
943
- }
944
- .ecpauth\:focus-visible\:ring-2 {
945
- &:focus-visible {
946
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
947
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
948
- }
949
- }
950
- .ecpauth\:focus-visible\:ring-\[3px\] {
951
- &:focus-visible {
952
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
953
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
954
- }
955
- }
956
- .ecpauth\:focus-visible\:ring-gray-500 {
957
- &:focus-visible {
958
- --tw-ring-color: var(--ecpauth-color-gray-500);
959
- }
960
- }
961
- .ecpauth\:focus-visible\:ring-red-500\/20 {
962
- &:focus-visible {
963
- --tw-ring-color: var(--ecpauth-color-red-500);
964
- @supports (color: color-mix(in lab, red, red)) {
965
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 20%, transparent);
966
- }
967
- }
968
- }
969
- .ecpauth\:focus-visible\:ring-stone-950\/50 {
970
- &:focus-visible {
971
- --tw-ring-color: var(--ecpauth-color-stone-950);
972
- @supports (color: color-mix(in lab, red, red)) {
973
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-stone-950) 50%, transparent);
974
- }
975
- }
976
- }
977
- .ecpauth\:disabled\:pointer-events-none {
978
- &:disabled {
979
- pointer-events: none;
980
- }
981
- }
982
- .ecpauth\:disabled\:cursor-not-allowed {
983
- &:disabled {
984
- cursor: not-allowed;
985
- }
986
- }
987
- .ecpauth\:disabled\:opacity-50 {
988
- &:disabled {
989
- opacity: 50%;
990
- }
991
- }
992
- .ecpauth\:has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
993
- &:has(*[data-slot="card-action"]) {
994
- grid-template-columns: 1fr auto;
995
- }
996
- }
997
- .ecpauth\:has-\[\>svg\]\:px-2\.5 {
998
- &:has(>svg) {
999
- padding-inline: calc(var(--ecpauth-spacing) * 2.5);
1000
- }
1001
- }
1002
- .ecpauth\:has-\[\>svg\]\:px-3 {
1003
- &:has(>svg) {
1004
- padding-inline: calc(var(--ecpauth-spacing) * 3);
1005
- }
1006
- }
1007
- .ecpauth\:has-\[\>svg\]\:px-4 {
1008
- &:has(>svg) {
1009
- padding-inline: calc(var(--ecpauth-spacing) * 4);
1010
- }
1011
- }
1012
- .ecpauth\:aria-invalid\:border-red-500 {
1013
- &[aria-invalid="true"] {
1014
- border-color: var(--ecpauth-color-red-500);
1015
- }
1016
- }
1017
- .ecpauth\:aria-invalid\:ring-red-500\/20 {
1018
- &[aria-invalid="true"] {
1019
- --tw-ring-color: var(--ecpauth-color-red-500);
1020
- @supports (color: color-mix(in lab, red, red)) {
1021
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 20%, transparent);
1022
- }
1023
- }
1024
- }
1025
- .ecpauth\:data-\[disabled\]\:pointer-events-none {
1026
- &[data-disabled] {
1027
- pointer-events: none;
1028
- }
1029
- }
1030
- .ecpauth\:data-\[disabled\]\:opacity-50 {
1031
- &[data-disabled] {
1032
- opacity: 50%;
1033
- }
1034
- }
1035
- .ecpauth\:data-\[inset\]\:pl-8 {
1036
- &[data-inset] {
1037
- padding-left: calc(var(--ecpauth-spacing) * 8);
1038
- }
1039
- }
1040
- .ecpauth\:data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
1041
- &[data-state="checked"] {
1042
- --tw-translate-x: calc(100% - 2px);
1043
- translate: var(--tw-translate-x) var(--tw-translate-y);
1044
- }
1045
- }
1046
- .ecpauth\:data-\[state\=checked\]\:bg-stone-900 {
1047
- &[data-state="checked"] {
1048
- background-color: var(--ecpauth-color-stone-900);
1049
- }
1050
- }
1051
- .ecpauth\:data-\[state\=open\]\:bg-accent {
1052
- &[data-state="open"] {
1053
- background-color: var(--accent);
1054
- }
1055
- }
1056
- .ecpauth\:data-\[state\=open\]\:text-muted-foreground {
1057
- &[data-state="open"] {
1058
- color: var(--muted-foreground);
1059
- }
1060
- }
1061
- .ecpauth\:data-\[state\=unchecked\]\:translate-x-0 {
1062
- &[data-state="unchecked"] {
1063
- --tw-translate-x: calc(var(--ecpauth-spacing) * 0);
1064
- translate: var(--tw-translate-x) var(--tw-translate-y);
1065
- }
1066
- }
1067
- .ecpauth\:data-\[state\=unchecked\]\:bg-stone-300 {
1068
- &[data-state="unchecked"] {
1069
- background-color: var(--ecpauth-color-stone-300);
1070
- }
1071
- }
1072
- .ecpauth\:data-\[variant\=destructive\]\:text-red-500 {
1073
- &[data-variant="destructive"] {
1074
- color: var(--ecpauth-color-red-500);
1075
- }
1076
- }
1077
- .ecpauth\:data-\[variant\=destructive\]\:focus\:bg-red-500\/10 {
1078
- &[data-variant="destructive"] {
1079
- &:focus {
1080
- background-color: var(--ecpauth-color-red-500);
1081
- @supports (color: color-mix(in lab, red, red)) {
1082
- background-color: color-mix(in oklab, var(--ecpauth-color-red-500) 10%, transparent);
1083
- }
1084
- }
1085
- }
1086
- }
1087
- .ecpauth\:data-\[variant\=destructive\]\:focus\:text-red-500 {
1088
- &[data-variant="destructive"] {
1089
- &:focus {
1090
- color: var(--ecpauth-color-red-500);
1091
- }
1092
- }
1093
- }
1094
- .ecpauth\:sm\:max-w-lg {
1095
- @media (width >= 40rem) {
1096
- max-width: var(--ecpauth-container-lg);
1097
- }
1098
- }
1099
- .ecpauth\:sm\:flex-row {
1100
- @media (width >= 40rem) {
1101
- flex-direction: row;
1102
- }
1103
- }
1104
- .ecpauth\:sm\:justify-end {
1105
- @media (width >= 40rem) {
1106
- justify-content: flex-end;
1107
- }
1108
- }
1109
- .ecpauth\:sm\:text-left {
1110
- @media (width >= 40rem) {
1111
- text-align: left;
1112
- }
1113
- }
1114
- .ecpauth\:md\:text-sm {
1115
- @media (width >= 48rem) {
1116
- font-size: var(--ecpauth-text-sm);
1117
- line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
1118
- }
1119
- }
1120
- .ecpauth\:lg\:min-h-\[496px\] {
1121
- @media (width >= 64rem) {
1122
- min-height: 496px;
1123
- }
1124
- }
1125
- .ecpauth\:dark\:border-gray-600 {
1126
- &:is(.dark *) {
1127
- border-color: var(--ecpauth-color-gray-600);
1128
- }
1129
- }
1130
- .ecpauth\:dark\:border-gray-700 {
1131
- &:is(.dark *) {
1132
- border-color: var(--ecpauth-color-gray-700);
1133
- }
1134
- }
1135
- .ecpauth\:dark\:border-gray-800 {
1136
- &:is(.dark *) {
1137
- border-color: var(--ecpauth-color-gray-800);
1138
- }
1139
- }
1140
- .ecpauth\:dark\:border-stone-800 {
1141
- &:is(.dark *) {
1142
- border-color: var(--ecpauth-color-stone-800);
1143
- }
1144
- }
1145
- .ecpauth\:dark\:bg-gray-700\/50 {
1146
- &:is(.dark *) {
1147
- background-color: var(--ecpauth-color-gray-700);
1148
- @supports (color: color-mix(in lab, red, red)) {
1149
- background-color: color-mix(in oklab, var(--ecpauth-color-gray-700) 50%, transparent);
1150
- }
1151
- }
1152
- }
1153
- .ecpauth\:dark\:bg-gray-800 {
1154
- &:is(.dark *) {
1155
- background-color: var(--ecpauth-color-gray-800);
1156
- }
1157
- }
1158
- .ecpauth\:dark\:bg-gray-900 {
1159
- &:is(.dark *) {
1160
- background-color: var(--ecpauth-color-gray-900);
1161
- }
1162
- }
1163
- .ecpauth\:dark\:bg-gray-900\/90 {
1164
- &:is(.dark *) {
1165
- background-color: var(--ecpauth-color-gray-900);
1166
- @supports (color: color-mix(in lab, red, red)) {
1167
- background-color: color-mix(in oklab, var(--ecpauth-color-gray-900) 90%, transparent);
1168
- }
1169
- }
1170
- }
1171
- .ecpauth\:dark\:bg-gray-950\/80 {
1172
- &:is(.dark *) {
1173
- background-color: var(--ecpauth-color-gray-950);
1174
- @supports (color: color-mix(in lab, red, red)) {
1175
- background-color: color-mix(in oklab, var(--ecpauth-color-gray-950) 80%, transparent);
1176
- }
1177
- }
1178
- }
1179
- .ecpauth\:dark\:bg-red-500\/60 {
1180
- &:is(.dark *) {
1181
- background-color: var(--ecpauth-color-red-500);
1182
- @supports (color: color-mix(in lab, red, red)) {
1183
- background-color: color-mix(in oklab, var(--ecpauth-color-red-500) 60%, transparent);
1184
- }
1185
- }
1186
- }
1187
- .ecpauth\:dark\:bg-red-900 {
1188
- &:is(.dark *) {
1189
- background-color: var(--ecpauth-color-red-900);
1190
- }
1191
- }
1192
- .ecpauth\:dark\:bg-red-900\/60 {
1193
- &:is(.dark *) {
1194
- background-color: var(--ecpauth-color-red-900);
1195
- @supports (color: color-mix(in lab, red, red)) {
1196
- background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 60%, transparent);
1197
- }
1198
- }
1199
- }
1200
- .ecpauth\:dark\:bg-stone-50 {
1201
- &:is(.dark *) {
1202
- background-color: var(--ecpauth-color-stone-50);
1203
- }
1204
- }
1205
- .ecpauth\:dark\:bg-stone-200\/30 {
1206
- &:is(.dark *) {
1207
- background-color: var(--ecpauth-color-stone-200);
1208
- @supports (color: color-mix(in lab, red, red)) {
1209
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-200) 30%, transparent);
1210
- }
1211
- }
1212
- }
1213
- .ecpauth\:dark\:bg-stone-800 {
1214
- &:is(.dark *) {
1215
- background-color: var(--ecpauth-color-stone-800);
1216
- }
1217
- }
1218
- .ecpauth\:dark\:bg-stone-800\/30 {
1219
- &:is(.dark *) {
1220
- background-color: var(--ecpauth-color-stone-800);
1221
- @supports (color: color-mix(in lab, red, red)) {
1222
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-800) 30%, transparent);
1223
- }
1224
- }
1225
- }
1226
- .ecpauth\:dark\:bg-stone-950 {
1227
- &:is(.dark *) {
1228
- background-color: var(--ecpauth-color-stone-950);
1229
- }
1230
- }
1231
- .ecpauth\:dark\:text-gray-50 {
1232
- &:is(.dark *) {
1233
- color: var(--ecpauth-color-gray-50);
1234
- }
1235
- }
1236
- .ecpauth\:dark\:text-stone-50 {
1237
- &:is(.dark *) {
1238
- color: var(--ecpauth-color-stone-50);
1239
- }
1240
- }
1241
- .ecpauth\:dark\:text-stone-300 {
1242
- &:is(.dark *) {
1243
- color: var(--ecpauth-color-stone-300);
1244
- }
1245
- }
1246
- .ecpauth\:dark\:text-stone-400 {
1247
- &:is(.dark *) {
1248
- color: var(--ecpauth-color-stone-400);
1249
- }
1250
- }
1251
- .ecpauth\:dark\:text-stone-900 {
1252
- &:is(.dark *) {
1253
- color: var(--ecpauth-color-stone-900);
1254
- }
1255
- }
1256
- .ecpauth\:dark\:text-white {
1257
- &:is(.dark *) {
1258
- color: var(--ecpauth-color-white);
1259
- }
1260
- }
1261
- .ecpauth\:dark\:selection\:bg-stone-50 {
1262
- &:is(.dark *) {
1263
- & *::selection {
1264
- background-color: var(--ecpauth-color-stone-50);
1265
- }
1266
- &::selection {
1267
- background-color: var(--ecpauth-color-stone-50);
1268
- }
1269
- }
1270
- }
1271
- .ecpauth\:dark\:selection\:text-stone-900 {
1272
- &:is(.dark *) {
1273
- & *::selection {
1274
- color: var(--ecpauth-color-stone-900);
1275
- }
1276
- &::selection {
1277
- color: var(--ecpauth-color-stone-900);
1278
- }
1279
- }
1280
- }
1281
- .ecpauth\:dark\:file\:text-stone-50 {
1282
- &:is(.dark *) {
1283
- &::file-selector-button {
1284
- color: var(--ecpauth-color-stone-50);
1285
- }
1286
- }
1287
- }
1288
- .ecpauth\:dark\:placeholder\:text-stone-400 {
1289
- &:is(.dark *) {
1290
- &::placeholder {
1291
- color: var(--ecpauth-color-stone-400);
1292
- }
1293
- }
1294
- }
1295
- .ecpauth\:dark\:hover\:bg-gray-800\/80 {
1296
- &:is(.dark *) {
1297
- &:hover {
1298
- @media (hover: hover) {
1299
- background-color: var(--ecpauth-color-gray-800);
1300
- @supports (color: color-mix(in lab, red, red)) {
1301
- background-color: color-mix(in oklab, var(--ecpauth-color-gray-800) 80%, transparent);
1302
- }
1303
- }
1304
- }
1305
- }
1306
- }
1307
- .ecpauth\:dark\:hover\:bg-red-900\/90 {
1308
- &:is(.dark *) {
1309
- &:hover {
1310
- @media (hover: hover) {
1311
- background-color: var(--ecpauth-color-red-900);
1312
- @supports (color: color-mix(in lab, red, red)) {
1313
- background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 90%, transparent);
1314
- }
1315
- }
1316
- }
1317
- }
1318
- }
1319
- .ecpauth\:dark\:hover\:bg-stone-50\/90 {
1320
- &:is(.dark *) {
1321
- &:hover {
1322
- @media (hover: hover) {
1323
- background-color: var(--ecpauth-color-stone-50);
1324
- @supports (color: color-mix(in lab, red, red)) {
1325
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-50) 90%, transparent);
1326
- }
1327
- }
1328
- }
1329
- }
1330
- }
1331
- .ecpauth\:dark\:hover\:bg-stone-200\/50 {
1332
- &:is(.dark *) {
1333
- &:hover {
1334
- @media (hover: hover) {
1335
- background-color: var(--ecpauth-color-stone-200);
1336
- @supports (color: color-mix(in lab, red, red)) {
1337
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-200) 50%, transparent);
1338
- }
1339
- }
1340
- }
1341
- }
1342
- }
1343
- .ecpauth\:dark\:hover\:bg-stone-800 {
1344
- &:is(.dark *) {
1345
- &:hover {
1346
- @media (hover: hover) {
1347
- background-color: var(--ecpauth-color-stone-800);
1348
- }
1349
- }
1350
- }
1351
- }
1352
- .ecpauth\:dark\:hover\:bg-stone-800\/50 {
1353
- &:is(.dark *) {
1354
- &:hover {
1355
- @media (hover: hover) {
1356
- background-color: var(--ecpauth-color-stone-800);
1357
- @supports (color: color-mix(in lab, red, red)) {
1358
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-800) 50%, transparent);
1359
- }
1360
- }
1361
- }
1362
- }
1363
- }
1364
- .ecpauth\:dark\:hover\:bg-stone-800\/80 {
1365
- &:is(.dark *) {
1366
- &:hover {
1367
- @media (hover: hover) {
1368
- background-color: var(--ecpauth-color-stone-800);
1369
- @supports (color: color-mix(in lab, red, red)) {
1370
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-800) 80%, transparent);
1371
- }
1372
- }
1373
- }
1374
- }
1375
- }
1376
- .ecpauth\:dark\:hover\:text-stone-50 {
1377
- &:is(.dark *) {
1378
- &:hover {
1379
- @media (hover: hover) {
1380
- color: var(--ecpauth-color-stone-50);
1381
- }
1382
- }
1383
- }
1384
- }
1385
- .ecpauth\:dark\:hover\:text-white {
1386
- &:is(.dark *) {
1387
- &:hover {
1388
- @media (hover: hover) {
1389
- color: var(--ecpauth-color-white);
1390
- }
1391
- }
1392
- }
1393
- }
1394
- .ecpauth\:dark\:focus\:bg-stone-800 {
1395
- &:is(.dark *) {
1396
- &:focus {
1397
- background-color: var(--ecpauth-color-stone-800);
1398
- }
1399
- }
1400
- }
1401
- .ecpauth\:dark\:focus\:text-stone-50 {
1402
- &:is(.dark *) {
1403
- &:focus {
1404
- color: var(--ecpauth-color-stone-50);
1405
- }
1406
- }
1407
- }
1408
- .ecpauth\:dark\:focus-visible\:border-stone-300 {
1409
- &:is(.dark *) {
1410
- &:focus-visible {
1411
- border-color: var(--ecpauth-color-stone-300);
1412
- }
1413
- }
1414
- }
1415
- .ecpauth\:focus-visible\:dark\:border-stone-300 {
1416
- &:focus-visible {
1417
- &:is(.dark *) {
1418
- border-color: var(--ecpauth-color-stone-300);
1419
- }
1420
- }
1421
- }
1422
- .ecpauth\:dark\:focus-visible\:ring-red-900\/40 {
1423
- &:is(.dark *) {
1424
- &:focus-visible {
1425
- --tw-ring-color: var(--ecpauth-color-red-900);
1426
- @supports (color: color-mix(in lab, red, red)) {
1427
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 40%, transparent);
1428
- }
1429
- }
1430
- }
1431
- }
1432
- .ecpauth\:dark\:focus-visible\:ring-stone-300\/50 {
1433
- &:is(.dark *) {
1434
- &:focus-visible {
1435
- --tw-ring-color: var(--ecpauth-color-stone-300);
1436
- @supports (color: color-mix(in lab, red, red)) {
1437
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-stone-300) 50%, transparent);
1438
- }
1439
- }
1440
- }
1441
- }
1442
- .ecpauth\:focus-visible\:dark\:ring-red-500\/40 {
1443
- &:focus-visible {
1444
- &:is(.dark *) {
1445
- --tw-ring-color: var(--ecpauth-color-red-500);
1446
- @supports (color: color-mix(in lab, red, red)) {
1447
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 40%, transparent);
1448
- }
1449
- }
1450
- }
1451
- }
1452
- .ecpauth\:focus-visible\:dark\:ring-red-900\/20 {
1453
- &:focus-visible {
1454
- &:is(.dark *) {
1455
- --tw-ring-color: var(--ecpauth-color-red-900);
1456
- @supports (color: color-mix(in lab, red, red)) {
1457
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 20%, transparent);
1458
- }
1459
- }
1460
- }
1461
- }
1462
- .ecpauth\:focus-visible\:dark\:ring-stone-300\/50 {
1463
- &:focus-visible {
1464
- &:is(.dark *) {
1465
- --tw-ring-color: var(--ecpauth-color-stone-300);
1466
- @supports (color: color-mix(in lab, red, red)) {
1467
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-stone-300) 50%, transparent);
1468
- }
1469
- }
1470
- }
1471
- }
1472
- .ecpauth\:aria-invalid\:dark\:border-red-900 {
1473
- &[aria-invalid="true"] {
1474
- &:is(.dark *) {
1475
- border-color: var(--ecpauth-color-red-900);
1476
- }
1477
- }
1478
- }
1479
- .ecpauth\:dark\:aria-invalid\:border-red-900 {
1480
- &:is(.dark *) {
1481
- &[aria-invalid="true"] {
1482
- border-color: var(--ecpauth-color-red-900);
1483
- }
1484
- }
1485
- }
1486
- .ecpauth\:aria-invalid\:dark\:ring-red-500\/40 {
1487
- &[aria-invalid="true"] {
1488
- &:is(.dark *) {
1489
- --tw-ring-color: var(--ecpauth-color-red-500);
1490
- @supports (color: color-mix(in lab, red, red)) {
1491
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 40%, transparent);
1492
- }
1493
- }
1494
- }
1495
- }
1496
- .ecpauth\:aria-invalid\:dark\:ring-red-900\/20 {
1497
- &[aria-invalid="true"] {
1498
- &:is(.dark *) {
1499
- --tw-ring-color: var(--ecpauth-color-red-900);
1500
- @supports (color: color-mix(in lab, red, red)) {
1501
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 20%, transparent);
1502
- }
1503
- }
1504
- }
1505
- }
1506
- .ecpauth\:dark\:aria-invalid\:dark\:ring-red-900\/40 {
1507
- &:is(.dark *) {
1508
- &[aria-invalid="true"] {
1509
- &:is(.dark *) {
1510
- --tw-ring-color: var(--ecpauth-color-red-900);
1511
- @supports (color: color-mix(in lab, red, red)) {
1512
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 40%, transparent);
1513
- }
1514
- }
1515
- }
1516
- }
1517
- }
1518
- .ecpauth\:dark\:aria-invalid\:ring-red-500\/40 {
1519
- &:is(.dark *) {
1520
- &[aria-invalid="true"] {
1521
- --tw-ring-color: var(--ecpauth-color-red-500);
1522
- @supports (color: color-mix(in lab, red, red)) {
1523
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 40%, transparent);
1524
- }
1525
- }
1526
- }
1527
- }
1528
- .ecpauth\:dark\:dark\:aria-invalid\:ring-red-900\/40 {
1529
- &:is(.dark *) {
1530
- &:is(.dark *) {
1531
- &[aria-invalid="true"] {
1532
- --tw-ring-color: var(--ecpauth-color-red-900);
1533
- @supports (color: color-mix(in lab, red, red)) {
1534
- --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 40%, transparent);
1535
- }
1536
- }
1537
- }
1538
- }
1539
- }
1540
- .ecpauth\:dark\:data-\[state\=checked\]\:bg-stone-50 {
1541
- &:is(.dark *) {
1542
- &[data-state="checked"] {
1543
- background-color: var(--ecpauth-color-stone-50);
1544
- }
1545
- }
1546
- }
1547
- .ecpauth\:dark\:data-\[state\=checked\]\:bg-stone-950 {
1548
- &:is(.dark *) {
1549
- &[data-state="checked"] {
1550
- background-color: var(--ecpauth-color-stone-950);
1551
- }
1552
- }
1553
- }
1554
- .ecpauth\:dark\:data-\[state\=unchecked\]\:bg-stone-50 {
1555
- &:is(.dark *) {
1556
- &[data-state="unchecked"] {
1557
- background-color: var(--ecpauth-color-stone-50);
1558
- }
1559
- }
1560
- }
1561
- .ecpauth\:dark\:data-\[state\=unchecked\]\:bg-stone-700\/60 {
1562
- &:is(.dark *) {
1563
- &[data-state="unchecked"] {
1564
- background-color: var(--ecpauth-color-stone-700);
1565
- @supports (color: color-mix(in lab, red, red)) {
1566
- background-color: color-mix(in oklab, var(--ecpauth-color-stone-700) 60%, transparent);
1567
- }
1568
- }
1569
- }
1570
- }
1571
- .ecpauth\:dark\:data-\[variant\=destructive\]\:text-red-900 {
1572
- &:is(.dark *) {
1573
- &[data-variant="destructive"] {
1574
- color: var(--ecpauth-color-red-900);
1575
- }
1576
- }
1577
- }
1578
- .ecpauth\:dark\:data-\[variant\=destructive\]\:focus\:bg-red-900\/10 {
1579
- &:is(.dark *) {
1580
- &[data-variant="destructive"] {
1581
- &:focus {
1582
- background-color: var(--ecpauth-color-red-900);
1583
- @supports (color: color-mix(in lab, red, red)) {
1584
- background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 10%, transparent);
1585
- }
1586
- }
1587
- }
1588
- }
1589
- }
1590
- .ecpauth\:dark\:data-\[variant\=destructive\]\:focus\:text-red-900 {
1591
- &:is(.dark *) {
1592
- &[data-variant="destructive"] {
1593
- &:focus {
1594
- color: var(--ecpauth-color-red-900);
1595
- }
1596
- }
1597
- }
1598
- }
1599
- .ecpauth\:\[\&_svg\]\:pointer-events-none {
1600
- & svg {
1601
- pointer-events: none;
1602
- }
1603
- }
1604
- .ecpauth\:\[\&_svg\]\:shrink-0 {
1605
- & svg {
1606
- flex-shrink: 0;
1607
- }
1608
- }
1609
- .ecpauth\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
1610
- & svg:not([class*='size-']) {
1611
- width: calc(var(--ecpauth-spacing) * 4);
1612
- height: calc(var(--ecpauth-spacing) * 4);
1613
- }
1614
- }
1615
- .ecpauth\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
1616
- & svg:not([class*=size-]) {
1617
- width: calc(var(--ecpauth-spacing) * 4);
1618
- height: calc(var(--ecpauth-spacing) * 4);
1619
- }
1620
- }
1621
- .ecpauth\:\[\&_svg\:not\(\[class\*\=text-\]\)\]\:text-stone-500 {
1622
- & svg:not([class*=text-]) {
1623
- color: var(--ecpauth-color-stone-500);
1624
- }
1625
- }
1626
- .ecpauth\:dark\:\[\&_svg\:not\(\[class\*\=text-\]\)\]\:text-stone-400 {
1627
- &:is(.dark *) {
1628
- & svg:not([class*=text-]) {
1629
- color: var(--ecpauth-color-stone-400);
1630
- }
1631
- }
1632
- }
1633
- .ecpauth\:\[\.border-b\]\:pb-6 {
1634
- &:is(.border-b) {
1635
- padding-bottom: calc(var(--ecpauth-spacing) * 6);
1636
- }
1637
- }
1638
- .ecpauth\:\[\.border-t\]\:pt-6 {
1639
- &:is(.border-t) {
1640
- padding-top: calc(var(--ecpauth-spacing) * 6);
1641
- }
1642
- }
1643
- .ecpauth\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
1644
- &[data-variant="destructive"] {
1645
- :is(& > *) {
1646
- &:is(svg) {
1647
- color: var(--destructive) !important;
1648
- }
1649
- }
1650
- }
1651
- }
1652
- }
1653
- :root {
1654
- --radius: 0.625rem;
1655
- }
1656
- .loader {
1657
- width: 50px;
1658
- aspect-ratio: 1;
1659
- display: grid;
1660
- border: 4px solid #0000;
1661
- border-radius: 50%;
1662
- border-right-color: #25b09b;
1663
- animation: l15 1s infinite linear;
1664
- }
1665
- .loader::before, .loader::after {
1666
- content: "";
1667
- grid-area: 1/1;
1668
- margin: 2px;
1669
- border: inherit;
1670
- border-radius: 50%;
1671
- animation: l15 2s infinite;
1672
- }
1673
- .loader::after {
1674
- margin: 8px;
1675
- animation-duration: 3s;
1676
- }
1677
- @keyframes l15 {
1678
- 100% {
1679
- transform: rotate(1turn);
1680
- }
1681
- }
1682
- @property --tw-translate-x {
1683
- syntax: "*";
1684
- inherits: false;
1685
- initial-value: 0;
1686
- }
1687
- @property --tw-translate-y {
1688
- syntax: "*";
1689
- inherits: false;
1690
- initial-value: 0;
1691
- }
1692
- @property --tw-translate-z {
1693
- syntax: "*";
1694
- inherits: false;
1695
- initial-value: 0;
1696
- }
1697
- @property --tw-border-style {
1698
- syntax: "*";
1699
- inherits: false;
1700
- initial-value: solid;
1701
- }
1702
- @property --tw-leading {
1703
- syntax: "*";
1704
- inherits: false;
1705
- }
1706
- @property --tw-font-weight {
1707
- syntax: "*";
1708
- inherits: false;
1709
- }
1710
- @property --tw-shadow {
1711
- syntax: "*";
1712
- inherits: false;
1713
- initial-value: 0 0 #0000;
1714
- }
1715
- @property --tw-shadow-color {
1716
- syntax: "*";
1717
- inherits: false;
1718
- }
1719
- @property --tw-shadow-alpha {
1720
- syntax: "<percentage>";
1721
- inherits: false;
1722
- initial-value: 100%;
1723
- }
1724
- @property --tw-inset-shadow {
1725
- syntax: "*";
1726
- inherits: false;
1727
- initial-value: 0 0 #0000;
1728
- }
1729
- @property --tw-inset-shadow-color {
1730
- syntax: "*";
1731
- inherits: false;
1732
- }
1733
- @property --tw-inset-shadow-alpha {
1734
- syntax: "<percentage>";
1735
- inherits: false;
1736
- initial-value: 100%;
1737
- }
1738
- @property --tw-ring-color {
1739
- syntax: "*";
1740
- inherits: false;
1741
- }
1742
- @property --tw-ring-shadow {
1743
- syntax: "*";
1744
- inherits: false;
1745
- initial-value: 0 0 #0000;
1746
- }
1747
- @property --tw-inset-ring-color {
1748
- syntax: "*";
1749
- inherits: false;
1750
- }
1751
- @property --tw-inset-ring-shadow {
1752
- syntax: "*";
1753
- inherits: false;
1754
- initial-value: 0 0 #0000;
1755
- }
1756
- @property --tw-ring-inset {
1757
- syntax: "*";
1758
- inherits: false;
1759
- }
1760
- @property --tw-ring-offset-width {
1761
- syntax: "<length>";
1762
- inherits: false;
1763
- initial-value: 0px;
1764
- }
1765
- @property --tw-ring-offset-color {
1766
- syntax: "*";
1767
- inherits: false;
1768
- initial-value: #fff;
1769
- }
1770
- @property --tw-ring-offset-shadow {
1771
- syntax: "*";
1772
- inherits: false;
1773
- initial-value: 0 0 #0000;
1774
- }
1775
- @property --tw-duration {
1776
- syntax: "*";
1777
- inherits: false;
1778
- }
1779
- @layer properties {
1780
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1781
- *, ::before, ::after, ::backdrop {
1782
- --tw-translate-x: 0;
1783
- --tw-translate-y: 0;
1784
- --tw-translate-z: 0;
1785
- --tw-border-style: solid;
1786
- --tw-leading: initial;
1787
- --tw-font-weight: initial;
1788
- --tw-shadow: 0 0 #0000;
1789
- --tw-shadow-color: initial;
1790
- --tw-shadow-alpha: 100%;
1791
- --tw-inset-shadow: 0 0 #0000;
1792
- --tw-inset-shadow-color: initial;
1793
- --tw-inset-shadow-alpha: 100%;
1794
- --tw-ring-color: initial;
1795
- --tw-ring-shadow: 0 0 #0000;
1796
- --tw-inset-ring-color: initial;
1797
- --tw-inset-ring-shadow: 0 0 #0000;
1798
- --tw-ring-inset: initial;
1799
- --tw-ring-offset-width: 0px;
1800
- --tw-ring-offset-color: #fff;
1801
- --tw-ring-offset-shadow: 0 0 #0000;
1802
- --tw-duration: initial;
1803
- }
1804
- }
1805
- }
1
+ /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --ecpauth-color-red-50: oklch(97.1% 0.013 17.38);
7
+ --ecpauth-color-red-100: oklch(93.6% 0.032 17.717);
8
+ --ecpauth-color-red-400: oklch(70.4% 0.191 22.216);
9
+ --ecpauth-color-red-500: oklch(63.7% 0.237 25.331);
10
+ --ecpauth-color-red-600: oklch(57.7% 0.245 27.325);
11
+ --ecpauth-color-red-700: oklch(50.5% 0.213 27.518);
12
+ --ecpauth-color-red-800: oklch(44.4% 0.177 26.899);
13
+ --ecpauth-color-red-900: oklch(39.6% 0.141 25.723);
14
+ --ecpauth-color-amber-50: oklch(98.7% 0.022 95.277);
15
+ --ecpauth-color-amber-100: oklch(96.2% 0.059 95.617);
16
+ --ecpauth-color-amber-400: oklch(82.8% 0.189 84.429);
17
+ --ecpauth-color-amber-600: oklch(66.6% 0.179 58.318);
18
+ --ecpauth-color-amber-700: oklch(55.5% 0.163 48.998);
19
+ --ecpauth-color-amber-800: oklch(47.3% 0.137 46.201);
20
+ --ecpauth-color-amber-900: oklch(41.4% 0.112 45.904);
21
+ --ecpauth-color-green-50: oklch(98.2% 0.018 155.826);
22
+ --ecpauth-color-green-100: oklch(96.2% 0.044 156.743);
23
+ --ecpauth-color-green-400: oklch(79.2% 0.209 151.711);
24
+ --ecpauth-color-green-500: oklch(72.3% 0.219 149.579);
25
+ --ecpauth-color-green-700: oklch(52.7% 0.154 150.069);
26
+ --ecpauth-color-green-800: oklch(44.8% 0.119 151.328);
27
+ --ecpauth-color-green-900: oklch(39.3% 0.095 152.535);
28
+ --ecpauth-color-blue-50: oklch(97% 0.014 254.604);
29
+ --ecpauth-color-blue-100: oklch(93.2% 0.032 255.585);
30
+ --ecpauth-color-blue-200: oklch(88.2% 0.059 254.128);
31
+ --ecpauth-color-blue-400: oklch(70.7% 0.165 254.624);
32
+ --ecpauth-color-blue-500: oklch(62.3% 0.214 259.815);
33
+ --ecpauth-color-blue-600: oklch(54.6% 0.245 262.881);
34
+ --ecpauth-color-blue-700: oklch(48.8% 0.243 264.376);
35
+ --ecpauth-color-blue-800: oklch(42.4% 0.199 265.638);
36
+ --ecpauth-color-blue-900: oklch(37.9% 0.146 265.522);
37
+ --ecpauth-color-gray-50: oklch(98.5% 0.002 247.839);
38
+ --ecpauth-color-gray-100: oklch(96.7% 0.003 264.542);
39
+ --ecpauth-color-gray-200: oklch(92.8% 0.006 264.531);
40
+ --ecpauth-color-gray-300: oklch(87.2% 0.01 258.338);
41
+ --ecpauth-color-gray-400: oklch(70.7% 0.022 261.325);
42
+ --ecpauth-color-gray-500: oklch(55.1% 0.027 264.364);
43
+ --ecpauth-color-gray-600: oklch(44.6% 0.03 256.802);
44
+ --ecpauth-color-gray-700: oklch(37.3% 0.034 259.733);
45
+ --ecpauth-color-gray-800: oklch(27.8% 0.033 256.848);
46
+ --ecpauth-color-gray-900: oklch(21% 0.034 264.665);
47
+ --ecpauth-color-gray-950: oklch(13% 0.028 261.692);
48
+ --ecpauth-color-stone-50: oklch(98.5% 0.001 106.423);
49
+ --ecpauth-color-stone-100: oklch(97% 0.001 106.424);
50
+ --ecpauth-color-stone-200: oklch(92.3% 0.003 48.717);
51
+ --ecpauth-color-stone-300: oklch(86.9% 0.005 56.366);
52
+ --ecpauth-color-stone-400: oklch(70.9% 0.01 56.259);
53
+ --ecpauth-color-stone-500: oklch(55.3% 0.013 58.071);
54
+ --ecpauth-color-stone-700: oklch(37.4% 0.01 67.558);
55
+ --ecpauth-color-stone-800: oklch(26.8% 0.007 34.298);
56
+ --ecpauth-color-stone-900: oklch(21.6% 0.006 56.043);
57
+ --ecpauth-color-stone-950: oklch(14.7% 0.004 49.25);
58
+ --ecpauth-color-black: #000;
59
+ --ecpauth-color-white: #fff;
60
+ --ecpauth-spacing: 0.25rem;
61
+ --ecpauth-container-sm: 24rem;
62
+ --ecpauth-container-md: 28rem;
63
+ --ecpauth-container-lg: 32rem;
64
+ --ecpauth-container-xl: 36rem;
65
+ --ecpauth-text-xs: 0.75rem;
66
+ --ecpauth-text-xs--line-height: calc(1 / 0.75);
67
+ --ecpauth-text-sm: 0.875rem;
68
+ --ecpauth-text-sm--line-height: calc(1.25 / 0.875);
69
+ --ecpauth-text-base: 1rem;
70
+ --ecpauth-text-base--line-height: calc(1.5 / 1);
71
+ --ecpauth-text-lg: 1.125rem;
72
+ --ecpauth-text-lg--line-height: calc(1.75 / 1.125);
73
+ --ecpauth-text-xl: 1.25rem;
74
+ --ecpauth-text-xl--line-height: calc(1.75 / 1.25);
75
+ --ecpauth-text-2xl: 1.5rem;
76
+ --ecpauth-text-2xl--line-height: calc(2 / 1.5);
77
+ --ecpauth-font-weight-medium: 500;
78
+ --ecpauth-font-weight-semibold: 600;
79
+ --ecpauth-font-weight-bold: 700;
80
+ --ecpauth-font-weight-black: 900;
81
+ --ecpauth-tracking-tight: -0.025em;
82
+ --ecpauth-tracking-wider: 0.05em;
83
+ --ecpauth-leading-tight: 1.25;
84
+ --ecpauth-leading-relaxed: 1.625;
85
+ --ecpauth-radius-xs: 0.125rem;
86
+ --ecpauth-radius-2xl: 1rem;
87
+ --ecpauth-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
88
+ --ecpauth-default-transition-duration: 150ms;
89
+ --ecpauth-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
90
+ --ecpauth-default-font-family: var(--font-geist-sans);
91
+ --ecpauth-default-mono-font-family: var(--font-geist-mono);
92
+ }
93
+ }
94
+ @layer base {
95
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
96
+ box-sizing: border-box;
97
+ margin: 0;
98
+ padding: 0;
99
+ border: 0 solid;
100
+ }
101
+ html, :host {
102
+ line-height: 1.5;
103
+ -webkit-text-size-adjust: 100%;
104
+ tab-size: 4;
105
+ font-family: var(--ecpauth-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
106
+ font-feature-settings: var(--ecpauth-default-font-feature-settings, normal);
107
+ font-variation-settings: var(--ecpauth-default-font-variation-settings, normal);
108
+ -webkit-tap-highlight-color: transparent;
109
+ }
110
+ hr {
111
+ height: 0;
112
+ color: inherit;
113
+ border-top-width: 1px;
114
+ }
115
+ abbr:where([title]) {
116
+ -webkit-text-decoration: underline dotted;
117
+ text-decoration: underline dotted;
118
+ }
119
+ h1, h2, h3, h4, h5, h6 {
120
+ font-size: inherit;
121
+ font-weight: inherit;
122
+ }
123
+ a {
124
+ color: inherit;
125
+ -webkit-text-decoration: inherit;
126
+ text-decoration: inherit;
127
+ }
128
+ b, strong {
129
+ font-weight: bolder;
130
+ }
131
+ code, kbd, samp, pre {
132
+ font-family: var(--ecpauth-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
133
+ font-feature-settings: var(--ecpauth-default-mono-font-feature-settings, normal);
134
+ font-variation-settings: var(--ecpauth-default-mono-font-variation-settings, normal);
135
+ font-size: 1em;
136
+ }
137
+ small {
138
+ font-size: 80%;
139
+ }
140
+ sub, sup {
141
+ font-size: 75%;
142
+ line-height: 0;
143
+ position: relative;
144
+ vertical-align: baseline;
145
+ }
146
+ sub {
147
+ bottom: -0.25em;
148
+ }
149
+ sup {
150
+ top: -0.5em;
151
+ }
152
+ table {
153
+ text-indent: 0;
154
+ border-color: inherit;
155
+ border-collapse: collapse;
156
+ }
157
+ :-moz-focusring {
158
+ outline: auto;
159
+ }
160
+ progress {
161
+ vertical-align: baseline;
162
+ }
163
+ summary {
164
+ display: list-item;
165
+ }
166
+ ol, ul, menu {
167
+ list-style: none;
168
+ }
169
+ img, svg, video, canvas, audio, iframe, embed, object {
170
+ display: block;
171
+ vertical-align: middle;
172
+ }
173
+ img, video {
174
+ max-width: 100%;
175
+ height: auto;
176
+ }
177
+ button, input, select, optgroup, textarea, ::file-selector-button {
178
+ font: inherit;
179
+ font-feature-settings: inherit;
180
+ font-variation-settings: inherit;
181
+ letter-spacing: inherit;
182
+ color: inherit;
183
+ border-radius: 0;
184
+ background-color: transparent;
185
+ opacity: 1;
186
+ }
187
+ :where(select:is([multiple], [size])) optgroup {
188
+ font-weight: bolder;
189
+ }
190
+ :where(select:is([multiple], [size])) optgroup option {
191
+ padding-inline-start: 20px;
192
+ }
193
+ ::file-selector-button {
194
+ margin-inline-end: 4px;
195
+ }
196
+ ::placeholder {
197
+ opacity: 1;
198
+ }
199
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
200
+ ::placeholder {
201
+ color: currentcolor;
202
+ @supports (color: color-mix(in lab, red, red)) {
203
+ color: color-mix(in oklab, currentcolor 50%, transparent);
204
+ }
205
+ }
206
+ }
207
+ textarea {
208
+ resize: vertical;
209
+ }
210
+ ::-webkit-search-decoration {
211
+ -webkit-appearance: none;
212
+ }
213
+ ::-webkit-date-and-time-value {
214
+ min-height: 1lh;
215
+ text-align: inherit;
216
+ }
217
+ ::-webkit-datetime-edit {
218
+ display: inline-flex;
219
+ }
220
+ ::-webkit-datetime-edit-fields-wrapper {
221
+ padding: 0;
222
+ }
223
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
224
+ padding-block: 0;
225
+ }
226
+ ::-webkit-calendar-picker-indicator {
227
+ line-height: 1;
228
+ }
229
+ :-moz-ui-invalid {
230
+ box-shadow: none;
231
+ }
232
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
233
+ appearance: button;
234
+ }
235
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
236
+ height: auto;
237
+ }
238
+ [hidden]:where(:not([hidden="until-found"])) {
239
+ display: none !important;
240
+ }
241
+ }
242
+ @layer utilities {
243
+ .ecpauth\:\@container\/card-header {
244
+ container-type: inline-size;
245
+ container-name: card-header;
246
+ }
247
+ .ecpauth\:pointer-events-none {
248
+ pointer-events: none;
249
+ }
250
+ .ecpauth\:absolute {
251
+ position: absolute;
252
+ }
253
+ .ecpauth\:fixed {
254
+ position: fixed;
255
+ }
256
+ .ecpauth\:relative {
257
+ position: relative;
258
+ }
259
+ .ecpauth\:inset-0 {
260
+ inset: calc(var(--ecpauth-spacing) * 0);
261
+ }
262
+ .ecpauth\:top-0 {
263
+ top: calc(var(--ecpauth-spacing) * 0);
264
+ }
265
+ .ecpauth\:top-4 {
266
+ top: calc(var(--ecpauth-spacing) * 4);
267
+ }
268
+ .ecpauth\:top-\[50\%\] {
269
+ top: 50%;
270
+ }
271
+ .ecpauth\:right-0 {
272
+ right: calc(var(--ecpauth-spacing) * 0);
273
+ }
274
+ .ecpauth\:right-4 {
275
+ right: calc(var(--ecpauth-spacing) * 4);
276
+ }
277
+ .ecpauth\:bottom-0 {
278
+ bottom: calc(var(--ecpauth-spacing) * 0);
279
+ }
280
+ .ecpauth\:left-0 {
281
+ left: calc(var(--ecpauth-spacing) * 0);
282
+ }
283
+ .ecpauth\:left-\[50\%\] {
284
+ left: 50%;
285
+ }
286
+ .ecpauth\:z-10 {
287
+ z-index: 10;
288
+ }
289
+ .ecpauth\:z-50 {
290
+ z-index: 50;
291
+ }
292
+ .ecpauth\:col-start-2 {
293
+ grid-column-start: 2;
294
+ }
295
+ .ecpauth\:row-span-2 {
296
+ grid-row: span 2 / span 2;
297
+ }
298
+ .ecpauth\:row-start-1 {
299
+ grid-row-start: 1;
300
+ }
301
+ .ecpauth\:m-0 {
302
+ margin: calc(var(--ecpauth-spacing) * 0);
303
+ }
304
+ .ecpauth\:-mx-1 {
305
+ margin-inline: calc(var(--ecpauth-spacing) * -1);
306
+ }
307
+ .ecpauth\:mx-1\.5 {
308
+ margin-inline: calc(var(--ecpauth-spacing) * 1.5);
309
+ }
310
+ .ecpauth\:mx-auto {
311
+ margin-inline: auto;
312
+ }
313
+ .ecpauth\:my-1 {
314
+ margin-block: calc(var(--ecpauth-spacing) * 1);
315
+ }
316
+ .ecpauth\:my-2 {
317
+ margin-block: calc(var(--ecpauth-spacing) * 2);
318
+ }
319
+ .ecpauth\:-mt-2 {
320
+ margin-top: calc(var(--ecpauth-spacing) * -2);
321
+ }
322
+ .ecpauth\:mt-0\.5 {
323
+ margin-top: calc(var(--ecpauth-spacing) * 0.5);
324
+ }
325
+ .ecpauth\:mt-1 {
326
+ margin-top: calc(var(--ecpauth-spacing) * 1);
327
+ }
328
+ .ecpauth\:mt-3 {
329
+ margin-top: calc(var(--ecpauth-spacing) * 3);
330
+ }
331
+ .ecpauth\:mt-4 {
332
+ margin-top: calc(var(--ecpauth-spacing) * 4);
333
+ }
334
+ .ecpauth\:mt-10 {
335
+ margin-top: calc(var(--ecpauth-spacing) * 10);
336
+ }
337
+ .ecpauth\:mb-4 {
338
+ margin-bottom: calc(var(--ecpauth-spacing) * 4);
339
+ }
340
+ .ecpauth\:mb-6 {
341
+ margin-bottom: calc(var(--ecpauth-spacing) * 6);
342
+ }
343
+ .ecpauth\:ml-0\.5 {
344
+ margin-left: calc(var(--ecpauth-spacing) * 0.5);
345
+ }
346
+ .ecpauth\:ml-1 {
347
+ margin-left: calc(var(--ecpauth-spacing) * 1);
348
+ }
349
+ .ecpauth\:block {
350
+ display: block;
351
+ }
352
+ .ecpauth\:flex {
353
+ display: flex;
354
+ }
355
+ .ecpauth\:grid {
356
+ display: grid;
357
+ }
358
+ .ecpauth\:inline-flex {
359
+ display: inline-flex;
360
+ }
361
+ .ecpauth\:size-1\.5 {
362
+ width: calc(var(--ecpauth-spacing) * 1.5);
363
+ height: calc(var(--ecpauth-spacing) * 1.5);
364
+ }
365
+ .ecpauth\:size-4 {
366
+ width: calc(var(--ecpauth-spacing) * 4);
367
+ height: calc(var(--ecpauth-spacing) * 4);
368
+ }
369
+ .ecpauth\:size-8 {
370
+ width: calc(var(--ecpauth-spacing) * 8);
371
+ height: calc(var(--ecpauth-spacing) * 8);
372
+ }
373
+ .ecpauth\:size-9 {
374
+ width: calc(var(--ecpauth-spacing) * 9);
375
+ height: calc(var(--ecpauth-spacing) * 9);
376
+ }
377
+ .ecpauth\:size-10 {
378
+ width: calc(var(--ecpauth-spacing) * 10);
379
+ height: calc(var(--ecpauth-spacing) * 10);
380
+ }
381
+ .ecpauth\:size-12 {
382
+ width: calc(var(--ecpauth-spacing) * 12);
383
+ height: calc(var(--ecpauth-spacing) * 12);
384
+ }
385
+ .ecpauth\:size-16 {
386
+ width: calc(var(--ecpauth-spacing) * 16);
387
+ height: calc(var(--ecpauth-spacing) * 16);
388
+ }
389
+ .ecpauth\:h-8 {
390
+ height: calc(var(--ecpauth-spacing) * 8);
391
+ }
392
+ .ecpauth\:h-9 {
393
+ height: calc(var(--ecpauth-spacing) * 9);
394
+ }
395
+ .ecpauth\:h-10 {
396
+ height: calc(var(--ecpauth-spacing) * 10);
397
+ }
398
+ .ecpauth\:h-11 {
399
+ height: calc(var(--ecpauth-spacing) * 11);
400
+ }
401
+ .ecpauth\:h-20 {
402
+ height: calc(var(--ecpauth-spacing) * 20);
403
+ }
404
+ .ecpauth\:h-24 {
405
+ height: calc(var(--ecpauth-spacing) * 24);
406
+ }
407
+ .ecpauth\:h-40 {
408
+ height: calc(var(--ecpauth-spacing) * 40);
409
+ }
410
+ .ecpauth\:h-\[1\.15rem\] {
411
+ height: 1.15rem;
412
+ }
413
+ .ecpauth\:h-px {
414
+ height: 1px;
415
+ }
416
+ .ecpauth\:max-h-\(--radix-dropdown-menu-content-available-height\) {
417
+ max-height: var(--radix-dropdown-menu-content-available-height);
418
+ }
419
+ .ecpauth\:max-h-\[70vh\] {
420
+ max-height: 70vh;
421
+ }
422
+ .ecpauth\:w-8 {
423
+ width: calc(var(--ecpauth-spacing) * 8);
424
+ }
425
+ .ecpauth\:w-64 {
426
+ width: calc(var(--ecpauth-spacing) * 64);
427
+ }
428
+ .ecpauth\:w-full {
429
+ width: 100%;
430
+ }
431
+ .ecpauth\:max-w-\[450px\] {
432
+ max-width: 450px;
433
+ }
434
+ .ecpauth\:max-w-\[550px\] {
435
+ max-width: 550px;
436
+ }
437
+ .ecpauth\:max-w-\[calc\(100\%-2rem\)\] {
438
+ max-width: calc(100% - 2rem);
439
+ }
440
+ .ecpauth\:max-w-md {
441
+ max-width: var(--ecpauth-container-md);
442
+ }
443
+ .ecpauth\:max-w-xl {
444
+ max-width: var(--ecpauth-container-xl);
445
+ }
446
+ .ecpauth\:min-w-0 {
447
+ min-width: calc(var(--ecpauth-spacing) * 0);
448
+ }
449
+ .ecpauth\:min-w-\[8rem\] {
450
+ min-width: 8rem;
451
+ }
452
+ .ecpauth\:flex-1 {
453
+ flex: 1;
454
+ }
455
+ .ecpauth\:shrink-0 {
456
+ flex-shrink: 0;
457
+ }
458
+ .ecpauth\:origin-\(--radix-dropdown-menu-content-transform-origin\) {
459
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
460
+ }
461
+ .ecpauth\:translate-x-\[-50\%\] {
462
+ --tw-translate-x: -50%;
463
+ translate: var(--tw-translate-x) var(--tw-translate-y);
464
+ }
465
+ .ecpauth\:translate-y-\[-50\%\] {
466
+ --tw-translate-y: -50%;
467
+ translate: var(--tw-translate-x) var(--tw-translate-y);
468
+ }
469
+ .ecpauth\:animate-pulse {
470
+ animation: var(--ecpauth-animate-pulse);
471
+ }
472
+ .ecpauth\:cursor-default {
473
+ cursor: default;
474
+ }
475
+ .ecpauth\:cursor-pointer {
476
+ cursor: pointer;
477
+ }
478
+ .ecpauth\:auto-rows-min {
479
+ grid-auto-rows: min-content;
480
+ }
481
+ .ecpauth\:grid-cols-1 {
482
+ grid-template-columns: repeat(1, minmax(0, 1fr));
483
+ }
484
+ .ecpauth\:grid-rows-\[auto_auto\] {
485
+ grid-template-rows: auto auto;
486
+ }
487
+ .ecpauth\:flex-col {
488
+ flex-direction: column;
489
+ }
490
+ .ecpauth\:flex-col-reverse {
491
+ flex-direction: column-reverse;
492
+ }
493
+ .ecpauth\:flex-row {
494
+ flex-direction: row;
495
+ }
496
+ .ecpauth\:items-center {
497
+ align-items: center;
498
+ }
499
+ .ecpauth\:items-start {
500
+ align-items: flex-start;
501
+ }
502
+ .ecpauth\:justify-between {
503
+ justify-content: space-between;
504
+ }
505
+ .ecpauth\:justify-center {
506
+ justify-content: center;
507
+ }
508
+ .ecpauth\:justify-end {
509
+ justify-content: flex-end;
510
+ }
511
+ .ecpauth\:gap-1\.5 {
512
+ gap: calc(var(--ecpauth-spacing) * 1.5);
513
+ }
514
+ .ecpauth\:gap-2 {
515
+ gap: calc(var(--ecpauth-spacing) * 2);
516
+ }
517
+ .ecpauth\:gap-2\.5 {
518
+ gap: calc(var(--ecpauth-spacing) * 2.5);
519
+ }
520
+ .ecpauth\:gap-3 {
521
+ gap: calc(var(--ecpauth-spacing) * 3);
522
+ }
523
+ .ecpauth\:gap-4 {
524
+ gap: calc(var(--ecpauth-spacing) * 4);
525
+ }
526
+ .ecpauth\:gap-6 {
527
+ gap: calc(var(--ecpauth-spacing) * 6);
528
+ }
529
+ .ecpauth\:space-y-0\.5 {
530
+ :where(& > :not(:last-child)) {
531
+ --tw-space-y-reverse: 0;
532
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 0.5) * var(--tw-space-y-reverse));
533
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
534
+ }
535
+ }
536
+ .ecpauth\:space-y-1 {
537
+ :where(& > :not(:last-child)) {
538
+ --tw-space-y-reverse: 0;
539
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 1) * var(--tw-space-y-reverse));
540
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
541
+ }
542
+ }
543
+ .ecpauth\:space-y-1\.5 {
544
+ :where(& > :not(:last-child)) {
545
+ --tw-space-y-reverse: 0;
546
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 1.5) * var(--tw-space-y-reverse));
547
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
548
+ }
549
+ }
550
+ .ecpauth\:space-y-2 {
551
+ :where(& > :not(:last-child)) {
552
+ --tw-space-y-reverse: 0;
553
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 2) * var(--tw-space-y-reverse));
554
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
555
+ }
556
+ }
557
+ .ecpauth\:space-y-4 {
558
+ :where(& > :not(:last-child)) {
559
+ --tw-space-y-reverse: 0;
560
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 4) * var(--tw-space-y-reverse));
561
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
562
+ }
563
+ }
564
+ .ecpauth\:space-y-5 {
565
+ :where(& > :not(:last-child)) {
566
+ --tw-space-y-reverse: 0;
567
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 5) * var(--tw-space-y-reverse));
568
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
569
+ }
570
+ }
571
+ .ecpauth\:space-y-6 {
572
+ :where(& > :not(:last-child)) {
573
+ --tw-space-y-reverse: 0;
574
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 6) * var(--tw-space-y-reverse));
575
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
576
+ }
577
+ }
578
+ .ecpauth\:space-y-8 {
579
+ :where(& > :not(:last-child)) {
580
+ --tw-space-y-reverse: 0;
581
+ margin-block-start: calc(calc(var(--ecpauth-spacing) * 8) * var(--tw-space-y-reverse));
582
+ margin-block-end: calc(calc(var(--ecpauth-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
583
+ }
584
+ }
585
+ .ecpauth\:space-x-2 {
586
+ :where(& > :not(:last-child)) {
587
+ --tw-space-x-reverse: 0;
588
+ margin-inline-start: calc(calc(var(--ecpauth-spacing) * 2) * var(--tw-space-x-reverse));
589
+ margin-inline-end: calc(calc(var(--ecpauth-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
590
+ }
591
+ }
592
+ .ecpauth\:self-start {
593
+ align-self: flex-start;
594
+ }
595
+ .ecpauth\:justify-self-end {
596
+ justify-self: flex-end;
597
+ }
598
+ .ecpauth\:truncate {
599
+ overflow: hidden;
600
+ text-overflow: ellipsis;
601
+ white-space: nowrap;
602
+ }
603
+ .ecpauth\:overflow-hidden {
604
+ overflow: hidden;
605
+ }
606
+ .ecpauth\:overflow-x-hidden {
607
+ overflow-x: hidden;
608
+ }
609
+ .ecpauth\:overflow-y-auto {
610
+ overflow-y: auto;
611
+ }
612
+ .ecpauth\:rounded-2xl {
613
+ border-radius: var(--ecpauth-radius-2xl);
614
+ }
615
+ .ecpauth\:rounded-2xl\! {
616
+ border-radius: var(--ecpauth-radius-2xl) !important;
617
+ }
618
+ .ecpauth\:rounded-full {
619
+ border-radius: calc(infinity * 1px);
620
+ }
621
+ .ecpauth\:rounded-lg {
622
+ border-radius: var(--radius);
623
+ }
624
+ .ecpauth\:rounded-md {
625
+ border-radius: calc(var(--radius) - 2px);
626
+ }
627
+ .ecpauth\:rounded-sm {
628
+ border-radius: calc(var(--radius) - 4px);
629
+ }
630
+ .ecpauth\:rounded-xl {
631
+ border-radius: calc(var(--radius) + 4px);
632
+ }
633
+ .ecpauth\:rounded-xs {
634
+ border-radius: var(--ecpauth-radius-xs);
635
+ }
636
+ .ecpauth\:border {
637
+ border-style: var(--tw-border-style);
638
+ border-width: 1px;
639
+ }
640
+ .ecpauth\:border-2 {
641
+ border-style: var(--tw-border-style);
642
+ border-width: 2px;
643
+ }
644
+ .ecpauth\:border-t {
645
+ border-top-style: var(--tw-border-style);
646
+ border-top-width: 1px;
647
+ }
648
+ .ecpauth\:border-b {
649
+ border-bottom-style: var(--tw-border-style);
650
+ border-bottom-width: 1px;
651
+ }
652
+ .ecpauth\:border-none {
653
+ --tw-border-style: none;
654
+ border-style: none;
655
+ }
656
+ .ecpauth\:border-amber-100 {
657
+ border-color: var(--ecpauth-color-amber-100);
658
+ }
659
+ .ecpauth\:border-blue-100 {
660
+ border-color: var(--ecpauth-color-blue-100);
661
+ }
662
+ .ecpauth\:border-blue-200 {
663
+ border-color: var(--ecpauth-color-blue-200);
664
+ }
665
+ .ecpauth\:border-blue-200\! {
666
+ border-color: var(--ecpauth-color-blue-200) !important;
667
+ }
668
+ .ecpauth\:border-blue-700\/10 {
669
+ border-color: var(--ecpauth-color-blue-700);
670
+ @supports (color: color-mix(in lab, red, red)) {
671
+ border-color: color-mix(in oklab, var(--ecpauth-color-blue-700) 10%, transparent);
672
+ }
673
+ }
674
+ .ecpauth\:border-gray-100 {
675
+ border-color: var(--ecpauth-color-gray-100);
676
+ }
677
+ .ecpauth\:border-gray-200 {
678
+ border-color: var(--ecpauth-color-gray-200);
679
+ }
680
+ .ecpauth\:border-gray-200\/50 {
681
+ border-color: var(--ecpauth-color-gray-200);
682
+ @supports (color: color-mix(in lab, red, red)) {
683
+ border-color: color-mix(in oklab, var(--ecpauth-color-gray-200) 50%, transparent);
684
+ }
685
+ }
686
+ .ecpauth\:border-green-100 {
687
+ border-color: var(--ecpauth-color-green-100);
688
+ }
689
+ .ecpauth\:border-red-100 {
690
+ border-color: var(--ecpauth-color-red-100);
691
+ }
692
+ .ecpauth\:border-stone-200 {
693
+ border-color: var(--ecpauth-color-stone-200);
694
+ }
695
+ .ecpauth\:border-transparent {
696
+ border-color: transparent;
697
+ }
698
+ .ecpauth\:border-white {
699
+ border-color: var(--ecpauth-color-white);
700
+ }
701
+ .ecpauth\:bg-amber-50 {
702
+ background-color: var(--ecpauth-color-amber-50);
703
+ }
704
+ .ecpauth\:bg-amber-600 {
705
+ background-color: var(--ecpauth-color-amber-600);
706
+ }
707
+ .ecpauth\:bg-amber-600\! {
708
+ background-color: var(--ecpauth-color-amber-600) !important;
709
+ }
710
+ .ecpauth\:bg-background {
711
+ background-color: var(--background);
712
+ }
713
+ .ecpauth\:bg-black\/50 {
714
+ background-color: var(--ecpauth-color-black);
715
+ @supports (color: color-mix(in lab, red, red)) {
716
+ background-color: color-mix(in oklab, var(--ecpauth-color-black) 50%, transparent);
717
+ }
718
+ }
719
+ .ecpauth\:bg-blue-50 {
720
+ background-color: var(--ecpauth-color-blue-50);
721
+ }
722
+ .ecpauth\:bg-blue-100 {
723
+ background-color: var(--ecpauth-color-blue-100);
724
+ }
725
+ .ecpauth\:bg-blue-600 {
726
+ background-color: var(--ecpauth-color-blue-600);
727
+ }
728
+ .ecpauth\:bg-blue-600\! {
729
+ background-color: var(--ecpauth-color-blue-600) !important;
730
+ }
731
+ .ecpauth\:bg-gray-50 {
732
+ background-color: var(--ecpauth-color-gray-50);
733
+ }
734
+ .ecpauth\:bg-gray-50\/50 {
735
+ background-color: var(--ecpauth-color-gray-50);
736
+ @supports (color: color-mix(in lab, red, red)) {
737
+ background-color: color-mix(in oklab, var(--ecpauth-color-gray-50) 50%, transparent);
738
+ }
739
+ }
740
+ .ecpauth\:bg-gray-100 {
741
+ background-color: var(--ecpauth-color-gray-100);
742
+ }
743
+ .ecpauth\:bg-green-50 {
744
+ background-color: var(--ecpauth-color-green-50);
745
+ }
746
+ .ecpauth\:bg-green-500 {
747
+ background-color: var(--ecpauth-color-green-500);
748
+ }
749
+ .ecpauth\:bg-red-50 {
750
+ background-color: var(--ecpauth-color-red-50);
751
+ }
752
+ .ecpauth\:bg-red-500 {
753
+ background-color: var(--ecpauth-color-red-500);
754
+ }
755
+ .ecpauth\:bg-stone-100 {
756
+ background-color: var(--ecpauth-color-stone-100);
757
+ }
758
+ .ecpauth\:bg-stone-200 {
759
+ background-color: var(--ecpauth-color-stone-200);
760
+ }
761
+ .ecpauth\:bg-stone-900 {
762
+ background-color: var(--ecpauth-color-stone-900);
763
+ }
764
+ .ecpauth\:bg-transparent {
765
+ background-color: transparent;
766
+ }
767
+ .ecpauth\:bg-white {
768
+ background-color: var(--ecpauth-color-white);
769
+ }
770
+ .ecpauth\:bg-white\/80 {
771
+ background-color: var(--ecpauth-color-white);
772
+ @supports (color: color-mix(in lab, red, red)) {
773
+ background-color: color-mix(in oklab, var(--ecpauth-color-white) 80%, transparent);
774
+ }
775
+ }
776
+ .ecpauth\:bg-white\/90 {
777
+ background-color: var(--ecpauth-color-white);
778
+ @supports (color: color-mix(in lab, red, red)) {
779
+ background-color: color-mix(in oklab, var(--ecpauth-color-white) 90%, transparent);
780
+ }
781
+ }
782
+ .ecpauth\:bg-gradient-to-br {
783
+ --tw-gradient-position: to bottom right in oklab;
784
+ background-image: linear-gradient(var(--tw-gradient-stops));
785
+ }
786
+ .ecpauth\:bg-gradient-to-tr {
787
+ --tw-gradient-position: to top right in oklab;
788
+ background-image: linear-gradient(var(--tw-gradient-stops));
789
+ }
790
+ .ecpauth\:from-blue-600 {
791
+ --tw-gradient-from: var(--ecpauth-color-blue-600);
792
+ --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));
793
+ }
794
+ .ecpauth\:to-blue-400 {
795
+ --tw-gradient-to: var(--ecpauth-color-blue-400);
796
+ --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));
797
+ }
798
+ .ecpauth\:p-0 {
799
+ padding: calc(var(--ecpauth-spacing) * 0);
800
+ }
801
+ .ecpauth\:p-0\! {
802
+ padding: calc(var(--ecpauth-spacing) * 0) !important;
803
+ }
804
+ .ecpauth\:p-1 {
805
+ padding: calc(var(--ecpauth-spacing) * 1);
806
+ }
807
+ .ecpauth\:p-1\.5 {
808
+ padding: calc(var(--ecpauth-spacing) * 1.5);
809
+ }
810
+ .ecpauth\:p-3 {
811
+ padding: calc(var(--ecpauth-spacing) * 3);
812
+ }
813
+ .ecpauth\:p-4 {
814
+ padding: calc(var(--ecpauth-spacing) * 4);
815
+ }
816
+ .ecpauth\:p-6 {
817
+ padding: calc(var(--ecpauth-spacing) * 6);
818
+ }
819
+ .ecpauth\:p-8 {
820
+ padding: calc(var(--ecpauth-spacing) * 8);
821
+ }
822
+ .ecpauth\:px-2 {
823
+ padding-inline: calc(var(--ecpauth-spacing) * 2);
824
+ }
825
+ .ecpauth\:px-2\.5 {
826
+ padding-inline: calc(var(--ecpauth-spacing) * 2.5);
827
+ }
828
+ .ecpauth\:px-3 {
829
+ padding-inline: calc(var(--ecpauth-spacing) * 3);
830
+ }
831
+ .ecpauth\:px-4 {
832
+ padding-inline: calc(var(--ecpauth-spacing) * 4);
833
+ }
834
+ .ecpauth\:px-6 {
835
+ padding-inline: calc(var(--ecpauth-spacing) * 6);
836
+ }
837
+ .ecpauth\:px-8 {
838
+ padding-inline: calc(var(--ecpauth-spacing) * 8);
839
+ }
840
+ .ecpauth\:px-12 {
841
+ padding-inline: calc(var(--ecpauth-spacing) * 12);
842
+ }
843
+ .ecpauth\:py-0\.5 {
844
+ padding-block: calc(var(--ecpauth-spacing) * 0.5);
845
+ }
846
+ .ecpauth\:py-1 {
847
+ padding-block: calc(var(--ecpauth-spacing) * 1);
848
+ }
849
+ .ecpauth\:py-1\.5 {
850
+ padding-block: calc(var(--ecpauth-spacing) * 1.5);
851
+ }
852
+ .ecpauth\:py-2 {
853
+ padding-block: calc(var(--ecpauth-spacing) * 2);
854
+ }
855
+ .ecpauth\:py-4 {
856
+ padding-block: calc(var(--ecpauth-spacing) * 4);
857
+ }
858
+ .ecpauth\:py-6 {
859
+ padding-block: calc(var(--ecpauth-spacing) * 6);
860
+ }
861
+ .ecpauth\:pe-4 {
862
+ padding-inline-end: calc(var(--ecpauth-spacing) * 4);
863
+ }
864
+ .ecpauth\:pt-0 {
865
+ padding-top: calc(var(--ecpauth-spacing) * 0);
866
+ }
867
+ .ecpauth\:pt-1 {
868
+ padding-top: calc(var(--ecpauth-spacing) * 1);
869
+ }
870
+ .ecpauth\:pt-3 {
871
+ padding-top: calc(var(--ecpauth-spacing) * 3);
872
+ }
873
+ .ecpauth\:pt-6 {
874
+ padding-top: calc(var(--ecpauth-spacing) * 6);
875
+ }
876
+ .ecpauth\:pt-8 {
877
+ padding-top: calc(var(--ecpauth-spacing) * 8);
878
+ }
879
+ .ecpauth\:pt-10 {
880
+ padding-top: calc(var(--ecpauth-spacing) * 10);
881
+ }
882
+ .ecpauth\:pb-2 {
883
+ padding-bottom: calc(var(--ecpauth-spacing) * 2);
884
+ }
885
+ .ecpauth\:pb-6 {
886
+ padding-bottom: calc(var(--ecpauth-spacing) * 6);
887
+ }
888
+ .ecpauth\:pb-8 {
889
+ padding-bottom: calc(var(--ecpauth-spacing) * 8);
890
+ }
891
+ .ecpauth\:text-center {
892
+ text-align: center;
893
+ }
894
+ .ecpauth\:text-left {
895
+ text-align: left;
896
+ }
897
+ .ecpauth\:text-2xl {
898
+ font-size: var(--ecpauth-text-2xl);
899
+ line-height: var(--tw-leading, var(--ecpauth-text-2xl--line-height));
900
+ }
901
+ .ecpauth\:text-base {
902
+ font-size: var(--ecpauth-text-base);
903
+ line-height: var(--tw-leading, var(--ecpauth-text-base--line-height));
904
+ }
905
+ .ecpauth\:text-lg {
906
+ font-size: var(--ecpauth-text-lg);
907
+ line-height: var(--tw-leading, var(--ecpauth-text-lg--line-height));
908
+ }
909
+ .ecpauth\:text-sm {
910
+ font-size: var(--ecpauth-text-sm);
911
+ line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
912
+ }
913
+ .ecpauth\:text-xl {
914
+ font-size: var(--ecpauth-text-xl);
915
+ line-height: var(--tw-leading, var(--ecpauth-text-xl--line-height));
916
+ }
917
+ .ecpauth\:text-xs {
918
+ font-size: var(--ecpauth-text-xs);
919
+ line-height: var(--tw-leading, var(--ecpauth-text-xs--line-height));
920
+ }
921
+ .ecpauth\:text-\[10px\] {
922
+ font-size: 10px;
923
+ }
924
+ .ecpauth\:text-\[11px\] {
925
+ font-size: 11px;
926
+ }
927
+ .ecpauth\:leading-none {
928
+ --tw-leading: 1;
929
+ line-height: 1;
930
+ }
931
+ .ecpauth\:leading-relaxed {
932
+ --tw-leading: var(--ecpauth-leading-relaxed);
933
+ line-height: var(--ecpauth-leading-relaxed);
934
+ }
935
+ .ecpauth\:leading-tight {
936
+ --tw-leading: var(--ecpauth-leading-tight);
937
+ line-height: var(--ecpauth-leading-tight);
938
+ }
939
+ .ecpauth\:font-black {
940
+ --tw-font-weight: var(--ecpauth-font-weight-black);
941
+ font-weight: var(--ecpauth-font-weight-black);
942
+ }
943
+ .ecpauth\:font-bold {
944
+ --tw-font-weight: var(--ecpauth-font-weight-bold);
945
+ font-weight: var(--ecpauth-font-weight-bold);
946
+ }
947
+ .ecpauth\:font-medium {
948
+ --tw-font-weight: var(--ecpauth-font-weight-medium);
949
+ font-weight: var(--ecpauth-font-weight-medium);
950
+ }
951
+ .ecpauth\:font-semibold {
952
+ --tw-font-weight: var(--ecpauth-font-weight-semibold);
953
+ font-weight: var(--ecpauth-font-weight-semibold);
954
+ }
955
+ .ecpauth\:tracking-tight {
956
+ --tw-tracking: var(--ecpauth-tracking-tight);
957
+ letter-spacing: var(--ecpauth-tracking-tight);
958
+ }
959
+ .ecpauth\:tracking-wider {
960
+ --tw-tracking: var(--ecpauth-tracking-wider);
961
+ letter-spacing: var(--ecpauth-tracking-wider);
962
+ }
963
+ .ecpauth\:whitespace-nowrap {
964
+ white-space: nowrap;
965
+ }
966
+ .ecpauth\:text-amber-600 {
967
+ color: var(--ecpauth-color-amber-600);
968
+ }
969
+ .ecpauth\:text-black {
970
+ color: var(--ecpauth-color-black);
971
+ }
972
+ .ecpauth\:text-blue-500\! {
973
+ color: var(--ecpauth-color-blue-500) !important;
974
+ }
975
+ .ecpauth\:text-blue-600 {
976
+ color: var(--ecpauth-color-blue-600);
977
+ }
978
+ .ecpauth\:text-gray-400 {
979
+ color: var(--ecpauth-color-gray-400);
980
+ }
981
+ .ecpauth\:text-gray-500 {
982
+ color: var(--ecpauth-color-gray-500);
983
+ }
984
+ .ecpauth\:text-gray-600 {
985
+ color: var(--ecpauth-color-gray-600);
986
+ }
987
+ .ecpauth\:text-gray-700 {
988
+ color: var(--ecpauth-color-gray-700);
989
+ }
990
+ .ecpauth\:text-gray-900 {
991
+ color: var(--ecpauth-color-gray-900);
992
+ }
993
+ .ecpauth\:text-green-500 {
994
+ color: var(--ecpauth-color-green-500);
995
+ }
996
+ .ecpauth\:text-green-700 {
997
+ color: var(--ecpauth-color-green-700);
998
+ }
999
+ .ecpauth\:text-muted-foreground {
1000
+ color: var(--muted-foreground);
1001
+ }
1002
+ .ecpauth\:text-red-500 {
1003
+ color: var(--ecpauth-color-red-500);
1004
+ }
1005
+ .ecpauth\:text-red-600 {
1006
+ color: var(--ecpauth-color-red-600);
1007
+ }
1008
+ .ecpauth\:text-red-700 {
1009
+ color: var(--ecpauth-color-red-700);
1010
+ }
1011
+ .ecpauth\:text-stone-50 {
1012
+ color: var(--ecpauth-color-stone-50);
1013
+ }
1014
+ .ecpauth\:text-stone-500 {
1015
+ color: var(--ecpauth-color-stone-500);
1016
+ }
1017
+ .ecpauth\:text-stone-700 {
1018
+ color: var(--ecpauth-color-stone-700);
1019
+ }
1020
+ .ecpauth\:text-stone-800 {
1021
+ color: var(--ecpauth-color-stone-800);
1022
+ }
1023
+ .ecpauth\:text-stone-900 {
1024
+ color: var(--ecpauth-color-stone-900);
1025
+ }
1026
+ .ecpauth\:text-stone-950 {
1027
+ color: var(--ecpauth-color-stone-950);
1028
+ }
1029
+ .ecpauth\:text-white {
1030
+ color: var(--ecpauth-color-white);
1031
+ }
1032
+ .ecpauth\:text-white\! {
1033
+ color: var(--ecpauth-color-white) !important;
1034
+ }
1035
+ .ecpauth\:uppercase {
1036
+ text-transform: uppercase;
1037
+ }
1038
+ .ecpauth\:italic {
1039
+ font-style: italic;
1040
+ }
1041
+ .ecpauth\:underline {
1042
+ text-decoration-line: underline;
1043
+ }
1044
+ .ecpauth\:underline-offset-4 {
1045
+ text-underline-offset: 4px;
1046
+ }
1047
+ .ecpauth\:opacity-5 {
1048
+ opacity: 5%;
1049
+ }
1050
+ .ecpauth\:opacity-10 {
1051
+ opacity: 10%;
1052
+ }
1053
+ .ecpauth\:opacity-70 {
1054
+ opacity: 70%;
1055
+ }
1056
+ .ecpauth\:shadow-2xl {
1057
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1058
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1059
+ }
1060
+ .ecpauth\:shadow-inner {
1061
+ --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1062
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1063
+ }
1064
+ .ecpauth\:shadow-lg {
1065
+ --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));
1066
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1067
+ }
1068
+ .ecpauth\:shadow-md {
1069
+ --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));
1070
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1071
+ }
1072
+ .ecpauth\:shadow-none {
1073
+ --tw-shadow: 0 0 #0000;
1074
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1075
+ }
1076
+ .ecpauth\:shadow-sm {
1077
+ --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));
1078
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1079
+ }
1080
+ .ecpauth\:shadow-xl {
1081
+ --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));
1082
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1083
+ }
1084
+ .ecpauth\:shadow-xs {
1085
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1086
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1087
+ }
1088
+ .ecpauth\:ring-0 {
1089
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1090
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1091
+ }
1092
+ .ecpauth\:shadow-amber-600\/20 {
1093
+ --tw-shadow-color: var(--ecpauth-color-amber-600);
1094
+ @supports (color: color-mix(in lab, red, red)) {
1095
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-amber-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
1096
+ }
1097
+ }
1098
+ .ecpauth\:shadow-blue-500\/20 {
1099
+ --tw-shadow-color: var(--ecpauth-color-blue-500);
1100
+ @supports (color: color-mix(in lab, red, red)) {
1101
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1102
+ }
1103
+ }
1104
+ .ecpauth\:shadow-blue-600\/20 {
1105
+ --tw-shadow-color: var(--ecpauth-color-blue-600);
1106
+ @supports (color: color-mix(in lab, red, red)) {
1107
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
1108
+ }
1109
+ }
1110
+ .ecpauth\:ring-offset-background {
1111
+ --tw-ring-offset-color: var(--background);
1112
+ }
1113
+ .ecpauth\:outline-hidden {
1114
+ --tw-outline-style: none;
1115
+ outline-style: none;
1116
+ @media (forced-colors: active) {
1117
+ outline: 2px solid transparent;
1118
+ outline-offset: 2px;
1119
+ }
1120
+ }
1121
+ .ecpauth\:transition-\[color\,box-shadow\] {
1122
+ transition-property: color,box-shadow;
1123
+ transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
1124
+ transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
1125
+ }
1126
+ .ecpauth\:transition-all {
1127
+ transition-property: all;
1128
+ transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
1129
+ transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
1130
+ }
1131
+ .ecpauth\:transition-colors {
1132
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1133
+ transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
1134
+ transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
1135
+ }
1136
+ .ecpauth\:transition-opacity {
1137
+ transition-property: opacity;
1138
+ transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
1139
+ transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
1140
+ }
1141
+ .ecpauth\:transition-transform {
1142
+ transition-property: transform, translate, scale, rotate;
1143
+ transition-timing-function: var(--tw-ease, var(--ecpauth-default-transition-timing-function));
1144
+ transition-duration: var(--tw-duration, var(--ecpauth-default-transition-duration));
1145
+ }
1146
+ .ecpauth\:duration-200 {
1147
+ --tw-duration: 200ms;
1148
+ transition-duration: 200ms;
1149
+ }
1150
+ .ecpauth\:outline-none {
1151
+ --tw-outline-style: none;
1152
+ outline-style: none;
1153
+ }
1154
+ .ecpauth\:select-none {
1155
+ -webkit-user-select: none;
1156
+ user-select: none;
1157
+ }
1158
+ .ecpauth\:group-hover\:text-gray-600 {
1159
+ &:is(:where(.ecpauth\:group):hover *) {
1160
+ @media (hover: hover) {
1161
+ color: var(--ecpauth-color-gray-600);
1162
+ }
1163
+ }
1164
+ }
1165
+ .ecpauth\:group-data-\[disabled\=true\]\:pointer-events-none {
1166
+ &:is(:where(.ecpauth\:group)[data-disabled="true"] *) {
1167
+ pointer-events: none;
1168
+ }
1169
+ }
1170
+ .ecpauth\:group-data-\[disabled\=true\]\:opacity-50 {
1171
+ &:is(:where(.ecpauth\:group)[data-disabled="true"] *) {
1172
+ opacity: 50%;
1173
+ }
1174
+ }
1175
+ .ecpauth\:peer-disabled\:cursor-not-allowed {
1176
+ &:is(:where(.ecpauth\:peer):disabled ~ *) {
1177
+ cursor: not-allowed;
1178
+ }
1179
+ }
1180
+ .ecpauth\:peer-disabled\:opacity-50 {
1181
+ &:is(:where(.ecpauth\:peer):disabled ~ *) {
1182
+ opacity: 50%;
1183
+ }
1184
+ }
1185
+ .ecpauth\:selection\:bg-stone-900 {
1186
+ & *::selection {
1187
+ background-color: var(--ecpauth-color-stone-900);
1188
+ }
1189
+ &::selection {
1190
+ background-color: var(--ecpauth-color-stone-900);
1191
+ }
1192
+ }
1193
+ .ecpauth\:selection\:text-stone-50 {
1194
+ & *::selection {
1195
+ color: var(--ecpauth-color-stone-50);
1196
+ }
1197
+ &::selection {
1198
+ color: var(--ecpauth-color-stone-50);
1199
+ }
1200
+ }
1201
+ .ecpauth\:file\:inline-flex {
1202
+ &::file-selector-button {
1203
+ display: inline-flex;
1204
+ }
1205
+ }
1206
+ .ecpauth\:file\:h-7 {
1207
+ &::file-selector-button {
1208
+ height: calc(var(--ecpauth-spacing) * 7);
1209
+ }
1210
+ }
1211
+ .ecpauth\:file\:border-0 {
1212
+ &::file-selector-button {
1213
+ border-style: var(--tw-border-style);
1214
+ border-width: 0px;
1215
+ }
1216
+ }
1217
+ .ecpauth\:file\:bg-transparent {
1218
+ &::file-selector-button {
1219
+ background-color: transparent;
1220
+ }
1221
+ }
1222
+ .ecpauth\:file\:text-sm {
1223
+ &::file-selector-button {
1224
+ font-size: var(--ecpauth-text-sm);
1225
+ line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
1226
+ }
1227
+ }
1228
+ .ecpauth\:file\:font-medium {
1229
+ &::file-selector-button {
1230
+ --tw-font-weight: var(--ecpauth-font-weight-medium);
1231
+ font-weight: var(--ecpauth-font-weight-medium);
1232
+ }
1233
+ }
1234
+ .ecpauth\:file\:text-stone-950 {
1235
+ &::file-selector-button {
1236
+ color: var(--ecpauth-color-stone-950);
1237
+ }
1238
+ }
1239
+ .ecpauth\:placeholder\:text-gray-400 {
1240
+ &::placeholder {
1241
+ color: var(--ecpauth-color-gray-400);
1242
+ }
1243
+ }
1244
+ .ecpauth\:placeholder\:text-gray-400\! {
1245
+ &::placeholder {
1246
+ color: var(--ecpauth-color-gray-400) !important;
1247
+ }
1248
+ }
1249
+ .ecpauth\:placeholder\:text-stone-500 {
1250
+ &::placeholder {
1251
+ color: var(--ecpauth-color-stone-500);
1252
+ }
1253
+ }
1254
+ .ecpauth\:hover\:border-blue-200 {
1255
+ &:hover {
1256
+ @media (hover: hover) {
1257
+ border-color: var(--ecpauth-color-blue-200);
1258
+ }
1259
+ }
1260
+ }
1261
+ .ecpauth\:hover\:bg-amber-700 {
1262
+ &:hover {
1263
+ @media (hover: hover) {
1264
+ background-color: var(--ecpauth-color-amber-700);
1265
+ }
1266
+ }
1267
+ }
1268
+ .ecpauth\:hover\:bg-amber-700\! {
1269
+ &:hover {
1270
+ @media (hover: hover) {
1271
+ background-color: var(--ecpauth-color-amber-700) !important;
1272
+ }
1273
+ }
1274
+ }
1275
+ .ecpauth\:hover\:bg-blue-700 {
1276
+ &:hover {
1277
+ @media (hover: hover) {
1278
+ background-color: var(--ecpauth-color-blue-700);
1279
+ }
1280
+ }
1281
+ }
1282
+ .ecpauth\:hover\:bg-blue-700\! {
1283
+ &:hover {
1284
+ @media (hover: hover) {
1285
+ background-color: var(--ecpauth-color-blue-700) !important;
1286
+ }
1287
+ }
1288
+ }
1289
+ .ecpauth\:hover\:bg-gray-50 {
1290
+ &:hover {
1291
+ @media (hover: hover) {
1292
+ background-color: var(--ecpauth-color-gray-50);
1293
+ }
1294
+ }
1295
+ }
1296
+ .ecpauth\:hover\:bg-gray-100 {
1297
+ &:hover {
1298
+ @media (hover: hover) {
1299
+ background-color: var(--ecpauth-color-gray-100);
1300
+ }
1301
+ }
1302
+ }
1303
+ .ecpauth\:hover\:bg-red-50 {
1304
+ &:hover {
1305
+ @media (hover: hover) {
1306
+ background-color: var(--ecpauth-color-red-50);
1307
+ }
1308
+ }
1309
+ }
1310
+ .ecpauth\:hover\:bg-red-500\/90 {
1311
+ &:hover {
1312
+ @media (hover: hover) {
1313
+ background-color: var(--ecpauth-color-red-500);
1314
+ @supports (color: color-mix(in lab, red, red)) {
1315
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-500) 90%, transparent);
1316
+ }
1317
+ }
1318
+ }
1319
+ }
1320
+ .ecpauth\:hover\:bg-stone-100 {
1321
+ &:hover {
1322
+ @media (hover: hover) {
1323
+ background-color: var(--ecpauth-color-stone-100);
1324
+ }
1325
+ }
1326
+ }
1327
+ .ecpauth\:hover\:bg-stone-100\/50 {
1328
+ &:hover {
1329
+ @media (hover: hover) {
1330
+ background-color: var(--ecpauth-color-stone-100);
1331
+ @supports (color: color-mix(in lab, red, red)) {
1332
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-100) 50%, transparent);
1333
+ }
1334
+ }
1335
+ }
1336
+ }
1337
+ .ecpauth\:hover\:bg-stone-100\/80 {
1338
+ &:hover {
1339
+ @media (hover: hover) {
1340
+ background-color: var(--ecpauth-color-stone-100);
1341
+ @supports (color: color-mix(in lab, red, red)) {
1342
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-100) 80%, transparent);
1343
+ }
1344
+ }
1345
+ }
1346
+ }
1347
+ .ecpauth\:hover\:bg-stone-900\/90 {
1348
+ &:hover {
1349
+ @media (hover: hover) {
1350
+ background-color: var(--ecpauth-color-stone-900);
1351
+ @supports (color: color-mix(in lab, red, red)) {
1352
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-900) 90%, transparent);
1353
+ }
1354
+ }
1355
+ }
1356
+ }
1357
+ .ecpauth\:hover\:text-blue-600\! {
1358
+ &:hover {
1359
+ @media (hover: hover) {
1360
+ color: var(--ecpauth-color-blue-600) !important;
1361
+ }
1362
+ }
1363
+ }
1364
+ .ecpauth\:hover\:text-blue-700 {
1365
+ &:hover {
1366
+ @media (hover: hover) {
1367
+ color: var(--ecpauth-color-blue-700);
1368
+ }
1369
+ }
1370
+ }
1371
+ .ecpauth\:hover\:text-gray-900 {
1372
+ &:hover {
1373
+ @media (hover: hover) {
1374
+ color: var(--ecpauth-color-gray-900);
1375
+ }
1376
+ }
1377
+ }
1378
+ .ecpauth\:hover\:text-stone-900 {
1379
+ &:hover {
1380
+ @media (hover: hover) {
1381
+ color: var(--ecpauth-color-stone-900);
1382
+ }
1383
+ }
1384
+ }
1385
+ .ecpauth\:hover\:underline {
1386
+ &:hover {
1387
+ @media (hover: hover) {
1388
+ text-decoration-line: underline;
1389
+ }
1390
+ }
1391
+ }
1392
+ .ecpauth\:hover\:opacity-100 {
1393
+ &:hover {
1394
+ @media (hover: hover) {
1395
+ opacity: 100%;
1396
+ }
1397
+ }
1398
+ }
1399
+ .ecpauth\:hover\:shadow-md {
1400
+ &:hover {
1401
+ @media (hover: hover) {
1402
+ --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));
1403
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1404
+ }
1405
+ }
1406
+ }
1407
+ .ecpauth\:focus\:bg-stone-100 {
1408
+ &:focus {
1409
+ background-color: var(--ecpauth-color-stone-100);
1410
+ }
1411
+ }
1412
+ .ecpauth\:focus\:bg-white {
1413
+ &:focus {
1414
+ background-color: var(--ecpauth-color-white);
1415
+ }
1416
+ }
1417
+ .ecpauth\:focus\:text-stone-900 {
1418
+ &:focus {
1419
+ color: var(--ecpauth-color-stone-900);
1420
+ }
1421
+ }
1422
+ .ecpauth\:focus\:ring-2 {
1423
+ &:focus {
1424
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1425
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1426
+ }
1427
+ }
1428
+ .ecpauth\:focus\:ring-blue-500\/20 {
1429
+ &:focus {
1430
+ --tw-ring-color: var(--ecpauth-color-blue-500);
1431
+ @supports (color: color-mix(in lab, red, red)) {
1432
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-blue-500) 20%, transparent);
1433
+ }
1434
+ }
1435
+ }
1436
+ .ecpauth\:focus\:ring-ring {
1437
+ &:focus {
1438
+ --tw-ring-color: var(--ring);
1439
+ }
1440
+ }
1441
+ .ecpauth\:focus\:ring-offset-2 {
1442
+ &:focus {
1443
+ --tw-ring-offset-width: 2px;
1444
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1445
+ }
1446
+ }
1447
+ .ecpauth\:focus\:outline-hidden {
1448
+ &:focus {
1449
+ --tw-outline-style: none;
1450
+ outline-style: none;
1451
+ @media (forced-colors: active) {
1452
+ outline: 2px solid transparent;
1453
+ outline-offset: 2px;
1454
+ }
1455
+ }
1456
+ }
1457
+ .ecpauth\:focus-visible\:border-blue-500 {
1458
+ &:focus-visible {
1459
+ border-color: var(--ecpauth-color-blue-500);
1460
+ }
1461
+ }
1462
+ .ecpauth\:focus-visible\:border-blue-500\! {
1463
+ &:focus-visible {
1464
+ border-color: var(--ecpauth-color-blue-500) !important;
1465
+ }
1466
+ }
1467
+ .ecpauth\:focus-visible\:border-stone-950 {
1468
+ &:focus-visible {
1469
+ border-color: var(--ecpauth-color-stone-950);
1470
+ }
1471
+ }
1472
+ .ecpauth\:focus-visible\:ring-2 {
1473
+ &:focus-visible {
1474
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1475
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1476
+ }
1477
+ }
1478
+ .ecpauth\:focus-visible\:ring-\[3px\] {
1479
+ &:focus-visible {
1480
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1481
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1482
+ }
1483
+ }
1484
+ .ecpauth\:focus-visible\:ring-blue-500 {
1485
+ &:focus-visible {
1486
+ --tw-ring-color: var(--ecpauth-color-blue-500);
1487
+ }
1488
+ }
1489
+ .ecpauth\:focus-visible\:ring-blue-500\! {
1490
+ &:focus-visible {
1491
+ --tw-ring-color: var(--ecpauth-color-blue-500) !important;
1492
+ }
1493
+ }
1494
+ .ecpauth\:focus-visible\:ring-gray-500 {
1495
+ &:focus-visible {
1496
+ --tw-ring-color: var(--ecpauth-color-gray-500);
1497
+ }
1498
+ }
1499
+ .ecpauth\:focus-visible\:ring-red-500\/20 {
1500
+ &:focus-visible {
1501
+ --tw-ring-color: var(--ecpauth-color-red-500);
1502
+ @supports (color: color-mix(in lab, red, red)) {
1503
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 20%, transparent);
1504
+ }
1505
+ }
1506
+ }
1507
+ .ecpauth\:focus-visible\:ring-stone-950\/50 {
1508
+ &:focus-visible {
1509
+ --tw-ring-color: var(--ecpauth-color-stone-950);
1510
+ @supports (color: color-mix(in lab, red, red)) {
1511
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-stone-950) 50%, transparent);
1512
+ }
1513
+ }
1514
+ }
1515
+ .ecpauth\:active\:scale-\[0\.98\] {
1516
+ &:active {
1517
+ scale: 0.98;
1518
+ }
1519
+ }
1520
+ .ecpauth\:disabled\:pointer-events-none {
1521
+ &:disabled {
1522
+ pointer-events: none;
1523
+ }
1524
+ }
1525
+ .ecpauth\:disabled\:cursor-not-allowed {
1526
+ &:disabled {
1527
+ cursor: not-allowed;
1528
+ }
1529
+ }
1530
+ .ecpauth\:disabled\:opacity-50 {
1531
+ &:disabled {
1532
+ opacity: 50%;
1533
+ }
1534
+ }
1535
+ .ecpauth\:has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
1536
+ &:has(*[data-slot="card-action"]) {
1537
+ grid-template-columns: 1fr auto;
1538
+ }
1539
+ }
1540
+ .ecpauth\:has-\[\>svg\]\:px-2\.5 {
1541
+ &:has(>svg) {
1542
+ padding-inline: calc(var(--ecpauth-spacing) * 2.5);
1543
+ }
1544
+ }
1545
+ .ecpauth\:has-\[\>svg\]\:px-3 {
1546
+ &:has(>svg) {
1547
+ padding-inline: calc(var(--ecpauth-spacing) * 3);
1548
+ }
1549
+ }
1550
+ .ecpauth\:has-\[\>svg\]\:px-4 {
1551
+ &:has(>svg) {
1552
+ padding-inline: calc(var(--ecpauth-spacing) * 4);
1553
+ }
1554
+ }
1555
+ .ecpauth\:aria-invalid\:border-red-500 {
1556
+ &[aria-invalid="true"] {
1557
+ border-color: var(--ecpauth-color-red-500);
1558
+ }
1559
+ }
1560
+ .ecpauth\:aria-invalid\:ring-red-500\/20 {
1561
+ &[aria-invalid="true"] {
1562
+ --tw-ring-color: var(--ecpauth-color-red-500);
1563
+ @supports (color: color-mix(in lab, red, red)) {
1564
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 20%, transparent);
1565
+ }
1566
+ }
1567
+ }
1568
+ .ecpauth\:data-\[disabled\]\:pointer-events-none {
1569
+ &[data-disabled] {
1570
+ pointer-events: none;
1571
+ }
1572
+ }
1573
+ .ecpauth\:data-\[disabled\]\:opacity-50 {
1574
+ &[data-disabled] {
1575
+ opacity: 50%;
1576
+ }
1577
+ }
1578
+ .ecpauth\:data-\[inset\]\:pl-8 {
1579
+ &[data-inset] {
1580
+ padding-left: calc(var(--ecpauth-spacing) * 8);
1581
+ }
1582
+ }
1583
+ .ecpauth\:data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
1584
+ &[data-state="checked"] {
1585
+ --tw-translate-x: calc(100% - 2px);
1586
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1587
+ }
1588
+ }
1589
+ .ecpauth\:data-\[state\=checked\]\:bg-blue-600 {
1590
+ &[data-state="checked"] {
1591
+ background-color: var(--ecpauth-color-blue-600);
1592
+ }
1593
+ }
1594
+ .ecpauth\:data-\[state\=checked\]\:bg-stone-900 {
1595
+ &[data-state="checked"] {
1596
+ background-color: var(--ecpauth-color-stone-900);
1597
+ }
1598
+ }
1599
+ .ecpauth\:data-\[state\=open\]\:bg-accent {
1600
+ &[data-state="open"] {
1601
+ background-color: var(--accent);
1602
+ }
1603
+ }
1604
+ .ecpauth\:data-\[state\=open\]\:text-muted-foreground {
1605
+ &[data-state="open"] {
1606
+ color: var(--muted-foreground);
1607
+ }
1608
+ }
1609
+ .ecpauth\:data-\[state\=unchecked\]\:translate-x-0 {
1610
+ &[data-state="unchecked"] {
1611
+ --tw-translate-x: calc(var(--ecpauth-spacing) * 0);
1612
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1613
+ }
1614
+ }
1615
+ .ecpauth\:data-\[state\=unchecked\]\:bg-stone-300 {
1616
+ &[data-state="unchecked"] {
1617
+ background-color: var(--ecpauth-color-stone-300);
1618
+ }
1619
+ }
1620
+ .ecpauth\:data-\[variant\=destructive\]\:text-red-500 {
1621
+ &[data-variant="destructive"] {
1622
+ color: var(--ecpauth-color-red-500);
1623
+ }
1624
+ }
1625
+ .ecpauth\:data-\[variant\=destructive\]\:focus\:bg-red-500\/10 {
1626
+ &[data-variant="destructive"] {
1627
+ &:focus {
1628
+ background-color: var(--ecpauth-color-red-500);
1629
+ @supports (color: color-mix(in lab, red, red)) {
1630
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-500) 10%, transparent);
1631
+ }
1632
+ }
1633
+ }
1634
+ }
1635
+ .ecpauth\:data-\[variant\=destructive\]\:focus\:text-red-500 {
1636
+ &[data-variant="destructive"] {
1637
+ &:focus {
1638
+ color: var(--ecpauth-color-red-500);
1639
+ }
1640
+ }
1641
+ }
1642
+ .ecpauth\:sm\:max-w-lg {
1643
+ @media (width >= 40rem) {
1644
+ max-width: var(--ecpauth-container-lg);
1645
+ }
1646
+ }
1647
+ .ecpauth\:sm\:flex-row {
1648
+ @media (width >= 40rem) {
1649
+ flex-direction: row;
1650
+ }
1651
+ }
1652
+ .ecpauth\:sm\:justify-end {
1653
+ @media (width >= 40rem) {
1654
+ justify-content: flex-end;
1655
+ }
1656
+ }
1657
+ .ecpauth\:sm\:text-left {
1658
+ @media (width >= 40rem) {
1659
+ text-align: left;
1660
+ }
1661
+ }
1662
+ .ecpauth\:md\:grid-cols-2 {
1663
+ @media (width >= 48rem) {
1664
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1665
+ }
1666
+ }
1667
+ .ecpauth\:md\:text-sm {
1668
+ @media (width >= 48rem) {
1669
+ font-size: var(--ecpauth-text-sm);
1670
+ line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
1671
+ }
1672
+ }
1673
+ .ecpauth\:lg\:shadow-xl {
1674
+ @media (width >= 64rem) {
1675
+ --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));
1676
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1677
+ }
1678
+ }
1679
+ .ecpauth\:dark\:border-amber-800\/50 {
1680
+ &:is(.dark *) {
1681
+ border-color: var(--ecpauth-color-amber-800);
1682
+ @supports (color: color-mix(in lab, red, red)) {
1683
+ border-color: color-mix(in oklab, var(--ecpauth-color-amber-800) 50%, transparent);
1684
+ }
1685
+ }
1686
+ }
1687
+ .ecpauth\:dark\:border-blue-800\/50 {
1688
+ &:is(.dark *) {
1689
+ border-color: var(--ecpauth-color-blue-800);
1690
+ @supports (color: color-mix(in lab, red, red)) {
1691
+ border-color: color-mix(in oklab, var(--ecpauth-color-blue-800) 50%, transparent);
1692
+ }
1693
+ }
1694
+ }
1695
+ .ecpauth\:dark\:border-gray-600 {
1696
+ &:is(.dark *) {
1697
+ border-color: var(--ecpauth-color-gray-600);
1698
+ }
1699
+ }
1700
+ .ecpauth\:dark\:border-gray-700 {
1701
+ &:is(.dark *) {
1702
+ border-color: var(--ecpauth-color-gray-700);
1703
+ }
1704
+ }
1705
+ .ecpauth\:dark\:border-gray-800 {
1706
+ &:is(.dark *) {
1707
+ border-color: var(--ecpauth-color-gray-800);
1708
+ }
1709
+ }
1710
+ .ecpauth\:dark\:border-gray-800\/50 {
1711
+ &:is(.dark *) {
1712
+ border-color: var(--ecpauth-color-gray-800);
1713
+ @supports (color: color-mix(in lab, red, red)) {
1714
+ border-color: color-mix(in oklab, var(--ecpauth-color-gray-800) 50%, transparent);
1715
+ }
1716
+ }
1717
+ }
1718
+ .ecpauth\:dark\:border-gray-900 {
1719
+ &:is(.dark *) {
1720
+ border-color: var(--ecpauth-color-gray-900);
1721
+ }
1722
+ }
1723
+ .ecpauth\:dark\:border-green-800\/30 {
1724
+ &:is(.dark *) {
1725
+ border-color: var(--ecpauth-color-green-800);
1726
+ @supports (color: color-mix(in lab, red, red)) {
1727
+ border-color: color-mix(in oklab, var(--ecpauth-color-green-800) 30%, transparent);
1728
+ }
1729
+ }
1730
+ }
1731
+ .ecpauth\:dark\:border-red-800\/30 {
1732
+ &:is(.dark *) {
1733
+ border-color: var(--ecpauth-color-red-800);
1734
+ @supports (color: color-mix(in lab, red, red)) {
1735
+ border-color: color-mix(in oklab, var(--ecpauth-color-red-800) 30%, transparent);
1736
+ }
1737
+ }
1738
+ }
1739
+ .ecpauth\:dark\:border-stone-800 {
1740
+ &:is(.dark *) {
1741
+ border-color: var(--ecpauth-color-stone-800);
1742
+ }
1743
+ }
1744
+ .ecpauth\:dark\:border-white\/10 {
1745
+ &:is(.dark *) {
1746
+ border-color: var(--ecpauth-color-white);
1747
+ @supports (color: color-mix(in lab, red, red)) {
1748
+ border-color: color-mix(in oklab, var(--ecpauth-color-white) 10%, transparent);
1749
+ }
1750
+ }
1751
+ }
1752
+ .ecpauth\:dark\:bg-amber-900\/20 {
1753
+ &:is(.dark *) {
1754
+ background-color: var(--ecpauth-color-amber-900);
1755
+ @supports (color: color-mix(in lab, red, red)) {
1756
+ background-color: color-mix(in oklab, var(--ecpauth-color-amber-900) 20%, transparent);
1757
+ }
1758
+ }
1759
+ }
1760
+ .ecpauth\:dark\:bg-blue-900\/20 {
1761
+ &:is(.dark *) {
1762
+ background-color: var(--ecpauth-color-blue-900);
1763
+ @supports (color: color-mix(in lab, red, red)) {
1764
+ background-color: color-mix(in oklab, var(--ecpauth-color-blue-900) 20%, transparent);
1765
+ }
1766
+ }
1767
+ }
1768
+ .ecpauth\:dark\:bg-blue-900\/30 {
1769
+ &:is(.dark *) {
1770
+ background-color: var(--ecpauth-color-blue-900);
1771
+ @supports (color: color-mix(in lab, red, red)) {
1772
+ background-color: color-mix(in oklab, var(--ecpauth-color-blue-900) 30%, transparent);
1773
+ }
1774
+ }
1775
+ }
1776
+ .ecpauth\:dark\:bg-gray-700\/50 {
1777
+ &:is(.dark *) {
1778
+ background-color: var(--ecpauth-color-gray-700);
1779
+ @supports (color: color-mix(in lab, red, red)) {
1780
+ background-color: color-mix(in oklab, var(--ecpauth-color-gray-700) 50%, transparent);
1781
+ }
1782
+ }
1783
+ }
1784
+ .ecpauth\:dark\:bg-gray-800 {
1785
+ &:is(.dark *) {
1786
+ background-color: var(--ecpauth-color-gray-800);
1787
+ }
1788
+ }
1789
+ .ecpauth\:dark\:bg-gray-900 {
1790
+ &:is(.dark *) {
1791
+ background-color: var(--ecpauth-color-gray-900);
1792
+ }
1793
+ }
1794
+ .ecpauth\:dark\:bg-gray-900\/50 {
1795
+ &:is(.dark *) {
1796
+ background-color: var(--ecpauth-color-gray-900);
1797
+ @supports (color: color-mix(in lab, red, red)) {
1798
+ background-color: color-mix(in oklab, var(--ecpauth-color-gray-900) 50%, transparent);
1799
+ }
1800
+ }
1801
+ }
1802
+ .ecpauth\:dark\:bg-gray-900\/90 {
1803
+ &:is(.dark *) {
1804
+ background-color: var(--ecpauth-color-gray-900);
1805
+ @supports (color: color-mix(in lab, red, red)) {
1806
+ background-color: color-mix(in oklab, var(--ecpauth-color-gray-900) 90%, transparent);
1807
+ }
1808
+ }
1809
+ }
1810
+ .ecpauth\:dark\:bg-gray-950\/80 {
1811
+ &:is(.dark *) {
1812
+ background-color: var(--ecpauth-color-gray-950);
1813
+ @supports (color: color-mix(in lab, red, red)) {
1814
+ background-color: color-mix(in oklab, var(--ecpauth-color-gray-950) 80%, transparent);
1815
+ }
1816
+ }
1817
+ }
1818
+ .ecpauth\:dark\:bg-green-900\/10 {
1819
+ &:is(.dark *) {
1820
+ background-color: var(--ecpauth-color-green-900);
1821
+ @supports (color: color-mix(in lab, red, red)) {
1822
+ background-color: color-mix(in oklab, var(--ecpauth-color-green-900) 10%, transparent);
1823
+ }
1824
+ }
1825
+ }
1826
+ .ecpauth\:dark\:bg-red-500\/60 {
1827
+ &:is(.dark *) {
1828
+ background-color: var(--ecpauth-color-red-500);
1829
+ @supports (color: color-mix(in lab, red, red)) {
1830
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-500) 60%, transparent);
1831
+ }
1832
+ }
1833
+ }
1834
+ .ecpauth\:dark\:bg-red-900 {
1835
+ &:is(.dark *) {
1836
+ background-color: var(--ecpauth-color-red-900);
1837
+ }
1838
+ }
1839
+ .ecpauth\:dark\:bg-red-900\/10 {
1840
+ &:is(.dark *) {
1841
+ background-color: var(--ecpauth-color-red-900);
1842
+ @supports (color: color-mix(in lab, red, red)) {
1843
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 10%, transparent);
1844
+ }
1845
+ }
1846
+ }
1847
+ .ecpauth\:dark\:bg-red-900\/60 {
1848
+ &:is(.dark *) {
1849
+ background-color: var(--ecpauth-color-red-900);
1850
+ @supports (color: color-mix(in lab, red, red)) {
1851
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 60%, transparent);
1852
+ }
1853
+ }
1854
+ }
1855
+ .ecpauth\:dark\:bg-stone-50 {
1856
+ &:is(.dark *) {
1857
+ background-color: var(--ecpauth-color-stone-50);
1858
+ }
1859
+ }
1860
+ .ecpauth\:dark\:bg-stone-200\/30 {
1861
+ &:is(.dark *) {
1862
+ background-color: var(--ecpauth-color-stone-200);
1863
+ @supports (color: color-mix(in lab, red, red)) {
1864
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-200) 30%, transparent);
1865
+ }
1866
+ }
1867
+ }
1868
+ .ecpauth\:dark\:bg-stone-800 {
1869
+ &:is(.dark *) {
1870
+ background-color: var(--ecpauth-color-stone-800);
1871
+ }
1872
+ }
1873
+ .ecpauth\:dark\:bg-stone-800\/30 {
1874
+ &:is(.dark *) {
1875
+ background-color: var(--ecpauth-color-stone-800);
1876
+ @supports (color: color-mix(in lab, red, red)) {
1877
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-800) 30%, transparent);
1878
+ }
1879
+ }
1880
+ }
1881
+ .ecpauth\:dark\:bg-stone-950 {
1882
+ &:is(.dark *) {
1883
+ background-color: var(--ecpauth-color-stone-950);
1884
+ }
1885
+ }
1886
+ .ecpauth\:dark\:bg-white\/5 {
1887
+ &:is(.dark *) {
1888
+ background-color: var(--ecpauth-color-white);
1889
+ @supports (color: color-mix(in lab, red, red)) {
1890
+ background-color: color-mix(in oklab, var(--ecpauth-color-white) 5%, transparent);
1891
+ }
1892
+ }
1893
+ }
1894
+ .ecpauth\:dark\:text-amber-400 {
1895
+ &:is(.dark *) {
1896
+ color: var(--ecpauth-color-amber-400);
1897
+ }
1898
+ }
1899
+ .ecpauth\:dark\:text-blue-400 {
1900
+ &:is(.dark *) {
1901
+ color: var(--ecpauth-color-blue-400);
1902
+ }
1903
+ }
1904
+ .ecpauth\:dark\:text-gray-50 {
1905
+ &:is(.dark *) {
1906
+ color: var(--ecpauth-color-gray-50);
1907
+ }
1908
+ }
1909
+ .ecpauth\:dark\:text-gray-200 {
1910
+ &:is(.dark *) {
1911
+ color: var(--ecpauth-color-gray-200);
1912
+ }
1913
+ }
1914
+ .ecpauth\:dark\:text-gray-300 {
1915
+ &:is(.dark *) {
1916
+ color: var(--ecpauth-color-gray-300);
1917
+ }
1918
+ }
1919
+ .ecpauth\:dark\:text-gray-400 {
1920
+ &:is(.dark *) {
1921
+ color: var(--ecpauth-color-gray-400);
1922
+ }
1923
+ }
1924
+ .ecpauth\:dark\:text-gray-500 {
1925
+ &:is(.dark *) {
1926
+ color: var(--ecpauth-color-gray-500);
1927
+ }
1928
+ }
1929
+ .ecpauth\:dark\:text-green-400 {
1930
+ &:is(.dark *) {
1931
+ color: var(--ecpauth-color-green-400);
1932
+ }
1933
+ }
1934
+ .ecpauth\:dark\:text-red-400 {
1935
+ &:is(.dark *) {
1936
+ color: var(--ecpauth-color-red-400);
1937
+ }
1938
+ }
1939
+ .ecpauth\:dark\:text-stone-50 {
1940
+ &:is(.dark *) {
1941
+ color: var(--ecpauth-color-stone-50);
1942
+ }
1943
+ }
1944
+ .ecpauth\:dark\:text-stone-300 {
1945
+ &:is(.dark *) {
1946
+ color: var(--ecpauth-color-stone-300);
1947
+ }
1948
+ }
1949
+ .ecpauth\:dark\:text-stone-400 {
1950
+ &:is(.dark *) {
1951
+ color: var(--ecpauth-color-stone-400);
1952
+ }
1953
+ }
1954
+ .ecpauth\:dark\:text-stone-900 {
1955
+ &:is(.dark *) {
1956
+ color: var(--ecpauth-color-stone-900);
1957
+ }
1958
+ }
1959
+ .ecpauth\:dark\:text-white {
1960
+ &:is(.dark *) {
1961
+ color: var(--ecpauth-color-white);
1962
+ }
1963
+ }
1964
+ .ecpauth\:dark\:group-hover\:text-gray-300 {
1965
+ &:is(.dark *) {
1966
+ &:is(:where(.ecpauth\:group):hover *) {
1967
+ @media (hover: hover) {
1968
+ color: var(--ecpauth-color-gray-300);
1969
+ }
1970
+ }
1971
+ }
1972
+ }
1973
+ .ecpauth\:dark\:selection\:bg-stone-50 {
1974
+ &:is(.dark *) {
1975
+ & *::selection {
1976
+ background-color: var(--ecpauth-color-stone-50);
1977
+ }
1978
+ &::selection {
1979
+ background-color: var(--ecpauth-color-stone-50);
1980
+ }
1981
+ }
1982
+ }
1983
+ .ecpauth\:dark\:selection\:text-stone-900 {
1984
+ &:is(.dark *) {
1985
+ & *::selection {
1986
+ color: var(--ecpauth-color-stone-900);
1987
+ }
1988
+ &::selection {
1989
+ color: var(--ecpauth-color-stone-900);
1990
+ }
1991
+ }
1992
+ }
1993
+ .ecpauth\:dark\:file\:text-stone-50 {
1994
+ &:is(.dark *) {
1995
+ &::file-selector-button {
1996
+ color: var(--ecpauth-color-stone-50);
1997
+ }
1998
+ }
1999
+ }
2000
+ .ecpauth\:dark\:placeholder\:text-stone-400 {
2001
+ &:is(.dark *) {
2002
+ &::placeholder {
2003
+ color: var(--ecpauth-color-stone-400);
2004
+ }
2005
+ }
2006
+ }
2007
+ .ecpauth\:dark\:hover\:border-blue-900\/30 {
2008
+ &:is(.dark *) {
2009
+ &:hover {
2010
+ @media (hover: hover) {
2011
+ border-color: var(--ecpauth-color-blue-900);
2012
+ @supports (color: color-mix(in lab, red, red)) {
2013
+ border-color: color-mix(in oklab, var(--ecpauth-color-blue-900) 30%, transparent);
2014
+ }
2015
+ }
2016
+ }
2017
+ }
2018
+ }
2019
+ .ecpauth\:dark\:hover\:bg-gray-800\/50 {
2020
+ &:is(.dark *) {
2021
+ &:hover {
2022
+ @media (hover: hover) {
2023
+ background-color: var(--ecpauth-color-gray-800);
2024
+ @supports (color: color-mix(in lab, red, red)) {
2025
+ background-color: color-mix(in oklab, var(--ecpauth-color-gray-800) 50%, transparent);
2026
+ }
2027
+ }
2028
+ }
2029
+ }
2030
+ }
2031
+ .ecpauth\:dark\:hover\:bg-red-900\/10 {
2032
+ &:is(.dark *) {
2033
+ &:hover {
2034
+ @media (hover: hover) {
2035
+ background-color: var(--ecpauth-color-red-900);
2036
+ @supports (color: color-mix(in lab, red, red)) {
2037
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 10%, transparent);
2038
+ }
2039
+ }
2040
+ }
2041
+ }
2042
+ }
2043
+ .ecpauth\:dark\:hover\:bg-red-900\/90 {
2044
+ &:is(.dark *) {
2045
+ &:hover {
2046
+ @media (hover: hover) {
2047
+ background-color: var(--ecpauth-color-red-900);
2048
+ @supports (color: color-mix(in lab, red, red)) {
2049
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 90%, transparent);
2050
+ }
2051
+ }
2052
+ }
2053
+ }
2054
+ }
2055
+ .ecpauth\:dark\:hover\:bg-stone-50\/90 {
2056
+ &:is(.dark *) {
2057
+ &:hover {
2058
+ @media (hover: hover) {
2059
+ background-color: var(--ecpauth-color-stone-50);
2060
+ @supports (color: color-mix(in lab, red, red)) {
2061
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-50) 90%, transparent);
2062
+ }
2063
+ }
2064
+ }
2065
+ }
2066
+ }
2067
+ .ecpauth\:dark\:hover\:bg-stone-200\/50 {
2068
+ &:is(.dark *) {
2069
+ &:hover {
2070
+ @media (hover: hover) {
2071
+ background-color: var(--ecpauth-color-stone-200);
2072
+ @supports (color: color-mix(in lab, red, red)) {
2073
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-200) 50%, transparent);
2074
+ }
2075
+ }
2076
+ }
2077
+ }
2078
+ }
2079
+ .ecpauth\:dark\:hover\:bg-stone-800 {
2080
+ &:is(.dark *) {
2081
+ &:hover {
2082
+ @media (hover: hover) {
2083
+ background-color: var(--ecpauth-color-stone-800);
2084
+ }
2085
+ }
2086
+ }
2087
+ }
2088
+ .ecpauth\:dark\:hover\:bg-stone-800\/50 {
2089
+ &:is(.dark *) {
2090
+ &:hover {
2091
+ @media (hover: hover) {
2092
+ background-color: var(--ecpauth-color-stone-800);
2093
+ @supports (color: color-mix(in lab, red, red)) {
2094
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-800) 50%, transparent);
2095
+ }
2096
+ }
2097
+ }
2098
+ }
2099
+ }
2100
+ .ecpauth\:dark\:hover\:bg-stone-800\/80 {
2101
+ &:is(.dark *) {
2102
+ &:hover {
2103
+ @media (hover: hover) {
2104
+ background-color: var(--ecpauth-color-stone-800);
2105
+ @supports (color: color-mix(in lab, red, red)) {
2106
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-800) 80%, transparent);
2107
+ }
2108
+ }
2109
+ }
2110
+ }
2111
+ }
2112
+ .ecpauth\:dark\:hover\:bg-white\/5 {
2113
+ &:is(.dark *) {
2114
+ &:hover {
2115
+ @media (hover: hover) {
2116
+ background-color: var(--ecpauth-color-white);
2117
+ @supports (color: color-mix(in lab, red, red)) {
2118
+ background-color: color-mix(in oklab, var(--ecpauth-color-white) 5%, transparent);
2119
+ }
2120
+ }
2121
+ }
2122
+ }
2123
+ }
2124
+ .ecpauth\:dark\:hover\:bg-white\/10 {
2125
+ &:is(.dark *) {
2126
+ &:hover {
2127
+ @media (hover: hover) {
2128
+ background-color: var(--ecpauth-color-white);
2129
+ @supports (color: color-mix(in lab, red, red)) {
2130
+ background-color: color-mix(in oklab, var(--ecpauth-color-white) 10%, transparent);
2131
+ }
2132
+ }
2133
+ }
2134
+ }
2135
+ }
2136
+ .ecpauth\:dark\:hover\:text-stone-50 {
2137
+ &:is(.dark *) {
2138
+ &:hover {
2139
+ @media (hover: hover) {
2140
+ color: var(--ecpauth-color-stone-50);
2141
+ }
2142
+ }
2143
+ }
2144
+ }
2145
+ .ecpauth\:dark\:hover\:text-white {
2146
+ &:is(.dark *) {
2147
+ &:hover {
2148
+ @media (hover: hover) {
2149
+ color: var(--ecpauth-color-white);
2150
+ }
2151
+ }
2152
+ }
2153
+ }
2154
+ .ecpauth\:dark\:focus\:bg-gray-950 {
2155
+ &:is(.dark *) {
2156
+ &:focus {
2157
+ background-color: var(--ecpauth-color-gray-950);
2158
+ }
2159
+ }
2160
+ }
2161
+ .ecpauth\:dark\:focus\:bg-stone-800 {
2162
+ &:is(.dark *) {
2163
+ &:focus {
2164
+ background-color: var(--ecpauth-color-stone-800);
2165
+ }
2166
+ }
2167
+ }
2168
+ .ecpauth\:dark\:focus\:text-stone-50 {
2169
+ &:is(.dark *) {
2170
+ &:focus {
2171
+ color: var(--ecpauth-color-stone-50);
2172
+ }
2173
+ }
2174
+ }
2175
+ .ecpauth\:dark\:focus-visible\:border-stone-300 {
2176
+ &:is(.dark *) {
2177
+ &:focus-visible {
2178
+ border-color: var(--ecpauth-color-stone-300);
2179
+ }
2180
+ }
2181
+ }
2182
+ .ecpauth\:focus-visible\:dark\:border-stone-300 {
2183
+ &:focus-visible {
2184
+ &:is(.dark *) {
2185
+ border-color: var(--ecpauth-color-stone-300);
2186
+ }
2187
+ }
2188
+ }
2189
+ .ecpauth\:dark\:focus-visible\:ring-red-900\/40 {
2190
+ &:is(.dark *) {
2191
+ &:focus-visible {
2192
+ --tw-ring-color: var(--ecpauth-color-red-900);
2193
+ @supports (color: color-mix(in lab, red, red)) {
2194
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 40%, transparent);
2195
+ }
2196
+ }
2197
+ }
2198
+ }
2199
+ .ecpauth\:dark\:focus-visible\:ring-stone-300\/50 {
2200
+ &:is(.dark *) {
2201
+ &:focus-visible {
2202
+ --tw-ring-color: var(--ecpauth-color-stone-300);
2203
+ @supports (color: color-mix(in lab, red, red)) {
2204
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-stone-300) 50%, transparent);
2205
+ }
2206
+ }
2207
+ }
2208
+ }
2209
+ .ecpauth\:focus-visible\:dark\:ring-red-500\/40 {
2210
+ &:focus-visible {
2211
+ &:is(.dark *) {
2212
+ --tw-ring-color: var(--ecpauth-color-red-500);
2213
+ @supports (color: color-mix(in lab, red, red)) {
2214
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 40%, transparent);
2215
+ }
2216
+ }
2217
+ }
2218
+ }
2219
+ .ecpauth\:focus-visible\:dark\:ring-red-900\/20 {
2220
+ &:focus-visible {
2221
+ &:is(.dark *) {
2222
+ --tw-ring-color: var(--ecpauth-color-red-900);
2223
+ @supports (color: color-mix(in lab, red, red)) {
2224
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 20%, transparent);
2225
+ }
2226
+ }
2227
+ }
2228
+ }
2229
+ .ecpauth\:focus-visible\:dark\:ring-stone-300\/50 {
2230
+ &:focus-visible {
2231
+ &:is(.dark *) {
2232
+ --tw-ring-color: var(--ecpauth-color-stone-300);
2233
+ @supports (color: color-mix(in lab, red, red)) {
2234
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-stone-300) 50%, transparent);
2235
+ }
2236
+ }
2237
+ }
2238
+ }
2239
+ .ecpauth\:aria-invalid\:dark\:border-red-900 {
2240
+ &[aria-invalid="true"] {
2241
+ &:is(.dark *) {
2242
+ border-color: var(--ecpauth-color-red-900);
2243
+ }
2244
+ }
2245
+ }
2246
+ .ecpauth\:dark\:aria-invalid\:border-red-900 {
2247
+ &:is(.dark *) {
2248
+ &[aria-invalid="true"] {
2249
+ border-color: var(--ecpauth-color-red-900);
2250
+ }
2251
+ }
2252
+ }
2253
+ .ecpauth\:aria-invalid\:dark\:ring-red-500\/40 {
2254
+ &[aria-invalid="true"] {
2255
+ &:is(.dark *) {
2256
+ --tw-ring-color: var(--ecpauth-color-red-500);
2257
+ @supports (color: color-mix(in lab, red, red)) {
2258
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 40%, transparent);
2259
+ }
2260
+ }
2261
+ }
2262
+ }
2263
+ .ecpauth\:aria-invalid\:dark\:ring-red-900\/20 {
2264
+ &[aria-invalid="true"] {
2265
+ &:is(.dark *) {
2266
+ --tw-ring-color: var(--ecpauth-color-red-900);
2267
+ @supports (color: color-mix(in lab, red, red)) {
2268
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 20%, transparent);
2269
+ }
2270
+ }
2271
+ }
2272
+ }
2273
+ .ecpauth\:dark\:aria-invalid\:dark\:ring-red-900\/40 {
2274
+ &:is(.dark *) {
2275
+ &[aria-invalid="true"] {
2276
+ &:is(.dark *) {
2277
+ --tw-ring-color: var(--ecpauth-color-red-900);
2278
+ @supports (color: color-mix(in lab, red, red)) {
2279
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 40%, transparent);
2280
+ }
2281
+ }
2282
+ }
2283
+ }
2284
+ }
2285
+ .ecpauth\:dark\:aria-invalid\:ring-red-500\/40 {
2286
+ &:is(.dark *) {
2287
+ &[aria-invalid="true"] {
2288
+ --tw-ring-color: var(--ecpauth-color-red-500);
2289
+ @supports (color: color-mix(in lab, red, red)) {
2290
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-500) 40%, transparent);
2291
+ }
2292
+ }
2293
+ }
2294
+ }
2295
+ .ecpauth\:dark\:dark\:aria-invalid\:ring-red-900\/40 {
2296
+ &:is(.dark *) {
2297
+ &:is(.dark *) {
2298
+ &[aria-invalid="true"] {
2299
+ --tw-ring-color: var(--ecpauth-color-red-900);
2300
+ @supports (color: color-mix(in lab, red, red)) {
2301
+ --tw-ring-color: color-mix(in oklab, var(--ecpauth-color-red-900) 40%, transparent);
2302
+ }
2303
+ }
2304
+ }
2305
+ }
2306
+ }
2307
+ .ecpauth\:dark\:data-\[state\=checked\]\:bg-stone-50 {
2308
+ &:is(.dark *) {
2309
+ &[data-state="checked"] {
2310
+ background-color: var(--ecpauth-color-stone-50);
2311
+ }
2312
+ }
2313
+ }
2314
+ .ecpauth\:dark\:data-\[state\=checked\]\:bg-stone-950 {
2315
+ &:is(.dark *) {
2316
+ &[data-state="checked"] {
2317
+ background-color: var(--ecpauth-color-stone-950);
2318
+ }
2319
+ }
2320
+ }
2321
+ .ecpauth\:dark\:data-\[state\=unchecked\]\:bg-stone-50 {
2322
+ &:is(.dark *) {
2323
+ &[data-state="unchecked"] {
2324
+ background-color: var(--ecpauth-color-stone-50);
2325
+ }
2326
+ }
2327
+ }
2328
+ .ecpauth\:dark\:data-\[state\=unchecked\]\:bg-stone-700\/60 {
2329
+ &:is(.dark *) {
2330
+ &[data-state="unchecked"] {
2331
+ background-color: var(--ecpauth-color-stone-700);
2332
+ @supports (color: color-mix(in lab, red, red)) {
2333
+ background-color: color-mix(in oklab, var(--ecpauth-color-stone-700) 60%, transparent);
2334
+ }
2335
+ }
2336
+ }
2337
+ }
2338
+ .ecpauth\:dark\:data-\[variant\=destructive\]\:text-red-900 {
2339
+ &:is(.dark *) {
2340
+ &[data-variant="destructive"] {
2341
+ color: var(--ecpauth-color-red-900);
2342
+ }
2343
+ }
2344
+ }
2345
+ .ecpauth\:dark\:data-\[variant\=destructive\]\:focus\:bg-red-900\/10 {
2346
+ &:is(.dark *) {
2347
+ &[data-variant="destructive"] {
2348
+ &:focus {
2349
+ background-color: var(--ecpauth-color-red-900);
2350
+ @supports (color: color-mix(in lab, red, red)) {
2351
+ background-color: color-mix(in oklab, var(--ecpauth-color-red-900) 10%, transparent);
2352
+ }
2353
+ }
2354
+ }
2355
+ }
2356
+ }
2357
+ .ecpauth\:dark\:data-\[variant\=destructive\]\:focus\:text-red-900 {
2358
+ &:is(.dark *) {
2359
+ &[data-variant="destructive"] {
2360
+ &:focus {
2361
+ color: var(--ecpauth-color-red-900);
2362
+ }
2363
+ }
2364
+ }
2365
+ }
2366
+ .ecpauth\:\[\&_svg\]\:pointer-events-none {
2367
+ & svg {
2368
+ pointer-events: none;
2369
+ }
2370
+ }
2371
+ .ecpauth\:\[\&_svg\]\:shrink-0 {
2372
+ & svg {
2373
+ flex-shrink: 0;
2374
+ }
2375
+ }
2376
+ .ecpauth\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
2377
+ & svg:not([class*='size-']) {
2378
+ width: calc(var(--ecpauth-spacing) * 4);
2379
+ height: calc(var(--ecpauth-spacing) * 4);
2380
+ }
2381
+ }
2382
+ .ecpauth\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
2383
+ & svg:not([class*=size-]) {
2384
+ width: calc(var(--ecpauth-spacing) * 4);
2385
+ height: calc(var(--ecpauth-spacing) * 4);
2386
+ }
2387
+ }
2388
+ .ecpauth\:\[\&_svg\:not\(\[class\*\=text-\]\)\]\:text-stone-500 {
2389
+ & svg:not([class*=text-]) {
2390
+ color: var(--ecpauth-color-stone-500);
2391
+ }
2392
+ }
2393
+ .ecpauth\:dark\:\[\&_svg\:not\(\[class\*\=text-\]\)\]\:text-stone-400 {
2394
+ &:is(.dark *) {
2395
+ & svg:not([class*=text-]) {
2396
+ color: var(--ecpauth-color-stone-400);
2397
+ }
2398
+ }
2399
+ }
2400
+ .ecpauth\:\[\.border-b\]\:pb-6 {
2401
+ &:is(.border-b) {
2402
+ padding-bottom: calc(var(--ecpauth-spacing) * 6);
2403
+ }
2404
+ }
2405
+ .ecpauth\:\[\.border-t\]\:pt-6 {
2406
+ &:is(.border-t) {
2407
+ padding-top: calc(var(--ecpauth-spacing) * 6);
2408
+ }
2409
+ }
2410
+ .ecpauth\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
2411
+ &[data-variant="destructive"] {
2412
+ :is(& > *) {
2413
+ &:is(svg) {
2414
+ color: var(--destructive) !important;
2415
+ }
2416
+ }
2417
+ }
2418
+ }
2419
+ }
2420
+ :root {
2421
+ --radius: 0.625rem;
2422
+ }
2423
+ .loader {
2424
+ width: 50px;
2425
+ aspect-ratio: 1;
2426
+ display: grid;
2427
+ border: 4px solid #0000;
2428
+ border-radius: 50%;
2429
+ border-right-color: #25b09b;
2430
+ animation: l15 1s infinite linear;
2431
+ }
2432
+ .loader::before, .loader::after {
2433
+ content: "";
2434
+ grid-area: 1/1;
2435
+ margin: 2px;
2436
+ border: inherit;
2437
+ border-radius: 50%;
2438
+ animation: l15 2s infinite;
2439
+ }
2440
+ .loader::after {
2441
+ margin: 8px;
2442
+ animation-duration: 3s;
2443
+ }
2444
+ @keyframes l15 {
2445
+ 100% {
2446
+ transform: rotate(1turn);
2447
+ }
2448
+ }
2449
+ @property --tw-translate-x {
2450
+ syntax: "*";
2451
+ inherits: false;
2452
+ initial-value: 0;
2453
+ }
2454
+ @property --tw-translate-y {
2455
+ syntax: "*";
2456
+ inherits: false;
2457
+ initial-value: 0;
2458
+ }
2459
+ @property --tw-translate-z {
2460
+ syntax: "*";
2461
+ inherits: false;
2462
+ initial-value: 0;
2463
+ }
2464
+ @property --tw-space-y-reverse {
2465
+ syntax: "*";
2466
+ inherits: false;
2467
+ initial-value: 0;
2468
+ }
2469
+ @property --tw-space-x-reverse {
2470
+ syntax: "*";
2471
+ inherits: false;
2472
+ initial-value: 0;
2473
+ }
2474
+ @property --tw-border-style {
2475
+ syntax: "*";
2476
+ inherits: false;
2477
+ initial-value: solid;
2478
+ }
2479
+ @property --tw-gradient-position {
2480
+ syntax: "*";
2481
+ inherits: false;
2482
+ }
2483
+ @property --tw-gradient-from {
2484
+ syntax: "<color>";
2485
+ inherits: false;
2486
+ initial-value: #0000;
2487
+ }
2488
+ @property --tw-gradient-via {
2489
+ syntax: "<color>";
2490
+ inherits: false;
2491
+ initial-value: #0000;
2492
+ }
2493
+ @property --tw-gradient-to {
2494
+ syntax: "<color>";
2495
+ inherits: false;
2496
+ initial-value: #0000;
2497
+ }
2498
+ @property --tw-gradient-stops {
2499
+ syntax: "*";
2500
+ inherits: false;
2501
+ }
2502
+ @property --tw-gradient-via-stops {
2503
+ syntax: "*";
2504
+ inherits: false;
2505
+ }
2506
+ @property --tw-gradient-from-position {
2507
+ syntax: "<length-percentage>";
2508
+ inherits: false;
2509
+ initial-value: 0%;
2510
+ }
2511
+ @property --tw-gradient-via-position {
2512
+ syntax: "<length-percentage>";
2513
+ inherits: false;
2514
+ initial-value: 50%;
2515
+ }
2516
+ @property --tw-gradient-to-position {
2517
+ syntax: "<length-percentage>";
2518
+ inherits: false;
2519
+ initial-value: 100%;
2520
+ }
2521
+ @property --tw-leading {
2522
+ syntax: "*";
2523
+ inherits: false;
2524
+ }
2525
+ @property --tw-font-weight {
2526
+ syntax: "*";
2527
+ inherits: false;
2528
+ }
2529
+ @property --tw-tracking {
2530
+ syntax: "*";
2531
+ inherits: false;
2532
+ }
2533
+ @property --tw-shadow {
2534
+ syntax: "*";
2535
+ inherits: false;
2536
+ initial-value: 0 0 #0000;
2537
+ }
2538
+ @property --tw-shadow-color {
2539
+ syntax: "*";
2540
+ inherits: false;
2541
+ }
2542
+ @property --tw-shadow-alpha {
2543
+ syntax: "<percentage>";
2544
+ inherits: false;
2545
+ initial-value: 100%;
2546
+ }
2547
+ @property --tw-inset-shadow {
2548
+ syntax: "*";
2549
+ inherits: false;
2550
+ initial-value: 0 0 #0000;
2551
+ }
2552
+ @property --tw-inset-shadow-color {
2553
+ syntax: "*";
2554
+ inherits: false;
2555
+ }
2556
+ @property --tw-inset-shadow-alpha {
2557
+ syntax: "<percentage>";
2558
+ inherits: false;
2559
+ initial-value: 100%;
2560
+ }
2561
+ @property --tw-ring-color {
2562
+ syntax: "*";
2563
+ inherits: false;
2564
+ }
2565
+ @property --tw-ring-shadow {
2566
+ syntax: "*";
2567
+ inherits: false;
2568
+ initial-value: 0 0 #0000;
2569
+ }
2570
+ @property --tw-inset-ring-color {
2571
+ syntax: "*";
2572
+ inherits: false;
2573
+ }
2574
+ @property --tw-inset-ring-shadow {
2575
+ syntax: "*";
2576
+ inherits: false;
2577
+ initial-value: 0 0 #0000;
2578
+ }
2579
+ @property --tw-ring-inset {
2580
+ syntax: "*";
2581
+ inherits: false;
2582
+ }
2583
+ @property --tw-ring-offset-width {
2584
+ syntax: "<length>";
2585
+ inherits: false;
2586
+ initial-value: 0px;
2587
+ }
2588
+ @property --tw-ring-offset-color {
2589
+ syntax: "*";
2590
+ inherits: false;
2591
+ initial-value: #fff;
2592
+ }
2593
+ @property --tw-ring-offset-shadow {
2594
+ syntax: "*";
2595
+ inherits: false;
2596
+ initial-value: 0 0 #0000;
2597
+ }
2598
+ @property --tw-duration {
2599
+ syntax: "*";
2600
+ inherits: false;
2601
+ }
2602
+ @keyframes pulse {
2603
+ 50% {
2604
+ opacity: 0.5;
2605
+ }
2606
+ }
2607
+ @layer properties {
2608
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2609
+ *, ::before, ::after, ::backdrop {
2610
+ --tw-translate-x: 0;
2611
+ --tw-translate-y: 0;
2612
+ --tw-translate-z: 0;
2613
+ --tw-space-y-reverse: 0;
2614
+ --tw-space-x-reverse: 0;
2615
+ --tw-border-style: solid;
2616
+ --tw-gradient-position: initial;
2617
+ --tw-gradient-from: #0000;
2618
+ --tw-gradient-via: #0000;
2619
+ --tw-gradient-to: #0000;
2620
+ --tw-gradient-stops: initial;
2621
+ --tw-gradient-via-stops: initial;
2622
+ --tw-gradient-from-position: 0%;
2623
+ --tw-gradient-via-position: 50%;
2624
+ --tw-gradient-to-position: 100%;
2625
+ --tw-leading: initial;
2626
+ --tw-font-weight: initial;
2627
+ --tw-tracking: initial;
2628
+ --tw-shadow: 0 0 #0000;
2629
+ --tw-shadow-color: initial;
2630
+ --tw-shadow-alpha: 100%;
2631
+ --tw-inset-shadow: 0 0 #0000;
2632
+ --tw-inset-shadow-color: initial;
2633
+ --tw-inset-shadow-alpha: 100%;
2634
+ --tw-ring-color: initial;
2635
+ --tw-ring-shadow: 0 0 #0000;
2636
+ --tw-inset-ring-color: initial;
2637
+ --tw-inset-ring-shadow: 0 0 #0000;
2638
+ --tw-ring-inset: initial;
2639
+ --tw-ring-offset-width: 0px;
2640
+ --tw-ring-offset-color: #fff;
2641
+ --tw-ring-offset-shadow: 0 0 #0000;
2642
+ --tw-duration: initial;
2643
+ }
2644
+ }
2645
+ }