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