foxwitch.net
forked from
handle.invalid/ATernative.to
Discover AT Protocol alternatives to popular social media platforms -- https://aternative.to/
1/*! tailwindcss v4.1.15 | 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', 'Segoe UI Emoji', 'Segoe UI Symbol',
7 'Noto Color Emoji';
8 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
9 monospace;
10 --color-gray-200: oklch(92.8% 0.006 264.531);
11 --color-gray-500: oklch(55.1% 0.027 264.364);
12 --color-gray-600: oklch(44.6% 0.03 256.802);
13 --color-gray-800: oklch(27.8% 0.033 256.848);
14 --spacing: 0.25rem;
15 --container-3xl: 48rem;
16 --text-2xl: 1.5rem;
17 --text-2xl--line-height: calc(2 / 1.5);
18 --font-weight-medium: 500;
19 --font-weight-semibold: 600;
20 --font-weight-bold: 700;
21 --radius-lg: 0.5rem;
22 --default-font-family: var(--font-sans);
23 --default-mono-font-family: var(--font-mono);
24 }
25}
26@layer base {
27 *, ::after, ::before, ::backdrop, ::file-selector-button {
28 box-sizing: border-box;
29 margin: 0;
30 padding: 0;
31 border: 0 solid;
32 }
33 html, :host {
34 line-height: 1.5;
35 -webkit-text-size-adjust: 100%;
36 tab-size: 4;
37 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');
38 font-feature-settings: var(--default-font-feature-settings, normal);
39 font-variation-settings: var(--default-font-variation-settings, normal);
40 -webkit-tap-highlight-color: transparent;
41 }
42 hr {
43 height: 0;
44 color: inherit;
45 border-top-width: 1px;
46 }
47 abbr:where([title]) {
48 -webkit-text-decoration: underline dotted;
49 text-decoration: underline dotted;
50 }
51 h1, h2, h3, h4, h5, h6 {
52 font-size: inherit;
53 font-weight: inherit;
54 }
55 a {
56 color: inherit;
57 -webkit-text-decoration: inherit;
58 text-decoration: inherit;
59 }
60 b, strong {
61 font-weight: bolder;
62 }
63 code, kbd, samp, pre {
64 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
65 font-feature-settings: var(--default-mono-font-feature-settings, normal);
66 font-variation-settings: var(--default-mono-font-variation-settings, normal);
67 font-size: 1em;
68 }
69 small {
70 font-size: 80%;
71 }
72 sub, sup {
73 font-size: 75%;
74 line-height: 0;
75 position: relative;
76 vertical-align: baseline;
77 }
78 sub {
79 bottom: -0.25em;
80 }
81 sup {
82 top: -0.5em;
83 }
84 table {
85 text-indent: 0;
86 border-color: inherit;
87 border-collapse: collapse;
88 }
89 :-moz-focusring {
90 outline: auto;
91 }
92 progress {
93 vertical-align: baseline;
94 }
95 summary {
96 display: list-item;
97 }
98 ol, ul, menu {
99 list-style: none;
100 }
101 img, svg, video, canvas, audio, iframe, embed, object {
102 display: block;
103 vertical-align: middle;
104 }
105 img, video {
106 max-width: 100%;
107 height: auto;
108 }
109 button, input, select, optgroup, textarea, ::file-selector-button {
110 font: inherit;
111 font-feature-settings: inherit;
112 font-variation-settings: inherit;
113 letter-spacing: inherit;
114 color: inherit;
115 border-radius: 0;
116 background-color: transparent;
117 opacity: 1;
118 }
119 :where(select:is([multiple], [size])) optgroup {
120 font-weight: bolder;
121 }
122 :where(select:is([multiple], [size])) optgroup option {
123 padding-inline-start: 20px;
124 }
125 ::file-selector-button {
126 margin-inline-end: 4px;
127 }
128 ::placeholder {
129 opacity: 1;
130 }
131 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
132 ::placeholder {
133 color: currentcolor;
134 @supports (color: color-mix(in lab, red, red)) {
135 & {
136 color: color-mix(in oklab, currentcolor 50%, transparent);
137 }
138 }
139 }
140 }
141 textarea {
142 resize: vertical;
143 }
144 ::-webkit-search-decoration {
145 -webkit-appearance: none;
146 }
147 ::-webkit-date-and-time-value {
148 min-height: 1lh;
149 text-align: inherit;
150 }
151 ::-webkit-datetime-edit {
152 display: inline-flex;
153 }
154 ::-webkit-datetime-edit-fields-wrapper {
155 padding: 0;
156 }
157 ::-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 {
158 padding-block: 0;
159 }
160 ::-webkit-calendar-picker-indicator {
161 line-height: 1;
162 }
163 :-moz-ui-invalid {
164 box-shadow: none;
165 }
166 button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
167 appearance: button;
168 }
169 ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
170 height: auto;
171 }
172 [hidden]:where(:not([hidden='until-found'])) {
173 display: none!important;
174 }
175}
176@layer utilities {
177 .m-auto {
178 margin: auto;
179 }
180 .mx-auto {
181 margin-inline: auto;
182 }
183 .my-2 {
184 margin-block: calc(var(--spacing) * 2);
185 }
186 .mt-8 {
187 margin-top: calc(var(--spacing) * 8);
188 }
189 .mb-2 {
190 margin-bottom: calc(var(--spacing) * 2);
191 }
192 .mb-3 {
193 margin-bottom: calc(var(--spacing) * 3);
194 }
195 .mb-6 {
196 margin-bottom: calc(var(--spacing) * 6);
197 }
198 .flex {
199 display: flex;
200 }
201 .h-px {
202 height: 1px;
203 }
204 .min-h-screen {
205 min-height: 100vh;
206 }
207 .w-full {
208 width: 100%;
209 }
210 .max-w-3xl {
211 max-width: var(--container-3xl);
212 }
213 .flex-1 {
214 flex: 1;
215 }
216 .flex-auto {
217 flex: auto;
218 }
219 .columns-2 {
220 columns: 2;
221 }
222 .flex-col {
223 flex-direction: column;
224 }
225 .items-center {
226 align-items: center;
227 }
228 .justify-center {
229 justify-content: center;
230 }
231 .space-y-5 {
232 :where(& > :not(:last-child)) {
233 --tw-space-y-reverse: 0;
234 margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
235 margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
236 }
237 }
238 .rounded-lg {
239 border-radius: var(--radius-lg);
240 }
241 .bg-gray-200 {
242 background-color: var(--color-gray-200);
243 }
244 .p-4 {
245 padding: calc(var(--spacing) * 4);
246 }
247 .pt-6 {
248 padding-top: calc(var(--spacing) * 6);
249 }
250 .text-center {
251 text-align: center;
252 }
253 .font-sans {
254 font-family: var(--font-sans);
255 }
256 .text-2xl {
257 font-size: var(--text-2xl);
258 line-height: var(--tw-leading, var(--text-2xl--line-height));
259 }
260 .font-bold {
261 --tw-font-weight: var(--font-weight-bold);
262 font-weight: var(--font-weight-bold);
263 }
264 .font-medium {
265 --tw-font-weight: var(--font-weight-medium);
266 font-weight: var(--font-weight-medium);
267 }
268 .font-semibold {
269 --tw-font-weight: var(--font-weight-semibold);
270 font-weight: var(--font-weight-semibold);
271 }
272 .text-gray-500 {
273 color: var(--color-gray-500);
274 }
275 .text-gray-600 {
276 color: var(--color-gray-600);
277 }
278 .text-gray-800 {
279 color: var(--color-gray-800);
280 }
281 .shadow-md {
282 --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
283 box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
284 }
285 .duration-200 {
286 --tw-duration: 200ms;
287 transition-duration: 200ms;
288 }
289 .not-sm\:hidden {
290 @media not (width >= 40rem) {
291 display: none;
292 }
293 }
294 .hover\:scale-\[1\.03\] {
295 &:hover {
296 @media (hover: hover) {
297 scale: 1.03;
298 }
299 }
300 }
301 .sm\:h-10 {
302 @media (width >= 40rem) {
303 height: calc(var(--spacing) * 10);
304 }
305 }
306 .sm\:w-px {
307 @media (width >= 40rem) {
308 width: 1px;
309 }
310 }
311 .sm\:flex-row {
312 @media (width >= 40rem) {
313 flex-direction: row;
314 }
315 }
316}
317@property --tw-space-y-reverse {
318 syntax: "*";
319 inherits: false;
320 initial-value: 0;
321}
322@property --tw-font-weight {
323 syntax: "*";
324 inherits: false;
325}
326@property --tw-shadow {
327 syntax: "*";
328 inherits: false;
329 initial-value: 0 0 #0000;
330}
331@property --tw-shadow-color {
332 syntax: "*";
333 inherits: false;
334}
335@property --tw-shadow-alpha {
336 syntax: "<percentage>";
337 inherits: false;
338 initial-value: 100%;
339}
340@property --tw-inset-shadow {
341 syntax: "*";
342 inherits: false;
343 initial-value: 0 0 #0000;
344}
345@property --tw-inset-shadow-color {
346 syntax: "*";
347 inherits: false;
348}
349@property --tw-inset-shadow-alpha {
350 syntax: "<percentage>";
351 inherits: false;
352 initial-value: 100%;
353}
354@property --tw-ring-color {
355 syntax: "*";
356 inherits: false;
357}
358@property --tw-ring-shadow {
359 syntax: "*";
360 inherits: false;
361 initial-value: 0 0 #0000;
362}
363@property --tw-inset-ring-color {
364 syntax: "*";
365 inherits: false;
366}
367@property --tw-inset-ring-shadow {
368 syntax: "*";
369 inherits: false;
370 initial-value: 0 0 #0000;
371}
372@property --tw-ring-inset {
373 syntax: "*";
374 inherits: false;
375}
376@property --tw-ring-offset-width {
377 syntax: "<length>";
378 inherits: false;
379 initial-value: 0px;
380}
381@property --tw-ring-offset-color {
382 syntax: "*";
383 inherits: false;
384 initial-value: #fff;
385}
386@property --tw-ring-offset-shadow {
387 syntax: "*";
388 inherits: false;
389 initial-value: 0 0 #0000;
390}
391@property --tw-duration {
392 syntax: "*";
393 inherits: false;
394}
395@layer properties {
396 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
397 *, ::before, ::after, ::backdrop {
398 --tw-space-y-reverse: 0;
399 --tw-font-weight: initial;
400 --tw-shadow: 0 0 #0000;
401 --tw-shadow-color: initial;
402 --tw-shadow-alpha: 100%;
403 --tw-inset-shadow: 0 0 #0000;
404 --tw-inset-shadow-color: initial;
405 --tw-inset-shadow-alpha: 100%;
406 --tw-ring-color: initial;
407 --tw-ring-shadow: 0 0 #0000;
408 --tw-inset-ring-color: initial;
409 --tw-inset-ring-shadow: 0 0 #0000;
410 --tw-ring-inset: initial;
411 --tw-ring-offset-width: 0px;
412 --tw-ring-offset-color: #fff;
413 --tw-ring-offset-shadow: 0 0 #0000;
414 --tw-duration: initial;
415 }
416 }
417}