main.css (35875B)
1 /* src/scss/main.css */ 2 *, 3 ::before, 4 ::after { 5 box-sizing: border-box; 6 border-width: 0; 7 border-style: solid; 8 border-color: #e5e7eb; 9 } 10 ::before, 11 ::after { 12 --tw-content: ""; 13 } 14 html { 15 line-height: 1.5; 16 -webkit-text-size-adjust: 100%; 17 -moz-tab-size: 4; 18 -o-tab-size: 4; 19 tab-size: 4; 20 font-family: 21 ui-sans-serif, 22 system-ui, 23 -apple-system, 24 BlinkMacSystemFont, 25 "Segoe UI", 26 Roboto, 27 "Helvetica Neue", 28 Arial, 29 "Noto Sans", 30 sans-serif, 31 "Apple Color Emoji", 32 "Segoe UI Emoji", 33 "Segoe UI Symbol", 34 "Noto Color Emoji"; 35 font-feature-settings: normal; 36 font-variation-settings: normal; 37 } 38 body { 39 margin: 0; 40 line-height: inherit; 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, 52 h2, 53 h3, 54 h4, 55 h5, 56 h6 { 57 font-size: inherit; 58 font-weight: inherit; 59 } 60 a { 61 color: inherit; 62 text-decoration: inherit; 63 } 64 b, 65 strong { 66 font-weight: bolder; 67 } 68 code, 69 kbd, 70 samp, 71 pre { 72 font-family: 73 ui-monospace, 74 SFMono-Regular, 75 Menlo, 76 Monaco, 77 Consolas, 78 "Liberation Mono", 79 "Courier New", 80 monospace; 81 font-size: 1em; 82 } 83 small { 84 font-size: 80%; 85 } 86 sub, 87 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 button, 105 input, 106 optgroup, 107 select, 108 textarea { 109 font-family: inherit; 110 font-size: 100%; 111 font-weight: inherit; 112 line-height: inherit; 113 color: inherit; 114 margin: 0; 115 padding: 0; 116 } 117 button, 118 select { 119 text-transform: none; 120 } 121 button, 122 [type=button], 123 [type=reset], 124 [type=submit] { 125 -webkit-appearance: button; 126 background-color: transparent; 127 background-image: none; 128 } 129 :-moz-focusring { 130 outline: auto; 131 } 132 :-moz-ui-invalid { 133 box-shadow: none; 134 } 135 progress { 136 vertical-align: baseline; 137 } 138 ::-webkit-inner-spin-button, 139 ::-webkit-outer-spin-button { 140 height: auto; 141 } 142 [type=search] { 143 -webkit-appearance: textfield; 144 outline-offset: -2px; 145 } 146 ::-webkit-search-decoration { 147 -webkit-appearance: none; 148 } 149 ::-webkit-file-upload-button { 150 -webkit-appearance: button; 151 font: inherit; 152 } 153 summary { 154 display: list-item; 155 } 156 blockquote, 157 dl, 158 dd, 159 h1, 160 h2, 161 h3, 162 h4, 163 h5, 164 h6, 165 hr, 166 figure, 167 p, 168 pre { 169 margin: 0; 170 } 171 fieldset { 172 margin: 0; 173 padding: 0; 174 } 175 legend { 176 padding: 0; 177 } 178 ol, 179 ul, 180 menu { 181 list-style: none; 182 margin: 0; 183 padding: 0; 184 } 185 textarea { 186 resize: vertical; 187 } 188 input::-moz-placeholder, 189 textarea::-moz-placeholder { 190 opacity: 1; 191 color: #9ca3af; 192 } 193 input::placeholder, 194 textarea::placeholder { 195 opacity: 1; 196 color: #9ca3af; 197 } 198 button, 199 [role=button] { 200 cursor: pointer; 201 } 202 :disabled { 203 cursor: default; 204 } 205 img, 206 svg, 207 video, 208 canvas, 209 audio, 210 iframe, 211 embed, 212 object { 213 display: block; 214 vertical-align: middle; 215 } 216 img, 217 video { 218 max-width: 100%; 219 height: auto; 220 } 221 [hidden] { 222 display: none; 223 } 224 [type=text], 225 [type=email], 226 [type=url], 227 [type=password], 228 [type=number], 229 [type=date], 230 [type=datetime-local], 231 [type=month], 232 [type=search], 233 [type=tel], 234 [type=time], 235 [type=week], 236 [multiple], 237 textarea, 238 select { 239 -webkit-appearance: none; 240 -moz-appearance: none; 241 appearance: none; 242 background-color: #fff; 243 border-color: #6b7280; 244 border-width: 1px; 245 border-radius: 0px; 246 padding-top: 0.5rem; 247 padding-right: 0.75rem; 248 padding-bottom: 0.5rem; 249 padding-left: 0.75rem; 250 font-size: 1rem; 251 line-height: 1.5rem; 252 --tw-shadow: 0 0 #0000; 253 } 254 [type=text]:focus, 255 [type=email]:focus, 256 [type=url]:focus, 257 [type=password]:focus, 258 [type=number]:focus, 259 [type=date]:focus, 260 [type=datetime-local]:focus, 261 [type=month]:focus, 262 [type=search]:focus, 263 [type=tel]:focus, 264 [type=time]:focus, 265 [type=week]:focus, 266 [multiple]:focus, 267 textarea:focus, 268 select:focus { 269 outline: 2px solid transparent; 270 outline-offset: 2px; 271 --tw-ring-inset: var(--tw-empty, ); 272 --tw-ring-offset-width: 0px; 273 --tw-ring-offset-color: #fff; 274 --tw-ring-color: #2563eb; 275 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 276 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 277 box-shadow: 278 var(--tw-ring-offset-shadow), 279 var(--tw-ring-shadow), 280 var(--tw-shadow); 281 border-color: #2563eb; 282 } 283 input::-moz-placeholder, 284 textarea::-moz-placeholder { 285 color: #6b7280; 286 opacity: 1; 287 } 288 input::placeholder, 289 textarea::placeholder { 290 color: #6b7280; 291 opacity: 1; 292 } 293 ::-webkit-datetime-edit-fields-wrapper { 294 padding: 0; 295 } 296 ::-webkit-date-and-time-value { 297 min-height: 1.5em; 298 } 299 ::-webkit-datetime-edit, 300 ::-webkit-datetime-edit-year-field, 301 ::-webkit-datetime-edit-month-field, 302 ::-webkit-datetime-edit-day-field, 303 ::-webkit-datetime-edit-hour-field, 304 ::-webkit-datetime-edit-minute-field, 305 ::-webkit-datetime-edit-second-field, 306 ::-webkit-datetime-edit-millisecond-field, 307 ::-webkit-datetime-edit-meridiem-field { 308 padding-top: 0; 309 padding-bottom: 0; 310 } 311 select { 312 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); 313 background-position: right 0.5rem center; 314 background-repeat: no-repeat; 315 background-size: 1.5em 1.5em; 316 padding-right: 2.5rem; 317 -webkit-print-color-adjust: exact; 318 print-color-adjust: exact; 319 } 320 [multiple] { 321 background-image: initial; 322 background-position: initial; 323 background-repeat: unset; 324 background-size: initial; 325 padding-right: 0.75rem; 326 -webkit-print-color-adjust: unset; 327 print-color-adjust: unset; 328 } 329 [type=checkbox], 330 [type=radio] { 331 -webkit-appearance: none; 332 -moz-appearance: none; 333 appearance: none; 334 padding: 0; 335 -webkit-print-color-adjust: exact; 336 print-color-adjust: exact; 337 display: inline-block; 338 vertical-align: middle; 339 background-origin: border-box; 340 -webkit-user-select: none; 341 -moz-user-select: none; 342 user-select: none; 343 flex-shrink: 0; 344 height: 1rem; 345 width: 1rem; 346 color: #2563eb; 347 background-color: #fff; 348 border-color: #6b7280; 349 border-width: 1px; 350 --tw-shadow: 0 0 #0000; 351 } 352 [type=checkbox] { 353 border-radius: 0px; 354 } 355 [type=radio] { 356 border-radius: 100%; 357 } 358 [type=checkbox]:focus, 359 [type=radio]:focus { 360 outline: 2px solid transparent; 361 outline-offset: 2px; 362 --tw-ring-inset: var(--tw-empty, ); 363 --tw-ring-offset-width: 2px; 364 --tw-ring-offset-color: #fff; 365 --tw-ring-color: #2563eb; 366 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 367 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 368 box-shadow: 369 var(--tw-ring-offset-shadow), 370 var(--tw-ring-shadow), 371 var(--tw-shadow); 372 } 373 [type=checkbox]:checked, 374 [type=radio]:checked { 375 border-color: transparent; 376 background-color: currentColor; 377 background-size: 100% 100%; 378 background-position: center; 379 background-repeat: no-repeat; 380 } 381 [type=checkbox]:checked { 382 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); 383 } 384 [type=radio]:checked { 385 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); 386 } 387 [type=checkbox]:checked:hover, 388 [type=checkbox]:checked:focus, 389 [type=radio]:checked:hover, 390 [type=radio]:checked:focus { 391 border-color: transparent; 392 background-color: currentColor; 393 } 394 [type=checkbox]:indeterminate { 395 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); 396 border-color: transparent; 397 background-color: currentColor; 398 background-size: 100% 100%; 399 background-position: center; 400 background-repeat: no-repeat; 401 } 402 [type=checkbox]:indeterminate:hover, 403 [type=checkbox]:indeterminate:focus { 404 border-color: transparent; 405 background-color: currentColor; 406 } 407 [type=file] { 408 background: unset; 409 border-color: inherit; 410 border-width: 0; 411 border-radius: 0; 412 padding: 0; 413 font-size: unset; 414 line-height: inherit; 415 } 416 [type=file]:focus { 417 outline: 1px solid ButtonText; 418 outline: 1px auto -webkit-focus-ring-color; 419 } 420 *, 421 ::before, 422 ::after { 423 --tw-border-spacing-x: 0; 424 --tw-border-spacing-y: 0; 425 --tw-translate-x: 0; 426 --tw-translate-y: 0; 427 --tw-rotate: 0; 428 --tw-skew-x: 0; 429 --tw-skew-y: 0; 430 --tw-scale-x: 1; 431 --tw-scale-y: 1; 432 --tw-pan-x: ; 433 --tw-pan-y: ; 434 --tw-pinch-zoom: ; 435 --tw-scroll-snap-strictness: proximity; 436 --tw-gradient-from-position: ; 437 --tw-gradient-via-position: ; 438 --tw-gradient-to-position: ; 439 --tw-ordinal: ; 440 --tw-slashed-zero: ; 441 --tw-numeric-figure: ; 442 --tw-numeric-spacing: ; 443 --tw-numeric-fraction: ; 444 --tw-ring-inset: ; 445 --tw-ring-offset-width: 0px; 446 --tw-ring-offset-color: #fff; 447 --tw-ring-color: rgb(59 130 246 / 0.5); 448 --tw-ring-offset-shadow: 0 0 #0000; 449 --tw-ring-shadow: 0 0 #0000; 450 --tw-shadow: 0 0 #0000; 451 --tw-shadow-colored: 0 0 #0000; 452 --tw-blur: ; 453 --tw-brightness: ; 454 --tw-contrast: ; 455 --tw-grayscale: ; 456 --tw-hue-rotate: ; 457 --tw-invert: ; 458 --tw-saturate: ; 459 --tw-sepia: ; 460 --tw-drop-shadow: ; 461 --tw-backdrop-blur: ; 462 --tw-backdrop-brightness: ; 463 --tw-backdrop-contrast: ; 464 --tw-backdrop-grayscale: ; 465 --tw-backdrop-hue-rotate: ; 466 --tw-backdrop-invert: ; 467 --tw-backdrop-opacity: ; 468 --tw-backdrop-saturate: ; 469 --tw-backdrop-sepia: ; 470 } 471 ::backdrop { 472 --tw-border-spacing-x: 0; 473 --tw-border-spacing-y: 0; 474 --tw-translate-x: 0; 475 --tw-translate-y: 0; 476 --tw-rotate: 0; 477 --tw-skew-x: 0; 478 --tw-skew-y: 0; 479 --tw-scale-x: 1; 480 --tw-scale-y: 1; 481 --tw-pan-x: ; 482 --tw-pan-y: ; 483 --tw-pinch-zoom: ; 484 --tw-scroll-snap-strictness: proximity; 485 --tw-gradient-from-position: ; 486 --tw-gradient-via-position: ; 487 --tw-gradient-to-position: ; 488 --tw-ordinal: ; 489 --tw-slashed-zero: ; 490 --tw-numeric-figure: ; 491 --tw-numeric-spacing: ; 492 --tw-numeric-fraction: ; 493 --tw-ring-inset: ; 494 --tw-ring-offset-width: 0px; 495 --tw-ring-offset-color: #fff; 496 --tw-ring-color: rgb(59 130 246 / 0.5); 497 --tw-ring-offset-shadow: 0 0 #0000; 498 --tw-ring-shadow: 0 0 #0000; 499 --tw-shadow: 0 0 #0000; 500 --tw-shadow-colored: 0 0 #0000; 501 --tw-blur: ; 502 --tw-brightness: ; 503 --tw-contrast: ; 504 --tw-grayscale: ; 505 --tw-hue-rotate: ; 506 --tw-invert: ; 507 --tw-saturate: ; 508 --tw-sepia: ; 509 --tw-drop-shadow: ; 510 --tw-backdrop-blur: ; 511 --tw-backdrop-brightness: ; 512 --tw-backdrop-contrast: ; 513 --tw-backdrop-grayscale: ; 514 --tw-backdrop-hue-rotate: ; 515 --tw-backdrop-invert: ; 516 --tw-backdrop-opacity: ; 517 --tw-backdrop-saturate: ; 518 --tw-backdrop-sepia: ; 519 } 520 .\!container { 521 width: 100% !important; 522 } 523 .container { 524 width: 100%; 525 } 526 @media (min-width: 640px) { 527 .\!container { 528 max-width: 640px !important; 529 } 530 .container { 531 max-width: 640px; 532 } 533 } 534 @media (min-width: 768px) { 535 .\!container { 536 max-width: 768px !important; 537 } 538 .container { 539 max-width: 768px; 540 } 541 } 542 @media (min-width: 1024px) { 543 .\!container { 544 max-width: 1024px !important; 545 } 546 .container { 547 max-width: 1024px; 548 } 549 } 550 @media (min-width: 1280px) { 551 .\!container { 552 max-width: 1280px !important; 553 } 554 .container { 555 max-width: 1280px; 556 } 557 } 558 @media (min-width: 1536px) { 559 .\!container { 560 max-width: 1536px !important; 561 } 562 .container { 563 max-width: 1536px; 564 } 565 } 566 .sr-only { 567 position: absolute; 568 width: 1px; 569 height: 1px; 570 padding: 0; 571 margin: -1px; 572 overflow: hidden; 573 clip: rect(0, 0, 0, 0); 574 white-space: nowrap; 575 border-width: 0; 576 } 577 .pointer-events-none { 578 pointer-events: none; 579 } 580 .pointer-events-auto { 581 pointer-events: auto; 582 } 583 .visible { 584 visibility: visible; 585 } 586 .fixed { 587 position: fixed; 588 } 589 .absolute { 590 position: absolute; 591 } 592 .relative { 593 position: relative; 594 } 595 .-inset-0 { 596 inset: -0px; 597 } 598 .-inset-0\.5 { 599 inset: -0.125rem; 600 } 601 .-inset-1 { 602 inset: -0.25rem; 603 } 604 .-inset-2 { 605 inset: -0.5rem; 606 } 607 .-inset-2\.5 { 608 inset: -0.625rem; 609 } 610 .inset-0 { 611 inset: 0px; 612 } 613 .inset-y-0 { 614 top: 0px; 615 bottom: 0px; 616 } 617 .bottom-0 { 618 bottom: 0px; 619 } 620 .bottom-4 { 621 bottom: 1rem; 622 } 623 .left-0 { 624 left: 0px; 625 } 626 .right-0 { 627 right: 0px; 628 } 629 .top-0 { 630 top: 0px; 631 } 632 .isolate { 633 isolation: isolate; 634 } 635 .z-10 { 636 z-index: 10; 637 } 638 .z-20 { 639 z-index: 20; 640 } 641 .col-span-full { 642 grid-column: 1 / -1; 643 } 644 .mx-8 { 645 margin-left: 2rem; 646 margin-right: 2rem; 647 } 648 .mx-auto { 649 margin-left: auto; 650 margin-right: auto; 651 } 652 .my-2 { 653 margin-top: 0.5rem; 654 margin-bottom: 0.5rem; 655 } 656 .my-4 { 657 margin-top: 1rem; 658 margin-bottom: 1rem; 659 } 660 .-ml-px { 661 margin-left: -1px; 662 } 663 .-mt-2 { 664 margin-top: -0.5rem; 665 } 666 .-mt-5 { 667 margin-top: -1.25rem; 668 } 669 .mb-4 { 670 margin-bottom: 1rem; 671 } 672 .mb-6 { 673 margin-bottom: 1.5rem; 674 } 675 .ml-3 { 676 margin-left: 0.75rem; 677 } 678 .ml-4 { 679 margin-left: 1rem; 680 } 681 .ml-6 { 682 margin-left: 1.5rem; 683 } 684 .mr-2 { 685 margin-right: 0.5rem; 686 } 687 .mt-0 { 688 margin-top: 0px; 689 } 690 .mt-0\.5 { 691 margin-top: 0.125rem; 692 } 693 .mt-1 { 694 margin-top: 0.25rem; 695 } 696 .mt-10 { 697 margin-top: 2.5rem; 698 } 699 .mt-16 { 700 margin-top: 4rem; 701 } 702 .mt-2 { 703 margin-top: 0.5rem; 704 } 705 .mt-2\.5 { 706 margin-top: 0.625rem; 707 } 708 .mt-3 { 709 margin-top: 0.75rem; 710 } 711 .mt-4 { 712 margin-top: 1rem; 713 } 714 .mt-6 { 715 margin-top: 1.5rem; 716 } 717 .mt-8 { 718 margin-top: 2rem; 719 } 720 .block { 721 display: block; 722 } 723 .flex { 724 display: flex; 725 } 726 .inline-flex { 727 display: inline-flex; 728 } 729 .grid { 730 display: grid; 731 } 732 .contents { 733 display: contents; 734 } 735 .\!hidden { 736 display: none !important; 737 } 738 .hidden { 739 display: none; 740 } 741 .h-10 { 742 height: 2.5rem; 743 } 744 .h-12 { 745 height: 3rem; 746 } 747 .h-16 { 748 height: 4rem; 749 } 750 .h-24 { 751 height: 6rem; 752 } 753 .h-3 { 754 height: 0.75rem; 755 } 756 .h-4 { 757 height: 1rem; 758 } 759 .h-5 { 760 height: 1.25rem; 761 } 762 .h-6 { 763 height: 1.5rem; 764 } 765 .h-7 { 766 height: 1.75rem; 767 } 768 .h-8 { 769 height: 2rem; 770 } 771 .h-full { 772 height: 100%; 773 } 774 .max-h-60 { 775 max-height: 15rem; 776 } 777 .min-h-full { 778 min-height: 100%; 779 } 780 .w-10 { 781 width: 2.5rem; 782 } 783 .w-12 { 784 width: 3rem; 785 } 786 .w-3 { 787 width: 0.75rem; 788 } 789 .w-4 { 790 width: 1rem; 791 } 792 .w-5 { 793 width: 1.25rem; 794 } 795 .w-6 { 796 width: 1.5rem; 797 } 798 .w-8 { 799 width: 2rem; 800 } 801 .w-auto { 802 width: auto; 803 } 804 .w-full { 805 width: 100%; 806 } 807 .w-screen { 808 width: 100vw; 809 } 810 .min-w-0 { 811 min-width: 0px; 812 } 813 .max-w-2xl { 814 max-width: 42rem; 815 } 816 .max-w-7xl { 817 max-width: 80rem; 818 } 819 .max-w-full { 820 max-width: 100%; 821 } 822 .max-w-md { 823 max-width: 28rem; 824 } 825 .max-w-xl { 826 max-width: 36rem; 827 } 828 .flex-1 { 829 flex: 1 1 0%; 830 } 831 .flex-auto { 832 flex: 1 1 auto; 833 } 834 .flex-shrink-0 { 835 flex-shrink: 0; 836 } 837 .shrink-0 { 838 flex-shrink: 0; 839 } 840 .flex-grow { 841 flex-grow: 1; 842 } 843 .rotate-45 { 844 --tw-rotate: 45deg; 845 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)); 846 } 847 .cursor-default { 848 cursor: default; 849 } 850 .cursor-not-allowed { 851 cursor: not-allowed; 852 } 853 .cursor-pointer { 854 cursor: pointer; 855 } 856 .select-none { 857 -webkit-user-select: none; 858 -moz-user-select: none; 859 user-select: none; 860 } 861 .grid-cols-1 { 862 grid-template-columns: repeat(1, minmax(0, 1fr)); 863 } 864 .flex-row { 865 flex-direction: row; 866 } 867 .flex-col { 868 flex-direction: column; 869 } 870 .items-start { 871 align-items: flex-start; 872 } 873 .items-center { 874 align-items: center; 875 } 876 .items-stretch { 877 align-items: stretch; 878 } 879 .justify-start { 880 justify-content: flex-start; 881 } 882 .justify-end { 883 justify-content: flex-end; 884 } 885 .justify-center { 886 justify-content: center; 887 } 888 .justify-between { 889 justify-content: space-between; 890 } 891 .gap-x-0 { 892 -moz-column-gap: 0px; 893 column-gap: 0px; 894 } 895 .gap-x-0\.5 { 896 -moz-column-gap: 0.125rem; 897 column-gap: 0.125rem; 898 } 899 .gap-x-1 { 900 -moz-column-gap: 0.25rem; 901 column-gap: 0.25rem; 902 } 903 .gap-x-1\.5 { 904 -moz-column-gap: 0.375rem; 905 column-gap: 0.375rem; 906 } 907 .gap-x-3 { 908 -moz-column-gap: 0.75rem; 909 column-gap: 0.75rem; 910 } 911 .gap-x-6 { 912 -moz-column-gap: 1.5rem; 913 column-gap: 1.5rem; 914 } 915 .gap-x-8 { 916 -moz-column-gap: 2rem; 917 column-gap: 2rem; 918 } 919 .gap-y-2 { 920 row-gap: 0.5rem; 921 } 922 .gap-y-6 { 923 row-gap: 1.5rem; 924 } 925 .gap-y-7 { 926 row-gap: 1.75rem; 927 } 928 .gap-y-8 { 929 row-gap: 2rem; 930 } 931 .-space-y-px > :not([hidden]) ~ :not([hidden]) { 932 --tw-space-y-reverse: 0; 933 margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse))); 934 margin-bottom: calc(-1px * var(--tw-space-y-reverse)); 935 } 936 .space-x-4 > :not([hidden]) ~ :not([hidden]) { 937 --tw-space-x-reverse: 0; 938 margin-right: calc(1rem * var(--tw-space-x-reverse)); 939 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); 940 } 941 .space-y-1 > :not([hidden]) ~ :not([hidden]) { 942 --tw-space-y-reverse: 0; 943 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); 944 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); 945 } 946 .space-y-10 > :not([hidden]) ~ :not([hidden]) { 947 --tw-space-y-reverse: 0; 948 margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); 949 margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); 950 } 951 .space-y-4 > :not([hidden]) ~ :not([hidden]) { 952 --tw-space-y-reverse: 0; 953 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); 954 margin-bottom: calc(1rem * var(--tw-space-y-reverse)); 955 } 956 .divide-y > :not([hidden]) ~ :not([hidden]) { 957 --tw-divide-y-reverse: 0; 958 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); 959 border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); 960 } 961 .divide-gray-900\/10 > :not([hidden]) ~ :not([hidden]) { 962 border-color: rgb(17 24 39 / 0.1); 963 } 964 .overflow-auto { 965 overflow: auto; 966 } 967 .overflow-hidden { 968 overflow: hidden; 969 } 970 .overflow-y-scroll { 971 overflow-y: scroll; 972 } 973 .truncate { 974 overflow: hidden; 975 text-overflow: ellipsis; 976 white-space: nowrap; 977 } 978 .whitespace-break-spaces { 979 white-space: break-spaces; 980 } 981 .rounded { 982 border-radius: 0.25rem; 983 } 984 .rounded-full { 985 border-radius: 9999px; 986 } 987 .rounded-lg { 988 border-radius: 0.5rem; 989 } 990 .rounded-md { 991 border-radius: 0.375rem; 992 } 993 .rounded-none { 994 border-radius: 0px; 995 } 996 .rounded-sm { 997 border-radius: 0.125rem; 998 } 999 .rounded-l-md { 1000 border-top-left-radius: 0.375rem; 1001 border-bottom-left-radius: 0.375rem; 1002 } 1003 .rounded-r-md { 1004 border-top-right-radius: 0.375rem; 1005 border-bottom-right-radius: 0.375rem; 1006 } 1007 .rounded-bl-md { 1008 border-bottom-left-radius: 0.375rem; 1009 } 1010 .rounded-br-md { 1011 border-bottom-right-radius: 0.375rem; 1012 } 1013 .rounded-tl-md { 1014 border-top-left-radius: 0.375rem; 1015 } 1016 .rounded-tr-md { 1017 border-top-right-radius: 0.375rem; 1018 } 1019 .border { 1020 border-width: 1px; 1021 } 1022 .border-0 { 1023 border-width: 0px; 1024 } 1025 .border-2 { 1026 border-width: 2px; 1027 } 1028 .border-b { 1029 border-bottom-width: 1px; 1030 } 1031 .border-l-0 { 1032 border-left-width: 0px; 1033 } 1034 .border-r-0 { 1035 border-right-width: 0px; 1036 } 1037 .border-r-2 { 1038 border-right-width: 2px; 1039 } 1040 .border-dashed { 1041 border-style: dashed; 1042 } 1043 .border-gray-200 { 1044 --tw-border-opacity: 1; 1045 border-color: rgb(229 231 235 / var(--tw-border-opacity)); 1046 } 1047 .border-gray-300 { 1048 --tw-border-opacity: 1; 1049 border-color: rgb(209 213 219 / var(--tw-border-opacity)); 1050 } 1051 .border-gray-900\/25 { 1052 border-color: rgb(17 24 39 / 0.25); 1053 } 1054 .border-indigo-200 { 1055 --tw-border-opacity: 1; 1056 border-color: rgb(199 210 254 / var(--tw-border-opacity)); 1057 } 1058 .border-indigo-400 { 1059 --tw-border-opacity: 1; 1060 border-color: rgb(129 140 248 / var(--tw-border-opacity)); 1061 } 1062 .border-indigo-600 { 1063 --tw-border-opacity: 1; 1064 border-color: rgb(79 70 229 / var(--tw-border-opacity)); 1065 } 1066 .border-transparent { 1067 border-color: transparent; 1068 } 1069 .border-opacity-25 { 1070 --tw-border-opacity: 0.25; 1071 } 1072 .bg-black { 1073 --tw-bg-opacity: 1; 1074 background-color: rgb(0 0 0 / var(--tw-bg-opacity)); 1075 } 1076 .bg-gray-100 { 1077 --tw-bg-opacity: 1; 1078 background-color: rgb(243 244 246 / var(--tw-bg-opacity)); 1079 } 1080 .bg-gray-50 { 1081 --tw-bg-opacity: 1; 1082 background-color: rgb(249 250 251 / var(--tw-bg-opacity)); 1083 } 1084 .bg-indigo-50 { 1085 --tw-bg-opacity: 1; 1086 background-color: rgb(238 242 255 / var(--tw-bg-opacity)); 1087 } 1088 .bg-indigo-600 { 1089 --tw-bg-opacity: 1; 1090 background-color: rgb(79 70 229 / var(--tw-bg-opacity)); 1091 } 1092 .bg-indigo-700 { 1093 --tw-bg-opacity: 1; 1094 background-color: rgb(67 56 202 / var(--tw-bg-opacity)); 1095 } 1096 .bg-red-50 { 1097 --tw-bg-opacity: 1; 1098 background-color: rgb(254 242 242 / var(--tw-bg-opacity)); 1099 } 1100 .bg-red-600 { 1101 --tw-bg-opacity: 1; 1102 background-color: rgb(220 38 38 / var(--tw-bg-opacity)); 1103 } 1104 .bg-slate-200 { 1105 --tw-bg-opacity: 1; 1106 background-color: rgb(226 232 240 / var(--tw-bg-opacity)); 1107 } 1108 .bg-transparent { 1109 background-color: transparent; 1110 } 1111 .bg-white { 1112 --tw-bg-opacity: 1; 1113 background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 1114 } 1115 .stroke-gray-700\/50 { 1116 stroke: rgb(55 65 81 / 0.5); 1117 } 1118 .object-cover { 1119 -o-object-fit: cover; 1120 object-fit: cover; 1121 } 1122 .p-1 { 1123 padding: 0.25rem; 1124 } 1125 .p-2 { 1126 padding: 0.5rem; 1127 } 1128 .p-3 { 1129 padding: 0.75rem; 1130 } 1131 .p-4 { 1132 padding: 1rem; 1133 } 1134 .px-2 { 1135 padding-left: 0.5rem; 1136 padding-right: 0.5rem; 1137 } 1138 .px-3 { 1139 padding-left: 0.75rem; 1140 padding-right: 0.75rem; 1141 } 1142 .px-3\.5 { 1143 padding-left: 0.875rem; 1144 padding-right: 0.875rem; 1145 } 1146 .px-4 { 1147 padding-left: 1rem; 1148 padding-right: 1rem; 1149 } 1150 .px-6 { 1151 padding-left: 1.5rem; 1152 padding-right: 1.5rem; 1153 } 1154 .py-1 { 1155 padding-top: 0.25rem; 1156 padding-bottom: 0.25rem; 1157 } 1158 .py-1\.5 { 1159 padding-top: 0.375rem; 1160 padding-bottom: 0.375rem; 1161 } 1162 .py-12 { 1163 padding-top: 3rem; 1164 padding-bottom: 3rem; 1165 } 1166 .py-2 { 1167 padding-top: 0.5rem; 1168 padding-bottom: 0.5rem; 1169 } 1170 .py-2\.5 { 1171 padding-top: 0.625rem; 1172 padding-bottom: 0.625rem; 1173 } 1174 .py-4 { 1175 padding-top: 1rem; 1176 padding-bottom: 1rem; 1177 } 1178 .py-6 { 1179 padding-top: 1.5rem; 1180 padding-bottom: 1.5rem; 1181 } 1182 .pb-4 { 1183 padding-bottom: 1rem; 1184 } 1185 .pl-1 { 1186 padding-left: 0.25rem; 1187 } 1188 .pl-10 { 1189 padding-left: 2.5rem; 1190 } 1191 .pl-2 { 1192 padding-left: 0.5rem; 1193 } 1194 .pl-3 { 1195 padding-left: 0.75rem; 1196 } 1197 .pr-10 { 1198 padding-right: 2.5rem; 1199 } 1200 .pr-12 { 1201 padding-right: 3rem; 1202 } 1203 .pr-2 { 1204 padding-right: 0.5rem; 1205 } 1206 .pr-3 { 1207 padding-right: 0.75rem; 1208 } 1209 .pr-4 { 1210 padding-right: 1rem; 1211 } 1212 .pr-9 { 1213 padding-right: 2.25rem; 1214 } 1215 .pt-2 { 1216 padding-top: 0.5rem; 1217 } 1218 .pt-3 { 1219 padding-top: 0.75rem; 1220 } 1221 .pt-4 { 1222 padding-top: 1rem; 1223 } 1224 .pt-5 { 1225 padding-top: 1.25rem; 1226 } 1227 .text-left { 1228 text-align: left; 1229 } 1230 .text-center { 1231 text-align: center; 1232 } 1233 .text-3xl { 1234 font-size: 1.875rem; 1235 line-height: 2.25rem; 1236 } 1237 .text-\[0\.625rem\] { 1238 font-size: 0.625rem; 1239 } 1240 .text-base { 1241 font-size: 1rem; 1242 line-height: 1.5rem; 1243 } 1244 .text-lg { 1245 font-size: 1.125rem; 1246 line-height: 1.75rem; 1247 } 1248 .text-sm { 1249 font-size: 0.875rem; 1250 line-height: 1.25rem; 1251 } 1252 .text-xl { 1253 font-size: 1.25rem; 1254 line-height: 1.75rem; 1255 } 1256 .text-xs { 1257 font-size: 0.75rem; 1258 line-height: 1rem; 1259 } 1260 .font-bold { 1261 font-weight: 700; 1262 } 1263 .font-medium { 1264 font-weight: 500; 1265 } 1266 .font-normal { 1267 font-weight: 400; 1268 } 1269 .font-semibold { 1270 font-weight: 600; 1271 } 1272 .leading-5 { 1273 line-height: 1.25rem; 1274 } 1275 .leading-6 { 1276 line-height: 1.5rem; 1277 } 1278 .leading-7 { 1279 line-height: 1.75rem; 1280 } 1281 .leading-8 { 1282 line-height: 2rem; 1283 } 1284 .leading-none { 1285 line-height: 1; 1286 } 1287 .tracking-tight { 1288 letter-spacing: -0.025em; 1289 } 1290 .text-gray-300 { 1291 --tw-text-opacity: 1; 1292 color: rgb(209 213 219 / var(--tw-text-opacity)); 1293 } 1294 .text-gray-400 { 1295 --tw-text-opacity: 1; 1296 color: rgb(156 163 175 / var(--tw-text-opacity)); 1297 } 1298 .text-gray-500 { 1299 --tw-text-opacity: 1; 1300 color: rgb(107 114 128 / var(--tw-text-opacity)); 1301 } 1302 .text-gray-600 { 1303 --tw-text-opacity: 1; 1304 color: rgb(75 85 99 / var(--tw-text-opacity)); 1305 } 1306 .text-gray-700 { 1307 --tw-text-opacity: 1; 1308 color: rgb(55 65 81 / var(--tw-text-opacity)); 1309 } 1310 .text-gray-900 { 1311 --tw-text-opacity: 1; 1312 color: rgb(17 24 39 / var(--tw-text-opacity)); 1313 } 1314 .text-indigo-200 { 1315 --tw-text-opacity: 1; 1316 color: rgb(199 210 254 / var(--tw-text-opacity)); 1317 } 1318 .text-indigo-600 { 1319 --tw-text-opacity: 1; 1320 color: rgb(79 70 229 / var(--tw-text-opacity)); 1321 } 1322 .text-indigo-700 { 1323 --tw-text-opacity: 1; 1324 color: rgb(67 56 202 / var(--tw-text-opacity)); 1325 } 1326 .text-red-400 { 1327 --tw-text-opacity: 1; 1328 color: rgb(248 113 113 / var(--tw-text-opacity)); 1329 } 1330 .text-red-600 { 1331 --tw-text-opacity: 1; 1332 color: rgb(220 38 38 / var(--tw-text-opacity)); 1333 } 1334 .text-red-700 { 1335 --tw-text-opacity: 1; 1336 color: rgb(185 28 28 / var(--tw-text-opacity)); 1337 } 1338 .text-red-800 { 1339 --tw-text-opacity: 1; 1340 color: rgb(153 27 27 / var(--tw-text-opacity)); 1341 } 1342 .text-red-900 { 1343 --tw-text-opacity: 1; 1344 color: rgb(127 29 29 / var(--tw-text-opacity)); 1345 } 1346 .text-white { 1347 --tw-text-opacity: 1; 1348 color: rgb(255 255 255 / var(--tw-text-opacity)); 1349 } 1350 .opacity-0 { 1351 opacity: 0; 1352 } 1353 .shadow { 1354 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); 1355 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); 1356 box-shadow: 1357 var(--tw-ring-offset-shadow, 0 0 #0000), 1358 var(--tw-ring-shadow, 0 0 #0000), 1359 var(--tw-shadow); 1360 } 1361 .shadow-lg { 1362 --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); 1363 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 1364 box-shadow: 1365 var(--tw-ring-offset-shadow, 0 0 #0000), 1366 var(--tw-ring-shadow, 0 0 #0000), 1367 var(--tw-shadow); 1368 } 1369 .shadow-sm { 1370 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 1371 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 1372 box-shadow: 1373 var(--tw-ring-offset-shadow, 0 0 #0000), 1374 var(--tw-ring-shadow, 0 0 #0000), 1375 var(--tw-shadow); 1376 } 1377 .shadow-xl { 1378 --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); 1379 --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); 1380 box-shadow: 1381 var(--tw-ring-offset-shadow, 0 0 #0000), 1382 var(--tw-ring-shadow, 0 0 #0000), 1383 var(--tw-shadow); 1384 } 1385 .ring-1 { 1386 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 1387 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 1388 box-shadow: 1389 var(--tw-ring-offset-shadow), 1390 var(--tw-ring-shadow), 1391 var(--tw-shadow, 0 0 #0000); 1392 } 1393 .ring-2 { 1394 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 1395 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 1396 box-shadow: 1397 var(--tw-ring-offset-shadow), 1398 var(--tw-ring-shadow), 1399 var(--tw-shadow, 0 0 #0000); 1400 } 1401 .ring-inset { 1402 --tw-ring-inset: inset; 1403 } 1404 .ring-black { 1405 --tw-ring-opacity: 1; 1406 --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); 1407 } 1408 .ring-gray-200 { 1409 --tw-ring-opacity: 1; 1410 --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); 1411 } 1412 .ring-gray-300 { 1413 --tw-ring-opacity: 1; 1414 --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); 1415 } 1416 .ring-gray-900\/5 { 1417 --tw-ring-color: rgb(17 24 39 / 0.05); 1418 } 1419 .ring-indigo-600 { 1420 --tw-ring-opacity: 1; 1421 --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); 1422 } 1423 .ring-red-300 { 1424 --tw-ring-opacity: 1; 1425 --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity)); 1426 } 1427 .ring-opacity-5 { 1428 --tw-ring-opacity: 0.05; 1429 } 1430 .filter { 1431 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); 1432 } 1433 .duration-300 { 1434 transition-duration: 300ms; 1435 } 1436 .placeholder\:text-gray-400::-moz-placeholder { 1437 --tw-text-opacity: 1; 1438 color: rgb(156 163 175 / var(--tw-text-opacity)); 1439 } 1440 .placeholder\:text-gray-400::placeholder { 1441 --tw-text-opacity: 1; 1442 color: rgb(156 163 175 / var(--tw-text-opacity)); 1443 } 1444 .placeholder\:text-red-300::-moz-placeholder { 1445 --tw-text-opacity: 1; 1446 color: rgb(252 165 165 / var(--tw-text-opacity)); 1447 } 1448 .placeholder\:text-red-300::placeholder { 1449 --tw-text-opacity: 1; 1450 color: rgb(252 165 165 / var(--tw-text-opacity)); 1451 } 1452 .focus-within\:z-10:focus-within { 1453 z-index: 10; 1454 } 1455 .focus-within\:outline-none:focus-within { 1456 outline: 2px solid transparent; 1457 outline-offset: 2px; 1458 } 1459 .focus-within\:ring-2:focus-within { 1460 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 1461 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 1462 box-shadow: 1463 var(--tw-ring-offset-shadow), 1464 var(--tw-ring-shadow), 1465 var(--tw-shadow, 0 0 #0000); 1466 } 1467 .focus-within\:ring-inset:focus-within { 1468 --tw-ring-inset: inset; 1469 } 1470 .focus-within\:ring-indigo-600:focus-within { 1471 --tw-ring-opacity: 1; 1472 --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); 1473 } 1474 .focus-within\:ring-offset-2:focus-within { 1475 --tw-ring-offset-width: 2px; 1476 } 1477 .hover\:bg-gray-100:hover { 1478 --tw-bg-opacity: 1; 1479 background-color: rgb(243 244 246 / var(--tw-bg-opacity)); 1480 } 1481 .hover\:bg-gray-50:hover { 1482 --tw-bg-opacity: 1; 1483 background-color: rgb(249 250 251 / var(--tw-bg-opacity)); 1484 } 1485 .hover\:bg-gray-500\/20:hover { 1486 background-color: rgb(107 114 128 / 0.2); 1487 } 1488 .hover\:bg-indigo-500:hover { 1489 --tw-bg-opacity: 1; 1490 background-color: rgb(99 102 241 / var(--tw-bg-opacity)); 1491 } 1492 .hover\:bg-indigo-600:hover { 1493 --tw-bg-opacity: 1; 1494 background-color: rgb(79 70 229 / var(--tw-bg-opacity)); 1495 } 1496 .hover\:bg-red-500:hover { 1497 --tw-bg-opacity: 1; 1498 background-color: rgb(239 68 68 / var(--tw-bg-opacity)); 1499 } 1500 .hover\:bg-opacity-75:hover { 1501 --tw-bg-opacity: 0.75; 1502 } 1503 .hover\:text-gray-400:hover { 1504 --tw-text-opacity: 1; 1505 color: rgb(156 163 175 / var(--tw-text-opacity)); 1506 } 1507 .hover\:text-gray-500:hover { 1508 --tw-text-opacity: 1; 1509 color: rgb(107 114 128 / var(--tw-text-opacity)); 1510 } 1511 .hover\:text-indigo-500:hover { 1512 --tw-text-opacity: 1; 1513 color: rgb(99 102 241 / var(--tw-text-opacity)); 1514 } 1515 .hover\:text-indigo-600:hover { 1516 --tw-text-opacity: 1; 1517 color: rgb(79 70 229 / var(--tw-text-opacity)); 1518 } 1519 .hover\:text-white:hover { 1520 --tw-text-opacity: 1; 1521 color: rgb(255 255 255 / var(--tw-text-opacity)); 1522 } 1523 .hover\:opacity-70:hover { 1524 opacity: 0.7; 1525 } 1526 .hover\:ring-indigo-500:hover { 1527 --tw-ring-opacity: 1; 1528 --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); 1529 } 1530 .focus\:z-10:focus { 1531 z-index: 10; 1532 } 1533 .focus\:outline-none:focus { 1534 outline: 2px solid transparent; 1535 outline-offset: 2px; 1536 } 1537 .focus\:ring-0:focus { 1538 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 1539 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); 1540 box-shadow: 1541 var(--tw-ring-offset-shadow), 1542 var(--tw-ring-shadow), 1543 var(--tw-shadow, 0 0 #0000); 1544 } 1545 .focus\:ring-2:focus { 1546 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 1547 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 1548 box-shadow: 1549 var(--tw-ring-offset-shadow), 1550 var(--tw-ring-shadow), 1551 var(--tw-shadow, 0 0 #0000); 1552 } 1553 .focus\:ring-inset:focus { 1554 --tw-ring-inset: inset; 1555 } 1556 .focus\:ring-indigo-500:focus { 1557 --tw-ring-opacity: 1; 1558 --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); 1559 } 1560 .focus\:ring-indigo-600:focus { 1561 --tw-ring-opacity: 1; 1562 --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); 1563 } 1564 .focus\:ring-red-500:focus { 1565 --tw-ring-opacity: 1; 1566 --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); 1567 } 1568 .focus\:ring-white:focus { 1569 --tw-ring-opacity: 1; 1570 --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); 1571 } 1572 .focus\:ring-offset-2:focus { 1573 --tw-ring-offset-width: 2px; 1574 } 1575 .focus\:ring-offset-indigo-600:focus { 1576 --tw-ring-offset-color: #4f46e5; 1577 } 1578 .focus-visible\:outline:focus-visible { 1579 outline-style: solid; 1580 } 1581 .focus-visible\:outline-2:focus-visible { 1582 outline-width: 2px; 1583 } 1584 .focus-visible\:outline-offset-2:focus-visible { 1585 outline-offset: 2px; 1586 } 1587 .focus-visible\:outline-indigo-600:focus-visible { 1588 outline-color: #4f46e5; 1589 } 1590 .disabled\:cursor-not-allowed:disabled { 1591 cursor: not-allowed; 1592 } 1593 .disabled\:bg-gray-50:disabled { 1594 --tw-bg-opacity: 1; 1595 background-color: rgb(249 250 251 / var(--tw-bg-opacity)); 1596 } 1597 .disabled\:text-gray-500:disabled { 1598 --tw-text-opacity: 1; 1599 color: rgb(107 114 128 / var(--tw-text-opacity)); 1600 } 1601 .disabled\:ring-gray-200:disabled { 1602 --tw-ring-opacity: 1; 1603 --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); 1604 } 1605 .group:hover .group-hover\:flex { 1606 display: flex; 1607 } 1608 .group:hover .group-hover\:border-indigo-600 { 1609 --tw-border-opacity: 1; 1610 border-color: rgb(79 70 229 / var(--tw-border-opacity)); 1611 } 1612 .group:hover .group-hover\:stroke-gray-700\/75 { 1613 stroke: rgb(55 65 81 / 0.75); 1614 } 1615 .group:hover .group-hover\:text-indigo-600 { 1616 --tw-text-opacity: 1; 1617 color: rgb(79 70 229 / var(--tw-text-opacity)); 1618 } 1619 .group:hover .group-hover\:text-white { 1620 --tw-text-opacity: 1; 1621 color: rgb(255 255 255 / var(--tw-text-opacity)); 1622 } 1623 .group.attention-danger .group-\[\.attention-danger\]\:bg-red-50 { 1624 --tw-bg-opacity: 1; 1625 background-color: rgb(254 242 242 / var(--tw-bg-opacity)); 1626 } 1627 .group.attention-info .group-\[\.attention-info\]\:bg-blue-50 { 1628 --tw-bg-opacity: 1; 1629 background-color: rgb(239 246 255 / var(--tw-bg-opacity)); 1630 } 1631 .group.attention-success .group-\[\.attention-success\]\:bg-green-50 { 1632 --tw-bg-opacity: 1; 1633 background-color: rgb(240 253 244 / var(--tw-bg-opacity)); 1634 } 1635 .group.attention-warning .group-\[\.attention-warning\]\:bg-yellow-50 { 1636 --tw-bg-opacity: 1; 1637 background-color: rgb(254 252 232 / var(--tw-bg-opacity)); 1638 } 1639 .group.attention-danger .group-\[\.attention-danger\]\:text-red-400 { 1640 --tw-text-opacity: 1; 1641 color: rgb(248 113 113 / var(--tw-text-opacity)); 1642 } 1643 .group.attention-danger .group-\[\.attention-danger\]\:text-red-700 { 1644 --tw-text-opacity: 1; 1645 color: rgb(185 28 28 / var(--tw-text-opacity)); 1646 } 1647 .group.attention-danger .group-\[\.attention-danger\]\:text-red-800 { 1648 --tw-text-opacity: 1; 1649 color: rgb(153 27 27 / var(--tw-text-opacity)); 1650 } 1651 .group.attention-info .group-\[\.attention-info\]\:text-blue-400 { 1652 --tw-text-opacity: 1; 1653 color: rgb(96 165 250 / var(--tw-text-opacity)); 1654 } 1655 .group.attention-info .group-\[\.attention-info\]\:text-blue-700 { 1656 --tw-text-opacity: 1; 1657 color: rgb(29 78 216 / var(--tw-text-opacity)); 1658 } 1659 .group.attention-info .group-\[\.attention-info\]\:text-blue-800 { 1660 --tw-text-opacity: 1; 1661 color: rgb(30 64 175 / var(--tw-text-opacity)); 1662 } 1663 .group.attention-success .group-\[\.attention-success\]\:text-green-400 { 1664 --tw-text-opacity: 1; 1665 color: rgb(74 222 128 / var(--tw-text-opacity)); 1666 } 1667 .group.attention-success .group-\[\.attention-success\]\:text-green-700 { 1668 --tw-text-opacity: 1; 1669 color: rgb(21 128 61 / var(--tw-text-opacity)); 1670 } 1671 .group.attention-success .group-\[\.attention-success\]\:text-green-800 { 1672 --tw-text-opacity: 1; 1673 color: rgb(22 101 52 / var(--tw-text-opacity)); 1674 } 1675 .group.attention-warning .group-\[\.attention-warning\]\:text-yellow-400 { 1676 --tw-text-opacity: 1; 1677 color: rgb(250 204 21 / var(--tw-text-opacity)); 1678 } 1679 .group.attention-warning .group-\[\.attention-warning\]\:text-yellow-700 { 1680 --tw-text-opacity: 1; 1681 color: rgb(161 98 7 / var(--tw-text-opacity)); 1682 } 1683 .group.attention-warning .group-\[\.attention-warning\]\:text-yellow-800 { 1684 --tw-text-opacity: 1; 1685 color: rgb(133 77 14 / var(--tw-text-opacity)); 1686 } 1687 @media (min-width: 640px) { 1688 .sm\:col-span-2 { 1689 grid-column: span 2 / span 2; 1690 } 1691 .sm\:col-span-6 { 1692 grid-column: span 6 / span 6; 1693 } 1694 .sm\:mt-20 { 1695 margin-top: 5rem; 1696 } 1697 .sm\:inline { 1698 display: inline; 1699 } 1700 .sm\:flex { 1701 display: flex; 1702 } 1703 .sm\:hidden { 1704 display: none; 1705 } 1706 .sm\:grid-cols-6 { 1707 grid-template-columns: repeat(6, minmax(0, 1fr)); 1708 } 1709 .sm\:justify-between { 1710 justify-content: space-between; 1711 } 1712 .sm\:px-0 { 1713 padding-left: 0px; 1714 padding-right: 0px; 1715 } 1716 .sm\:px-6 { 1717 padding-left: 1.5rem; 1718 padding-right: 1.5rem; 1719 } 1720 .sm\:text-4xl { 1721 font-size: 2.25rem; 1722 line-height: 2.5rem; 1723 } 1724 .sm\:text-sm { 1725 font-size: 0.875rem; 1726 line-height: 1.25rem; 1727 } 1728 .sm\:leading-6 { 1729 line-height: 1.5rem; 1730 } 1731 } 1732 @media (min-width: 768px) { 1733 .md\:order-1 { 1734 order: 1; 1735 } 1736 .md\:col-span-2 { 1737 grid-column: span 2 / span 2; 1738 } 1739 .md\:mt-0 { 1740 margin-top: 0px; 1741 } 1742 .md\:grid-cols-3 { 1743 grid-template-columns: repeat(3, minmax(0, 1fr)); 1744 } 1745 } 1746 @media (min-width: 1024px) { 1747 .lg\:px-8 { 1748 padding-left: 2rem; 1749 padding-right: 2rem; 1750 } 1751 } 1752 /*# sourceMappingURL=main.css.map */