grain.social is a photo sharing platform built on atproto.
grain.social
1/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
2@layer properties;
3@layer theme, base, components, utilities;
4@layer theme {
5 :root, :host {
6 --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7 "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9 "Courier New", monospace;
10 --color-sky-500: oklch(68.5% 0.169 237.323);
11 --color-zinc-50: oklch(98.5% 0 0);
12 --color-zinc-100: oklch(96.7% 0.001 286.375);
13 --color-zinc-200: oklch(92% 0.004 286.32);
14 --color-zinc-500: oklch(55.2% 0.016 285.938);
15 --color-zinc-600: oklch(44.2% 0.017 285.786);
16 --color-zinc-800: oklch(27.4% 0.006 286.033);
17 --color-zinc-900: oklch(21% 0.006 285.885);
18 --color-zinc-950: oklch(14.1% 0.005 285.823);
19 --color-black: #000;
20 --color-white: #fff;
21 --spacing: 0.25rem;
22 --container-md: 28rem;
23 --container-xl: 36rem;
24 --container-5xl: 64rem;
25 --text-xs: 0.75rem;
26 --text-xs--line-height: calc(1 / 0.75);
27 --text-sm: 0.875rem;
28 --text-sm--line-height: calc(1.25 / 0.875);
29 --text-xl: 1.25rem;
30 --text-xl--line-height: calc(1.75 / 1.25);
31 --text-2xl: 1.5rem;
32 --text-2xl--line-height: calc(2 / 1.5);
33 --text-4xl: 2.25rem;
34 --text-4xl--line-height: calc(2.5 / 2.25);
35 --font-weight-semibold: 600;
36 --font-weight-bold: 700;
37 --default-font-family: var(--font-sans);
38 --default-mono-font-family: var(--font-mono);
39 }
40}
41@layer base {
42 *, ::after, ::before, ::backdrop, ::file-selector-button {
43 box-sizing: border-box;
44 margin: 0;
45 padding: 0;
46 border: 0 solid;
47 }
48 html, :host {
49 line-height: 1.5;
50 -webkit-text-size-adjust: 100%;
51 tab-size: 4;
52 font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
53 font-feature-settings: var(--default-font-feature-settings, normal);
54 font-variation-settings: var(--default-font-variation-settings, normal);
55 -webkit-tap-highlight-color: transparent;
56 }
57 hr {
58 height: 0;
59 color: inherit;
60 border-top-width: 1px;
61 }
62 abbr:where([title]) {
63 -webkit-text-decoration: underline dotted;
64 text-decoration: underline dotted;
65 }
66 h1, h2, h3, h4, h5, h6 {
67 font-size: inherit;
68 font-weight: inherit;
69 }
70 a {
71 color: inherit;
72 -webkit-text-decoration: inherit;
73 text-decoration: inherit;
74 }
75 b, strong {
76 font-weight: bolder;
77 }
78 code, kbd, samp, pre {
79 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
80 font-feature-settings: var(--default-mono-font-feature-settings, normal);
81 font-variation-settings: var(--default-mono-font-variation-settings, normal);
82 font-size: 1em;
83 }
84 small {
85 font-size: 80%;
86 }
87 sub, sup {
88 font-size: 75%;
89 line-height: 0;
90 position: relative;
91 vertical-align: baseline;
92 }
93 sub {
94 bottom: -0.25em;
95 }
96 sup {
97 top: -0.5em;
98 }
99 table {
100 text-indent: 0;
101 border-color: inherit;
102 border-collapse: collapse;
103 }
104 :-moz-focusring {
105 outline: auto;
106 }
107 progress {
108 vertical-align: baseline;
109 }
110 summary {
111 display: list-item;
112 }
113 ol, ul, menu {
114 list-style: none;
115 }
116 img, svg, video, canvas, audio, iframe, embed, object {
117 display: block;
118 vertical-align: middle;
119 }
120 img, video {
121 max-width: 100%;
122 height: auto;
123 }
124 button, input, select, optgroup, textarea, ::file-selector-button {
125 font: inherit;
126 font-feature-settings: inherit;
127 font-variation-settings: inherit;
128 letter-spacing: inherit;
129 color: inherit;
130 border-radius: 0;
131 background-color: transparent;
132 opacity: 1;
133 }
134 :where(select:is([multiple], [size])) optgroup {
135 font-weight: bolder;
136 }
137 :where(select:is([multiple], [size])) optgroup option {
138 padding-inline-start: 20px;
139 }
140 ::file-selector-button {
141 margin-inline-end: 4px;
142 }
143 ::placeholder {
144 opacity: 1;
145 }
146 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
147 ::placeholder {
148 color: currentcolor;
149 @supports (color: color-mix(in lab, red, red)) {
150 color: color-mix(in oklab, currentcolor 50%, transparent);
151 }
152 }
153 }
154 textarea {
155 resize: vertical;
156 }
157 ::-webkit-search-decoration {
158 -webkit-appearance: none;
159 }
160 ::-webkit-date-and-time-value {
161 min-height: 1lh;
162 text-align: inherit;
163 }
164 ::-webkit-datetime-edit {
165 display: inline-flex;
166 }
167 ::-webkit-datetime-edit-fields-wrapper {
168 padding: 0;
169 }
170 ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
171 padding-block: 0;
172 }
173 :-moz-ui-invalid {
174 box-shadow: none;
175 }
176 button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
177 appearance: button;
178 }
179 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
180 height: auto;
181 }
182 [hidden]:where(:not([hidden="until-found"])) {
183 display: none !important;
184 }
185}
186@layer utilities {
187 .sr-only {
188 position: absolute;
189 width: 1px;
190 height: 1px;
191 padding: 0;
192 margin: -1px;
193 overflow: hidden;
194 clip: rect(0, 0, 0, 0);
195 white-space: nowrap;
196 border-width: 0;
197 }
198 .absolute {
199 position: absolute;
200 }
201 .relative {
202 position: relative;
203 }
204 .static {
205 position: static;
206 }
207 .inset-0 {
208 inset: calc(var(--spacing) * 0);
209 }
210 .top-2 {
211 top: calc(var(--spacing) * 2);
212 }
213 .right-0 {
214 right: calc(var(--spacing) * 0);
215 }
216 .right-1 {
217 right: calc(var(--spacing) * 1);
218 }
219 .right-2 {
220 right: calc(var(--spacing) * 2);
221 }
222 .bottom-0 {
223 bottom: calc(var(--spacing) * 0);
224 }
225 .bottom-1 {
226 bottom: calc(var(--spacing) * 1);
227 }
228 .bottom-2 {
229 bottom: calc(var(--spacing) * 2);
230 }
231 .bottom-\[0\.75rem\] {
232 bottom: 0.75rem;
233 }
234 .left-0 {
235 left: calc(var(--spacing) * 0);
236 }
237 .left-2 {
238 left: calc(var(--spacing) * 2);
239 }
240 .z-10 {
241 z-index: 10;
242 }
243 .z-20 {
244 z-index: 20;
245 }
246 .z-30 {
247 z-index: 30;
248 }
249 .container {
250 width: 100%;
251 @media (width >= 40rem) {
252 max-width: 40rem;
253 }
254 @media (width >= 48rem) {
255 max-width: 48rem;
256 }
257 @media (width >= 64rem) {
258 max-width: 64rem;
259 }
260 @media (width >= 80rem) {
261 max-width: 80rem;
262 }
263 @media (width >= 96rem) {
264 max-width: 96rem;
265 }
266 }
267 .mx-auto {
268 margin-inline: auto;
269 }
270 .my-2 {
271 margin-block: calc(var(--spacing) * 2);
272 }
273 .my-4 {
274 margin-block: calc(var(--spacing) * 4);
275 }
276 .my-30 {
277 margin-block: calc(var(--spacing) * 30);
278 }
279 .mt-2 {
280 margin-top: calc(var(--spacing) * 2);
281 }
282 .mt-4 {
283 margin-top: calc(var(--spacing) * 4);
284 }
285 .mr-1 {
286 margin-right: calc(var(--spacing) * 1);
287 }
288 .mr-2 {
289 margin-right: calc(var(--spacing) * 2);
290 }
291 .mb-2 {
292 margin-bottom: calc(var(--spacing) * 2);
293 }
294 .mb-4 {
295 margin-bottom: calc(var(--spacing) * 4);
296 }
297 .flex {
298 display: flex;
299 }
300 .grid {
301 display: grid;
302 }
303 .hidden {
304 display: none;
305 }
306 .aspect-\[3\/2\] {
307 aspect-ratio: 3/2;
308 }
309 .aspect-square {
310 aspect-ratio: 1 / 1;
311 }
312 .size-4 {
313 width: calc(var(--spacing) * 4);
314 height: calc(var(--spacing) * 4);
315 }
316 .size-7 {
317 width: calc(var(--spacing) * 7);
318 height: calc(var(--spacing) * 7);
319 }
320 .size-16 {
321 width: calc(var(--spacing) * 16);
322 height: calc(var(--spacing) * 16);
323 }
324 .h-0 {
325 height: calc(var(--spacing) * 0);
326 }
327 .h-1\/2 {
328 height: calc(1/2 * 100%);
329 }
330 .h-5 {
331 height: calc(var(--spacing) * 5);
332 }
333 .h-16 {
334 height: calc(var(--spacing) * 16);
335 }
336 .h-\[400px\] {
337 height: 400px;
338 }
339 .h-\[calc\(100vh-100px\)\] {
340 height: calc(100vh - 100px);
341 }
342 .h-full {
343 height: 100%;
344 }
345 .w-1\/3 {
346 width: calc(1/3 * 100%);
347 }
348 .w-2\/3 {
349 width: calc(2/3 * 100%);
350 }
351 .w-5 {
352 width: calc(var(--spacing) * 5);
353 }
354 .w-5xl {
355 width: var(--container-5xl);
356 }
357 .w-16 {
358 width: calc(var(--spacing) * 16);
359 }
360 .w-\[400px\] {
361 width: 400px;
362 }
363 .w-fit {
364 width: fit-content;
365 }
366 .w-full {
367 width: 100%;
368 }
369 .max-w-5xl {
370 max-width: var(--container-5xl);
371 }
372 .max-w-\[300px\] {
373 max-width: 300px;
374 }
375 .max-w-md {
376 max-width: var(--container-md);
377 }
378 .max-w-xl {
379 max-width: var(--container-xl);
380 }
381 .min-w-0 {
382 min-width: calc(var(--spacing) * 0);
383 }
384 .flex-1 {
385 flex: 1;
386 }
387 .shrink-0 {
388 flex-shrink: 0;
389 }
390 .cursor-grab {
391 cursor: grab;
392 }
393 .cursor-pointer {
394 cursor: pointer;
395 }
396 .resize {
397 resize: both;
398 }
399 .grid-cols-1 {
400 grid-template-columns: repeat(1, minmax(0, 1fr));
401 }
402 .grid-cols-2 {
403 grid-template-columns: repeat(2, minmax(0, 1fr));
404 }
405 .grid-cols-3 {
406 grid-template-columns: repeat(3, minmax(0, 1fr));
407 }
408 .flex-col {
409 flex-direction: column;
410 }
411 .items-center {
412 align-items: center;
413 }
414 .justify-between {
415 justify-content: space-between;
416 }
417 .justify-center {
418 justify-content: center;
419 }
420 .justify-end {
421 justify-content: flex-end;
422 }
423 .gap-2 {
424 gap: calc(var(--spacing) * 2);
425 }
426 .gap-4 {
427 gap: calc(var(--spacing) * 4);
428 }
429 .space-y-2 {
430 :where(& > :not(:last-child)) {
431 --tw-space-y-reverse: 0;
432 margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
433 margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
434 }
435 }
436 .space-y-4 {
437 :where(& > :not(:last-child)) {
438 --tw-space-y-reverse: 0;
439 margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
440 margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
441 }
442 }
443 .space-x-2 {
444 :where(& > :not(:last-child)) {
445 --tw-space-x-reverse: 0;
446 margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
447 margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
448 }
449 }
450 .self-start {
451 align-self: flex-start;
452 }
453 .truncate {
454 overflow: hidden;
455 text-overflow: ellipsis;
456 white-space: nowrap;
457 }
458 .overflow-hidden {
459 overflow: hidden;
460 }
461 .rounded-full {
462 border-radius: calc(infinity * 1px);
463 }
464 .border {
465 border-style: var(--tw-border-style);
466 border-width: 1px;
467 }
468 .border-b {
469 border-bottom-style: var(--tw-border-style);
470 border-bottom-width: 1px;
471 }
472 .border-zinc-100 {
473 border-color: var(--color-zinc-100);
474 }
475 .border-zinc-200 {
476 border-color: var(--color-zinc-200);
477 }
478 .border-zinc-900 {
479 border-color: var(--color-zinc-900);
480 }
481 .bg-black {
482 background-color: var(--color-black);
483 }
484 .bg-black\/80 {
485 background-color: color-mix(in srgb, #000 80%, transparent);
486 @supports (color: color-mix(in lab, red, red)) {
487 background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
488 }
489 }
490 .bg-sky-500 {
491 background-color: var(--color-sky-500);
492 }
493 .bg-zinc-100 {
494 background-color: var(--color-zinc-100);
495 }
496 .bg-zinc-200 {
497 background-color: var(--color-zinc-200);
498 }
499 .bg-zinc-800 {
500 background-color: var(--color-zinc-800);
501 }
502 .bg-zinc-950 {
503 background-color: var(--color-zinc-950);
504 }
505 .fill-zinc-950 {
506 fill: var(--color-zinc-950);
507 }
508 .object-contain {
509 object-fit: contain;
510 }
511 .object-cover {
512 object-fit: cover;
513 }
514 .p-2 {
515 padding: calc(var(--spacing) * 2);
516 }
517 .p-4 {
518 padding: calc(var(--spacing) * 4);
519 }
520 .px-4 {
521 padding-inline: calc(var(--spacing) * 4);
522 }
523 .px-\[3px\] {
524 padding-inline: 3px;
525 }
526 .py-2 {
527 padding-block: calc(var(--spacing) * 2);
528 }
529 .py-4 {
530 padding-block: calc(var(--spacing) * 4);
531 }
532 .py-\[1px\] {
533 padding-block: 1px;
534 }
535 .pt-4 {
536 padding-top: calc(var(--spacing) * 4);
537 }
538 .pb-4 {
539 padding-bottom: calc(var(--spacing) * 4);
540 }
541 .text-center {
542 text-align: center;
543 }
544 .text-left {
545 text-align: left;
546 }
547 .font-\[\'Jersey_20\'\] {
548 font-family: 'Jersey 20';
549 }
550 .text-2xl {
551 font-size: var(--text-2xl);
552 line-height: var(--tw-leading, var(--text-2xl--line-height));
553 }
554 .text-4xl {
555 font-size: var(--text-4xl);
556 line-height: var(--tw-leading, var(--text-4xl--line-height));
557 }
558 .text-sm {
559 font-size: var(--text-sm);
560 line-height: var(--tw-leading, var(--text-sm--line-height));
561 }
562 .text-xl {
563 font-size: var(--text-xl);
564 line-height: var(--tw-leading, var(--text-xl--line-height));
565 }
566 .text-xs {
567 font-size: var(--text-xs);
568 line-height: var(--tw-leading, var(--text-xs--line-height));
569 }
570 .text-\[1rem\] {
571 font-size: 1rem;
572 }
573 .text-\[10px\] {
574 font-size: 10px;
575 }
576 .font-bold {
577 --tw-font-weight: var(--font-weight-bold);
578 font-weight: var(--font-weight-bold);
579 }
580 .font-semibold {
581 --tw-font-weight: var(--font-weight-semibold);
582 font-weight: var(--font-weight-semibold);
583 }
584 .text-sky-500 {
585 color: var(--color-sky-500);
586 }
587 .text-white {
588 color: var(--color-white);
589 }
590 .text-zinc-600 {
591 color: var(--color-zinc-600);
592 }
593 .text-zinc-900 {
594 color: var(--color-zinc-900);
595 }
596 .text-zinc-950 {
597 color: var(--color-zinc-950);
598 }
599 .lowercase {
600 text-transform: lowercase;
601 }
602 .ring-sky-500 {
603 --tw-ring-color: var(--color-sky-500);
604 }
605 .filter {
606 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,);
607 }
608 .group-data-\[added\=true\]\:block {
609 &:is(:where(.group)[data-added="true"] *) {
610 display: block;
611 }
612 }
613 .hover\:underline {
614 &:hover {
615 @media (hover: hover) {
616 text-decoration-line: underline;
617 }
618 }
619 }
620 .disabled\:opacity-50 {
621 &:disabled {
622 opacity: 50%;
623 }
624 }
625 .data-\[added\=true\]\:ring-2 {
626 &[data-added="true"] {
627 --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
628 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
629 }
630 }
631 .data-\[selected\=false\]\:border-transparent {
632 &[data-selected="false"] {
633 border-color: transparent;
634 }
635 }
636 .data-\[selected\=false\]\:bg-transparent {
637 &[data-selected="false"] {
638 background-color: transparent;
639 }
640 }
641 .data-\[state\=pending\]\:opacity-50 {
642 &[data-state="pending"] {
643 opacity: 50%;
644 }
645 }
646 .sm\:right-1 {
647 @media (width >= 40rem) {
648 right: calc(var(--spacing) * 1);
649 }
650 }
651 .sm\:bottom-1 {
652 @media (width >= 40rem) {
653 bottom: calc(var(--spacing) * 1);
654 }
655 }
656 .sm\:h-screen {
657 @media (width >= 40rem) {
658 height: 100vh;
659 }
660 }
661 .sm\:min-h-screen {
662 @media (width >= 40rem) {
663 min-height: 100vh;
664 }
665 }
666 .sm\:w-fit {
667 @media (width >= 40rem) {
668 width: fit-content;
669 }
670 }
671 .sm\:max-w-\[400px\] {
672 @media (width >= 40rem) {
673 max-width: 400px;
674 }
675 }
676 .sm\:grid-cols-3 {
677 @media (width >= 40rem) {
678 grid-template-columns: repeat(3, minmax(0, 1fr));
679 }
680 }
681 .sm\:grid-cols-5 {
682 @media (width >= 40rem) {
683 grid-template-columns: repeat(5, minmax(0, 1fr));
684 }
685 }
686 .sm\:flex-row {
687 @media (width >= 40rem) {
688 flex-direction: row;
689 }
690 }
691 .sm\:items-center {
692 @media (width >= 40rem) {
693 align-items: center;
694 }
695 }
696 .sm\:justify-between {
697 @media (width >= 40rem) {
698 justify-content: space-between;
699 }
700 }
701 .sm\:px-0 {
702 @media (width >= 40rem) {
703 padding-inline: calc(var(--spacing) * 0);
704 }
705 }
706 .dark\:border-zinc-800 {
707 @media (prefers-color-scheme: dark) {
708 border-color: var(--color-zinc-800);
709 }
710 }
711 .dark\:bg-zinc-800 {
712 @media (prefers-color-scheme: dark) {
713 background-color: var(--color-zinc-800);
714 }
715 }
716 .dark\:bg-zinc-900 {
717 @media (prefers-color-scheme: dark) {
718 background-color: var(--color-zinc-900);
719 }
720 }
721 .dark\:bg-zinc-950 {
722 @media (prefers-color-scheme: dark) {
723 background-color: var(--color-zinc-950);
724 }
725 }
726 .dark\:fill-zinc-50 {
727 @media (prefers-color-scheme: dark) {
728 fill: var(--color-zinc-50);
729 }
730 }
731 .dark\:text-white {
732 @media (prefers-color-scheme: dark) {
733 color: var(--color-white);
734 }
735 }
736 .dark\:text-zinc-50 {
737 @media (prefers-color-scheme: dark) {
738 color: var(--color-zinc-50);
739 }
740 }
741 .dark\:text-zinc-500 {
742 @media (prefers-color-scheme: dark) {
743 color: var(--color-zinc-500);
744 }
745 }
746}
747@property --tw-space-y-reverse {
748 syntax: "*";
749 inherits: false;
750 initial-value: 0;
751}
752@property --tw-space-x-reverse {
753 syntax: "*";
754 inherits: false;
755 initial-value: 0;
756}
757@property --tw-border-style {
758 syntax: "*";
759 inherits: false;
760 initial-value: solid;
761}
762@property --tw-font-weight {
763 syntax: "*";
764 inherits: false;
765}
766@property --tw-blur {
767 syntax: "*";
768 inherits: false;
769}
770@property --tw-brightness {
771 syntax: "*";
772 inherits: false;
773}
774@property --tw-contrast {
775 syntax: "*";
776 inherits: false;
777}
778@property --tw-grayscale {
779 syntax: "*";
780 inherits: false;
781}
782@property --tw-hue-rotate {
783 syntax: "*";
784 inherits: false;
785}
786@property --tw-invert {
787 syntax: "*";
788 inherits: false;
789}
790@property --tw-opacity {
791 syntax: "*";
792 inherits: false;
793}
794@property --tw-saturate {
795 syntax: "*";
796 inherits: false;
797}
798@property --tw-sepia {
799 syntax: "*";
800 inherits: false;
801}
802@property --tw-drop-shadow {
803 syntax: "*";
804 inherits: false;
805}
806@property --tw-drop-shadow-color {
807 syntax: "*";
808 inherits: false;
809}
810@property --tw-drop-shadow-alpha {
811 syntax: "<percentage>";
812 inherits: false;
813 initial-value: 100%;
814}
815@property --tw-drop-shadow-size {
816 syntax: "*";
817 inherits: false;
818}
819@property --tw-shadow {
820 syntax: "*";
821 inherits: false;
822 initial-value: 0 0 #0000;
823}
824@property --tw-shadow-color {
825 syntax: "*";
826 inherits: false;
827}
828@property --tw-shadow-alpha {
829 syntax: "<percentage>";
830 inherits: false;
831 initial-value: 100%;
832}
833@property --tw-inset-shadow {
834 syntax: "*";
835 inherits: false;
836 initial-value: 0 0 #0000;
837}
838@property --tw-inset-shadow-color {
839 syntax: "*";
840 inherits: false;
841}
842@property --tw-inset-shadow-alpha {
843 syntax: "<percentage>";
844 inherits: false;
845 initial-value: 100%;
846}
847@property --tw-ring-color {
848 syntax: "*";
849 inherits: false;
850}
851@property --tw-ring-shadow {
852 syntax: "*";
853 inherits: false;
854 initial-value: 0 0 #0000;
855}
856@property --tw-inset-ring-color {
857 syntax: "*";
858 inherits: false;
859}
860@property --tw-inset-ring-shadow {
861 syntax: "*";
862 inherits: false;
863 initial-value: 0 0 #0000;
864}
865@property --tw-ring-inset {
866 syntax: "*";
867 inherits: false;
868}
869@property --tw-ring-offset-width {
870 syntax: "<length>";
871 inherits: false;
872 initial-value: 0px;
873}
874@property --tw-ring-offset-color {
875 syntax: "*";
876 inherits: false;
877 initial-value: #fff;
878}
879@property --tw-ring-offset-shadow {
880 syntax: "*";
881 inherits: false;
882 initial-value: 0 0 #0000;
883}
884@layer properties {
885 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
886 *, ::before, ::after, ::backdrop {
887 --tw-space-y-reverse: 0;
888 --tw-space-x-reverse: 0;
889 --tw-border-style: solid;
890 --tw-font-weight: initial;
891 --tw-blur: initial;
892 --tw-brightness: initial;
893 --tw-contrast: initial;
894 --tw-grayscale: initial;
895 --tw-hue-rotate: initial;
896 --tw-invert: initial;
897 --tw-opacity: initial;
898 --tw-saturate: initial;
899 --tw-sepia: initial;
900 --tw-drop-shadow: initial;
901 --tw-drop-shadow-color: initial;
902 --tw-drop-shadow-alpha: 100%;
903 --tw-drop-shadow-size: initial;
904 --tw-shadow: 0 0 #0000;
905 --tw-shadow-color: initial;
906 --tw-shadow-alpha: 100%;
907 --tw-inset-shadow: 0 0 #0000;
908 --tw-inset-shadow-color: initial;
909 --tw-inset-shadow-alpha: 100%;
910 --tw-ring-color: initial;
911 --tw-ring-shadow: 0 0 #0000;
912 --tw-inset-ring-color: initial;
913 --tw-inset-ring-shadow: 0 0 #0000;
914 --tw-ring-inset: initial;
915 --tw-ring-offset-width: 0px;
916 --tw-ring-offset-color: #fff;
917 --tw-ring-offset-shadow: 0 0 #0000;
918 }
919 }
920}