stevhliu HF staff commited on
Commit
4590473
1 Parent(s): 8ab2cef

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +695 -18
style.css CHANGED
@@ -1,28 +1,705 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
  }
10
 
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
 
 
28
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
3
+ */
4
+
5
+ /*
6
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
+ */
9
+
10
+ *,
11
+ ::before,
12
+ ::after {
13
+ box-sizing: border-box;
14
+ /* 1 */
15
+ border-width: 0;
16
+ /* 2 */
17
+ border-style: solid;
18
+ /* 2 */
19
+ border-color: #e5e7eb;
20
+ /* 2 */
21
+ }
22
+
23
+ ::before,
24
+ ::after {
25
+ --tw-content: '';
26
+ }
27
+
28
+ /*
29
+ 1. Use a consistent sensible line-height in all browsers.
30
+ 2. Prevent adjustments of font size after orientation changes in iOS.
31
+ 3. Use a more readable tab size.
32
+ 4. Use the user's configured `sans` font-family by default.
33
+ 5. Use the user's configured `sans` font-feature-settings by default.
34
+ 6. Use the user's configured `sans` font-variation-settings by default.
35
+ */
36
+
37
+ html {
38
+ line-height: 1.5;
39
+ /* 1 */
40
+ -webkit-text-size-adjust: 100%;
41
+ /* 2 */
42
+ -moz-tab-size: 4;
43
+ /* 3 */
44
+ tab-size: 4;
45
+ /* 3 */
46
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
47
+ /* 4 */
48
+ font-feature-settings: normal;
49
+ /* 5 */
50
+ font-variation-settings: normal;
51
+ /* 6 */
52
+ }
53
+
54
+ /*
55
+ 1. Remove the margin in all browsers.
56
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
57
+ */
58
+
59
  body {
60
+ margin: 0;
61
+ /* 1 */
62
+ line-height: inherit;
63
+ /* 2 */
64
+ }
65
+
66
+ /*
67
+ 1. Add the correct height in Firefox.
68
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
69
+ 3. Ensure horizontal rules are visible by default.
70
+ */
71
+
72
+ hr {
73
+ height: 0;
74
+ /* 1 */
75
+ color: inherit;
76
+ /* 2 */
77
+ border-top-width: 1px;
78
+ /* 3 */
79
+ }
80
+
81
+ /*
82
+ Add the correct text decoration in Chrome, Edge, and Safari.
83
+ */
84
+
85
+ abbr:where([title]) {
86
+ -webkit-text-decoration: underline dotted;
87
+ text-decoration: underline dotted;
88
+ }
89
+
90
+ /*
91
+ Remove the default font size and weight for headings.
92
+ */
93
+
94
+ h1,
95
+ h2,
96
+ h3,
97
+ h4,
98
+ h5,
99
+ h6 {
100
+ font-size: inherit;
101
+ font-weight: inherit;
102
+ }
103
+
104
+ /*
105
+ Reset links to optimize for opt-in styling instead of opt-out.
106
+ */
107
+
108
+ a {
109
+ color: inherit;
110
+ text-decoration: inherit;
111
+ }
112
+
113
+ /*
114
+ Add the correct font weight in Edge and Safari.
115
+ */
116
+
117
+ b,
118
+ strong {
119
+ font-weight: bolder;
120
+ }
121
+
122
+ /*
123
+ 1. Use the user's configured `mono` font family by default.
124
+ 2. Correct the odd `em` font sizing in all browsers.
125
+ */
126
+
127
+ code,
128
+ kbd,
129
+ samp,
130
+ pre {
131
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
132
+ /* 1 */
133
+ font-size: 1em;
134
+ /* 2 */
135
+ }
136
+
137
+ /*
138
+ Add the correct font size in all browsers.
139
+ */
140
+
141
+ small {
142
+ font-size: 80%;
143
+ }
144
+
145
+ /*
146
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
147
+ */
148
+
149
+ sub,
150
+ sup {
151
+ font-size: 75%;
152
+ line-height: 0;
153
+ position: relative;
154
+ vertical-align: baseline;
155
+ }
156
+
157
+ sub {
158
+ bottom: -0.25em;
159
+ }
160
+
161
+ sup {
162
+ top: -0.5em;
163
+ }
164
+
165
+ /*
166
+ 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)
167
+ 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)
168
+ 3. Remove gaps between table borders by default.
169
+ */
170
+
171
+ table {
172
+ text-indent: 0;
173
+ /* 1 */
174
+ border-color: inherit;
175
+ /* 2 */
176
+ border-collapse: collapse;
177
+ /* 3 */
178
+ }
179
+
180
+ /*
181
+ 1. Change the font styles in all browsers.
182
+ 2. Remove the margin in Firefox and Safari.
183
+ 3. Remove default padding in all browsers.
184
+ */
185
+
186
+ button,
187
+ input,
188
+ optgroup,
189
+ select,
190
+ textarea {
191
+ font-family: inherit;
192
+ /* 1 */
193
+ font-feature-settings: inherit;
194
+ /* 1 */
195
+ font-variation-settings: inherit;
196
+ /* 1 */
197
+ font-size: 100%;
198
+ /* 1 */
199
+ font-weight: inherit;
200
+ /* 1 */
201
+ line-height: inherit;
202
+ /* 1 */
203
+ color: inherit;
204
+ /* 1 */
205
+ margin: 0;
206
+ /* 2 */
207
+ padding: 0;
208
+ /* 3 */
209
+ }
210
+
211
+ /*
212
+ Remove the inheritance of text transform in Edge and Firefox.
213
+ */
214
+
215
+ button,
216
+ select {
217
+ text-transform: none;
218
+ }
219
+
220
+ /*
221
+ 1. Correct the inability to style clickable types in iOS and Safari.
222
+ 2. Remove default button styles.
223
+ */
224
+
225
+ button,
226
+ [type='button'],
227
+ [type='reset'],
228
+ [type='submit'] {
229
+ -webkit-appearance: button;
230
+ /* 1 */
231
+ background-color: transparent;
232
+ /* 2 */
233
+ background-image: none;
234
+ /* 2 */
235
+ }
236
+
237
+ /*
238
+ Use the modern Firefox focus style for all focusable elements.
239
+ */
240
+
241
+ :-moz-focusring {
242
+ outline: auto;
243
+ }
244
+
245
+ /*
246
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
247
+ */
248
+
249
+ :-moz-ui-invalid {
250
+ box-shadow: none;
251
+ }
252
+
253
+ /*
254
+ Add the correct vertical alignment in Chrome and Firefox.
255
+ */
256
+
257
+ progress {
258
+ vertical-align: baseline;
259
+ }
260
+
261
+ /*
262
+ Correct the cursor style of increment and decrement buttons in Safari.
263
+ */
264
+
265
+ ::-webkit-inner-spin-button,
266
+ ::-webkit-outer-spin-button {
267
+ height: auto;
268
+ }
269
+
270
+ /*
271
+ 1. Correct the odd appearance in Chrome and Safari.
272
+ 2. Correct the outline style in Safari.
273
+ */
274
+
275
+ [type='search'] {
276
+ -webkit-appearance: textfield;
277
+ /* 1 */
278
+ outline-offset: -2px;
279
+ /* 2 */
280
+ }
281
+
282
+ /*
283
+ Remove the inner padding in Chrome and Safari on macOS.
284
+ */
285
+
286
+ ::-webkit-search-decoration {
287
+ -webkit-appearance: none;
288
+ }
289
+
290
+ /*
291
+ 1. Correct the inability to style clickable types in iOS and Safari.
292
+ 2. Change font properties to `inherit` in Safari.
293
+ */
294
+
295
+ ::-webkit-file-upload-button {
296
+ -webkit-appearance: button;
297
+ /* 1 */
298
+ font: inherit;
299
+ /* 2 */
300
+ }
301
+
302
+ /*
303
+ Add the correct display in Chrome and Safari.
304
+ */
305
+
306
+ summary {
307
+ display: list-item;
308
+ }
309
+
310
+ /*
311
+ Removes the default spacing and border for appropriate elements.
312
+ */
313
+
314
+ blockquote,
315
+ dl,
316
+ dd,
317
+ h1,
318
+ h2,
319
+ h3,
320
+ h4,
321
+ h5,
322
+ h6,
323
+ hr,
324
+ figure,
325
+ p,
326
+ pre {
327
+ margin: 0;
328
+ }
329
+
330
+ fieldset {
331
+ margin: 0;
332
+ padding: 0;
333
+ }
334
+
335
+ legend {
336
+ padding: 0;
337
+ }
338
+
339
+ ol,
340
+ ul,
341
+ menu {
342
+ list-style: none;
343
+ margin: 0;
344
+ padding: 0;
345
+ }
346
+
347
+ /*
348
+ Reset default styling for dialogs.
349
+ */
350
+
351
+ dialog {
352
+ padding: 0;
353
+ }
354
+
355
+ /*
356
+ Prevent resizing textareas horizontally by default.
357
+ */
358
+
359
+ textarea {
360
+ resize: vertical;
361
+ }
362
+
363
+ /*
364
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
365
+ 2. Set the default placeholder color to the user's configured gray 400 color.
366
+ */
367
+
368
+ input::placeholder,
369
+ textarea::placeholder {
370
+ opacity: 1;
371
+ /* 1 */
372
+ color: #9ca3af;
373
+ /* 2 */
374
+ }
375
+
376
+ /*
377
+ Set the default cursor for buttons.
378
+ */
379
+
380
+ button,
381
+ [role="button"] {
382
+ cursor: pointer;
383
+ }
384
+
385
+ /*
386
+ Make sure disabled buttons don't get the pointer cursor.
387
+ */
388
+
389
+ :disabled {
390
+ cursor: default;
391
+ }
392
+
393
+ /*
394
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
395
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
396
+ This can trigger a poorly considered lint error in some tools but is included by design.
397
+ */
398
+
399
+ img,
400
+ svg,
401
+ video,
402
+ canvas,
403
+ audio,
404
+ iframe,
405
+ embed,
406
+ object {
407
+ display: block;
408
+ /* 1 */
409
+ vertical-align: middle;
410
+ /* 2 */
411
+ }
412
+
413
+ /*
414
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
415
+ */
416
+
417
+ img,
418
+ video {
419
+ max-width: 100%;
420
+ height: auto;
421
+ }
422
+
423
+ /* Make elements with the HTML hidden attribute stay hidden by default */
424
+
425
+ [hidden] {
426
+ display: none;
427
+ }
428
+
429
+ *, ::before, ::after{
430
+ --tw-border-spacing-x: 0;
431
+ --tw-border-spacing-y: 0;
432
+ --tw-translate-x: 0;
433
+ --tw-translate-y: 0;
434
+ --tw-rotate: 0;
435
+ --tw-skew-x: 0;
436
+ --tw-skew-y: 0;
437
+ --tw-scale-x: 1;
438
+ --tw-scale-y: 1;
439
+ --tw-pan-x: ;
440
+ --tw-pan-y: ;
441
+ --tw-pinch-zoom: ;
442
+ --tw-scroll-snap-strictness: proximity;
443
+ --tw-gradient-from-position: ;
444
+ --tw-gradient-via-position: ;
445
+ --tw-gradient-to-position: ;
446
+ --tw-ordinal: ;
447
+ --tw-slashed-zero: ;
448
+ --tw-numeric-figure: ;
449
+ --tw-numeric-spacing: ;
450
+ --tw-numeric-fraction: ;
451
+ --tw-ring-inset: ;
452
+ --tw-ring-offset-width: 0px;
453
+ --tw-ring-offset-color: #fff;
454
+ --tw-ring-color: rgb(59 130 246 / 0.5);
455
+ --tw-ring-offset-shadow: 0 0 #0000;
456
+ --tw-ring-shadow: 0 0 #0000;
457
+ --tw-shadow: 0 0 #0000;
458
+ --tw-shadow-colored: 0 0 #0000;
459
+ --tw-blur: ;
460
+ --tw-brightness: ;
461
+ --tw-contrast: ;
462
+ --tw-grayscale: ;
463
+ --tw-hue-rotate: ;
464
+ --tw-invert: ;
465
+ --tw-saturate: ;
466
+ --tw-sepia: ;
467
+ --tw-drop-shadow: ;
468
+ --tw-backdrop-blur: ;
469
+ --tw-backdrop-brightness: ;
470
+ --tw-backdrop-contrast: ;
471
+ --tw-backdrop-grayscale: ;
472
+ --tw-backdrop-hue-rotate: ;
473
+ --tw-backdrop-invert: ;
474
+ --tw-backdrop-opacity: ;
475
+ --tw-backdrop-saturate: ;
476
+ --tw-backdrop-sepia:
477
+ }
478
+
479
+ ::backdrop{
480
+ --tw-border-spacing-x: 0;
481
+ --tw-border-spacing-y: 0;
482
+ --tw-translate-x: 0;
483
+ --tw-translate-y: 0;
484
+ --tw-rotate: 0;
485
+ --tw-skew-x: 0;
486
+ --tw-skew-y: 0;
487
+ --tw-scale-x: 1;
488
+ --tw-scale-y: 1;
489
+ --tw-pan-x: ;
490
+ --tw-pan-y: ;
491
+ --tw-pinch-zoom: ;
492
+ --tw-scroll-snap-strictness: proximity;
493
+ --tw-gradient-from-position: ;
494
+ --tw-gradient-via-position: ;
495
+ --tw-gradient-to-position: ;
496
+ --tw-ordinal: ;
497
+ --tw-slashed-zero: ;
498
+ --tw-numeric-figure: ;
499
+ --tw-numeric-spacing: ;
500
+ --tw-numeric-fraction: ;
501
+ --tw-ring-inset: ;
502
+ --tw-ring-offset-width: 0px;
503
+ --tw-ring-offset-color: #fff;
504
+ --tw-ring-color: rgb(59 130 246 / 0.5);
505
+ --tw-ring-offset-shadow: 0 0 #0000;
506
+ --tw-ring-shadow: 0 0 #0000;
507
+ --tw-shadow: 0 0 #0000;
508
+ --tw-shadow-colored: 0 0 #0000;
509
+ --tw-blur: ;
510
+ --tw-brightness: ;
511
+ --tw-contrast: ;
512
+ --tw-grayscale: ;
513
+ --tw-hue-rotate: ;
514
+ --tw-invert: ;
515
+ --tw-saturate: ;
516
+ --tw-sepia: ;
517
+ --tw-drop-shadow: ;
518
+ --tw-backdrop-blur: ;
519
+ --tw-backdrop-brightness: ;
520
+ --tw-backdrop-contrast: ;
521
+ --tw-backdrop-grayscale: ;
522
+ --tw-backdrop-hue-rotate: ;
523
+ --tw-backdrop-invert: ;
524
+ --tw-backdrop-opacity: ;
525
+ --tw-backdrop-saturate: ;
526
+ --tw-backdrop-sepia:
527
+ }
528
+
529
+ .absolute{
530
+ position: absolute
531
+ }
532
+
533
+ .left-1\/2{
534
+ left: 50%
535
+ }
536
+
537
+ .top-1\/2{
538
+ top: 50%
539
+ }
540
+
541
+ .flex{
542
+ display: flex
543
+ }
544
+
545
+ .inline-flex{
546
+ display: inline-flex
547
+ }
548
+
549
+ .grid{
550
+ display: grid
551
+ }
552
+
553
+ .w-full{
554
+ width: 100%
555
+ }
556
+
557
+ .max-w-sm{
558
+ max-width: 24rem
559
+ }
560
+
561
+ .-translate-x-1\/2{
562
+ --tw-translate-x: -50%;
563
+ 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))
564
+ }
565
+
566
+ .-translate-y-1\/2{
567
+ --tw-translate-y: -50%;
568
+ 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))
569
+ }
570
+
571
+ .flex-col{
572
+ flex-direction: column
573
+ }
574
+
575
+ .items-center{
576
+ align-items: center
577
  }
578
 
579
+ .gap-1{
580
+ gap: 0.25rem
 
581
  }
582
 
583
+ .gap-10{
584
+ gap: 2.5rem
 
 
 
585
  }
586
 
587
+ .gap-4{
588
+ gap: 1rem
 
 
 
 
589
  }
590
 
591
+ .space-y-0 > :not([hidden]) ~ :not([hidden]){
592
+ --tw-space-y-reverse: 0;
593
+ margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
594
+ margin-bottom: calc(0px * var(--tw-space-y-reverse))
595
  }
596
+
597
+ .rounded-full{
598
+ border-radius: 9999px
599
+ }
600
+
601
+ .rounded-lg{
602
+ border-radius: 0.5rem
603
+ }
604
+
605
+ .border{
606
+ border-width: 1px
607
+ }
608
+
609
+ .border-transparent{
610
+ border-color: transparent
611
+ }
612
+
613
+ .p-0{
614
+ padding: 0px
615
+ }
616
+
617
+ .p-10{
618
+ padding: 2.5rem
619
+ }
620
+
621
+ .px-2{
622
+ padding-left: 0.5rem;
623
+ padding-right: 0.5rem
624
+ }
625
+
626
+ .px-2\.5{
627
+ padding-left: 0.625rem;
628
+ padding-right: 0.625rem
629
+ }
630
+
631
+ .py-0{
632
+ padding-top: 0px;
633
+ padding-bottom: 0px
634
+ }
635
+
636
+ .py-0\.5{
637
+ padding-top: 0.125rem;
638
+ padding-bottom: 0.125rem
639
+ }
640
+
641
+ .text-center{
642
+ text-align: center
643
+ }
644
+
645
+ .text-lg{
646
+ font-size: 1.125rem;
647
+ line-height: 1.75rem
648
+ }
649
+
650
+ .text-sm{
651
+ font-size: 0.875rem;
652
+ line-height: 1.25rem
653
+ }
654
+
655
+ .text-xs{
656
+ font-size: 0.75rem;
657
+ line-height: 1rem
658
+ }
659
+
660
+ .font-semibold{
661
+ font-weight: 600
662
+ }
663
+
664
+ .tracking-tight{
665
+ letter-spacing: -0.025em
666
+ }
667
+
668
+ .shadow-lg{
669
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
670
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
671
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
672
+ }
673
+
674
+ .transition-colors{
675
+ transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
676
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
677
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
678
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
679
+ transition-duration: 150ms
680
+ }
681
+
682
+ .hover\:bg-gray-100\/50:hover{
683
+ background-color: rgb(243 244 246 / 0.5)
684
+ }
685
+
686
+ .focus\:outline-none:focus{
687
+ outline: 2px solid transparent;
688
+ outline-offset: 2px
689
+ }
690
+
691
+ .focus\:ring-2:focus{
692
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
693
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
694
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
695
+ }
696
+
697
+ .focus\:ring-offset-2:focus{
698
+ --tw-ring-offset-width: 2px
699
+ }
700
+
701
+ @media (prefers-color-scheme: dark){
702
+ .dark\:hover\:bg-gray-800\/50:hover{
703
+ background-color: rgb(31 41 55 / 0.5)
704
+ }
705
+ }