@cleen/ui-core 0.1.0 → 0.1.1

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 (33) hide show
  1. package/README.md +40 -0
  2. package/dist/index.d.ts +258 -0
  3. package/dist/index.js +758 -0
  4. package/dist/styles.css +4560 -0
  5. package/package.json +42 -42
  6. package/tailwind-entry.css +81 -81
  7. package/tailwind.config.js +10 -10
  8. package/tailwind.preset.js +30 -30
  9. package/src/hooks/useAnimateNumber.ts +0 -56
  10. package/src/hooks/useControlled.ts +0 -40
  11. package/src/hooks/useDebounce.ts +0 -17
  12. package/src/hooks/useDisclosure.ts +0 -33
  13. package/src/hooks/useForm.ts +0 -38
  14. package/src/hooks/useOutsideClick.ts +0 -42
  15. package/src/hooks/usePaginationState.ts +0 -39
  16. package/src/hooks/usePositionClose.ts +0 -69
  17. package/src/hooks/useValidation.ts +0 -33
  18. package/src/hooks/useWatchResize.ts +0 -52
  19. package/src/index.ts +0 -21
  20. package/src/store/colors.ts +0 -98
  21. package/src/types/position.ts +0 -9
  22. package/src/types/styles.ts +0 -24
  23. package/src/types/utils.ts +0 -6
  24. package/src/utils/audio.ts +0 -69
  25. package/src/utils/cn.ts +0 -13
  26. package/src/utils/colors.ts +0 -159
  27. package/src/utils/images.ts +0 -42
  28. package/src/utils/object.ts +0 -86
  29. package/src/utils/position.ts +0 -140
  30. package/src/utils/string.ts +0 -27
  31. package/styles/react-day-styles.css +0 -457
  32. package/tsconfig.json +0 -27
  33. package/tsup.config.ts +0 -10
package/dist/styles.css ADDED
@@ -0,0 +1,4560 @@
1
+ :root {
2
+ --toastify-color-light: #fff;
3
+ --toastify-color-dark: #121212;
4
+ --toastify-color-info: #3498db;
5
+ --toastify-color-success: #07bc0c;
6
+ --toastify-color-warning: #f1c40f;
7
+ --toastify-color-error: hsl(6, 78%, 57%);
8
+ --toastify-color-transparent: rgba(255, 255, 255, 0.7);
9
+ --toastify-icon-color-info: var(--toastify-color-info);
10
+ --toastify-icon-color-success: var(--toastify-color-success);
11
+ --toastify-icon-color-warning: var(--toastify-color-warning);
12
+ --toastify-icon-color-error: var(--toastify-color-error);
13
+ --toastify-container-width: fit-content;
14
+ --toastify-toast-width: 320px;
15
+ --toastify-toast-offset: 16px;
16
+ --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
17
+ --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
18
+ --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
19
+ --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
20
+ --toastify-toast-background: #fff;
21
+ --toastify-toast-padding: 14px;
22
+ --toastify-toast-min-height: 64px;
23
+ --toastify-toast-max-height: 800px;
24
+ --toastify-toast-bd-radius: 6px;
25
+ --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
26
+ --toastify-font-family: sans-serif;
27
+ --toastify-z-index: 9999;
28
+ --toastify-text-color-light: #757575;
29
+ --toastify-text-color-dark: #fff;
30
+ /* Used only for colored theme */
31
+ --toastify-text-color-info: #fff;
32
+ --toastify-text-color-success: #fff;
33
+ --toastify-text-color-warning: #fff;
34
+ --toastify-text-color-error: #fff;
35
+ --toastify-spinner-color: #616161;
36
+ --toastify-spinner-color-empty-area: #e0e0e0;
37
+ --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
38
+ --toastify-color-progress-dark: #bb86fc;
39
+ --toastify-color-progress-info: var(--toastify-color-info);
40
+ --toastify-color-progress-success: var(--toastify-color-success);
41
+ --toastify-color-progress-warning: var(--toastify-color-warning);
42
+ --toastify-color-progress-error: var(--toastify-color-error);
43
+ /* used to control the opacity of the progress trail */
44
+ --toastify-color-progress-bgo: 0.2;
45
+ }
46
+
47
+ .Toastify__toast-container {
48
+ z-index: var(--toastify-z-index);
49
+ -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
50
+ position: fixed;
51
+ width: var(--toastify-container-width);
52
+ box-sizing: border-box;
53
+ color: #fff;
54
+ display: flex;
55
+ flex-direction: column;
56
+ }
57
+
58
+ .Toastify__toast-container--top-left {
59
+ top: var(--toastify-toast-top);
60
+ left: var(--toastify-toast-left);
61
+ }
62
+
63
+ .Toastify__toast-container--top-center {
64
+ top: var(--toastify-toast-top);
65
+ left: 50%;
66
+ transform: translateX(-50%);
67
+ align-items: center;
68
+ }
69
+
70
+ .Toastify__toast-container--top-right {
71
+ top: var(--toastify-toast-top);
72
+ right: var(--toastify-toast-right);
73
+ align-items: end;
74
+ }
75
+
76
+ .Toastify__toast-container--bottom-left {
77
+ bottom: var(--toastify-toast-bottom);
78
+ left: var(--toastify-toast-left);
79
+ }
80
+
81
+ .Toastify__toast-container--bottom-center {
82
+ bottom: var(--toastify-toast-bottom);
83
+ left: 50%;
84
+ transform: translateX(-50%);
85
+ align-items: center;
86
+ }
87
+
88
+ .Toastify__toast-container--bottom-right {
89
+ bottom: var(--toastify-toast-bottom);
90
+ right: var(--toastify-toast-right);
91
+ align-items: end;
92
+ }
93
+
94
+ .Toastify__toast {
95
+ --y: 0;
96
+ position: relative;
97
+ touch-action: none;
98
+ width: var(--toastify-toast-width);
99
+ min-height: var(--toastify-toast-min-height);
100
+ box-sizing: border-box;
101
+ margin-bottom: 1rem;
102
+ padding: var(--toastify-toast-padding);
103
+ border-radius: var(--toastify-toast-bd-radius);
104
+ box-shadow: var(--toastify-toast-shadow);
105
+ max-height: var(--toastify-toast-max-height);
106
+ font-family: var(--toastify-font-family);
107
+ /* webkit only issue #791 */
108
+ z-index: 0;
109
+ /* inner swag */
110
+ display: flex;
111
+ flex: 1 auto;
112
+ align-items: center;
113
+ word-break: break-word;
114
+ }
115
+
116
+ @media only screen and (max-width: 480px) {
117
+ .Toastify__toast-container {
118
+ width: 100vw;
119
+ left: env(safe-area-inset-left);
120
+ margin: 0;
121
+ }
122
+
123
+ .Toastify__toast-container--top-left,
124
+ .Toastify__toast-container--top-center,
125
+ .Toastify__toast-container--top-right {
126
+ top: env(safe-area-inset-top);
127
+ transform: translateX(0);
128
+ }
129
+
130
+ .Toastify__toast-container--bottom-left,
131
+ .Toastify__toast-container--bottom-center,
132
+ .Toastify__toast-container--bottom-right {
133
+ bottom: env(safe-area-inset-bottom);
134
+ transform: translateX(0);
135
+ }
136
+
137
+ .Toastify__toast-container--rtl {
138
+ right: env(safe-area-inset-right);
139
+ left: initial;
140
+ }
141
+
142
+ .Toastify__toast {
143
+ --toastify-toast-width: 100%;
144
+ margin-bottom: 0;
145
+ border-radius: 0;
146
+ }
147
+ }
148
+
149
+ .Toastify__toast-container[data-stacked='true'] {
150
+ width: var(--toastify-toast-width);
151
+ }
152
+
153
+ .Toastify__toast--stacked {
154
+ position: absolute;
155
+ width: 100%;
156
+ transform: translate3d(0, var(--y), 0) scale(var(--s));
157
+ transition: transform 0.3s;
158
+ }
159
+
160
+ .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
161
+ .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
162
+ transition: opacity 0.1s;
163
+ }
164
+
165
+ .Toastify__toast--stacked[data-collapsed='false'] {
166
+ overflow: visible;
167
+ }
168
+
169
+ .Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
170
+ opacity: 0;
171
+ }
172
+
173
+ .Toastify__toast--stacked:after {
174
+ content: '';
175
+ position: absolute;
176
+ left: 0;
177
+ right: 0;
178
+ height: calc(var(--g) * 1px);
179
+ bottom: 100%;
180
+ }
181
+
182
+ .Toastify__toast--stacked[data-pos='top'] {
183
+ top: 0;
184
+ }
185
+
186
+ .Toastify__toast--stacked[data-pos='bot'] {
187
+ bottom: 0;
188
+ }
189
+
190
+ .Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
191
+ transform-origin: top;
192
+ }
193
+
194
+ .Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
195
+ transform-origin: bottom;
196
+ }
197
+
198
+ .Toastify__toast--stacked:before {
199
+ content: '';
200
+ position: absolute;
201
+ left: 0;
202
+ right: 0;
203
+ bottom: 0;
204
+ height: 100%;
205
+ transform: scaleY(3);
206
+ z-index: -1;
207
+ }
208
+
209
+ .Toastify__toast--rtl {
210
+ direction: rtl;
211
+ }
212
+
213
+ .Toastify__toast--close-on-click {
214
+ cursor: pointer;
215
+ }
216
+
217
+ .Toastify__toast-icon {
218
+ margin-inline-end: 10px;
219
+ width: 22px;
220
+ flex-shrink: 0;
221
+ display: flex;
222
+ }
223
+
224
+ .Toastify--animate {
225
+ animation-fill-mode: both;
226
+ animation-duration: 0.5s;
227
+ }
228
+
229
+ .Toastify--animate-icon {
230
+ animation-fill-mode: both;
231
+ animation-duration: 0.3s;
232
+ }
233
+
234
+ .Toastify__toast-theme--dark {
235
+ background: var(--toastify-color-dark);
236
+ color: var(--toastify-text-color-dark);
237
+ }
238
+
239
+ .Toastify__toast-theme--light {
240
+ background: var(--toastify-color-light);
241
+ color: var(--toastify-text-color-light);
242
+ }
243
+
244
+ .Toastify__toast-theme--colored.Toastify__toast--default {
245
+ background: var(--toastify-color-light);
246
+ color: var(--toastify-text-color-light);
247
+ }
248
+
249
+ .Toastify__toast-theme--colored.Toastify__toast--info {
250
+ color: var(--toastify-text-color-info);
251
+ background: var(--toastify-color-info);
252
+ }
253
+
254
+ .Toastify__toast-theme--colored.Toastify__toast--success {
255
+ color: var(--toastify-text-color-success);
256
+ background: var(--toastify-color-success);
257
+ }
258
+
259
+ .Toastify__toast-theme--colored.Toastify__toast--warning {
260
+ color: var(--toastify-text-color-warning);
261
+ background: var(--toastify-color-warning);
262
+ }
263
+
264
+ .Toastify__toast-theme--colored.Toastify__toast--error {
265
+ color: var(--toastify-text-color-error);
266
+ background: var(--toastify-color-error);
267
+ }
268
+
269
+ .Toastify__progress-bar-theme--light {
270
+ background: var(--toastify-color-progress-light);
271
+ }
272
+
273
+ .Toastify__progress-bar-theme--dark {
274
+ background: var(--toastify-color-progress-dark);
275
+ }
276
+
277
+ .Toastify__progress-bar--info {
278
+ background: var(--toastify-color-progress-info);
279
+ }
280
+
281
+ .Toastify__progress-bar--success {
282
+ background: var(--toastify-color-progress-success);
283
+ }
284
+
285
+ .Toastify__progress-bar--warning {
286
+ background: var(--toastify-color-progress-warning);
287
+ }
288
+
289
+ .Toastify__progress-bar--error {
290
+ background: var(--toastify-color-progress-error);
291
+ }
292
+
293
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
294
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
295
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
296
+ .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
297
+ background: var(--toastify-color-transparent);
298
+ }
299
+
300
+ .Toastify__close-button {
301
+ color: #fff;
302
+ position: absolute;
303
+ top: 6px;
304
+ right: 6px;
305
+ background: transparent;
306
+ outline: none;
307
+ border: none;
308
+ padding: 0;
309
+ cursor: pointer;
310
+ opacity: 0.7;
311
+ transition: 0.3s ease;
312
+ z-index: 1;
313
+ }
314
+
315
+ .Toastify__toast--rtl .Toastify__close-button {
316
+ left: 6px;
317
+ right: unset;
318
+ }
319
+
320
+ .Toastify__close-button--light {
321
+ color: #000;
322
+ opacity: 0.3;
323
+ }
324
+
325
+ .Toastify__close-button > svg {
326
+ fill: currentColor;
327
+ height: 16px;
328
+ width: 14px;
329
+ }
330
+
331
+ .Toastify__close-button:hover,
332
+ .Toastify__close-button:focus {
333
+ opacity: 1;
334
+ }
335
+
336
+ @keyframes Toastify__trackProgress {
337
+ 0% {
338
+ transform: scaleX(1);
339
+ }
340
+
341
+ 100% {
342
+ transform: scaleX(0);
343
+ }
344
+ }
345
+
346
+ .Toastify__progress-bar {
347
+ position: absolute;
348
+ bottom: 0;
349
+ left: 0;
350
+ width: 100%;
351
+ height: 100%;
352
+ z-index: 1;
353
+ opacity: 0.7;
354
+ transform-origin: left;
355
+ }
356
+
357
+ .Toastify__progress-bar--animated {
358
+ animation: Toastify__trackProgress linear 1 forwards;
359
+ }
360
+
361
+ .Toastify__progress-bar--controlled {
362
+ transition: transform 0.2s;
363
+ }
364
+
365
+ .Toastify__progress-bar--rtl {
366
+ right: 0;
367
+ left: initial;
368
+ transform-origin: right;
369
+ border-bottom-left-radius: initial;
370
+ }
371
+
372
+ .Toastify__progress-bar--wrp {
373
+ position: absolute;
374
+ overflow: hidden;
375
+ bottom: 0;
376
+ left: 0;
377
+ width: 100%;
378
+ height: 5px;
379
+ border-bottom-left-radius: var(--toastify-toast-bd-radius);
380
+ border-bottom-right-radius: var(--toastify-toast-bd-radius);
381
+ }
382
+
383
+ .Toastify__progress-bar--wrp[data-hidden='true'] {
384
+ opacity: 0;
385
+ }
386
+
387
+ .Toastify__progress-bar--bg {
388
+ opacity: var(--toastify-color-progress-bgo);
389
+ width: 100%;
390
+ height: 100%;
391
+ }
392
+
393
+ .Toastify__spinner {
394
+ width: 20px;
395
+ height: 20px;
396
+ box-sizing: border-box;
397
+ border: 2px solid;
398
+ border-radius: 100%;
399
+ border-color: var(--toastify-spinner-color-empty-area);
400
+ border-right-color: var(--toastify-spinner-color);
401
+ animation: Toastify__spin 0.65s linear infinite;
402
+ }
403
+
404
+ @keyframes Toastify__bounceInRight {
405
+ from,
406
+ 60%,
407
+ 75%,
408
+ 90%,
409
+ to {
410
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
411
+ }
412
+
413
+ from {
414
+ opacity: 0;
415
+ transform: translate3d(3000px, 0, 0);
416
+ }
417
+
418
+ 60% {
419
+ opacity: 1;
420
+ transform: translate3d(-25px, 0, 0);
421
+ }
422
+
423
+ 75% {
424
+ transform: translate3d(10px, 0, 0);
425
+ }
426
+
427
+ 90% {
428
+ transform: translate3d(-5px, 0, 0);
429
+ }
430
+
431
+ to {
432
+ transform: none;
433
+ }
434
+ }
435
+
436
+ @keyframes Toastify__bounceOutRight {
437
+ 20% {
438
+ opacity: 1;
439
+ transform: translate3d(-20px, var(--y), 0);
440
+ }
441
+
442
+ to {
443
+ opacity: 0;
444
+ transform: translate3d(2000px, var(--y), 0);
445
+ }
446
+ }
447
+
448
+ @keyframes Toastify__bounceInLeft {
449
+ from,
450
+ 60%,
451
+ 75%,
452
+ 90%,
453
+ to {
454
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
455
+ }
456
+
457
+ 0% {
458
+ opacity: 0;
459
+ transform: translate3d(-3000px, 0, 0);
460
+ }
461
+
462
+ 60% {
463
+ opacity: 1;
464
+ transform: translate3d(25px, 0, 0);
465
+ }
466
+
467
+ 75% {
468
+ transform: translate3d(-10px, 0, 0);
469
+ }
470
+
471
+ 90% {
472
+ transform: translate3d(5px, 0, 0);
473
+ }
474
+
475
+ to {
476
+ transform: none;
477
+ }
478
+ }
479
+
480
+ @keyframes Toastify__bounceOutLeft {
481
+ 20% {
482
+ opacity: 1;
483
+ transform: translate3d(20px, var(--y), 0);
484
+ }
485
+
486
+ to {
487
+ opacity: 0;
488
+ transform: translate3d(-2000px, var(--y), 0);
489
+ }
490
+ }
491
+
492
+ @keyframes Toastify__bounceInUp {
493
+ from,
494
+ 60%,
495
+ 75%,
496
+ 90%,
497
+ to {
498
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
499
+ }
500
+
501
+ from {
502
+ opacity: 0;
503
+ transform: translate3d(0, 3000px, 0);
504
+ }
505
+
506
+ 60% {
507
+ opacity: 1;
508
+ transform: translate3d(0, -20px, 0);
509
+ }
510
+
511
+ 75% {
512
+ transform: translate3d(0, 10px, 0);
513
+ }
514
+
515
+ 90% {
516
+ transform: translate3d(0, -5px, 0);
517
+ }
518
+
519
+ to {
520
+ transform: translate3d(0, 0, 0);
521
+ }
522
+ }
523
+
524
+ @keyframes Toastify__bounceOutUp {
525
+ 20% {
526
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
527
+ }
528
+
529
+ 40%,
530
+ 45% {
531
+ opacity: 1;
532
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
533
+ }
534
+
535
+ to {
536
+ opacity: 0;
537
+ transform: translate3d(0, -2000px, 0);
538
+ }
539
+ }
540
+
541
+ @keyframes Toastify__bounceInDown {
542
+ from,
543
+ 60%,
544
+ 75%,
545
+ 90%,
546
+ to {
547
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
548
+ }
549
+
550
+ 0% {
551
+ opacity: 0;
552
+ transform: translate3d(0, -3000px, 0);
553
+ }
554
+
555
+ 60% {
556
+ opacity: 1;
557
+ transform: translate3d(0, 25px, 0);
558
+ }
559
+
560
+ 75% {
561
+ transform: translate3d(0, -10px, 0);
562
+ }
563
+
564
+ 90% {
565
+ transform: translate3d(0, 5px, 0);
566
+ }
567
+
568
+ to {
569
+ transform: none;
570
+ }
571
+ }
572
+
573
+ @keyframes Toastify__bounceOutDown {
574
+ 20% {
575
+ transform: translate3d(0, calc(var(--y) - 10px), 0);
576
+ }
577
+
578
+ 40%,
579
+ 45% {
580
+ opacity: 1;
581
+ transform: translate3d(0, calc(var(--y) + 20px), 0);
582
+ }
583
+
584
+ to {
585
+ opacity: 0;
586
+ transform: translate3d(0, 2000px, 0);
587
+ }
588
+ }
589
+
590
+ .Toastify__bounce-enter--top-left,
591
+ .Toastify__bounce-enter--bottom-left {
592
+ animation-name: Toastify__bounceInLeft;
593
+ }
594
+
595
+ .Toastify__bounce-enter--top-right,
596
+ .Toastify__bounce-enter--bottom-right {
597
+ animation-name: Toastify__bounceInRight;
598
+ }
599
+
600
+ .Toastify__bounce-enter--top-center {
601
+ animation-name: Toastify__bounceInDown;
602
+ }
603
+
604
+ .Toastify__bounce-enter--bottom-center {
605
+ animation-name: Toastify__bounceInUp;
606
+ }
607
+
608
+ .Toastify__bounce-exit--top-left,
609
+ .Toastify__bounce-exit--bottom-left {
610
+ animation-name: Toastify__bounceOutLeft;
611
+ }
612
+
613
+ .Toastify__bounce-exit--top-right,
614
+ .Toastify__bounce-exit--bottom-right {
615
+ animation-name: Toastify__bounceOutRight;
616
+ }
617
+
618
+ .Toastify__bounce-exit--top-center {
619
+ animation-name: Toastify__bounceOutUp;
620
+ }
621
+
622
+ .Toastify__bounce-exit--bottom-center {
623
+ animation-name: Toastify__bounceOutDown;
624
+ }
625
+
626
+ @keyframes Toastify__zoomIn {
627
+ from {
628
+ opacity: 0;
629
+ transform: scale3d(0.3, 0.3, 0.3);
630
+ }
631
+
632
+ 50% {
633
+ opacity: 1;
634
+ }
635
+ }
636
+
637
+ @keyframes Toastify__zoomOut {
638
+ from {
639
+ opacity: 1;
640
+ }
641
+
642
+ 50% {
643
+ opacity: 0;
644
+ transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
645
+ }
646
+
647
+ to {
648
+ opacity: 0;
649
+ }
650
+ }
651
+
652
+ .Toastify__zoom-enter {
653
+ animation-name: Toastify__zoomIn;
654
+ }
655
+
656
+ .Toastify__zoom-exit {
657
+ animation-name: Toastify__zoomOut;
658
+ }
659
+
660
+ @keyframes Toastify__flipIn {
661
+ from {
662
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
663
+ animation-timing-function: ease-in;
664
+ opacity: 0;
665
+ }
666
+
667
+ 40% {
668
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
669
+ animation-timing-function: ease-in;
670
+ }
671
+
672
+ 60% {
673
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
674
+ opacity: 1;
675
+ }
676
+
677
+ 80% {
678
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
679
+ }
680
+
681
+ to {
682
+ transform: perspective(400px);
683
+ }
684
+ }
685
+
686
+ @keyframes Toastify__flipOut {
687
+ from {
688
+ transform: translate3d(0, var(--y), 0) perspective(400px);
689
+ }
690
+
691
+ 30% {
692
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
693
+ opacity: 1;
694
+ }
695
+
696
+ to {
697
+ transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
698
+ opacity: 0;
699
+ }
700
+ }
701
+
702
+ .Toastify__flip-enter {
703
+ animation-name: Toastify__flipIn;
704
+ }
705
+
706
+ .Toastify__flip-exit {
707
+ animation-name: Toastify__flipOut;
708
+ }
709
+
710
+ @keyframes Toastify__slideInRight {
711
+ from {
712
+ transform: translate3d(110%, 0, 0);
713
+ visibility: visible;
714
+ }
715
+
716
+ to {
717
+ transform: translate3d(0, var(--y), 0);
718
+ }
719
+ }
720
+
721
+ @keyframes Toastify__slideInLeft {
722
+ from {
723
+ transform: translate3d(-110%, 0, 0);
724
+ visibility: visible;
725
+ }
726
+
727
+ to {
728
+ transform: translate3d(0, var(--y), 0);
729
+ }
730
+ }
731
+
732
+ @keyframes Toastify__slideInUp {
733
+ from {
734
+ transform: translate3d(0, 110%, 0);
735
+ visibility: visible;
736
+ }
737
+
738
+ to {
739
+ transform: translate3d(0, var(--y), 0);
740
+ }
741
+ }
742
+
743
+ @keyframes Toastify__slideInDown {
744
+ from {
745
+ transform: translate3d(0, -110%, 0);
746
+ visibility: visible;
747
+ }
748
+
749
+ to {
750
+ transform: translate3d(0, var(--y), 0);
751
+ }
752
+ }
753
+
754
+ @keyframes Toastify__slideOutRight {
755
+ from {
756
+ transform: translate3d(0, var(--y), 0);
757
+ }
758
+
759
+ to {
760
+ visibility: hidden;
761
+ transform: translate3d(110%, var(--y), 0);
762
+ }
763
+ }
764
+
765
+ @keyframes Toastify__slideOutLeft {
766
+ from {
767
+ transform: translate3d(0, var(--y), 0);
768
+ }
769
+
770
+ to {
771
+ visibility: hidden;
772
+ transform: translate3d(-110%, var(--y), 0);
773
+ }
774
+ }
775
+
776
+ @keyframes Toastify__slideOutDown {
777
+ from {
778
+ transform: translate3d(0, var(--y), 0);
779
+ }
780
+
781
+ to {
782
+ visibility: hidden;
783
+ transform: translate3d(0, 500px, 0);
784
+ }
785
+ }
786
+
787
+ @keyframes Toastify__slideOutUp {
788
+ from {
789
+ transform: translate3d(0, var(--y), 0);
790
+ }
791
+
792
+ to {
793
+ visibility: hidden;
794
+ transform: translate3d(0, -500px, 0);
795
+ }
796
+ }
797
+
798
+ .Toastify__slide-enter--top-left,
799
+ .Toastify__slide-enter--bottom-left {
800
+ animation-name: Toastify__slideInLeft;
801
+ }
802
+
803
+ .Toastify__slide-enter--top-right,
804
+ .Toastify__slide-enter--bottom-right {
805
+ animation-name: Toastify__slideInRight;
806
+ }
807
+
808
+ .Toastify__slide-enter--top-center {
809
+ animation-name: Toastify__slideInDown;
810
+ }
811
+
812
+ .Toastify__slide-enter--bottom-center {
813
+ animation-name: Toastify__slideInUp;
814
+ }
815
+
816
+ .Toastify__slide-exit--top-left,
817
+ .Toastify__slide-exit--bottom-left {
818
+ animation-name: Toastify__slideOutLeft;
819
+ animation-timing-function: ease-in;
820
+ animation-duration: 0.3s;
821
+ }
822
+
823
+ .Toastify__slide-exit--top-right,
824
+ .Toastify__slide-exit--bottom-right {
825
+ animation-name: Toastify__slideOutRight;
826
+ animation-timing-function: ease-in;
827
+ animation-duration: 0.3s;
828
+ }
829
+
830
+ .Toastify__slide-exit--top-center {
831
+ animation-name: Toastify__slideOutUp;
832
+ animation-timing-function: ease-in;
833
+ animation-duration: 0.3s;
834
+ }
835
+
836
+ .Toastify__slide-exit--bottom-center {
837
+ animation-name: Toastify__slideOutDown;
838
+ animation-timing-function: ease-in;
839
+ animation-duration: 0.3s;
840
+ }
841
+
842
+ @keyframes Toastify__spin {
843
+ from {
844
+ transform: rotate(0deg);
845
+ }
846
+
847
+ to {
848
+ transform: rotate(360deg);
849
+ }
850
+ }
851
+
852
+ /* Variables declaration */
853
+
854
+ .rdp-root {
855
+ --rdp-accent-color: blue;
856
+ /* The accent color used for selected days and UI elements. */
857
+ --rdp-accent-background-color: #f0f0ff;
858
+ /* The accent background color used for selected days and UI elements. */
859
+ --rdp-day-height: 44px;
860
+ /* The height of the day cells. */
861
+ --rdp-day-width: 44px;
862
+ /* The width of the day cells. */
863
+ --rdp-day_button-border-radius: 100%;
864
+ /* The border radius of the day cells. */
865
+ --rdp-day_button-border: 2px solid transparent;
866
+ /* The border of the day cells. */
867
+ --rdp-day_button-height: 42px;
868
+ /* The height of the day cells. */
869
+ --rdp-day_button-width: 42px;
870
+ /* The width of the day cells. */
871
+ --rdp-selected-border: 2px solid var(--rdp-accent-color);
872
+ /* The border of the selected days. */
873
+ --rdp-disabled-opacity: 0.5;
874
+ /* The opacity of the disabled days. */
875
+ --rdp-outside-opacity: 0.75;
876
+ /* The opacity of the days outside the current month. */
877
+ --rdp-today-color: var(--rdp-accent-color);
878
+ /* The color of the today's date. */
879
+ --rdp-dropdown-gap: 0.5rem;
880
+ /* The gap between the dropdowns used in the month captons. */
881
+ --rdp-months-gap: 2rem;
882
+ /* The gap between the months in the multi-month view. */
883
+ --rdp-nav_button-disabled-opacity: 0.5;
884
+ /* The opacity of the disabled navigation buttons. */
885
+ --rdp-nav_button-height: 2.25rem;
886
+ /* The height of the navigation buttons. */
887
+ --rdp-nav_button-width: 2.25rem;
888
+ /* The width of the navigation buttons. */
889
+ --rdp-nav-height: 2.75rem;
890
+ /* The height of the navigation bar. */
891
+ --rdp-range_middle-background-color: var(--rdp-accent-background-color);
892
+ /* The color of the background for days in the middle of a range. */
893
+ --rdp-range_middle-color: inherit;
894
+ /* The color of the range text. */
895
+ --rdp-range_start-color: white;
896
+ /* The color of the range text. */
897
+ --rdp-range_start-background: linear-gradient(
898
+ var(--rdp-gradient-direction),
899
+ transparent 50%,
900
+ var(--rdp-range_middle-background-color) 50%
901
+ );
902
+ /* Used for the background of the start of the selected range. */
903
+ --rdp-range_start-date-background-color: var(--rdp-accent-color);
904
+ /* The background color of the date when at the start of the selected range. */
905
+ --rdp-range_end-background: linear-gradient(
906
+ var(--rdp-gradient-direction),
907
+ var(--rdp-range_middle-background-color) 50%,
908
+ transparent 50%
909
+ );
910
+ /* Used for the background of the end of the selected range. */
911
+ --rdp-range_end-color: white;
912
+ /* The color of the range text. */
913
+ --rdp-range_end-date-background-color: var(--rdp-accent-color);
914
+ /* The background color of the date when at the end of the selected range. */
915
+ --rdp-week_number-border-radius: 100%;
916
+ /* The border radius of the week number. */
917
+ --rdp-week_number-border: 2px solid transparent;
918
+ /* The border of the week number. */
919
+ --rdp-week_number-height: var(--rdp-day-height);
920
+ /* The height of the week number cells. */
921
+ --rdp-week_number-opacity: 0.75;
922
+ /* The opacity of the week number. */
923
+ --rdp-week_number-width: var(--rdp-day-width);
924
+ /* The width of the week number cells. */
925
+ --rdp-weeknumber-text-align: center;
926
+ /* The text alignment of the weekday cells. */
927
+ --rdp-weekday-opacity: 0.75;
928
+ /* The opacity of the weekday. */
929
+ --rdp-weekday-padding: 0.5rem 0rem;
930
+ /* The padding of the weekday. */
931
+ --rdp-weekday-text-align: center;
932
+ /* The text alignment of the weekday cells. */
933
+ --rdp-gradient-direction: 90deg;
934
+ --rdp-animation_duration: 0.3s;
935
+ --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
936
+ }
937
+
938
+ .rdp-root[dir="rtl"] {
939
+ --rdp-gradient-direction: -90deg;
940
+ }
941
+
942
+ .rdp-root[data-broadcast-calendar="true"] {
943
+ --rdp-outside-opacity: unset;
944
+ }
945
+
946
+ /* Root of the component. */
947
+
948
+ .rdp-root {
949
+ position: relative;
950
+ /* Required to position the navigation toolbar. */
951
+ box-sizing: border-box;
952
+ }
953
+
954
+ .rdp-root * {
955
+ box-sizing: border-box;
956
+ }
957
+
958
+ .rdp-day {
959
+ width: var(--rdp-day-width);
960
+ height: var(--rdp-day-height);
961
+ text-align: center;
962
+ }
963
+
964
+ .rdp-day_button {
965
+ background: none;
966
+ padding: 0;
967
+ margin: 0;
968
+ cursor: pointer;
969
+ font: inherit;
970
+ color: inherit;
971
+ justify-content: center;
972
+ align-items: center;
973
+ display: flex;
974
+ width: var(--rdp-day_button-width);
975
+ height: var(--rdp-day_button-height);
976
+ border: var(--rdp-day_button-border);
977
+ border-radius: var(--rdp-day_button-border-radius);
978
+ }
979
+
980
+ .rdp-day_button:disabled {
981
+ cursor: revert;
982
+ }
983
+
984
+ .rdp-caption_label {
985
+ z-index: 1;
986
+ position: relative;
987
+ display: inline-flex;
988
+ align-items: center;
989
+ white-space: nowrap;
990
+ border: 0;
991
+ }
992
+
993
+ .rdp-dropdown:focus-visible ~ .rdp-caption_label {
994
+ outline: 5px auto Highlight;
995
+ /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
996
+ outline: 5px auto -webkit-focus-ring-color;
997
+ }
998
+
999
+ .rdp-button_next,
1000
+ .rdp-button_previous {
1001
+ border: none;
1002
+ background: none;
1003
+ padding: 0;
1004
+ margin: 0;
1005
+ cursor: pointer;
1006
+ font: inherit;
1007
+ color: inherit;
1008
+ -moz-appearance: none;
1009
+ -webkit-appearance: none;
1010
+ display: inline-flex;
1011
+ align-items: center;
1012
+ justify-content: center;
1013
+ position: relative;
1014
+ appearance: none;
1015
+ width: var(--rdp-nav_button-width);
1016
+ height: var(--rdp-nav_button-height);
1017
+ }
1018
+
1019
+ .rdp-button_next:disabled,
1020
+ .rdp-button_next[aria-disabled="true"],
1021
+ .rdp-button_previous:disabled,
1022
+ .rdp-button_previous[aria-disabled="true"] {
1023
+ cursor: revert;
1024
+ opacity: var(--rdp-nav_button-disabled-opacity);
1025
+ }
1026
+
1027
+ .rdp-chevron {
1028
+ display: inline-block;
1029
+ fill: var(--rdp-accent-color);
1030
+ }
1031
+
1032
+ .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
1033
+ transform: rotate(180deg);
1034
+ transform-origin: 50%;
1035
+ }
1036
+
1037
+ .rdp-dropdowns {
1038
+ position: relative;
1039
+ display: inline-flex;
1040
+ align-items: center;
1041
+ gap: var(--rdp-dropdown-gap);
1042
+ }
1043
+
1044
+ .rdp-dropdown {
1045
+ z-index: 2;
1046
+ /* Reset */
1047
+ opacity: 0;
1048
+ -webkit-appearance: none;
1049
+ -moz-appearance: none;
1050
+ appearance: none;
1051
+ position: absolute;
1052
+ inset-block-start: 0;
1053
+ inset-block-end: 0;
1054
+ inset-inline-start: 0;
1055
+ width: 100%;
1056
+ margin: 0;
1057
+ padding: 0;
1058
+ cursor: inherit;
1059
+ border: none;
1060
+ line-height: inherit;
1061
+ }
1062
+
1063
+ .rdp-dropdown_root {
1064
+ position: relative;
1065
+ display: inline-flex;
1066
+ align-items: center;
1067
+ }
1068
+
1069
+ .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
1070
+ opacity: var(--rdp-disabled-opacity);
1071
+ }
1072
+
1073
+ .rdp-month_caption {
1074
+ display: flex;
1075
+ align-content: center;
1076
+ height: var(--rdp-nav-height);
1077
+ font-weight: bold;
1078
+ font-size: large;
1079
+ }
1080
+
1081
+ .rdp-root[data-nav-layout="around"] .rdp-month,
1082
+ .rdp-root[data-nav-layout="after"] .rdp-month {
1083
+ position: relative;
1084
+ }
1085
+
1086
+ .rdp-root[data-nav-layout="around"] .rdp-month_caption {
1087
+ justify-content: center;
1088
+ margin-inline-start: var(--rdp-nav_button-width);
1089
+ margin-inline-end: var(--rdp-nav_button-width);
1090
+ position: relative;
1091
+ }
1092
+
1093
+ .rdp-root[data-nav-layout="around"] .rdp-button_previous {
1094
+ position: absolute;
1095
+ inset-inline-start: 0;
1096
+ top: 0;
1097
+ height: var(--rdp-nav-height);
1098
+ display: inline-flex;
1099
+ }
1100
+
1101
+ .rdp-root[data-nav-layout="around"] .rdp-button_next {
1102
+ position: absolute;
1103
+ inset-inline-end: 0;
1104
+ top: 0;
1105
+ height: var(--rdp-nav-height);
1106
+ display: inline-flex;
1107
+ justify-content: center;
1108
+ }
1109
+
1110
+ .rdp-months {
1111
+ position: relative;
1112
+ display: flex;
1113
+ flex-wrap: wrap;
1114
+ gap: var(--rdp-months-gap);
1115
+ max-width: -moz-fit-content;
1116
+ max-width: fit-content;
1117
+ }
1118
+
1119
+ .rdp-month_grid {
1120
+ border-collapse: collapse;
1121
+ }
1122
+
1123
+ .rdp-nav {
1124
+ position: absolute;
1125
+ inset-block-start: 0;
1126
+ inset-inline-end: 0;
1127
+ display: flex;
1128
+ align-items: center;
1129
+ height: var(--rdp-nav-height);
1130
+ }
1131
+
1132
+ .rdp-weekday {
1133
+ opacity: var(--rdp-weekday-opacity);
1134
+ padding: var(--rdp-weekday-padding);
1135
+ font-weight: 500;
1136
+ font-size: smaller;
1137
+ text-align: var(--rdp-weekday-text-align);
1138
+ text-transform: var(--rdp-weekday-text-transform);
1139
+ }
1140
+
1141
+ .rdp-week_number {
1142
+ opacity: var(--rdp-week_number-opacity);
1143
+ font-weight: 400;
1144
+ font-size: small;
1145
+ height: var(--rdp-week_number-height);
1146
+ width: var(--rdp-week_number-width);
1147
+ border: var(--rdp-week_number-border);
1148
+ border-radius: var(--rdp-week_number-border-radius);
1149
+ text-align: var(--rdp-weeknumber-text-align);
1150
+ }
1151
+
1152
+ /* DAY MODIFIERS */
1153
+
1154
+ .rdp-today:not(.rdp-outside) {
1155
+ color: var(--rdp-today-color);
1156
+ }
1157
+
1158
+ .rdp-selected {
1159
+ font-weight: bold;
1160
+ font-size: large;
1161
+ }
1162
+
1163
+ .rdp-selected .rdp-day_button {
1164
+ border: var(--rdp-selected-border);
1165
+ }
1166
+
1167
+ .rdp-outside {
1168
+ opacity: var(--rdp-outside-opacity);
1169
+ }
1170
+
1171
+ .rdp-disabled {
1172
+ opacity: var(--rdp-disabled-opacity);
1173
+ }
1174
+
1175
+ .rdp-hidden {
1176
+ visibility: hidden;
1177
+ color: var(--rdp-range_start-color);
1178
+ }
1179
+
1180
+ .rdp-range_start {
1181
+ background: var(--rdp-range_start-background);
1182
+ }
1183
+
1184
+ .rdp-range_start .rdp-day_button {
1185
+ background-color: var(--rdp-range_start-date-background-color);
1186
+ color: var(--rdp-range_start-color);
1187
+ }
1188
+
1189
+ .rdp-range_middle {
1190
+ background-color: var(--rdp-range_middle-background-color);
1191
+ }
1192
+
1193
+ .rdp-range_middle .rdp-day_button {
1194
+ border: unset;
1195
+ border-radius: unset;
1196
+ color: var(--rdp-range_middle-color);
1197
+ }
1198
+
1199
+ .rdp-range_end {
1200
+ background: var(--rdp-range_end-background);
1201
+ color: var(--rdp-range_end-color);
1202
+ }
1203
+
1204
+ .rdp-range_end .rdp-day_button {
1205
+ color: var(--rdp-range_start-color);
1206
+ background-color: var(--rdp-range_end-date-background-color);
1207
+ }
1208
+
1209
+ .rdp-range_start.rdp-range_end {
1210
+ background: revert;
1211
+ }
1212
+
1213
+ .rdp-focusable {
1214
+ cursor: pointer;
1215
+ }
1216
+
1217
+ @keyframes rdp-slide_in_left {
1218
+ 0% {
1219
+ transform: translateX(-100%);
1220
+ }
1221
+
1222
+ 100% {
1223
+ transform: translateX(0);
1224
+ }
1225
+ }
1226
+
1227
+ @keyframes rdp-slide_in_right {
1228
+ 0% {
1229
+ transform: translateX(100%);
1230
+ }
1231
+
1232
+ 100% {
1233
+ transform: translateX(0);
1234
+ }
1235
+ }
1236
+
1237
+ @keyframes rdp-slide_out_left {
1238
+ 0% {
1239
+ transform: translateX(0);
1240
+ }
1241
+
1242
+ 100% {
1243
+ transform: translateX(-100%);
1244
+ }
1245
+ }
1246
+
1247
+ @keyframes rdp-slide_out_right {
1248
+ 0% {
1249
+ transform: translateX(0);
1250
+ }
1251
+
1252
+ 100% {
1253
+ transform: translateX(100%);
1254
+ }
1255
+ }
1256
+
1257
+ .rdp-weeks_before_enter {
1258
+ animation: rdp-slide_in_left var(--rdp-animation_duration)
1259
+ var(--rdp-animation_timing) forwards;
1260
+ }
1261
+
1262
+ .rdp-weeks_before_exit {
1263
+ animation: rdp-slide_out_left var(--rdp-animation_duration)
1264
+ var(--rdp-animation_timing) forwards;
1265
+ }
1266
+
1267
+ .rdp-weeks_after_enter {
1268
+ animation: rdp-slide_in_right var(--rdp-animation_duration)
1269
+ var(--rdp-animation_timing) forwards;
1270
+ }
1271
+
1272
+ .rdp-weeks_after_exit {
1273
+ animation: rdp-slide_out_right var(--rdp-animation_duration)
1274
+ var(--rdp-animation_timing) forwards;
1275
+ }
1276
+
1277
+ .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
1278
+ animation: rdp-slide_in_left var(--rdp-animation_duration)
1279
+ var(--rdp-animation_timing) forwards;
1280
+ }
1281
+
1282
+ .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
1283
+ animation: rdp-slide_out_right var(--rdp-animation_duration)
1284
+ var(--rdp-animation_timing) forwards;
1285
+ }
1286
+
1287
+ .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
1288
+ animation: rdp-slide_in_right var(--rdp-animation_duration)
1289
+ var(--rdp-animation_timing) forwards;
1290
+ }
1291
+
1292
+ .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
1293
+ animation: rdp-slide_out_left var(--rdp-animation_duration)
1294
+ var(--rdp-animation_timing) forwards;
1295
+ }
1296
+
1297
+ @keyframes rdp-fade_in {
1298
+ from {
1299
+ opacity: 0;
1300
+ }
1301
+
1302
+ to {
1303
+ opacity: 1;
1304
+ }
1305
+ }
1306
+
1307
+ @keyframes rdp-fade_out {
1308
+ from {
1309
+ opacity: 1;
1310
+ }
1311
+
1312
+ to {
1313
+ opacity: 0;
1314
+ }
1315
+ }
1316
+
1317
+ .rdp-caption_after_enter {
1318
+ animation: rdp-fade_in var(--rdp-animation_duration)
1319
+ var(--rdp-animation_timing) forwards;
1320
+ }
1321
+
1322
+ .rdp-caption_after_exit {
1323
+ animation: rdp-fade_out var(--rdp-animation_duration)
1324
+ var(--rdp-animation_timing) forwards;
1325
+ }
1326
+
1327
+ .rdp-caption_before_enter {
1328
+ animation: rdp-fade_in var(--rdp-animation_duration)
1329
+ var(--rdp-animation_timing) forwards;
1330
+ }
1331
+
1332
+ .rdp-caption_before_exit {
1333
+ animation: rdp-fade_out var(--rdp-animation_duration)
1334
+ var(--rdp-animation_timing) forwards;
1335
+ }
1336
+
1337
+ *, ::before, ::after {
1338
+ --tw-border-spacing-x: 0;
1339
+ --tw-border-spacing-y: 0;
1340
+ --tw-translate-x: 0;
1341
+ --tw-translate-y: 0;
1342
+ --tw-rotate: 0;
1343
+ --tw-skew-x: 0;
1344
+ --tw-skew-y: 0;
1345
+ --tw-scale-x: 1;
1346
+ --tw-scale-y: 1;
1347
+ --tw-pan-x: ;
1348
+ --tw-pan-y: ;
1349
+ --tw-pinch-zoom: ;
1350
+ --tw-scroll-snap-strictness: proximity;
1351
+ --tw-gradient-from-position: ;
1352
+ --tw-gradient-via-position: ;
1353
+ --tw-gradient-to-position: ;
1354
+ --tw-ordinal: ;
1355
+ --tw-slashed-zero: ;
1356
+ --tw-numeric-figure: ;
1357
+ --tw-numeric-spacing: ;
1358
+ --tw-numeric-fraction: ;
1359
+ --tw-ring-inset: ;
1360
+ --tw-ring-offset-width: 0px;
1361
+ --tw-ring-offset-color: #fff;
1362
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1363
+ --tw-ring-offset-shadow: 0 0 #0000;
1364
+ --tw-ring-shadow: 0 0 #0000;
1365
+ --tw-shadow: 0 0 #0000;
1366
+ --tw-shadow-colored: 0 0 #0000;
1367
+ --tw-blur: ;
1368
+ --tw-brightness: ;
1369
+ --tw-contrast: ;
1370
+ --tw-grayscale: ;
1371
+ --tw-hue-rotate: ;
1372
+ --tw-invert: ;
1373
+ --tw-saturate: ;
1374
+ --tw-sepia: ;
1375
+ --tw-drop-shadow: ;
1376
+ --tw-backdrop-blur: ;
1377
+ --tw-backdrop-brightness: ;
1378
+ --tw-backdrop-contrast: ;
1379
+ --tw-backdrop-grayscale: ;
1380
+ --tw-backdrop-hue-rotate: ;
1381
+ --tw-backdrop-invert: ;
1382
+ --tw-backdrop-opacity: ;
1383
+ --tw-backdrop-saturate: ;
1384
+ --tw-backdrop-sepia: ;
1385
+ --tw-contain-size: ;
1386
+ --tw-contain-layout: ;
1387
+ --tw-contain-paint: ;
1388
+ --tw-contain-style: ;
1389
+ }
1390
+
1391
+ ::backdrop {
1392
+ --tw-border-spacing-x: 0;
1393
+ --tw-border-spacing-y: 0;
1394
+ --tw-translate-x: 0;
1395
+ --tw-translate-y: 0;
1396
+ --tw-rotate: 0;
1397
+ --tw-skew-x: 0;
1398
+ --tw-skew-y: 0;
1399
+ --tw-scale-x: 1;
1400
+ --tw-scale-y: 1;
1401
+ --tw-pan-x: ;
1402
+ --tw-pan-y: ;
1403
+ --tw-pinch-zoom: ;
1404
+ --tw-scroll-snap-strictness: proximity;
1405
+ --tw-gradient-from-position: ;
1406
+ --tw-gradient-via-position: ;
1407
+ --tw-gradient-to-position: ;
1408
+ --tw-ordinal: ;
1409
+ --tw-slashed-zero: ;
1410
+ --tw-numeric-figure: ;
1411
+ --tw-numeric-spacing: ;
1412
+ --tw-numeric-fraction: ;
1413
+ --tw-ring-inset: ;
1414
+ --tw-ring-offset-width: 0px;
1415
+ --tw-ring-offset-color: #fff;
1416
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1417
+ --tw-ring-offset-shadow: 0 0 #0000;
1418
+ --tw-ring-shadow: 0 0 #0000;
1419
+ --tw-shadow: 0 0 #0000;
1420
+ --tw-shadow-colored: 0 0 #0000;
1421
+ --tw-blur: ;
1422
+ --tw-brightness: ;
1423
+ --tw-contrast: ;
1424
+ --tw-grayscale: ;
1425
+ --tw-hue-rotate: ;
1426
+ --tw-invert: ;
1427
+ --tw-saturate: ;
1428
+ --tw-sepia: ;
1429
+ --tw-drop-shadow: ;
1430
+ --tw-backdrop-blur: ;
1431
+ --tw-backdrop-brightness: ;
1432
+ --tw-backdrop-contrast: ;
1433
+ --tw-backdrop-grayscale: ;
1434
+ --tw-backdrop-hue-rotate: ;
1435
+ --tw-backdrop-invert: ;
1436
+ --tw-backdrop-opacity: ;
1437
+ --tw-backdrop-saturate: ;
1438
+ --tw-backdrop-sepia: ;
1439
+ --tw-contain-size: ;
1440
+ --tw-contain-layout: ;
1441
+ --tw-contain-paint: ;
1442
+ --tw-contain-style: ;
1443
+ }
1444
+
1445
+ /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
1446
+
1447
+ /*
1448
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
1449
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
1450
+ */
1451
+
1452
+ *,
1453
+ ::before,
1454
+ ::after {
1455
+ box-sizing: border-box;
1456
+ /* 1 */
1457
+ border-width: 0;
1458
+ /* 2 */
1459
+ border-style: solid;
1460
+ /* 2 */
1461
+ border-color: currentColor;
1462
+ /* 2 */
1463
+ }
1464
+
1465
+ ::before,
1466
+ ::after {
1467
+ --tw-content: '';
1468
+ }
1469
+
1470
+ /*
1471
+ 1. Use a consistent sensible line-height in all browsers.
1472
+ 2. Prevent adjustments of font size after orientation changes in iOS.
1473
+ 3. Use a more readable tab size.
1474
+ 4. Use the user's configured `sans` font-family by default.
1475
+ 5. Use the user's configured `sans` font-feature-settings by default.
1476
+ 6. Use the user's configured `sans` font-variation-settings by default.
1477
+ 7. Disable tap highlights on iOS
1478
+ */
1479
+
1480
+ html,
1481
+ :host {
1482
+ line-height: 1.5;
1483
+ /* 1 */
1484
+ -webkit-text-size-adjust: 100%;
1485
+ /* 2 */
1486
+ -moz-tab-size: 4;
1487
+ /* 3 */
1488
+ -o-tab-size: 4;
1489
+ tab-size: 4;
1490
+ /* 3 */
1491
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1492
+ /* 4 */
1493
+ font-feature-settings: normal;
1494
+ /* 5 */
1495
+ font-variation-settings: normal;
1496
+ /* 6 */
1497
+ -webkit-tap-highlight-color: transparent;
1498
+ /* 7 */
1499
+ }
1500
+
1501
+ /*
1502
+ 1. Remove the margin in all browsers.
1503
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
1504
+ */
1505
+
1506
+ body {
1507
+ margin: 0;
1508
+ /* 1 */
1509
+ line-height: inherit;
1510
+ /* 2 */
1511
+ }
1512
+
1513
+ /*
1514
+ 1. Add the correct height in Firefox.
1515
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
1516
+ 3. Ensure horizontal rules are visible by default.
1517
+ */
1518
+
1519
+ hr {
1520
+ height: 0;
1521
+ /* 1 */
1522
+ color: inherit;
1523
+ /* 2 */
1524
+ border-top-width: 1px;
1525
+ /* 3 */
1526
+ }
1527
+
1528
+ /*
1529
+ Add the correct text decoration in Chrome, Edge, and Safari.
1530
+ */
1531
+
1532
+ abbr:where([title]) {
1533
+ -webkit-text-decoration: underline dotted;
1534
+ text-decoration: underline dotted;
1535
+ }
1536
+
1537
+ /*
1538
+ Remove the default font size and weight for headings.
1539
+ */
1540
+
1541
+ h1,
1542
+ h2,
1543
+ h3,
1544
+ h4,
1545
+ h5,
1546
+ h6 {
1547
+ font-size: inherit;
1548
+ font-weight: inherit;
1549
+ }
1550
+
1551
+ /*
1552
+ Reset links to optimize for opt-in styling instead of opt-out.
1553
+ */
1554
+
1555
+ a {
1556
+ color: inherit;
1557
+ text-decoration: inherit;
1558
+ }
1559
+
1560
+ /*
1561
+ Add the correct font weight in Edge and Safari.
1562
+ */
1563
+
1564
+ b,
1565
+ strong {
1566
+ font-weight: bolder;
1567
+ }
1568
+
1569
+ /*
1570
+ 1. Use the user's configured `mono` font-family by default.
1571
+ 2. Use the user's configured `mono` font-feature-settings by default.
1572
+ 3. Use the user's configured `mono` font-variation-settings by default.
1573
+ 4. Correct the odd `em` font sizing in all browsers.
1574
+ */
1575
+
1576
+ code,
1577
+ kbd,
1578
+ samp,
1579
+ pre {
1580
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1581
+ /* 1 */
1582
+ font-feature-settings: normal;
1583
+ /* 2 */
1584
+ font-variation-settings: normal;
1585
+ /* 3 */
1586
+ font-size: 1em;
1587
+ /* 4 */
1588
+ }
1589
+
1590
+ /*
1591
+ Add the correct font size in all browsers.
1592
+ */
1593
+
1594
+ small {
1595
+ font-size: 80%;
1596
+ }
1597
+
1598
+ /*
1599
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
1600
+ */
1601
+
1602
+ sub,
1603
+ sup {
1604
+ font-size: 75%;
1605
+ line-height: 0;
1606
+ position: relative;
1607
+ vertical-align: baseline;
1608
+ }
1609
+
1610
+ sub {
1611
+ bottom: -0.25em;
1612
+ }
1613
+
1614
+ sup {
1615
+ top: -0.5em;
1616
+ }
1617
+
1618
+ /*
1619
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
1620
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
1621
+ 3. Remove gaps between table borders by default.
1622
+ */
1623
+
1624
+ table {
1625
+ text-indent: 0;
1626
+ /* 1 */
1627
+ border-color: inherit;
1628
+ /* 2 */
1629
+ border-collapse: collapse;
1630
+ /* 3 */
1631
+ }
1632
+
1633
+ /*
1634
+ 1. Change the font styles in all browsers.
1635
+ 2. Remove the margin in Firefox and Safari.
1636
+ 3. Remove default padding in all browsers.
1637
+ */
1638
+
1639
+ button,
1640
+ input,
1641
+ optgroup,
1642
+ select,
1643
+ textarea {
1644
+ font-family: inherit;
1645
+ /* 1 */
1646
+ font-feature-settings: inherit;
1647
+ /* 1 */
1648
+ font-variation-settings: inherit;
1649
+ /* 1 */
1650
+ font-size: 100%;
1651
+ /* 1 */
1652
+ font-weight: inherit;
1653
+ /* 1 */
1654
+ line-height: inherit;
1655
+ /* 1 */
1656
+ letter-spacing: inherit;
1657
+ /* 1 */
1658
+ color: inherit;
1659
+ /* 1 */
1660
+ margin: 0;
1661
+ /* 2 */
1662
+ padding: 0;
1663
+ /* 3 */
1664
+ }
1665
+
1666
+ /*
1667
+ Remove the inheritance of text transform in Edge and Firefox.
1668
+ */
1669
+
1670
+ button,
1671
+ select {
1672
+ text-transform: none;
1673
+ }
1674
+
1675
+ /*
1676
+ 1. Correct the inability to style clickable types in iOS and Safari.
1677
+ 2. Remove default button styles.
1678
+ */
1679
+
1680
+ button,
1681
+ input:where([type='button']),
1682
+ input:where([type='reset']),
1683
+ input:where([type='submit']) {
1684
+ -webkit-appearance: button;
1685
+ /* 1 */
1686
+ background-color: transparent;
1687
+ /* 2 */
1688
+ background-image: none;
1689
+ /* 2 */
1690
+ }
1691
+
1692
+ /*
1693
+ Use the modern Firefox focus style for all focusable elements.
1694
+ */
1695
+
1696
+ :-moz-focusring {
1697
+ outline: auto;
1698
+ }
1699
+
1700
+ /*
1701
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
1702
+ */
1703
+
1704
+ :-moz-ui-invalid {
1705
+ box-shadow: none;
1706
+ }
1707
+
1708
+ /*
1709
+ Add the correct vertical alignment in Chrome and Firefox.
1710
+ */
1711
+
1712
+ progress {
1713
+ vertical-align: baseline;
1714
+ }
1715
+
1716
+ /*
1717
+ Correct the cursor style of increment and decrement buttons in Safari.
1718
+ */
1719
+
1720
+ ::-webkit-inner-spin-button,
1721
+ ::-webkit-outer-spin-button {
1722
+ height: auto;
1723
+ }
1724
+
1725
+ /*
1726
+ 1. Correct the odd appearance in Chrome and Safari.
1727
+ 2. Correct the outline style in Safari.
1728
+ */
1729
+
1730
+ [type='search'] {
1731
+ -webkit-appearance: textfield;
1732
+ /* 1 */
1733
+ outline-offset: -2px;
1734
+ /* 2 */
1735
+ }
1736
+
1737
+ /*
1738
+ Remove the inner padding in Chrome and Safari on macOS.
1739
+ */
1740
+
1741
+ ::-webkit-search-decoration {
1742
+ -webkit-appearance: none;
1743
+ }
1744
+
1745
+ /*
1746
+ 1. Correct the inability to style clickable types in iOS and Safari.
1747
+ 2. Change font properties to `inherit` in Safari.
1748
+ */
1749
+
1750
+ ::-webkit-file-upload-button {
1751
+ -webkit-appearance: button;
1752
+ /* 1 */
1753
+ font: inherit;
1754
+ /* 2 */
1755
+ }
1756
+
1757
+ /*
1758
+ Add the correct display in Chrome and Safari.
1759
+ */
1760
+
1761
+ summary {
1762
+ display: list-item;
1763
+ }
1764
+
1765
+ /*
1766
+ Removes the default spacing and border for appropriate elements.
1767
+ */
1768
+
1769
+ blockquote,
1770
+ dl,
1771
+ dd,
1772
+ h1,
1773
+ h2,
1774
+ h3,
1775
+ h4,
1776
+ h5,
1777
+ h6,
1778
+ hr,
1779
+ figure,
1780
+ p,
1781
+ pre {
1782
+ margin: 0;
1783
+ }
1784
+
1785
+ fieldset {
1786
+ margin: 0;
1787
+ padding: 0;
1788
+ }
1789
+
1790
+ legend {
1791
+ padding: 0;
1792
+ }
1793
+
1794
+ ol,
1795
+ ul,
1796
+ menu {
1797
+ list-style: none;
1798
+ margin: 0;
1799
+ padding: 0;
1800
+ }
1801
+
1802
+ /*
1803
+ Reset default styling for dialogs.
1804
+ */
1805
+
1806
+ dialog {
1807
+ padding: 0;
1808
+ }
1809
+
1810
+ /*
1811
+ Prevent resizing textareas horizontally by default.
1812
+ */
1813
+
1814
+ textarea {
1815
+ resize: vertical;
1816
+ }
1817
+
1818
+ /*
1819
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
1820
+ 2. Set the default placeholder color to the user's configured gray 400 color.
1821
+ */
1822
+
1823
+ input::-moz-placeholder, textarea::-moz-placeholder {
1824
+ opacity: 1;
1825
+ /* 1 */
1826
+ color: #9ca3af;
1827
+ /* 2 */
1828
+ }
1829
+
1830
+ input::placeholder,
1831
+ textarea::placeholder {
1832
+ opacity: 1;
1833
+ /* 1 */
1834
+ color: #9ca3af;
1835
+ /* 2 */
1836
+ }
1837
+
1838
+ /*
1839
+ Set the default cursor for buttons.
1840
+ */
1841
+
1842
+ button,
1843
+ [role="button"] {
1844
+ cursor: pointer;
1845
+ }
1846
+
1847
+ /*
1848
+ Make sure disabled buttons don't get the pointer cursor.
1849
+ */
1850
+
1851
+ :disabled {
1852
+ cursor: default;
1853
+ }
1854
+
1855
+ /*
1856
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
1857
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
1858
+ This can trigger a poorly considered lint error in some tools but is included by design.
1859
+ */
1860
+
1861
+ img,
1862
+ svg,
1863
+ video,
1864
+ canvas,
1865
+ audio,
1866
+ iframe,
1867
+ embed,
1868
+ object {
1869
+ display: block;
1870
+ /* 1 */
1871
+ vertical-align: middle;
1872
+ /* 2 */
1873
+ }
1874
+
1875
+ /*
1876
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
1877
+ */
1878
+
1879
+ img,
1880
+ video {
1881
+ max-width: 100%;
1882
+ height: auto;
1883
+ }
1884
+
1885
+ /* Make elements with the HTML hidden attribute stay hidden by default */
1886
+
1887
+ [hidden]:where(:not([hidden="until-found"])) {
1888
+ display: none;
1889
+ }
1890
+
1891
+ .cleen .cleen-pointer-events-none {
1892
+ pointer-events: none;
1893
+ }
1894
+
1895
+ .cleen .cleen-pointer-events-auto {
1896
+ pointer-events: auto;
1897
+ }
1898
+
1899
+ .cleen .cleen-fixed {
1900
+ position: fixed;
1901
+ }
1902
+
1903
+ .cleen .cleen-absolute {
1904
+ position: absolute;
1905
+ }
1906
+
1907
+ .cleen .cleen-relative {
1908
+ position: relative;
1909
+ }
1910
+
1911
+ .cleen .cleen-sticky {
1912
+ position: sticky;
1913
+ }
1914
+
1915
+ .cleen .cleen-inset-0 {
1916
+ inset: 0px;
1917
+ }
1918
+
1919
+ .cleen .-cleen-right-1 {
1920
+ right: -0.25rem;
1921
+ }
1922
+
1923
+ .cleen .-cleen-top-1 {
1924
+ top: -0.25rem;
1925
+ }
1926
+
1927
+ .cleen .cleen-bottom-0 {
1928
+ bottom: 0px;
1929
+ }
1930
+
1931
+ .cleen .cleen-left-0 {
1932
+ left: 0px;
1933
+ }
1934
+
1935
+ .cleen .cleen-left-1 {
1936
+ left: 0.25rem;
1937
+ }
1938
+
1939
+ .cleen .cleen-left-1\/2 {
1940
+ left: 50%;
1941
+ }
1942
+
1943
+ .cleen .cleen-left-3 {
1944
+ left: 0.75rem;
1945
+ }
1946
+
1947
+ .cleen .cleen-left-\[calc\(50\%\+14px\)\] {
1948
+ left: calc(50% + 14px);
1949
+ }
1950
+
1951
+ .cleen .cleen-right-0 {
1952
+ right: 0px;
1953
+ }
1954
+
1955
+ .cleen .cleen-right-2 {
1956
+ right: 0.5rem;
1957
+ }
1958
+
1959
+ .cleen .cleen-right-3 {
1960
+ right: 0.75rem;
1961
+ }
1962
+
1963
+ .cleen .cleen-right-\[-4px\] {
1964
+ right: -4px;
1965
+ }
1966
+
1967
+ .cleen .cleen-top-0 {
1968
+ top: 0px;
1969
+ }
1970
+
1971
+ .cleen .cleen-top-1\.5 {
1972
+ top: 0.375rem;
1973
+ }
1974
+
1975
+ .cleen .cleen-top-1\/2 {
1976
+ top: 50%;
1977
+ }
1978
+
1979
+ .cleen .cleen-top-2 {
1980
+ top: 0.5rem;
1981
+ }
1982
+
1983
+ .cleen .cleen-top-3 {
1984
+ top: 0.75rem;
1985
+ }
1986
+
1987
+ .cleen .cleen-top-7 {
1988
+ top: 1.75rem;
1989
+ }
1990
+
1991
+ .cleen .cleen-top-\[20\%\] {
1992
+ top: 20%;
1993
+ }
1994
+
1995
+ .cleen .cleen-z-10 {
1996
+ z-index: 10;
1997
+ }
1998
+
1999
+ .cleen .cleen-z-50 {
2000
+ z-index: 50;
2001
+ }
2002
+
2003
+ .cleen .cleen-z-\[1\] {
2004
+ z-index: 1;
2005
+ }
2006
+
2007
+ .cleen .cleen-z-\[999\] {
2008
+ z-index: 999;
2009
+ }
2010
+
2011
+ .cleen .cleen-col-span-2 {
2012
+ grid-column: span 2 / span 2;
2013
+ }
2014
+
2015
+ .cleen .cleen-col-span-5 {
2016
+ grid-column: span 5 / span 5;
2017
+ }
2018
+
2019
+ .cleen .cleen-col-span-7 {
2020
+ grid-column: span 7 / span 7;
2021
+ }
2022
+
2023
+ .cleen .cleen-col-span-full {
2024
+ grid-column: 1 / -1;
2025
+ }
2026
+
2027
+ .cleen .cleen-row-span-2 {
2028
+ grid-row: span 2 / span 2;
2029
+ }
2030
+
2031
+ .cleen .cleen-m-0 {
2032
+ margin: 0px;
2033
+ }
2034
+
2035
+ .cleen .cleen-m-auto {
2036
+ margin: auto;
2037
+ }
2038
+
2039
+ .cleen .cleen-mx-auto {
2040
+ margin-left: auto;
2041
+ margin-right: auto;
2042
+ }
2043
+
2044
+ .cleen .cleen-my-0 {
2045
+ margin-top: 0px;
2046
+ margin-bottom: 0px;
2047
+ }
2048
+
2049
+ .cleen .cleen-my-2 {
2050
+ margin-top: 0.5rem;
2051
+ margin-bottom: 0.5rem;
2052
+ }
2053
+
2054
+ .cleen .cleen-my-4 {
2055
+ margin-top: 1rem;
2056
+ margin-bottom: 1rem;
2057
+ }
2058
+
2059
+ .cleen .cleen-my-auto {
2060
+ margin-top: auto;
2061
+ margin-bottom: auto;
2062
+ }
2063
+
2064
+ .cleen .-cleen-mt-3 {
2065
+ margin-top: -0.75rem;
2066
+ }
2067
+
2068
+ .cleen .cleen-mb-1 {
2069
+ margin-bottom: 0.25rem;
2070
+ }
2071
+
2072
+ .cleen .cleen-mb-1\.5 {
2073
+ margin-bottom: 0.375rem;
2074
+ }
2075
+
2076
+ .cleen .cleen-mb-2 {
2077
+ margin-bottom: 0.5rem;
2078
+ }
2079
+
2080
+ .cleen .cleen-mb-3 {
2081
+ margin-bottom: 0.75rem;
2082
+ }
2083
+
2084
+ .cleen .cleen-mb-4 {
2085
+ margin-bottom: 1rem;
2086
+ }
2087
+
2088
+ .cleen .cleen-mb-8 {
2089
+ margin-bottom: 2rem;
2090
+ }
2091
+
2092
+ .cleen .cleen-mb-auto {
2093
+ margin-bottom: auto;
2094
+ }
2095
+
2096
+ .cleen .cleen-ml-1 {
2097
+ margin-left: 0.25rem;
2098
+ }
2099
+
2100
+ .cleen .cleen-ml-2 {
2101
+ margin-left: 0.5rem;
2102
+ }
2103
+
2104
+ .cleen .cleen-ml-3 {
2105
+ margin-left: 0.75rem;
2106
+ }
2107
+
2108
+ .cleen .cleen-ml-auto {
2109
+ margin-left: auto;
2110
+ }
2111
+
2112
+ .cleen .cleen-mr-1 {
2113
+ margin-right: 0.25rem;
2114
+ }
2115
+
2116
+ .cleen .cleen-mr-1\.5 {
2117
+ margin-right: 0.375rem;
2118
+ }
2119
+
2120
+ .cleen .cleen-mt-1 {
2121
+ margin-top: 0.25rem;
2122
+ }
2123
+
2124
+ .cleen .cleen-mt-2 {
2125
+ margin-top: 0.5rem;
2126
+ }
2127
+
2128
+ .cleen .cleen-mt-3 {
2129
+ margin-top: 0.75rem;
2130
+ }
2131
+
2132
+ .cleen .cleen-mt-6 {
2133
+ margin-top: 1.5rem;
2134
+ }
2135
+
2136
+ .cleen .cleen-mt-8 {
2137
+ margin-top: 2rem;
2138
+ }
2139
+
2140
+ .cleen .cleen-line-clamp-1 {
2141
+ overflow: hidden;
2142
+ display: -webkit-box;
2143
+ -webkit-box-orient: vertical;
2144
+ -webkit-line-clamp: 1;
2145
+ }
2146
+
2147
+ .cleen .cleen-line-clamp-2 {
2148
+ overflow: hidden;
2149
+ display: -webkit-box;
2150
+ -webkit-box-orient: vertical;
2151
+ -webkit-line-clamp: 2;
2152
+ }
2153
+
2154
+ .cleen .cleen-line-clamp-4 {
2155
+ overflow: hidden;
2156
+ display: -webkit-box;
2157
+ -webkit-box-orient: vertical;
2158
+ -webkit-line-clamp: 4;
2159
+ }
2160
+
2161
+ .cleen .cleen-block {
2162
+ display: block;
2163
+ }
2164
+
2165
+ .cleen .cleen-inline-block {
2166
+ display: inline-block;
2167
+ }
2168
+
2169
+ .cleen .cleen-flex {
2170
+ display: flex;
2171
+ }
2172
+
2173
+ .cleen .cleen-inline-flex {
2174
+ display: inline-flex;
2175
+ }
2176
+
2177
+ .cleen .cleen-grid {
2178
+ display: grid;
2179
+ }
2180
+
2181
+ .cleen .cleen-hidden {
2182
+ display: none;
2183
+ }
2184
+
2185
+ .cleen .cleen-aspect-video {
2186
+ aspect-ratio: 16 / 9;
2187
+ }
2188
+
2189
+ .cleen .\!cleen-size-9 {
2190
+ width: 2.25rem !important;
2191
+ height: 2.25rem !important;
2192
+ }
2193
+
2194
+ .cleen .cleen-size-1\.5 {
2195
+ width: 0.375rem;
2196
+ height: 0.375rem;
2197
+ }
2198
+
2199
+ .cleen .cleen-size-10 {
2200
+ width: 2.5rem;
2201
+ height: 2.5rem;
2202
+ }
2203
+
2204
+ .cleen .cleen-size-11 {
2205
+ width: 2.75rem;
2206
+ height: 2.75rem;
2207
+ }
2208
+
2209
+ .cleen .cleen-size-12 {
2210
+ width: 3rem;
2211
+ height: 3rem;
2212
+ }
2213
+
2214
+ .cleen .cleen-size-14 {
2215
+ width: 3.5rem;
2216
+ height: 3.5rem;
2217
+ }
2218
+
2219
+ .cleen .cleen-size-2 {
2220
+ width: 0.5rem;
2221
+ height: 0.5rem;
2222
+ }
2223
+
2224
+ .cleen .cleen-size-2\.5 {
2225
+ width: 0.625rem;
2226
+ height: 0.625rem;
2227
+ }
2228
+
2229
+ .cleen .cleen-size-3 {
2230
+ width: 0.75rem;
2231
+ height: 0.75rem;
2232
+ }
2233
+
2234
+ .cleen .cleen-size-3\.5 {
2235
+ width: 0.875rem;
2236
+ height: 0.875rem;
2237
+ }
2238
+
2239
+ .cleen .cleen-size-4 {
2240
+ width: 1rem;
2241
+ height: 1rem;
2242
+ }
2243
+
2244
+ .cleen .cleen-size-5 {
2245
+ width: 1.25rem;
2246
+ height: 1.25rem;
2247
+ }
2248
+
2249
+ .cleen .cleen-size-6 {
2250
+ width: 1.5rem;
2251
+ height: 1.5rem;
2252
+ }
2253
+
2254
+ .cleen .cleen-size-7 {
2255
+ width: 1.75rem;
2256
+ height: 1.75rem;
2257
+ }
2258
+
2259
+ .cleen .cleen-size-8 {
2260
+ width: 2rem;
2261
+ height: 2rem;
2262
+ }
2263
+
2264
+ .cleen .cleen-size-9 {
2265
+ width: 2.25rem;
2266
+ height: 2.25rem;
2267
+ }
2268
+
2269
+ .cleen .cleen-size-\[30px\] {
2270
+ width: 30px;
2271
+ height: 30px;
2272
+ }
2273
+
2274
+ .cleen .cleen-size-\[50px\] {
2275
+ width: 50px;
2276
+ height: 50px;
2277
+ }
2278
+
2279
+ .cleen .cleen-size-fit {
2280
+ width: -moz-fit-content;
2281
+ width: fit-content;
2282
+ height: -moz-fit-content;
2283
+ height: fit-content;
2284
+ }
2285
+
2286
+ .cleen .cleen-size-full {
2287
+ width: 100%;
2288
+ height: 100%;
2289
+ }
2290
+
2291
+ .cleen .cleen-h-0 {
2292
+ height: 0px;
2293
+ }
2294
+
2295
+ .cleen .cleen-h-0\.5 {
2296
+ height: 0.125rem;
2297
+ }
2298
+
2299
+ .cleen .cleen-h-1 {
2300
+ height: 0.25rem;
2301
+ }
2302
+
2303
+ .cleen .cleen-h-10 {
2304
+ height: 2.5rem;
2305
+ }
2306
+
2307
+ .cleen .cleen-h-11 {
2308
+ height: 2.75rem;
2309
+ }
2310
+
2311
+ .cleen .cleen-h-12 {
2312
+ height: 3rem;
2313
+ }
2314
+
2315
+ .cleen .cleen-h-14 {
2316
+ height: 3.5rem;
2317
+ }
2318
+
2319
+ .cleen .cleen-h-16 {
2320
+ height: 4rem;
2321
+ }
2322
+
2323
+ .cleen .cleen-h-2 {
2324
+ height: 0.5rem;
2325
+ }
2326
+
2327
+ .cleen .cleen-h-20 {
2328
+ height: 5rem;
2329
+ }
2330
+
2331
+ .cleen .cleen-h-24 {
2332
+ height: 6rem;
2333
+ }
2334
+
2335
+ .cleen .cleen-h-28 {
2336
+ height: 7rem;
2337
+ }
2338
+
2339
+ .cleen .cleen-h-3 {
2340
+ height: 0.75rem;
2341
+ }
2342
+
2343
+ .cleen .cleen-h-3\/5 {
2344
+ height: 60%;
2345
+ }
2346
+
2347
+ .cleen .cleen-h-4 {
2348
+ height: 1rem;
2349
+ }
2350
+
2351
+ .cleen .cleen-h-40 {
2352
+ height: 10rem;
2353
+ }
2354
+
2355
+ .cleen .cleen-h-48 {
2356
+ height: 12rem;
2357
+ }
2358
+
2359
+ .cleen .cleen-h-5 {
2360
+ height: 1.25rem;
2361
+ }
2362
+
2363
+ .cleen .cleen-h-6 {
2364
+ height: 1.5rem;
2365
+ }
2366
+
2367
+ .cleen .cleen-h-7 {
2368
+ height: 1.75rem;
2369
+ }
2370
+
2371
+ .cleen .cleen-h-8 {
2372
+ height: 2rem;
2373
+ }
2374
+
2375
+ .cleen .cleen-h-\[1px\] {
2376
+ height: 1px;
2377
+ }
2378
+
2379
+ .cleen .cleen-h-\[200px\] {
2380
+ height: 200px;
2381
+ }
2382
+
2383
+ .cleen .cleen-h-\[2px\] {
2384
+ height: 2px;
2385
+ }
2386
+
2387
+ .cleen .cleen-h-\[300px\] {
2388
+ height: 300px;
2389
+ }
2390
+
2391
+ .cleen .cleen-h-\[344px\] {
2392
+ height: 344px;
2393
+ }
2394
+
2395
+ .cleen .cleen-h-\[600px\] {
2396
+ height: 600px;
2397
+ }
2398
+
2399
+ .cleen .cleen-h-\[calc\(100\%-4px\)\] {
2400
+ height: calc(100% - 4px);
2401
+ }
2402
+
2403
+ .cleen .cleen-h-fit {
2404
+ height: -moz-fit-content;
2405
+ height: fit-content;
2406
+ }
2407
+
2408
+ .cleen .cleen-h-full {
2409
+ height: 100%;
2410
+ }
2411
+
2412
+ .cleen .cleen-h-max {
2413
+ height: -moz-max-content;
2414
+ height: max-content;
2415
+ }
2416
+
2417
+ .cleen .cleen-h-px {
2418
+ height: 1px;
2419
+ }
2420
+
2421
+ .cleen .cleen-h-screen {
2422
+ height: 100vh;
2423
+ }
2424
+
2425
+ .cleen .cleen-max-h-64 {
2426
+ max-height: 16rem;
2427
+ }
2428
+
2429
+ .cleen .cleen-max-h-\[600px\] {
2430
+ max-height: 600px;
2431
+ }
2432
+
2433
+ .cleen .cleen-max-h-\[90vh\] {
2434
+ max-height: 90vh;
2435
+ }
2436
+
2437
+ .cleen .cleen-max-h-fit {
2438
+ max-height: -moz-fit-content;
2439
+ max-height: fit-content;
2440
+ }
2441
+
2442
+ .cleen .\!cleen-min-h-\[36px\] {
2443
+ min-height: 36px !important;
2444
+ }
2445
+
2446
+ .cleen .cleen-min-h-10 {
2447
+ min-height: 2.5rem;
2448
+ }
2449
+
2450
+ .cleen .cleen-min-h-20 {
2451
+ min-height: 5rem;
2452
+ }
2453
+
2454
+ .cleen .cleen-min-h-4 {
2455
+ min-height: 1rem;
2456
+ }
2457
+
2458
+ .cleen .cleen-min-h-5 {
2459
+ min-height: 1.25rem;
2460
+ }
2461
+
2462
+ .cleen .cleen-min-h-6 {
2463
+ min-height: 1.5rem;
2464
+ }
2465
+
2466
+ .cleen .cleen-min-h-\[24px\] {
2467
+ min-height: 24px;
2468
+ }
2469
+
2470
+ .cleen .cleen-min-h-\[60px\] {
2471
+ min-height: 60px;
2472
+ }
2473
+
2474
+ .cleen .cleen-w-0 {
2475
+ width: 0px;
2476
+ }
2477
+
2478
+ .cleen .cleen-w-0\.5 {
2479
+ width: 0.125rem;
2480
+ }
2481
+
2482
+ .cleen .cleen-w-1\/12 {
2483
+ width: 8.333333%;
2484
+ }
2485
+
2486
+ .cleen .cleen-w-1\/2 {
2487
+ width: 50%;
2488
+ }
2489
+
2490
+ .cleen .cleen-w-1\/4 {
2491
+ width: 25%;
2492
+ }
2493
+
2494
+ .cleen .cleen-w-10 {
2495
+ width: 2.5rem;
2496
+ }
2497
+
2498
+ .cleen .cleen-w-11 {
2499
+ width: 2.75rem;
2500
+ }
2501
+
2502
+ .cleen .cleen-w-11\/12 {
2503
+ width: 91.666667%;
2504
+ }
2505
+
2506
+ .cleen .cleen-w-12 {
2507
+ width: 3rem;
2508
+ }
2509
+
2510
+ .cleen .cleen-w-14 {
2511
+ width: 3.5rem;
2512
+ }
2513
+
2514
+ .cleen .cleen-w-16 {
2515
+ width: 4rem;
2516
+ }
2517
+
2518
+ .cleen .cleen-w-2 {
2519
+ width: 0.5rem;
2520
+ }
2521
+
2522
+ .cleen .cleen-w-2\.5 {
2523
+ width: 0.625rem;
2524
+ }
2525
+
2526
+ .cleen .cleen-w-2\/12 {
2527
+ width: 16.666667%;
2528
+ }
2529
+
2530
+ .cleen .cleen-w-2\/3 {
2531
+ width: 66.666667%;
2532
+ }
2533
+
2534
+ .cleen .cleen-w-2\/5 {
2535
+ width: 40%;
2536
+ }
2537
+
2538
+ .cleen .cleen-w-20 {
2539
+ width: 5rem;
2540
+ }
2541
+
2542
+ .cleen .cleen-w-24 {
2543
+ width: 6rem;
2544
+ }
2545
+
2546
+ .cleen .cleen-w-28 {
2547
+ width: 7rem;
2548
+ }
2549
+
2550
+ .cleen .cleen-w-3\/12 {
2551
+ width: 25%;
2552
+ }
2553
+
2554
+ .cleen .cleen-w-3\/4 {
2555
+ width: 75%;
2556
+ }
2557
+
2558
+ .cleen .cleen-w-3\/5 {
2559
+ width: 60%;
2560
+ }
2561
+
2562
+ .cleen .cleen-w-32 {
2563
+ width: 8rem;
2564
+ }
2565
+
2566
+ .cleen .cleen-w-4 {
2567
+ width: 1rem;
2568
+ }
2569
+
2570
+ .cleen .cleen-w-4\/5 {
2571
+ width: 80%;
2572
+ }
2573
+
2574
+ .cleen .cleen-w-5 {
2575
+ width: 1.25rem;
2576
+ }
2577
+
2578
+ .cleen .cleen-w-5\/6 {
2579
+ width: 83.333333%;
2580
+ }
2581
+
2582
+ .cleen .cleen-w-52 {
2583
+ width: 13rem;
2584
+ }
2585
+
2586
+ .cleen .cleen-w-6 {
2587
+ width: 1.5rem;
2588
+ }
2589
+
2590
+ .cleen .cleen-w-60 {
2591
+ width: 15rem;
2592
+ }
2593
+
2594
+ .cleen .cleen-w-72 {
2595
+ width: 18rem;
2596
+ }
2597
+
2598
+ .cleen .cleen-w-\[170px\] {
2599
+ width: 170px;
2600
+ }
2601
+
2602
+ .cleen .cleen-w-\[1px\] {
2603
+ width: 1px;
2604
+ }
2605
+
2606
+ .cleen .cleen-w-\[2px\] {
2607
+ width: 2px;
2608
+ }
2609
+
2610
+ .cleen .cleen-w-\[300px\] {
2611
+ width: 300px;
2612
+ }
2613
+
2614
+ .cleen .cleen-w-\[500px\] {
2615
+ width: 500px;
2616
+ }
2617
+
2618
+ .cleen .cleen-w-\[80px\] {
2619
+ width: 80px;
2620
+ }
2621
+
2622
+ .cleen .cleen-w-\[9px\] {
2623
+ width: 9px;
2624
+ }
2625
+
2626
+ .cleen .cleen-w-\[calc\(100\%\+4px\)\] {
2627
+ width: calc(100% + 4px);
2628
+ }
2629
+
2630
+ .cleen .cleen-w-\[calc\(100\%-30px\)\] {
2631
+ width: calc(100% - 30px);
2632
+ }
2633
+
2634
+ .cleen .cleen-w-\[calc\(100\%-40px\)\] {
2635
+ width: calc(100% - 40px);
2636
+ }
2637
+
2638
+ .cleen .cleen-w-fit {
2639
+ width: -moz-fit-content;
2640
+ width: fit-content;
2641
+ }
2642
+
2643
+ .cleen .cleen-w-full {
2644
+ width: 100%;
2645
+ }
2646
+
2647
+ .cleen .cleen-w-max {
2648
+ width: -moz-max-content;
2649
+ width: max-content;
2650
+ }
2651
+
2652
+ .cleen .cleen-w-min {
2653
+ width: -moz-min-content;
2654
+ width: min-content;
2655
+ }
2656
+
2657
+ .cleen .cleen-w-screen {
2658
+ width: 100vw;
2659
+ }
2660
+
2661
+ .cleen .cleen-min-w-0 {
2662
+ min-width: 0px;
2663
+ }
2664
+
2665
+ .cleen .cleen-min-w-10 {
2666
+ min-width: 2.5rem;
2667
+ }
2668
+
2669
+ .cleen .cleen-min-w-4 {
2670
+ min-width: 1rem;
2671
+ }
2672
+
2673
+ .cleen .cleen-min-w-5 {
2674
+ min-width: 1.25rem;
2675
+ }
2676
+
2677
+ .cleen .cleen-min-w-6 {
2678
+ min-width: 1.5rem;
2679
+ }
2680
+
2681
+ .cleen .cleen-min-w-80 {
2682
+ min-width: 20rem;
2683
+ }
2684
+
2685
+ .cleen .cleen-min-w-\[140px\] {
2686
+ min-width: 140px;
2687
+ }
2688
+
2689
+ .cleen .cleen-min-w-\[1px\] {
2690
+ min-width: 1px;
2691
+ }
2692
+
2693
+ .cleen .cleen-min-w-full {
2694
+ min-width: 100%;
2695
+ }
2696
+
2697
+ .cleen .cleen-min-w-max {
2698
+ min-width: -moz-max-content;
2699
+ min-width: max-content;
2700
+ }
2701
+
2702
+ .cleen .cleen-max-w-80 {
2703
+ max-width: 20rem;
2704
+ }
2705
+
2706
+ .cleen .cleen-max-w-\[120px\] {
2707
+ max-width: 120px;
2708
+ }
2709
+
2710
+ .cleen .cleen-max-w-\[200px\] {
2711
+ max-width: 200px;
2712
+ }
2713
+
2714
+ .cleen .cleen-max-w-fit {
2715
+ max-width: -moz-fit-content;
2716
+ max-width: fit-content;
2717
+ }
2718
+
2719
+ .cleen .cleen-max-w-full {
2720
+ max-width: 100%;
2721
+ }
2722
+
2723
+ .cleen .cleen-max-w-lg {
2724
+ max-width: 32rem;
2725
+ }
2726
+
2727
+ .cleen .cleen-flex-1 {
2728
+ flex: 1 1 0%;
2729
+ }
2730
+
2731
+ .cleen .cleen-flex-\[1_1_auto\] {
2732
+ flex: 1 1 auto;
2733
+ }
2734
+
2735
+ .cleen .cleen-flex-shrink-0 {
2736
+ flex-shrink: 0;
2737
+ }
2738
+
2739
+ .cleen .cleen-shrink-0 {
2740
+ flex-shrink: 0;
2741
+ }
2742
+
2743
+ .cleen .cleen-flex-grow {
2744
+ flex-grow: 1;
2745
+ }
2746
+
2747
+ .cleen .cleen-table-fixed {
2748
+ table-layout: fixed;
2749
+ }
2750
+
2751
+ .cleen .-cleen-translate-x-1\/2 {
2752
+ --tw-translate-x: -50%;
2753
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2754
+ }
2755
+
2756
+ .cleen .-cleen-translate-y-1\/2 {
2757
+ --tw-translate-y: -50%;
2758
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2759
+ }
2760
+
2761
+ .cleen .cleen--translate-y-1\/2 {
2762
+ --tw-translate-y: -50%;
2763
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2764
+ }
2765
+
2766
+ .cleen .cleen-translate-x-0 {
2767
+ --tw-translate-x: 0px;
2768
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2769
+ }
2770
+
2771
+ .cleen .cleen-translate-x-5 {
2772
+ --tw-translate-x: 1.25rem;
2773
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2774
+ }
2775
+
2776
+ .cleen .cleen-translate-x-full {
2777
+ --tw-translate-x: 100%;
2778
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2779
+ }
2780
+
2781
+ .cleen .cleen-translate-y-full {
2782
+ --tw-translate-y: 100%;
2783
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2784
+ }
2785
+
2786
+ .cleen .-cleen-rotate-90 {
2787
+ --tw-rotate: -90deg;
2788
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2789
+ }
2790
+
2791
+ .cleen .cleen-rotate-3 {
2792
+ --tw-rotate: 3deg;
2793
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2794
+ }
2795
+
2796
+ .cleen .cleen-rotate-90 {
2797
+ --tw-rotate: 90deg;
2798
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2799
+ }
2800
+
2801
+ .cleen .cleen-scale-100 {
2802
+ --tw-scale-x: 1;
2803
+ --tw-scale-y: 1;
2804
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2805
+ }
2806
+
2807
+ .cleen .cleen-scale-95 {
2808
+ --tw-scale-x: .95;
2809
+ --tw-scale-y: .95;
2810
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2811
+ }
2812
+
2813
+ .cleen .cleen-transform {
2814
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2815
+ }
2816
+
2817
+ @keyframes cleen-spin {
2818
+ to {
2819
+ transform: rotate(360deg);
2820
+ }
2821
+ }
2822
+
2823
+ .cleen .cleen-animate-\[spin_0\.65s_linear_infinite\] {
2824
+ animation: cleen-spin 0.65s linear infinite;
2825
+ }
2826
+
2827
+ @keyframes cleen-pulse {
2828
+ 50% {
2829
+ opacity: .5;
2830
+ }
2831
+ }
2832
+
2833
+ .cleen .cleen-animate-pulse {
2834
+ animation: cleen-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2835
+ }
2836
+
2837
+ .cleen .cleen-cursor-col-resize {
2838
+ cursor: col-resize;
2839
+ }
2840
+
2841
+ .cleen .cleen-cursor-default {
2842
+ cursor: default;
2843
+ }
2844
+
2845
+ .cleen .cleen-cursor-grab {
2846
+ cursor: grab;
2847
+ }
2848
+
2849
+ .cleen .cleen-cursor-not-allowed {
2850
+ cursor: not-allowed;
2851
+ }
2852
+
2853
+ .cleen .cleen-cursor-pointer {
2854
+ cursor: pointer;
2855
+ }
2856
+
2857
+ .cleen .cleen-cursor-text {
2858
+ cursor: text;
2859
+ }
2860
+
2861
+ .cleen .cleen-touch-none {
2862
+ touch-action: none;
2863
+ }
2864
+
2865
+ .cleen .cleen-select-none {
2866
+ -webkit-user-select: none;
2867
+ -moz-user-select: none;
2868
+ user-select: none;
2869
+ }
2870
+
2871
+ .cleen .cleen-list-none {
2872
+ list-style-type: none;
2873
+ }
2874
+
2875
+ .cleen .cleen-grid-cols-7 {
2876
+ grid-template-columns: repeat(7, minmax(0, 1fr));
2877
+ }
2878
+
2879
+ .cleen .cleen-grid-cols-9 {
2880
+ grid-template-columns: repeat(9, minmax(0, 1fr));
2881
+ }
2882
+
2883
+ .cleen .cleen-flex-row {
2884
+ flex-direction: row;
2885
+ }
2886
+
2887
+ .cleen .cleen-flex-col {
2888
+ flex-direction: column;
2889
+ }
2890
+
2891
+ .cleen .cleen-flex-wrap {
2892
+ flex-wrap: wrap;
2893
+ }
2894
+
2895
+ .cleen .cleen-items-start {
2896
+ align-items: flex-start;
2897
+ }
2898
+
2899
+ .cleen .cleen-items-end {
2900
+ align-items: flex-end;
2901
+ }
2902
+
2903
+ .cleen .cleen-items-center {
2904
+ align-items: center;
2905
+ }
2906
+
2907
+ .cleen .cleen-items-stretch {
2908
+ align-items: stretch;
2909
+ }
2910
+
2911
+ .cleen .cleen-justify-start {
2912
+ justify-content: flex-start;
2913
+ }
2914
+
2915
+ .cleen .cleen-justify-end {
2916
+ justify-content: flex-end;
2917
+ }
2918
+
2919
+ .cleen .cleen-justify-center {
2920
+ justify-content: center;
2921
+ }
2922
+
2923
+ .cleen .cleen-justify-between {
2924
+ justify-content: space-between;
2925
+ }
2926
+
2927
+ .cleen .cleen-justify-around {
2928
+ justify-content: space-around;
2929
+ }
2930
+
2931
+ .cleen .cleen-gap-0 {
2932
+ gap: 0px;
2933
+ }
2934
+
2935
+ .cleen .cleen-gap-0\.5 {
2936
+ gap: 0.125rem;
2937
+ }
2938
+
2939
+ .cleen .cleen-gap-1 {
2940
+ gap: 0.25rem;
2941
+ }
2942
+
2943
+ .cleen .cleen-gap-1\.5 {
2944
+ gap: 0.375rem;
2945
+ }
2946
+
2947
+ .cleen .cleen-gap-2 {
2948
+ gap: 0.5rem;
2949
+ }
2950
+
2951
+ .cleen .cleen-gap-2\.5 {
2952
+ gap: 0.625rem;
2953
+ }
2954
+
2955
+ .cleen .cleen-gap-3 {
2956
+ gap: 0.75rem;
2957
+ }
2958
+
2959
+ .cleen .cleen-gap-3\.5 {
2960
+ gap: 0.875rem;
2961
+ }
2962
+
2963
+ .cleen .cleen-gap-4 {
2964
+ gap: 1rem;
2965
+ }
2966
+
2967
+ .cleen .cleen-gap-5 {
2968
+ gap: 1.25rem;
2969
+ }
2970
+
2971
+ .cleen .cleen-gap-6 {
2972
+ gap: 1.5rem;
2973
+ }
2974
+
2975
+ .cleen .cleen-gap-8 {
2976
+ gap: 2rem;
2977
+ }
2978
+
2979
+ .cleen :is(.cleen-space-y-0\.5 > :not([hidden]) ~ :not([hidden])) {
2980
+ --tw-space-y-reverse: 0;
2981
+ margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
2982
+ margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
2983
+ }
2984
+
2985
+ .cleen :is(.cleen-space-y-1 > :not([hidden]) ~ :not([hidden])) {
2986
+ --tw-space-y-reverse: 0;
2987
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
2988
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
2989
+ }
2990
+
2991
+ .cleen :is(.cleen-space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
2992
+ --tw-space-y-reverse: 0;
2993
+ margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
2994
+ margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
2995
+ }
2996
+
2997
+ .cleen :is(.cleen-space-y-2 > :not([hidden]) ~ :not([hidden])) {
2998
+ --tw-space-y-reverse: 0;
2999
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
3000
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
3001
+ }
3002
+
3003
+ .cleen :is(.cleen-space-y-3 > :not([hidden]) ~ :not([hidden])) {
3004
+ --tw-space-y-reverse: 0;
3005
+ margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
3006
+ margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
3007
+ }
3008
+
3009
+ .cleen :is(.cleen-space-y-4 > :not([hidden]) ~ :not([hidden])) {
3010
+ --tw-space-y-reverse: 0;
3011
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
3012
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
3013
+ }
3014
+
3015
+ .cleen :is(.cleen-space-y-5 > :not([hidden]) ~ :not([hidden])) {
3016
+ --tw-space-y-reverse: 0;
3017
+ margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
3018
+ margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
3019
+ }
3020
+
3021
+ .cleen :is(.cleen-space-y-6 > :not([hidden]) ~ :not([hidden])) {
3022
+ --tw-space-y-reverse: 0;
3023
+ margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
3024
+ margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
3025
+ }
3026
+
3027
+ .cleen :is(.cleen-divide-y > :not([hidden]) ~ :not([hidden])) {
3028
+ --tw-divide-y-reverse: 0;
3029
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
3030
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
3031
+ }
3032
+
3033
+ .cleen :is(.cleen-divide-gray\/10 > :not([hidden]) ~ :not([hidden])) {
3034
+ border-color: rgba(var(--cleen-gray), 0.1);
3035
+ }
3036
+
3037
+ .cleen .cleen-self-end {
3038
+ align-self: flex-end;
3039
+ }
3040
+
3041
+ .cleen .cleen-overflow-auto {
3042
+ overflow: auto;
3043
+ }
3044
+
3045
+ .cleen .cleen-overflow-hidden {
3046
+ overflow: hidden;
3047
+ }
3048
+
3049
+ .cleen .cleen-overflow-visible {
3050
+ overflow: visible;
3051
+ }
3052
+
3053
+ .cleen .cleen-overflow-scroll {
3054
+ overflow: scroll;
3055
+ }
3056
+
3057
+ .cleen .cleen-overflow-x-auto {
3058
+ overflow-x: auto;
3059
+ }
3060
+
3061
+ .cleen .cleen-overflow-y-auto {
3062
+ overflow-y: auto;
3063
+ }
3064
+
3065
+ .cleen .cleen-overflow-y-hidden {
3066
+ overflow-y: hidden;
3067
+ }
3068
+
3069
+ .cleen .cleen-truncate {
3070
+ overflow: hidden;
3071
+ text-overflow: ellipsis;
3072
+ white-space: nowrap;
3073
+ }
3074
+
3075
+ .cleen .cleen-text-ellipsis {
3076
+ text-overflow: ellipsis;
3077
+ }
3078
+
3079
+ .cleen .cleen-whitespace-nowrap {
3080
+ white-space: nowrap;
3081
+ }
3082
+
3083
+ .cleen .cleen-whitespace-pre-wrap {
3084
+ white-space: pre-wrap;
3085
+ }
3086
+
3087
+ .cleen .cleen-text-nowrap {
3088
+ text-wrap: nowrap;
3089
+ }
3090
+
3091
+ .cleen .cleen-rounded {
3092
+ border-radius: 0.25rem;
3093
+ }
3094
+
3095
+ .cleen .cleen-rounded-2xl {
3096
+ border-radius: 1rem;
3097
+ }
3098
+
3099
+ .cleen .cleen-rounded-\[10px\] {
3100
+ border-radius: 10px;
3101
+ }
3102
+
3103
+ .cleen .cleen-rounded-\[50\%\] {
3104
+ border-radius: 50%;
3105
+ }
3106
+
3107
+ .cleen .cleen-rounded-full {
3108
+ border-radius: 9999px;
3109
+ }
3110
+
3111
+ .cleen .cleen-rounded-lg {
3112
+ border-radius: 0.5rem;
3113
+ }
3114
+
3115
+ .cleen .cleen-rounded-md {
3116
+ border-radius: 0.375rem;
3117
+ }
3118
+
3119
+ .cleen .cleen-rounded-none {
3120
+ border-radius: 0px;
3121
+ }
3122
+
3123
+ .cleen .cleen-rounded-sm {
3124
+ border-radius: 0.125rem;
3125
+ }
3126
+
3127
+ .cleen .cleen-rounded-xl {
3128
+ border-radius: 0.75rem;
3129
+ }
3130
+
3131
+ .cleen .cleen-rounded-l-none {
3132
+ border-top-left-radius: 0px;
3133
+ border-bottom-left-radius: 0px;
3134
+ }
3135
+
3136
+ .cleen .cleen-rounded-r-md {
3137
+ border-top-right-radius: 0.375rem;
3138
+ border-bottom-right-radius: 0.375rem;
3139
+ }
3140
+
3141
+ .cleen .cleen-rounded-r-none {
3142
+ border-top-right-radius: 0px;
3143
+ border-bottom-right-radius: 0px;
3144
+ }
3145
+
3146
+ .cleen .cleen-rounded-t {
3147
+ border-top-left-radius: 0.25rem;
3148
+ border-top-right-radius: 0.25rem;
3149
+ }
3150
+
3151
+ .cleen .cleen-rounded-t-lg {
3152
+ border-top-left-radius: 0.5rem;
3153
+ border-top-right-radius: 0.5rem;
3154
+ }
3155
+
3156
+ .cleen .cleen-border {
3157
+ border-width: 1px;
3158
+ }
3159
+
3160
+ .cleen .cleen-border-0 {
3161
+ border-width: 0px;
3162
+ }
3163
+
3164
+ .cleen .cleen-border-2 {
3165
+ border-width: 2px;
3166
+ }
3167
+
3168
+ .cleen .cleen-border-4 {
3169
+ border-width: 4px;
3170
+ }
3171
+
3172
+ .cleen .cleen-border-\[2px\] {
3173
+ border-width: 2px;
3174
+ }
3175
+
3176
+ .cleen .cleen-border-y-\[8px\] {
3177
+ border-top-width: 8px;
3178
+ border-bottom-width: 8px;
3179
+ }
3180
+
3181
+ .cleen .cleen-border-b {
3182
+ border-bottom-width: 1px;
3183
+ }
3184
+
3185
+ .cleen .cleen-border-b-2 {
3186
+ border-bottom-width: 2px;
3187
+ }
3188
+
3189
+ .cleen .cleen-border-b-\[1px\] {
3190
+ border-bottom-width: 1px;
3191
+ }
3192
+
3193
+ .cleen .cleen-border-l-2 {
3194
+ border-left-width: 2px;
3195
+ }
3196
+
3197
+ .cleen .cleen-border-l-\[14px\] {
3198
+ border-left-width: 14px;
3199
+ }
3200
+
3201
+ .cleen .cleen-border-r {
3202
+ border-right-width: 1px;
3203
+ }
3204
+
3205
+ .cleen .cleen-border-t {
3206
+ border-top-width: 1px;
3207
+ }
3208
+
3209
+ .cleen .cleen-border-t-\[1px\] {
3210
+ border-top-width: 1px;
3211
+ }
3212
+
3213
+ .cleen .cleen-border-dashed {
3214
+ border-style: dashed;
3215
+ }
3216
+
3217
+ .cleen .cleen-border-none {
3218
+ border-style: none;
3219
+ }
3220
+
3221
+ .cleen .cleen-border-brand {
3222
+ border-color: rgba(var(--cleen-brand));
3223
+ }
3224
+
3225
+ .cleen .cleen-border-error {
3226
+ border-color: rgba(var(--cleen-error));
3227
+ }
3228
+
3229
+ .cleen .cleen-border-error\/20 {
3230
+ border-color: rgba(var(--cleen-error), 0.2);
3231
+ }
3232
+
3233
+ .cleen .cleen-border-error\/50 {
3234
+ border-color: rgba(var(--cleen-error), 0.5);
3235
+ }
3236
+
3237
+ .cleen .cleen-border-gray\/10 {
3238
+ border-color: rgba(var(--cleen-gray), 0.1);
3239
+ }
3240
+
3241
+ .cleen .cleen-border-gray\/15 {
3242
+ border-color: rgba(var(--cleen-gray), 0.15);
3243
+ }
3244
+
3245
+ .cleen .cleen-border-gray\/20 {
3246
+ border-color: rgba(var(--cleen-gray), 0.2);
3247
+ }
3248
+
3249
+ .cleen .cleen-border-gray\/25 {
3250
+ border-color: rgba(var(--cleen-gray), 0.25);
3251
+ }
3252
+
3253
+ .cleen .cleen-border-gray\/30 {
3254
+ border-color: rgba(var(--cleen-gray), 0.3);
3255
+ }
3256
+
3257
+ .cleen .cleen-border-gray\/60 {
3258
+ border-color: rgba(var(--cleen-gray), 0.6);
3259
+ }
3260
+
3261
+ .cleen .cleen-border-indigo\/50 {
3262
+ border-color: rgba(var(--cleen-indigo), 0.5);
3263
+ }
3264
+
3265
+ .cleen .cleen-border-pink\/50 {
3266
+ border-color: rgba(var(--cleen-pink), 0.5);
3267
+ }
3268
+
3269
+ .cleen .cleen-border-primary {
3270
+ border-color: rgba(var(--cleen-primary));
3271
+ }
3272
+
3273
+ .cleen .cleen-border-primary\/20 {
3274
+ border-color: rgba(var(--cleen-primary), 0.2);
3275
+ }
3276
+
3277
+ .cleen .cleen-border-primary\/30 {
3278
+ border-color: rgba(var(--cleen-primary), 0.3);
3279
+ }
3280
+
3281
+ .cleen .cleen-border-primary\/50 {
3282
+ border-color: rgba(var(--cleen-primary), 0.5);
3283
+ }
3284
+
3285
+ .cleen .cleen-border-primary\/60 {
3286
+ border-color: rgba(var(--cleen-primary), 0.6);
3287
+ }
3288
+
3289
+ .cleen .cleen-border-purple\/20 {
3290
+ border-color: rgba(var(--cleen-purple), 0.2);
3291
+ }
3292
+
3293
+ .cleen .cleen-border-success\/20 {
3294
+ border-color: rgba(var(--cleen-success), 0.2);
3295
+ }
3296
+
3297
+ .cleen .cleen-border-transparent {
3298
+ border-color: transparent;
3299
+ }
3300
+
3301
+ .cleen .cleen-border-warning\/20 {
3302
+ border-color: rgba(var(--cleen-warning), 0.2);
3303
+ }
3304
+
3305
+ .cleen .cleen-border-white {
3306
+ border-color: rgba(var(--cleen-white));
3307
+ }
3308
+
3309
+ .cleen .cleen-border-y-transparent {
3310
+ border-top-color: transparent;
3311
+ border-bottom-color: transparent;
3312
+ }
3313
+
3314
+ .cleen .cleen-border-b-gray\/10 {
3315
+ border-bottom-color: rgba(var(--cleen-gray), 0.1);
3316
+ }
3317
+
3318
+ .cleen .cleen-border-b-transparent {
3319
+ border-bottom-color: transparent;
3320
+ }
3321
+
3322
+ .cleen .cleen-border-l-gray\/40 {
3323
+ border-left-color: rgba(var(--cleen-gray), 0.4);
3324
+ }
3325
+
3326
+ .cleen .cleen-border-r-gray\/10 {
3327
+ border-right-color: rgba(var(--cleen-gray), 0.1);
3328
+ }
3329
+
3330
+ .cleen .cleen-border-t-gray\/10 {
3331
+ border-top-color: rgba(var(--cleen-gray), 0.1);
3332
+ }
3333
+
3334
+ .cleen .cleen-bg-background {
3335
+ background-color: rgba(var(--cleen-background));
3336
+ }
3337
+
3338
+ .cleen .cleen-bg-black\/50 {
3339
+ background-color: rgba(var(--cleen-black), 0.5);
3340
+ }
3341
+
3342
+ .cleen .cleen-bg-brand {
3343
+ background-color: rgba(var(--cleen-brand));
3344
+ }
3345
+
3346
+ .cleen .cleen-bg-brand\/10 {
3347
+ background-color: rgba(var(--cleen-brand), 0.1);
3348
+ }
3349
+
3350
+ .cleen .cleen-bg-error {
3351
+ background-color: rgba(var(--cleen-error));
3352
+ }
3353
+
3354
+ .cleen .cleen-bg-error\/10 {
3355
+ background-color: rgba(var(--cleen-error), 0.1);
3356
+ }
3357
+
3358
+ .cleen .cleen-bg-error\/5 {
3359
+ background-color: rgba(var(--cleen-error), 0.05);
3360
+ }
3361
+
3362
+ .cleen .cleen-bg-error\/50 {
3363
+ background-color: rgba(var(--cleen-error), 0.5);
3364
+ }
3365
+
3366
+ .cleen .cleen-bg-error\/60 {
3367
+ background-color: rgba(var(--cleen-error), 0.6);
3368
+ }
3369
+
3370
+ .cleen .cleen-bg-error\/80 {
3371
+ background-color: rgba(var(--cleen-error), 0.8);
3372
+ }
3373
+
3374
+ .cleen .cleen-bg-gray\/10 {
3375
+ background-color: rgba(var(--cleen-gray), 0.1);
3376
+ }
3377
+
3378
+ .cleen .cleen-bg-gray\/15 {
3379
+ background-color: rgba(var(--cleen-gray), 0.15);
3380
+ }
3381
+
3382
+ .cleen .cleen-bg-gray\/20 {
3383
+ background-color: rgba(var(--cleen-gray), 0.2);
3384
+ }
3385
+
3386
+ .cleen .cleen-bg-gray\/30 {
3387
+ background-color: rgba(var(--cleen-gray), 0.3);
3388
+ }
3389
+
3390
+ .cleen .cleen-bg-gray\/5 {
3391
+ background-color: rgba(var(--cleen-gray), 0.05);
3392
+ }
3393
+
3394
+ .cleen .cleen-bg-gray\/50 {
3395
+ background-color: rgba(var(--cleen-gray), 0.5);
3396
+ }
3397
+
3398
+ .cleen .cleen-bg-gray\/80 {
3399
+ background-color: rgba(var(--cleen-gray), 0.8);
3400
+ }
3401
+
3402
+ .cleen .cleen-bg-indigo\/5 {
3403
+ background-color: rgba(var(--cleen-indigo), 0.05);
3404
+ }
3405
+
3406
+ .cleen .cleen-bg-indigo\/50 {
3407
+ background-color: rgba(var(--cleen-indigo), 0.5);
3408
+ }
3409
+
3410
+ .cleen .cleen-bg-pink\/5 {
3411
+ background-color: rgba(var(--cleen-pink), 0.05);
3412
+ }
3413
+
3414
+ .cleen .cleen-bg-pink\/50 {
3415
+ background-color: rgba(var(--cleen-pink), 0.5);
3416
+ }
3417
+
3418
+ .cleen .cleen-bg-primary {
3419
+ background-color: rgba(var(--cleen-primary));
3420
+ }
3421
+
3422
+ .cleen .cleen-bg-primary\/10 {
3423
+ background-color: rgba(var(--cleen-primary), 0.1);
3424
+ }
3425
+
3426
+ .cleen .cleen-bg-primary\/5 {
3427
+ background-color: rgba(var(--cleen-primary), 0.05);
3428
+ }
3429
+
3430
+ .cleen .cleen-bg-primary\/50 {
3431
+ background-color: rgba(var(--cleen-primary), 0.5);
3432
+ }
3433
+
3434
+ .cleen .cleen-bg-primary\/60 {
3435
+ background-color: rgba(var(--cleen-primary), 0.6);
3436
+ }
3437
+
3438
+ .cleen .cleen-bg-primary\/80 {
3439
+ background-color: rgba(var(--cleen-primary), 0.8);
3440
+ }
3441
+
3442
+ .cleen .cleen-bg-purple\/5 {
3443
+ background-color: rgba(var(--cleen-purple), 0.05);
3444
+ }
3445
+
3446
+ .cleen .cleen-bg-purple\/50 {
3447
+ background-color: rgba(var(--cleen-purple), 0.5);
3448
+ }
3449
+
3450
+ .cleen .cleen-bg-sidebar {
3451
+ background-color: rgba(var(--cleen-sidebar));
3452
+ }
3453
+
3454
+ .cleen .cleen-bg-success {
3455
+ background-color: rgba(var(--cleen-success));
3456
+ }
3457
+
3458
+ .cleen .cleen-bg-success\/10 {
3459
+ background-color: rgba(var(--cleen-success), 0.1);
3460
+ }
3461
+
3462
+ .cleen .cleen-bg-success\/5 {
3463
+ background-color: rgba(var(--cleen-success), 0.05);
3464
+ }
3465
+
3466
+ .cleen .cleen-bg-success\/50 {
3467
+ background-color: rgba(var(--cleen-success), 0.5);
3468
+ }
3469
+
3470
+ .cleen .cleen-bg-transparent {
3471
+ background-color: transparent;
3472
+ }
3473
+
3474
+ .cleen .cleen-bg-warning\/5 {
3475
+ background-color: rgba(var(--cleen-warning), 0.05);
3476
+ }
3477
+
3478
+ .cleen .cleen-bg-warning\/50 {
3479
+ background-color: rgba(var(--cleen-warning), 0.5);
3480
+ }
3481
+
3482
+ .cleen .cleen-bg-warning\/80 {
3483
+ background-color: rgba(var(--cleen-warning), 0.8);
3484
+ }
3485
+
3486
+ .cleen .cleen-bg-white {
3487
+ background-color: rgba(var(--cleen-white));
3488
+ }
3489
+
3490
+ .cleen .cleen-stroke-\[3px\] {
3491
+ stroke-width: 3px;
3492
+ }
3493
+
3494
+ .cleen .cleen-object-cover {
3495
+ -o-object-fit: cover;
3496
+ object-fit: cover;
3497
+ }
3498
+
3499
+ .cleen .cleen-p-0 {
3500
+ padding: 0px;
3501
+ }
3502
+
3503
+ .cleen .cleen-p-0\.5 {
3504
+ padding: 0.125rem;
3505
+ }
3506
+
3507
+ .cleen .cleen-p-1 {
3508
+ padding: 0.25rem;
3509
+ }
3510
+
3511
+ .cleen .cleen-p-1\.5 {
3512
+ padding: 0.375rem;
3513
+ }
3514
+
3515
+ .cleen .cleen-p-2 {
3516
+ padding: 0.5rem;
3517
+ }
3518
+
3519
+ .cleen .cleen-p-2\.5 {
3520
+ padding: 0.625rem;
3521
+ }
3522
+
3523
+ .cleen .cleen-p-3 {
3524
+ padding: 0.75rem;
3525
+ }
3526
+
3527
+ .cleen .cleen-p-4 {
3528
+ padding: 1rem;
3529
+ }
3530
+
3531
+ .cleen .cleen-p-5 {
3532
+ padding: 1.25rem;
3533
+ }
3534
+
3535
+ .cleen .cleen-p-6 {
3536
+ padding: 1.5rem;
3537
+ }
3538
+
3539
+ .cleen .cleen-p-8 {
3540
+ padding: 2rem;
3541
+ }
3542
+
3543
+ .cleen .\!cleen-px-3 {
3544
+ padding-left: 0.75rem !important;
3545
+ padding-right: 0.75rem !important;
3546
+ }
3547
+
3548
+ .cleen .\!cleen-py-3 {
3549
+ padding-top: 0.75rem !important;
3550
+ padding-bottom: 0.75rem !important;
3551
+ }
3552
+
3553
+ .cleen .cleen-px-1 {
3554
+ padding-left: 0.25rem;
3555
+ padding-right: 0.25rem;
3556
+ }
3557
+
3558
+ .cleen .cleen-px-1\.5 {
3559
+ padding-left: 0.375rem;
3560
+ padding-right: 0.375rem;
3561
+ }
3562
+
3563
+ .cleen .cleen-px-2 {
3564
+ padding-left: 0.5rem;
3565
+ padding-right: 0.5rem;
3566
+ }
3567
+
3568
+ .cleen .cleen-px-3 {
3569
+ padding-left: 0.75rem;
3570
+ padding-right: 0.75rem;
3571
+ }
3572
+
3573
+ .cleen .cleen-px-3\.5 {
3574
+ padding-left: 0.875rem;
3575
+ padding-right: 0.875rem;
3576
+ }
3577
+
3578
+ .cleen .cleen-px-4 {
3579
+ padding-left: 1rem;
3580
+ padding-right: 1rem;
3581
+ }
3582
+
3583
+ .cleen .cleen-px-5 {
3584
+ padding-left: 1.25rem;
3585
+ padding-right: 1.25rem;
3586
+ }
3587
+
3588
+ .cleen .cleen-px-6 {
3589
+ padding-left: 1.5rem;
3590
+ padding-right: 1.5rem;
3591
+ }
3592
+
3593
+ .cleen .cleen-px-8 {
3594
+ padding-left: 2rem;
3595
+ padding-right: 2rem;
3596
+ }
3597
+
3598
+ .cleen .cleen-py-0\.5 {
3599
+ padding-top: 0.125rem;
3600
+ padding-bottom: 0.125rem;
3601
+ }
3602
+
3603
+ .cleen .cleen-py-1 {
3604
+ padding-top: 0.25rem;
3605
+ padding-bottom: 0.25rem;
3606
+ }
3607
+
3608
+ .cleen .cleen-py-1\.5 {
3609
+ padding-top: 0.375rem;
3610
+ padding-bottom: 0.375rem;
3611
+ }
3612
+
3613
+ .cleen .cleen-py-12 {
3614
+ padding-top: 3rem;
3615
+ padding-bottom: 3rem;
3616
+ }
3617
+
3618
+ .cleen .cleen-py-2 {
3619
+ padding-top: 0.5rem;
3620
+ padding-bottom: 0.5rem;
3621
+ }
3622
+
3623
+ .cleen .cleen-py-2\.5 {
3624
+ padding-top: 0.625rem;
3625
+ padding-bottom: 0.625rem;
3626
+ }
3627
+
3628
+ .cleen .cleen-py-3 {
3629
+ padding-top: 0.75rem;
3630
+ padding-bottom: 0.75rem;
3631
+ }
3632
+
3633
+ .cleen .cleen-py-4 {
3634
+ padding-top: 1rem;
3635
+ padding-bottom: 1rem;
3636
+ }
3637
+
3638
+ .cleen .cleen-py-6 {
3639
+ padding-top: 1.5rem;
3640
+ padding-bottom: 1.5rem;
3641
+ }
3642
+
3643
+ .cleen .\!cleen-pl-2 {
3644
+ padding-left: 0.5rem !important;
3645
+ }
3646
+
3647
+ .cleen .\!cleen-pr-2 {
3648
+ padding-right: 0.5rem !important;
3649
+ }
3650
+
3651
+ .cleen .cleen-pb-0\.5 {
3652
+ padding-bottom: 0.125rem;
3653
+ }
3654
+
3655
+ .cleen .cleen-pb-1\.5 {
3656
+ padding-bottom: 0.375rem;
3657
+ }
3658
+
3659
+ .cleen .cleen-pb-3 {
3660
+ padding-bottom: 0.75rem;
3661
+ }
3662
+
3663
+ .cleen .cleen-pb-4 {
3664
+ padding-bottom: 1rem;
3665
+ }
3666
+
3667
+ .cleen .cleen-pb-6 {
3668
+ padding-bottom: 1.5rem;
3669
+ }
3670
+
3671
+ .cleen .cleen-pb-8 {
3672
+ padding-bottom: 2rem;
3673
+ }
3674
+
3675
+ .cleen .cleen-pl-0 {
3676
+ padding-left: 0px;
3677
+ }
3678
+
3679
+ .cleen .cleen-pl-1 {
3680
+ padding-left: 0.25rem;
3681
+ }
3682
+
3683
+ .cleen .cleen-pl-12 {
3684
+ padding-left: 3rem;
3685
+ }
3686
+
3687
+ .cleen .cleen-pl-2 {
3688
+ padding-left: 0.5rem;
3689
+ }
3690
+
3691
+ .cleen .cleen-pl-2\.5 {
3692
+ padding-left: 0.625rem;
3693
+ }
3694
+
3695
+ .cleen .cleen-pl-3 {
3696
+ padding-left: 0.75rem;
3697
+ }
3698
+
3699
+ .cleen .cleen-pl-3\.5 {
3700
+ padding-left: 0.875rem;
3701
+ }
3702
+
3703
+ .cleen .cleen-pr-0 {
3704
+ padding-right: 0px;
3705
+ }
3706
+
3707
+ .cleen .cleen-pr-2 {
3708
+ padding-right: 0.5rem;
3709
+ }
3710
+
3711
+ .cleen .cleen-pt-0 {
3712
+ padding-top: 0px;
3713
+ }
3714
+
3715
+ .cleen .cleen-pt-1 {
3716
+ padding-top: 0.25rem;
3717
+ }
3718
+
3719
+ .cleen .cleen-pt-2 {
3720
+ padding-top: 0.5rem;
3721
+ }
3722
+
3723
+ .cleen .cleen-pt-4 {
3724
+ padding-top: 1rem;
3725
+ }
3726
+
3727
+ .cleen .cleen-pt-6 {
3728
+ padding-top: 1.5rem;
3729
+ }
3730
+
3731
+ .cleen .cleen-pt-8 {
3732
+ padding-top: 2rem;
3733
+ }
3734
+
3735
+ .cleen .cleen-pt-9 {
3736
+ padding-top: 2.25rem;
3737
+ }
3738
+
3739
+ .cleen .cleen-text-left {
3740
+ text-align: left;
3741
+ }
3742
+
3743
+ .cleen .cleen-text-center {
3744
+ text-align: center;
3745
+ }
3746
+
3747
+ .cleen .cleen-text-2xl {
3748
+ font-size: 1.5rem;
3749
+ line-height: 2rem;
3750
+ }
3751
+
3752
+ .cleen .cleen-text-5xl {
3753
+ font-size: 3rem;
3754
+ line-height: 1;
3755
+ }
3756
+
3757
+ .cleen .cleen-text-\[10px\] {
3758
+ font-size: 10px;
3759
+ }
3760
+
3761
+ .cleen .cleen-text-\[12px\] {
3762
+ font-size: 12px;
3763
+ }
3764
+
3765
+ .cleen .cleen-text-\[14px\] {
3766
+ font-size: 14px;
3767
+ }
3768
+
3769
+ .cleen .cleen-text-\[20px\] {
3770
+ font-size: 20px;
3771
+ }
3772
+
3773
+ .cleen .cleen-text-\[8px\] {
3774
+ font-size: 8px;
3775
+ }
3776
+
3777
+ .cleen .cleen-text-base {
3778
+ font-size: 1rem;
3779
+ line-height: 1.5rem;
3780
+ }
3781
+
3782
+ .cleen .cleen-text-lg {
3783
+ font-size: 1.125rem;
3784
+ line-height: 1.75rem;
3785
+ }
3786
+
3787
+ .cleen .cleen-text-sm {
3788
+ font-size: 0.875rem;
3789
+ line-height: 1.25rem;
3790
+ }
3791
+
3792
+ .cleen .cleen-text-xl {
3793
+ font-size: 1.25rem;
3794
+ line-height: 1.75rem;
3795
+ }
3796
+
3797
+ .cleen .cleen-text-xs {
3798
+ font-size: 0.75rem;
3799
+ line-height: 1rem;
3800
+ }
3801
+
3802
+ .cleen .cleen-font-bold {
3803
+ font-weight: 700;
3804
+ }
3805
+
3806
+ .cleen .cleen-font-medium {
3807
+ font-weight: 500;
3808
+ }
3809
+
3810
+ .cleen .cleen-font-normal {
3811
+ font-weight: 400;
3812
+ }
3813
+
3814
+ .cleen .cleen-font-semibold {
3815
+ font-weight: 600;
3816
+ }
3817
+
3818
+ .cleen .cleen-uppercase {
3819
+ text-transform: uppercase;
3820
+ }
3821
+
3822
+ .cleen .cleen-tabular-nums {
3823
+ --tw-numeric-spacing: tabular-nums;
3824
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
3825
+ }
3826
+
3827
+ .cleen .cleen-leading-5 {
3828
+ line-height: 1.25rem;
3829
+ }
3830
+
3831
+ .cleen .cleen-leading-6 {
3832
+ line-height: 1.5rem;
3833
+ }
3834
+
3835
+ .cleen .cleen-leading-\[20px\] {
3836
+ line-height: 20px;
3837
+ }
3838
+
3839
+ .cleen .cleen-text-black {
3840
+ color: rgba(var(--cleen-black));
3841
+ }
3842
+
3843
+ .cleen .cleen-text-black\/60 {
3844
+ color: rgba(var(--cleen-black), 0.6);
3845
+ }
3846
+
3847
+ .cleen .cleen-text-error {
3848
+ color: rgba(var(--cleen-error));
3849
+ }
3850
+
3851
+ .cleen .cleen-text-error\/60 {
3852
+ color: rgba(var(--cleen-error), 0.6);
3853
+ }
3854
+
3855
+ .cleen .cleen-text-gray {
3856
+ color: rgba(var(--cleen-gray));
3857
+ }
3858
+
3859
+ .cleen .cleen-text-gray\/10 {
3860
+ color: rgba(var(--cleen-gray), 0.1);
3861
+ }
3862
+
3863
+ .cleen .cleen-text-gray\/20 {
3864
+ color: rgba(var(--cleen-gray), 0.2);
3865
+ }
3866
+
3867
+ .cleen .cleen-text-gray\/30 {
3868
+ color: rgba(var(--cleen-gray), 0.3);
3869
+ }
3870
+
3871
+ .cleen .cleen-text-gray\/40 {
3872
+ color: rgba(var(--cleen-gray), 0.4);
3873
+ }
3874
+
3875
+ .cleen .cleen-text-gray\/50 {
3876
+ color: rgba(var(--cleen-gray), 0.5);
3877
+ }
3878
+
3879
+ .cleen .cleen-text-gray\/60 {
3880
+ color: rgba(var(--cleen-gray), 0.6);
3881
+ }
3882
+
3883
+ .cleen .cleen-text-gray\/70 {
3884
+ color: rgba(var(--cleen-gray), 0.7);
3885
+ }
3886
+
3887
+ .cleen .cleen-text-gray\/80 {
3888
+ color: rgba(var(--cleen-gray), 0.8);
3889
+ }
3890
+
3891
+ .cleen .cleen-text-gray\/90 {
3892
+ color: rgba(var(--cleen-gray), 0.9);
3893
+ }
3894
+
3895
+ .cleen .cleen-text-indigo\/80 {
3896
+ color: rgba(var(--cleen-indigo), 0.8);
3897
+ }
3898
+
3899
+ .cleen .cleen-text-pink\/80 {
3900
+ color: rgba(var(--cleen-pink), 0.8);
3901
+ }
3902
+
3903
+ .cleen .cleen-text-primary {
3904
+ color: rgba(var(--cleen-primary));
3905
+ }
3906
+
3907
+ .cleen .cleen-text-primary\/70 {
3908
+ color: rgba(var(--cleen-primary), 0.7);
3909
+ }
3910
+
3911
+ .cleen .cleen-text-purple\/80 {
3912
+ color: rgba(var(--cleen-purple), 0.8);
3913
+ }
3914
+
3915
+ .cleen .cleen-text-success {
3916
+ color: rgba(var(--cleen-success));
3917
+ }
3918
+
3919
+ .cleen .cleen-text-transparent {
3920
+ color: transparent;
3921
+ }
3922
+
3923
+ .cleen .cleen-text-warning {
3924
+ color: rgba(var(--cleen-warning));
3925
+ }
3926
+
3927
+ .cleen .cleen-text-white {
3928
+ color: rgba(var(--cleen-white));
3929
+ }
3930
+
3931
+ .cleen .cleen-line-through {
3932
+ text-decoration-line: line-through;
3933
+ }
3934
+
3935
+ .cleen .cleen-opacity-0 {
3936
+ opacity: 0;
3937
+ }
3938
+
3939
+ .cleen .cleen-opacity-100 {
3940
+ opacity: 1;
3941
+ }
3942
+
3943
+ .cleen .cleen-opacity-30 {
3944
+ opacity: 0.3;
3945
+ }
3946
+
3947
+ .cleen .cleen-opacity-50 {
3948
+ opacity: 0.5;
3949
+ }
3950
+
3951
+ .cleen .cleen-opacity-60 {
3952
+ opacity: 0.6;
3953
+ }
3954
+
3955
+ .cleen .cleen-opacity-90 {
3956
+ opacity: 0.9;
3957
+ }
3958
+
3959
+ .cleen .\!cleen-shadow-none {
3960
+ --tw-shadow: 0 0 #0000 !important;
3961
+ --tw-shadow-colored: 0 0 #0000 !important;
3962
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
3963
+ }
3964
+
3965
+ .cleen .cleen-shadow {
3966
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3967
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3968
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3969
+ }
3970
+
3971
+ .cleen .cleen-shadow-\[0px_12px_16px_-4px_rgba\(var\(--cleen-gray\)\,0\.1\)\] {
3972
+ --tw-shadow: 0px 12px 16px -4px rgba(var(--cleen-gray),0.1);
3973
+ --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color);
3974
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3975
+ }
3976
+
3977
+ .cleen .cleen-shadow-lg {
3978
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3979
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3980
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3981
+ }
3982
+
3983
+ .cleen .cleen-shadow-md {
3984
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3985
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3986
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3987
+ }
3988
+
3989
+ .cleen .cleen-shadow-none {
3990
+ --tw-shadow: 0 0 #0000;
3991
+ --tw-shadow-colored: 0 0 #0000;
3992
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3993
+ }
3994
+
3995
+ .cleen .cleen-shadow-sm {
3996
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3997
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3998
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3999
+ }
4000
+
4001
+ .cleen .cleen-shadow-xl {
4002
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
4003
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
4004
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4005
+ }
4006
+
4007
+ .cleen .cleen-outline-none {
4008
+ outline: 2px solid transparent;
4009
+ outline-offset: 2px;
4010
+ }
4011
+
4012
+ .cleen .cleen-ring-0 {
4013
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4014
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4015
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
4016
+ }
4017
+
4018
+ .cleen .cleen-ring-1 {
4019
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4020
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4021
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
4022
+ }
4023
+
4024
+ .cleen .cleen-ring-primary {
4025
+ --tw-ring-color: rgba(var(--cleen-primary));
4026
+ }
4027
+
4028
+ .cleen .cleen-ring-offset-1 {
4029
+ --tw-ring-offset-width: 1px;
4030
+ }
4031
+
4032
+ .cleen .cleen-transition {
4033
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
4034
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4035
+ transition-duration: 150ms;
4036
+ }
4037
+
4038
+ .cleen .cleen-transition-\[width\] {
4039
+ transition-property: width;
4040
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4041
+ transition-duration: 150ms;
4042
+ }
4043
+
4044
+ .cleen .cleen-transition-all {
4045
+ transition-property: all;
4046
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4047
+ transition-duration: 150ms;
4048
+ }
4049
+
4050
+ .cleen .cleen-transition-colors {
4051
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
4052
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4053
+ transition-duration: 150ms;
4054
+ }
4055
+
4056
+ .cleen .cleen-transition-opacity {
4057
+ transition-property: opacity;
4058
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4059
+ transition-duration: 150ms;
4060
+ }
4061
+
4062
+ .cleen .cleen-transition-transform {
4063
+ transition-property: transform;
4064
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4065
+ transition-duration: 150ms;
4066
+ }
4067
+
4068
+ .cleen .cleen-duration-100 {
4069
+ transition-duration: 100ms;
4070
+ }
4071
+
4072
+ .cleen .cleen-duration-150 {
4073
+ transition-duration: 150ms;
4074
+ }
4075
+
4076
+ .cleen .cleen-duration-200 {
4077
+ transition-duration: 200ms;
4078
+ }
4079
+
4080
+ .cleen .cleen-duration-300 {
4081
+ transition-duration: 300ms;
4082
+ }
4083
+
4084
+ .cleen .cleen-ease-in-out {
4085
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4086
+ }
4087
+
4088
+ .cleen .\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(22\%\)_sepia\(12\%\)_saturate\(1405\%\)_hue-rotate\(179deg\)_brightness\(93\%\)_contrast\(86\%\)\] {
4089
+ filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(1405%) hue-rotate(179deg) brightness(93%) contrast(86%);
4090
+ }
4091
+
4092
+ .cleen .\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(54\%\)_sepia\(56\%\)_saturate\(7022\%\)_hue-rotate\(179deg\)_brightness\(102\%\)_contrast\(101\%\)\] {
4093
+ filter: brightness(0) saturate(100%) invert(54%) sepia(56%) saturate(7022%) hue-rotate(179deg) brightness(102%) contrast(101%);
4094
+ }
4095
+
4096
+ /* Hide scrollbar for Chrome, Safari and Opera */
4097
+
4098
+ .cleen-no-scrollbar::-webkit-scrollbar {
4099
+ display: none;
4100
+ }
4101
+
4102
+ /* Hide scrollbar for IE, Edge and Firefox */
4103
+
4104
+ .cleen-no-scrollbar {
4105
+ -ms-overflow-style: none;
4106
+ /* IE and Edge */
4107
+ scrollbar-width: none;
4108
+ /* Firefox */
4109
+ }
4110
+
4111
+ :root {
4112
+ --cleen-white: 255, 255, 255;
4113
+ --cleen-black: 0, 0, 0;
4114
+ --cleen-gray: 38, 38, 38;
4115
+ --cleen-pink: 193, 21, 116;
4116
+ --cleen-purple: 89, 37, 220;
4117
+ --cleen-indigo: 53, 56, 205;
4118
+ --cleen-blue: 23, 92, 211;
4119
+ --cleen-light-gray: 200, 200, 200;
4120
+ --cleen-primary: 0, 133, 211;
4121
+ --cleen-success: 6, 118, 71;
4122
+ --cleen-warning: 181, 71, 8;
4123
+ --cleen-error: 180, 35, 24;
4124
+ --cleen-brand: 68, 129, 193;
4125
+ --cleen-sidebar: 249, 250, 251;
4126
+ --cleen-background: 255, 255, 255;
4127
+ --cleen-accent: 65, 70, 81;
4128
+ --toastify-color-light: rgb(var(--cleen-background));
4129
+ --toastify-text-color-light: rgba(var(--cleen-gray), 0.6);
4130
+ --toastify-toast-shadow: 0px 4px 12px rgba(var(--cleen-black), 0.1);
4131
+ --toastify-color-info: rgb(var(--cleen-primary));
4132
+ --toastify-color-success: rgb(var(--cleen-success));
4133
+ --toastify-color-warning: rgb(var(--cleen-warning));
4134
+ --toastify-color-error: rgb(var(--cleen-error));
4135
+ .Toastify__close-button {
4136
+ color: rgb(var(--cleen-black));
4137
+ }
4138
+ .rdp-root {
4139
+ --rdp-accent-color: rgb(var(--cleen-primary));
4140
+ --rdp-accent-background-color: rgb(var(--cleen-background));
4141
+ }
4142
+ .cleen-waveform ::part(region-handle) {
4143
+ border-color: rgb(var(--cleen-black)) !important;
4144
+ }
4145
+ }
4146
+
4147
+ .dark {
4148
+ --cleen-white: 3, 7, 18;
4149
+ --cleen-black: 243, 244, 246;
4150
+ --cleen-gray: 209, 213, 219;
4151
+ --cleen-pink: 236, 72, 153;
4152
+ --cleen-purple: 168, 85, 247;
4153
+ --cleen-indigo: 99, 102, 241;
4154
+ --cleen-blue: 59, 130, 246;
4155
+ --cleen-light-gray: 100, 100, 100;
4156
+ --cleen-primary: 0, 157, 248;
4157
+ --cleen-success: 34, 197, 94;
4158
+ --cleen-warning: 251, 191, 36;
4159
+ --cleen-error: 239, 68, 68;
4160
+ --cleen-brand: 0, 122, 204;
4161
+ --cleen-sidebar: 17, 24, 39;
4162
+ --cleen-background: 3, 7, 18;
4163
+ --cleen-accent: 255, 255, 255;
4164
+ }
4165
+
4166
+ .cleen .file\:cleen-hidden::file-selector-button {
4167
+ display: none;
4168
+ }
4169
+
4170
+ .cleen .placeholder\:cleen-hidden::-moz-placeholder {
4171
+ display: none;
4172
+ }
4173
+
4174
+ .cleen .placeholder\:cleen-hidden::placeholder {
4175
+ display: none;
4176
+ }
4177
+
4178
+ .cleen .placeholder\:cleen-font-normal::-moz-placeholder {
4179
+ font-weight: 400;
4180
+ }
4181
+
4182
+ .cleen .placeholder\:cleen-font-normal::placeholder {
4183
+ font-weight: 400;
4184
+ }
4185
+
4186
+ .cleen .placeholder\:cleen-text-gray\/50::-moz-placeholder {
4187
+ color: rgba(var(--cleen-gray), 0.5);
4188
+ }
4189
+
4190
+ .cleen .placeholder\:cleen-text-gray\/50::placeholder {
4191
+ color: rgba(var(--cleen-gray), 0.5);
4192
+ }
4193
+
4194
+ .cleen .after\:cleen-absolute::after {
4195
+ content: var(--tw-content);
4196
+ position: absolute;
4197
+ }
4198
+
4199
+ .cleen .after\:cleen-bottom-full::after {
4200
+ content: var(--tw-content);
4201
+ bottom: 100%;
4202
+ }
4203
+
4204
+ .cleen .after\:cleen-left-\[calc\(50\%-6px\)\]::after {
4205
+ content: var(--tw-content);
4206
+ left: calc(50% - 6px);
4207
+ }
4208
+
4209
+ .cleen .after\:cleen-left-full::after {
4210
+ content: var(--tw-content);
4211
+ left: 100%;
4212
+ }
4213
+
4214
+ .cleen .after\:cleen-right-full::after {
4215
+ content: var(--tw-content);
4216
+ right: 100%;
4217
+ }
4218
+
4219
+ .cleen .after\:cleen-top-\[calc\(50\%-6px\)\]::after {
4220
+ content: var(--tw-content);
4221
+ top: calc(50% - 6px);
4222
+ }
4223
+
4224
+ .cleen .after\:cleen-top-full::after {
4225
+ content: var(--tw-content);
4226
+ top: 100%;
4227
+ }
4228
+
4229
+ .cleen .after\:cleen-hidden::after {
4230
+ content: var(--tw-content);
4231
+ display: none;
4232
+ }
4233
+
4234
+ .cleen .after\:cleen-border-\[6px\]::after {
4235
+ content: var(--tw-content);
4236
+ border-width: 6px;
4237
+ }
4238
+
4239
+ .cleen .after\:cleen-border-primary::after {
4240
+ content: var(--tw-content);
4241
+ border-color: rgba(var(--cleen-primary));
4242
+ }
4243
+
4244
+ .cleen .after\:cleen-border-white::after {
4245
+ content: var(--tw-content);
4246
+ border-color: rgba(var(--cleen-white));
4247
+ }
4248
+
4249
+ .cleen .after\:cleen-border-x-transparent::after {
4250
+ content: var(--tw-content);
4251
+ border-left-color: transparent;
4252
+ border-right-color: transparent;
4253
+ }
4254
+
4255
+ .cleen .after\:cleen-border-y-transparent::after {
4256
+ content: var(--tw-content);
4257
+ border-top-color: transparent;
4258
+ border-bottom-color: transparent;
4259
+ }
4260
+
4261
+ .cleen .after\:cleen-border-b-transparent::after {
4262
+ content: var(--tw-content);
4263
+ border-bottom-color: transparent;
4264
+ }
4265
+
4266
+ .cleen .after\:cleen-border-l-transparent::after {
4267
+ content: var(--tw-content);
4268
+ border-left-color: transparent;
4269
+ }
4270
+
4271
+ .cleen .after\:cleen-border-r-transparent::after {
4272
+ content: var(--tw-content);
4273
+ border-right-color: transparent;
4274
+ }
4275
+
4276
+ .cleen .after\:cleen-border-t-transparent::after {
4277
+ content: var(--tw-content);
4278
+ border-top-color: transparent;
4279
+ }
4280
+
4281
+ .cleen .after\:cleen-drop-shadow-\[-0\.25px_0_0\.5px_rgba\(var\(--cleen-black\)\2c 0\.1\)\]::after {
4282
+ content: var(--tw-content);
4283
+ --tw-drop-shadow: drop-shadow(-0.25px 0 0.5px rgba(var(--cleen-black),0.1));
4284
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4285
+ }
4286
+
4287
+ .cleen .after\:cleen-drop-shadow-\[0_-0\.25px_0\.5px_rgba\(var\(--cleen-black\)\2c 0\.1\)\]::after {
4288
+ content: var(--tw-content);
4289
+ --tw-drop-shadow: drop-shadow(0 -0.25px 0.5px rgba(var(--cleen-black),0.1));
4290
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4291
+ }
4292
+
4293
+ .cleen .after\:cleen-drop-shadow-\[0_1px_0\.5px_rgba\(var\(--cleen-black\)\2c 0\.1\)\]::after {
4294
+ content: var(--tw-content);
4295
+ --tw-drop-shadow: drop-shadow(0 1px 0.5px rgba(var(--cleen-black),0.1));
4296
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4297
+ }
4298
+
4299
+ .cleen .after\:cleen-drop-shadow-\[1px_0_0\.5px_rgba\(var\(--cleen-black\)\2c 0\.1\)\]::after {
4300
+ content: var(--tw-content);
4301
+ --tw-drop-shadow: drop-shadow(1px 0 0.5px rgba(var(--cleen-black),0.1));
4302
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
4303
+ }
4304
+
4305
+ .cleen .after\:cleen-content-\[\"\"\]::after {
4306
+ --tw-content: "";
4307
+ content: var(--tw-content);
4308
+ }
4309
+
4310
+ .cleen .hover\:cleen-scale-125:hover {
4311
+ --tw-scale-x: 1.25;
4312
+ --tw-scale-y: 1.25;
4313
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4314
+ }
4315
+
4316
+ .cleen .hover\:cleen-border-error\/70:hover {
4317
+ border-color: rgba(var(--cleen-error), 0.7);
4318
+ }
4319
+
4320
+ .cleen .hover\:cleen-border-gray\/10:hover {
4321
+ border-color: rgba(var(--cleen-gray), 0.1);
4322
+ }
4323
+
4324
+ .cleen .hover\:cleen-border-gray\/20:hover {
4325
+ border-color: rgba(var(--cleen-gray), 0.2);
4326
+ }
4327
+
4328
+ .cleen .hover\:cleen-border-gray\/30:hover {
4329
+ border-color: rgba(var(--cleen-gray), 0.3);
4330
+ }
4331
+
4332
+ .cleen .hover\:cleen-border-gray\/40:hover {
4333
+ border-color: rgba(var(--cleen-gray), 0.4);
4334
+ }
4335
+
4336
+ .cleen .hover\:cleen-border-primary:hover {
4337
+ border-color: rgba(var(--cleen-primary));
4338
+ }
4339
+
4340
+ .cleen .hover\:cleen-bg-brand\/10:hover {
4341
+ background-color: rgba(var(--cleen-brand), 0.1);
4342
+ }
4343
+
4344
+ .cleen .hover\:cleen-bg-error:hover {
4345
+ background-color: rgba(var(--cleen-error));
4346
+ }
4347
+
4348
+ .cleen .hover\:cleen-bg-error\/10:hover {
4349
+ background-color: rgba(var(--cleen-error), 0.1);
4350
+ }
4351
+
4352
+ .cleen .hover\:cleen-bg-error\/60:hover {
4353
+ background-color: rgba(var(--cleen-error), 0.6);
4354
+ }
4355
+
4356
+ .cleen .hover\:cleen-bg-gray\/10:hover {
4357
+ background-color: rgba(var(--cleen-gray), 0.1);
4358
+ }
4359
+
4360
+ .cleen .hover\:cleen-bg-gray\/20:hover {
4361
+ background-color: rgba(var(--cleen-gray), 0.2);
4362
+ }
4363
+
4364
+ .cleen .hover\:cleen-bg-gray\/30:hover {
4365
+ background-color: rgba(var(--cleen-gray), 0.3);
4366
+ }
4367
+
4368
+ .cleen .hover\:cleen-bg-gray\/5:hover {
4369
+ background-color: rgba(var(--cleen-gray), 0.05);
4370
+ }
4371
+
4372
+ .cleen .hover\:cleen-bg-primary:hover {
4373
+ background-color: rgba(var(--cleen-primary));
4374
+ }
4375
+
4376
+ .cleen .hover\:cleen-bg-primary\/10:hover {
4377
+ background-color: rgba(var(--cleen-primary), 0.1);
4378
+ }
4379
+
4380
+ .cleen .hover\:cleen-bg-primary\/5:hover {
4381
+ background-color: rgba(var(--cleen-primary), 0.05);
4382
+ }
4383
+
4384
+ .cleen .hover\:cleen-bg-primary\/50:hover {
4385
+ background-color: rgba(var(--cleen-primary), 0.5);
4386
+ }
4387
+
4388
+ .cleen .hover\:cleen-bg-primary\/60:hover {
4389
+ background-color: rgba(var(--cleen-primary), 0.6);
4390
+ }
4391
+
4392
+ .cleen .hover\:cleen-bg-primary\/90:hover {
4393
+ background-color: rgba(var(--cleen-primary), 0.9);
4394
+ }
4395
+
4396
+ .cleen .hover\:cleen-bg-success\/10:hover {
4397
+ background-color: rgba(var(--cleen-success), 0.1);
4398
+ }
4399
+
4400
+ .cleen .hover\:cleen-bg-warning:hover {
4401
+ background-color: rgba(var(--cleen-warning));
4402
+ }
4403
+
4404
+ .cleen .hover\:cleen-text-error:hover {
4405
+ color: rgba(var(--cleen-error));
4406
+ }
4407
+
4408
+ .cleen .hover\:cleen-text-gray:hover {
4409
+ color: rgba(var(--cleen-gray));
4410
+ }
4411
+
4412
+ .cleen .hover\:cleen-text-gray\/80:hover {
4413
+ color: rgba(var(--cleen-gray), 0.8);
4414
+ }
4415
+
4416
+ .cleen .hover\:cleen-text-primary:hover {
4417
+ color: rgba(var(--cleen-primary));
4418
+ }
4419
+
4420
+ .cleen .hover\:cleen-text-success:hover {
4421
+ color: rgba(var(--cleen-success));
4422
+ }
4423
+
4424
+ .cleen .hover\:cleen-underline:hover {
4425
+ text-decoration-line: underline;
4426
+ }
4427
+
4428
+ .cleen .hover\:cleen-opacity-80:hover {
4429
+ opacity: 0.8;
4430
+ }
4431
+
4432
+ .cleen .hover\:cleen-shadow-\[0px_0px_0px_4px_rgba\(var\(--cleen-error\)\2c 0\.25\)\]:hover {
4433
+ --tw-shadow: 0px 0px 0px 4px rgba(var(--cleen-error),0.25);
4434
+ --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
4435
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4436
+ }
4437
+
4438
+ .cleen .hover\:cleen-shadow-\[0px_0px_0px_4px_rgba\(var\(--cleen-gray\)\2c 0\.1\)\]:hover {
4439
+ --tw-shadow: 0px 0px 0px 4px rgba(var(--cleen-gray),0.1);
4440
+ --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
4441
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4442
+ }
4443
+
4444
+ .cleen .hover\:cleen-shadow-\[0px_0px_0px_4px_rgba\(var\(--cleen-primary\)\2c 0\.25\)\]:hover {
4445
+ --tw-shadow: 0px 0px 0px 4px rgba(var(--cleen-primary),0.25);
4446
+ --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
4447
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4448
+ }
4449
+
4450
+ .cleen .hover\:cleen-shadow-md:hover {
4451
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4452
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4453
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4454
+ }
4455
+
4456
+ .cleen .focus\:cleen-bg-gray\/5:focus {
4457
+ background-color: rgba(var(--cleen-gray), 0.05);
4458
+ }
4459
+
4460
+ .cleen .focus\:cleen-outline-none:focus {
4461
+ outline: 2px solid transparent;
4462
+ outline-offset: 2px;
4463
+ }
4464
+
4465
+ .cleen .focus\:cleen-ring-4:focus {
4466
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4467
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4468
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
4469
+ }
4470
+
4471
+ .cleen .focus\:cleen-ring-transparent:focus {
4472
+ --tw-ring-color: transparent;
4473
+ }
4474
+
4475
+ .cleen .focus-visible\:cleen-outline-none:focus-visible {
4476
+ outline: 2px solid transparent;
4477
+ outline-offset: 2px;
4478
+ }
4479
+
4480
+ .cleen .focus-visible\:cleen-outline:focus-visible {
4481
+ outline-style: solid;
4482
+ }
4483
+
4484
+ .cleen .focus-visible\:cleen-outline-2:focus-visible {
4485
+ outline-width: 2px;
4486
+ }
4487
+
4488
+ .cleen .focus-visible\:cleen-outline-offset-2:focus-visible {
4489
+ outline-offset: 2px;
4490
+ }
4491
+
4492
+ .cleen .focus-visible\:cleen-outline-indigo\/60:focus-visible {
4493
+ outline-color: rgba(var(--cleen-indigo), 0.6);
4494
+ }
4495
+
4496
+ .cleen .active\:cleen-cursor-grabbing:active {
4497
+ cursor: grabbing;
4498
+ }
4499
+
4500
+ .cleen :is(.cleen-group[open] .group-open\:cleen-rotate-180) {
4501
+ --tw-rotate: 180deg;
4502
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4503
+ }
4504
+
4505
+ .cleen :is(.cleen-group:hover .group-hover\:cleen-text-gray) {
4506
+ color: rgba(var(--cleen-gray));
4507
+ }
4508
+
4509
+ .cleen :is(.cleen-group:hover .group-hover\:cleen-text-gray\/60) {
4510
+ color: rgba(var(--cleen-gray), 0.6);
4511
+ }
4512
+
4513
+ .cleen :is(.cleen-group:hover .group-hover\:cleen-opacity-100) {
4514
+ opacity: 1;
4515
+ }
4516
+
4517
+ .cleen :is(.cleen-group:hover .group-hover\:\[filter\:brightness\(0\)_saturate\(100\%\)_invert\(54\%\)_sepia\(56\%\)_saturate\(7022\%\)_hue-rotate\(179deg\)_brightness\(102\%\)_contrast\(101\%\)\]) {
4518
+ filter: brightness(0) saturate(100%) invert(54%) sepia(56%) saturate(7022%) hue-rotate(179deg) brightness(102%) contrast(101%);
4519
+ }
4520
+
4521
+ .cleen .has-\[\:focus\]\:cleen-border:has(:focus) {
4522
+ border-width: 1px;
4523
+ }
4524
+
4525
+ .cleen .has-\[\:focus\]\:cleen-border-primary\/30:has(:focus) {
4526
+ border-color: rgba(var(--cleen-primary), 0.3);
4527
+ }
4528
+
4529
+ .cleen .has-\[\:focus\]\:cleen-shadow-\[0px_1px_2px_0px_rgba\(16\2c 24\2c 40\2c 0\.05\)\2c 0px_0px_0px_4px_rgba\(0\2c 149\2c 235\2c 0\.24\)\]:has(:focus) {
4530
+ --tw-shadow: 0px 1px 2px 0px rgba(16,24,40,0.05),0px 0px 0px 4px rgba(0,149,235,0.24);
4531
+ --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 0px 0px 4px var(--tw-shadow-color);
4532
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4533
+ }
4534
+
4535
+ .cleen .dark\:cleen-bg-black:is([class*="dark"] *) {
4536
+ background-color: rgba(var(--cleen-black));
4537
+ }
4538
+
4539
+ .cleen .dark\:cleen-bg-white\/50:is([class*="dark"] *) {
4540
+ background-color: rgba(var(--cleen-white), 0.5);
4541
+ }
4542
+
4543
+ @media (min-width: 640px) {
4544
+ .cleen .sm\:cleen-flex {
4545
+ display: flex;
4546
+ }
4547
+
4548
+ .cleen .sm\:cleen-text-sm {
4549
+ font-size: 0.875rem;
4550
+ line-height: 1.25rem;
4551
+ }
4552
+
4553
+ .cleen .sm\:cleen-leading-6 {
4554
+ line-height: 1.5rem;
4555
+ }
4556
+ }
4557
+
4558
+ .cleen .\[\&\:\:-webkit-details-marker\]\:cleen-hidden::-webkit-details-marker {
4559
+ display: none;
4560
+ }