| @@ -1,8 +1,116 @@ | ||
| 1 | 1 | @import url(https://fonts.bunny.net/css?family=space-grotesk:500,600); |
| 2 | 2 | |
| 3 | +*, ::before, ::after{ | |
| 4 | + --tw-border-spacing-x: 0; | |
| 5 | + --tw-border-spacing-y: 0; | |
| 6 | + --tw-translate-x: 0; | |
| 7 | + --tw-translate-y: 0; | |
| 8 | + --tw-rotate: 0; | |
| 9 | + --tw-skew-x: 0; | |
| 10 | + --tw-skew-y: 0; | |
| 11 | + --tw-scale-x: 1; | |
| 12 | + --tw-scale-y: 1; | |
| 13 | + --tw-pan-x: ; | |
| 14 | + --tw-pan-y: ; | |
| 15 | + --tw-pinch-zoom: ; | |
| 16 | + --tw-scroll-snap-strictness: proximity; | |
| 17 | + --tw-gradient-from-position: ; | |
| 18 | + --tw-gradient-via-position: ; | |
| 19 | + --tw-gradient-to-position: ; | |
| 20 | + --tw-ordinal: ; | |
| 21 | + --tw-slashed-zero: ; | |
| 22 | + --tw-numeric-figure: ; | |
| 23 | + --tw-numeric-spacing: ; | |
| 24 | + --tw-numeric-fraction: ; | |
| 25 | + --tw-ring-inset: ; | |
| 26 | + --tw-ring-offset-width: 0px; | |
| 27 | + --tw-ring-offset-color: #fff; | |
| 28 | + --tw-ring-color: rgb(59 130 246 / 0.5); | |
| 29 | + --tw-ring-offset-shadow: 0 0 #0000; | |
| 30 | + --tw-ring-shadow: 0 0 #0000; | |
| 31 | + --tw-shadow: 0 0 #0000; | |
| 32 | + --tw-shadow-colored: 0 0 #0000; | |
| 33 | + --tw-blur: ; | |
| 34 | + --tw-brightness: ; | |
| 35 | + --tw-contrast: ; | |
| 36 | + --tw-grayscale: ; | |
| 37 | + --tw-hue-rotate: ; | |
| 38 | + --tw-invert: ; | |
| 39 | + --tw-saturate: ; | |
| 40 | + --tw-sepia: ; | |
| 41 | + --tw-drop-shadow: ; | |
| 42 | + --tw-backdrop-blur: ; | |
| 43 | + --tw-backdrop-brightness: ; | |
| 44 | + --tw-backdrop-contrast: ; | |
| 45 | + --tw-backdrop-grayscale: ; | |
| 46 | + --tw-backdrop-hue-rotate: ; | |
| 47 | + --tw-backdrop-invert: ; | |
| 48 | + --tw-backdrop-opacity: ; | |
| 49 | + --tw-backdrop-saturate: ; | |
| 50 | + --tw-backdrop-sepia: ; | |
| 51 | + --tw-contain-size: ; | |
| 52 | + --tw-contain-layout: ; | |
| 53 | + --tw-contain-paint: ; | |
| 54 | + --tw-contain-style: ; | |
| 55 | +} | |
| 56 | + | |
| 57 | +::backdrop{ | |
| 58 | + --tw-border-spacing-x: 0; | |
| 59 | + --tw-border-spacing-y: 0; | |
| 60 | + --tw-translate-x: 0; | |
| 61 | + --tw-translate-y: 0; | |
| 62 | + --tw-rotate: 0; | |
| 63 | + --tw-skew-x: 0; | |
| 64 | + --tw-skew-y: 0; | |
| 65 | + --tw-scale-x: 1; | |
| 66 | + --tw-scale-y: 1; | |
| 67 | + --tw-pan-x: ; | |
| 68 | + --tw-pan-y: ; | |
| 69 | + --tw-pinch-zoom: ; | |
| 70 | + --tw-scroll-snap-strictness: proximity; | |
| 71 | + --tw-gradient-from-position: ; | |
| 72 | + --tw-gradient-via-position: ; | |
| 73 | + --tw-gradient-to-position: ; | |
| 74 | + --tw-ordinal: ; | |
| 75 | + --tw-slashed-zero: ; | |
| 76 | + --tw-numeric-figure: ; | |
| 77 | + --tw-numeric-spacing: ; | |
| 78 | + --tw-numeric-fraction: ; | |
| 79 | + --tw-ring-inset: ; | |
| 80 | + --tw-ring-offset-width: 0px; | |
| 81 | + --tw-ring-offset-color: #fff; | |
| 82 | + --tw-ring-color: rgb(59 130 246 / 0.5); | |
| 83 | + --tw-ring-offset-shadow: 0 0 #0000; | |
| 84 | + --tw-ring-shadow: 0 0 #0000; | |
| 85 | + --tw-shadow: 0 0 #0000; | |
| 86 | + --tw-shadow-colored: 0 0 #0000; | |
| 87 | + --tw-blur: ; | |
| 88 | + --tw-brightness: ; | |
| 89 | + --tw-contrast: ; | |
| 90 | + --tw-grayscale: ; | |
| 91 | + --tw-hue-rotate: ; | |
| 92 | + --tw-invert: ; | |
| 93 | + --tw-saturate: ; | |
| 94 | + --tw-sepia: ; | |
| 95 | + --tw-drop-shadow: ; | |
| 96 | + --tw-backdrop-blur: ; | |
| 97 | + --tw-backdrop-brightness: ; | |
| 98 | + --tw-backdrop-contrast: ; | |
| 99 | + --tw-backdrop-grayscale: ; | |
| 100 | + --tw-backdrop-hue-rotate: ; | |
| 101 | + --tw-backdrop-invert: ; | |
| 102 | + --tw-backdrop-opacity: ; | |
| 103 | + --tw-backdrop-saturate: ; | |
| 104 | + --tw-backdrop-sepia: ; | |
| 105 | + --tw-contain-size: ; | |
| 106 | + --tw-contain-layout: ; | |
| 107 | + --tw-contain-paint: ; | |
| 108 | + --tw-contain-style: ; | |
| 109 | +} | |
| 110 | + | |
| 3 | 111 | /* |
| 4 | -! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com | |
| 112 | +! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com | |
| 5 | 113 | */ |
| 6 | 114 | |
| 7 | 115 | /* |
| 8 | 116 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) |
| @@ -443,13 +551,13 @@ | ||
| 443 | 551 | } |
| 444 | 552 | |
| 445 | 553 | /* Make elements with the HTML hidden attribute stay hidden by default */ |
| 446 | 554 | |
| 447 | -[hidden] { | |
| 555 | +[hidden]:where(:not([hidden="until-found"])) { | |
| 448 | 556 | display: none; |
| 449 | 557 | } |
| 450 | 558 | |
| 451 | -[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ | |
| 559 | +input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{ | |
| 452 | 560 | -webkit-appearance: none; |
| 453 | 561 | -moz-appearance: none; |
| 454 | 562 | appearance: none; |
| 455 | 563 | background-color: #fff; |
| @@ -464,9 +572,9 @@ | ||
| 464 | 572 | line-height: 1.5rem; |
| 465 | 573 | --tw-shadow: 0 0 #0000; |
| 466 | 574 | } |
| 467 | 575 | |
| 468 | -[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ | |
| 576 | +input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus{ | |
| 469 | 577 | outline: 2px solid transparent; |
| 470 | 578 | outline-offset: 2px; |
| 471 | 579 | --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); |
| 472 | 580 | --tw-ring-offset-width: 0px; |
| @@ -515,9 +623,9 @@ | ||
| 515 | 623 | -webkit-print-color-adjust: exact; |
| 516 | 624 | print-color-adjust: exact; |
| 517 | 625 | } |
| 518 | 626 | |
| 519 | -[multiple],[size]:where(select:not([size="1"])){ | |
| 627 | +select:where([multiple]),select:where([size]:not([size="1"])){ | |
| 520 | 628 | background-image: initial; |
| 521 | 629 | background-position: initial; |
| 522 | 630 | background-repeat: unset; |
| 523 | 631 | background-size: initial; |
| @@ -525,9 +633,9 @@ | ||
| 525 | 633 | -webkit-print-color-adjust: unset; |
| 526 | 634 | print-color-adjust: unset; |
| 527 | 635 | } |
| 528 | 636 | |
| 529 | -[type='checkbox'],[type='radio']{ | |
| 637 | +input:where([type='checkbox']),input:where([type='radio']){ | |
| 530 | 638 | -webkit-appearance: none; |
| 531 | 639 | -moz-appearance: none; |
| 532 | 640 | appearance: none; |
| 533 | 641 | padding: 0; |
| @@ -548,17 +656,17 @@ | ||
| 548 | 656 | border-width: 1px; |
| 549 | 657 | --tw-shadow: 0 0 #0000; |
| 550 | 658 | } |
| 551 | 659 | |
| 552 | -[type='checkbox']{ | |
| 660 | +input:where([type='checkbox']){ | |
| 553 | 661 | border-radius: 0px; |
| 554 | 662 | } |
| 555 | 663 | |
| 556 | -[type='radio']{ | |
| 664 | +input:where([type='radio']){ | |
| 557 | 665 | border-radius: 100%; |
| 558 | 666 | } |
| 559 | 667 | |
| 560 | -[type='checkbox']:focus,[type='radio']:focus{ | |
| 668 | +input:where([type='checkbox']):focus,input:where([type='radio']):focus{ | |
| 561 | 669 | outline: 2px solid transparent; |
| 562 | 670 | outline-offset: 2px; |
| 563 | 671 | --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); |
| 564 | 672 | --tw-ring-offset-width: 2px; |
| @@ -568,9 +676,9 @@ | ||
| 568 | 676 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 569 | 677 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); |
| 570 | 678 | } |
| 571 | 679 | |
| 572 | -[type='checkbox']:checked,[type='radio']:checked{ | |
| 680 | +input:where([type='checkbox']):checked,input:where([type='radio']):checked{ | |
| 573 | 681 | border-color: transparent; |
| 574 | 682 | background-color: currentColor; |
| 575 | 683 | background-size: 100% 100%; |
| 576 | 684 | background-position: center; |
| @@ -576,14 +684,14 @@ | ||
| 576 | 684 | background-position: center; |
| 577 | 685 | background-repeat: no-repeat; |
| 578 | 686 | } |
| 579 | 687 | |
| 580 | -[type='checkbox']:checked{ | |
| 688 | +input:where([type='checkbox']):checked{ | |
| 581 | 689 | 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"); |
| 582 | 690 | } |
| 583 | 691 | |
| 584 | 692 | @media (forced-colors: active) { |
| 585 | - [type='checkbox']:checked{ | |
| 693 | + input:where([type='checkbox']):checked{ | |
| 586 | 694 | -webkit-appearance: auto; |
| 587 | 695 | -moz-appearance: auto; |
| 588 | 696 | appearance: auto; |
| 589 | 697 | } |
| @@ -588,14 +696,14 @@ | ||
| 588 | 696 | appearance: auto; |
| 589 | 697 | } |
| 590 | 698 | } |
| 591 | 699 | |
| 592 | -[type='radio']:checked{ | |
| 700 | +input:where([type='radio']):checked{ | |
| 593 | 701 | 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"); |
| 594 | 702 | } |
| 595 | 703 | |
| 596 | 704 | @media (forced-colors: active) { |
| 597 | - [type='radio']:checked{ | |
| 705 | + input:where([type='radio']):checked{ | |
| 598 | 706 | -webkit-appearance: auto; |
| 599 | 707 | -moz-appearance: auto; |
| 600 | 708 | appearance: auto; |
| 601 | 709 | } |
| @@ -600,14 +708,14 @@ | ||
| 600 | 708 | appearance: auto; |
| 601 | 709 | } |
| 602 | 710 | } |
| 603 | 711 | |
| 604 | -[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{ | |
| 712 | +input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{ | |
| 605 | 713 | border-color: transparent; |
| 606 | 714 | background-color: currentColor; |
| 607 | 715 | } |
| 608 | 716 | |
| 609 | -[type='checkbox']:indeterminate{ | |
| 717 | +input:where([type='checkbox']):indeterminate{ | |
| 610 | 718 | 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"); |
| 611 | 719 | border-color: transparent; |
| 612 | 720 | background-color: currentColor; |
| 613 | 721 | background-size: 100% 100%; |
| @@ -615,9 +723,9 @@ | ||
| 615 | 723 | background-repeat: no-repeat; |
| 616 | 724 | } |
| 617 | 725 | |
| 618 | 726 | @media (forced-colors: active) { |
| 619 | - [type='checkbox']:indeterminate{ | |
| 727 | + input:where([type='checkbox']):indeterminate{ | |
| 620 | 728 | -webkit-appearance: auto; |
| 621 | 729 | -moz-appearance: auto; |
| 622 | 730 | appearance: auto; |
| 623 | 731 | } |
| @@ -622,14 +730,14 @@ | ||
| 622 | 730 | appearance: auto; |
| 623 | 731 | } |
| 624 | 732 | } |
| 625 | 733 | |
| 626 | -[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ | |
| 734 | +input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{ | |
| 627 | 735 | border-color: transparent; |
| 628 | 736 | background-color: currentColor; |
| 629 | 737 | } |
| 630 | 738 | |
| 631 | -[type='file']{ | |
| 739 | +input:where([type='file']){ | |
| 632 | 740 | background: unset; |
| 633 | 741 | border-color: inherit; |
| 634 | 742 | border-width: 0; |
| 635 | 743 | border-radius: 0; |
| @@ -637,121 +745,13 @@ | ||
| 637 | 745 | font-size: unset; |
| 638 | 746 | line-height: inherit; |
| 639 | 747 | } |
| 640 | 748 | |
| 641 | -[type='file']:focus{ | |
| 749 | +input:where([type='file']):focus{ | |
| 642 | 750 | outline: 1px solid ButtonText; |
| 643 | 751 | outline: 1px auto -webkit-focus-ring-color; |
| 644 | 752 | } |
| 645 | 753 | |
| 646 | -*, ::before, ::after{ | |
| 647 | - --tw-border-spacing-x: 0; | |
| 648 | - --tw-border-spacing-y: 0; | |
| 649 | - --tw-translate-x: 0; | |
| 650 | - --tw-translate-y: 0; | |
| 651 | - --tw-rotate: 0; | |
| 652 | - --tw-skew-x: 0; | |
| 653 | - --tw-skew-y: 0; | |
| 654 | - --tw-scale-x: 1; | |
| 655 | - --tw-scale-y: 1; | |
| 656 | - --tw-pan-x: ; | |
| 657 | - --tw-pan-y: ; | |
| 658 | - --tw-pinch-zoom: ; | |
| 659 | - --tw-scroll-snap-strictness: proximity; | |
| 660 | - --tw-gradient-from-position: ; | |
| 661 | - --tw-gradient-via-position: ; | |
| 662 | - --tw-gradient-to-position: ; | |
| 663 | - --tw-ordinal: ; | |
| 664 | - --tw-slashed-zero: ; | |
| 665 | - --tw-numeric-figure: ; | |
| 666 | - --tw-numeric-spacing: ; | |
| 667 | - --tw-numeric-fraction: ; | |
| 668 | - --tw-ring-inset: ; | |
| 669 | - --tw-ring-offset-width: 0px; | |
| 670 | - --tw-ring-offset-color: #fff; | |
| 671 | - --tw-ring-color: rgb(59 130 246 / 0.5); | |
| 672 | - --tw-ring-offset-shadow: 0 0 #0000; | |
| 673 | - --tw-ring-shadow: 0 0 #0000; | |
| 674 | - --tw-shadow: 0 0 #0000; | |
| 675 | - --tw-shadow-colored: 0 0 #0000; | |
| 676 | - --tw-blur: ; | |
| 677 | - --tw-brightness: ; | |
| 678 | - --tw-contrast: ; | |
| 679 | - --tw-grayscale: ; | |
| 680 | - --tw-hue-rotate: ; | |
| 681 | - --tw-invert: ; | |
| 682 | - --tw-saturate: ; | |
| 683 | - --tw-sepia: ; | |
| 684 | - --tw-drop-shadow: ; | |
| 685 | - --tw-backdrop-blur: ; | |
| 686 | - --tw-backdrop-brightness: ; | |
| 687 | - --tw-backdrop-contrast: ; | |
| 688 | - --tw-backdrop-grayscale: ; | |
| 689 | - --tw-backdrop-hue-rotate: ; | |
| 690 | - --tw-backdrop-invert: ; | |
| 691 | - --tw-backdrop-opacity: ; | |
| 692 | - --tw-backdrop-saturate: ; | |
| 693 | - --tw-backdrop-sepia: ; | |
| 694 | - --tw-contain-size: ; | |
| 695 | - --tw-contain-layout: ; | |
| 696 | - --tw-contain-paint: ; | |
| 697 | - --tw-contain-style: ; | |
| 698 | -} | |
| 699 | - | |
| 700 | -::backdrop{ | |
| 701 | - --tw-border-spacing-x: 0; | |
| 702 | - --tw-border-spacing-y: 0; | |
| 703 | - --tw-translate-x: 0; | |
| 704 | - --tw-translate-y: 0; | |
| 705 | - --tw-rotate: 0; | |
| 706 | - --tw-skew-x: 0; | |
| 707 | - --tw-skew-y: 0; | |
| 708 | - --tw-scale-x: 1; | |
| 709 | - --tw-scale-y: 1; | |
| 710 | - --tw-pan-x: ; | |
| 711 | - --tw-pan-y: ; | |
| 712 | - --tw-pinch-zoom: ; | |
| 713 | - --tw-scroll-snap-strictness: proximity; | |
| 714 | - --tw-gradient-from-position: ; | |
| 715 | - --tw-gradient-via-position: ; | |
| 716 | - --tw-gradient-to-position: ; | |
| 717 | - --tw-ordinal: ; | |
| 718 | - --tw-slashed-zero: ; | |
| 719 | - --tw-numeric-figure: ; | |
| 720 | - --tw-numeric-spacing: ; | |
| 721 | - --tw-numeric-fraction: ; | |
| 722 | - --tw-ring-inset: ; | |
| 723 | - --tw-ring-offset-width: 0px; | |
| 724 | - --tw-ring-offset-color: #fff; | |
| 725 | - --tw-ring-color: rgb(59 130 246 / 0.5); | |
| 726 | - --tw-ring-offset-shadow: 0 0 #0000; | |
| 727 | - --tw-ring-shadow: 0 0 #0000; | |
| 728 | - --tw-shadow: 0 0 #0000; | |
| 729 | - --tw-shadow-colored: 0 0 #0000; | |
| 730 | - --tw-blur: ; | |
| 731 | - --tw-brightness: ; | |
| 732 | - --tw-contrast: ; | |
| 733 | - --tw-grayscale: ; | |
| 734 | - --tw-hue-rotate: ; | |
| 735 | - --tw-invert: ; | |
| 736 | - --tw-saturate: ; | |
| 737 | - --tw-sepia: ; | |
| 738 | - --tw-drop-shadow: ; | |
| 739 | - --tw-backdrop-blur: ; | |
| 740 | - --tw-backdrop-brightness: ; | |
| 741 | - --tw-backdrop-contrast: ; | |
| 742 | - --tw-backdrop-grayscale: ; | |
| 743 | - --tw-backdrop-hue-rotate: ; | |
| 744 | - --tw-backdrop-invert: ; | |
| 745 | - --tw-backdrop-opacity: ; | |
| 746 | - --tw-backdrop-saturate: ; | |
| 747 | - --tw-backdrop-sepia: ; | |
| 748 | - --tw-contain-size: ; | |
| 749 | - --tw-contain-layout: ; | |
| 750 | - --tw-contain-paint: ; | |
| 751 | - --tw-contain-style: ; | |
| 752 | -} | |
| 753 | - | |
| 754 | 754 | .static{ |
| 755 | 755 | position: static; |
| 756 | 756 | } |
| 757 | 757 | |
| @@ -767,8 +767,12 @@ | ||
| 767 | 767 | .-mb-px{ |
| 768 | 768 | margin-bottom: -1px; |
| 769 | 769 | } |
| 770 | 770 | |
| 771 | +.mb-7{ | |
| 772 | + margin-bottom: 1.75rem; | |
| 773 | +} | |
| 774 | + | |
| 771 | 775 | .ml-2\.5{ |
| 772 | 776 | margin-left: 0.625rem; |
| 773 | 777 | } |
| 774 | 778 | |
| @@ -945,9 +949,9 @@ | ||
| 945 | 949 | } |
| 946 | 950 | |
| 947 | 951 | .border-gray-300{ |
| 948 | 952 | --tw-border-opacity: 1; |
| 949 | - border-color: rgb(209 213 219 / var(--tw-border-opacity)); | |
| 953 | + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); | |
| 950 | 954 | } |
| 951 | 955 | |
| 952 | 956 | .border-gray-900\/10{ |
| 953 | 957 | border-color: rgb(17 24 39 / 0.1); |
| @@ -954,9 +958,9 @@ | ||
| 954 | 958 | } |
| 955 | 959 | |
| 956 | 960 | .border-primary{ |
| 957 | 961 | --tw-border-opacity: 1; |
| 958 | - border-color: rgb(255 79 100 / var(--tw-border-opacity)); | |
| 962 | + border-color: rgb(255 79 100 / var(--tw-border-opacity, 1)); | |
| 959 | 963 | } |
| 960 | 964 | |
| 961 | 965 | .border-transparent{ |
| 962 | 966 | border-color: transparent; |
| @@ -963,24 +967,24 @@ | ||
| 963 | 967 | } |
| 964 | 968 | |
| 965 | 969 | .bg-blue-50{ |
| 966 | 970 | --tw-bg-opacity: 1; |
| 967 | - background-color: rgb(239 246 255 / var(--tw-bg-opacity)); | |
| 971 | + background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); | |
| 968 | 972 | } |
| 969 | 973 | |
| 970 | 974 | .bg-primary{ |
| 971 | 975 | --tw-bg-opacity: 1; |
| 972 | - background-color: rgb(255 79 100 / var(--tw-bg-opacity)); | |
| 976 | + background-color: rgb(255 79 100 / var(--tw-bg-opacity, 1)); | |
| 973 | 977 | } |
| 974 | 978 | |
| 975 | 979 | .bg-primaryBg{ |
| 976 | 980 | --tw-bg-opacity: 1; |
| 977 | - background-color: rgb(238 249 255 / var(--tw-bg-opacity)); | |
| 981 | + background-color: rgb(238 249 255 / var(--tw-bg-opacity, 1)); | |
| 978 | 982 | } |
| 979 | 983 | |
| 980 | 984 | .bg-white{ |
| 981 | 985 | --tw-bg-opacity: 1; |
| 982 | - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
| 986 | + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); | |
| 983 | 987 | } |
| 984 | 988 | |
| 985 | 989 | .p-4{ |
| 986 | 990 | padding: 1rem; |
| @@ -1066,39 +1070,44 @@ | ||
| 1066 | 1070 | } |
| 1067 | 1071 | |
| 1068 | 1072 | .text-blue-400{ |
| 1069 | 1073 | --tw-text-opacity: 1; |
| 1070 | - color: rgb(96 165 250 / var(--tw-text-opacity)); | |
| 1074 | + color: rgb(96 165 250 / var(--tw-text-opacity, 1)); | |
| 1071 | 1075 | } |
| 1072 | 1076 | |
| 1073 | 1077 | .text-blue-700{ |
| 1074 | 1078 | --tw-text-opacity: 1; |
| 1075 | - color: rgb(29 78 216 / var(--tw-text-opacity)); | |
| 1079 | + color: rgb(29 78 216 / var(--tw-text-opacity, 1)); | |
| 1076 | 1080 | } |
| 1077 | 1081 | |
| 1078 | 1082 | .text-gray-500{ |
| 1079 | 1083 | --tw-text-opacity: 1; |
| 1080 | - color: rgb(107 114 128 / var(--tw-text-opacity)); | |
| 1084 | + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); | |
| 1081 | 1085 | } |
| 1082 | 1086 | |
| 1087 | +.text-gray-700{ | |
| 1088 | + --tw-text-opacity: 1; | |
| 1089 | + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); | |
| 1090 | +} | |
| 1091 | + | |
| 1083 | 1092 | .text-gray-900{ |
| 1084 | 1093 | --tw-text-opacity: 1; |
| 1085 | - color: rgb(17 24 39 / var(--tw-text-opacity)); | |
| 1094 | + color: rgb(17 24 39 / var(--tw-text-opacity, 1)); | |
| 1086 | 1095 | } |
| 1087 | 1096 | |
| 1088 | 1097 | .text-littleMuted{ |
| 1089 | 1098 | --tw-text-opacity: 1; |
| 1090 | - color: rgb(104 121 123 / var(--tw-text-opacity)); | |
| 1099 | + color: rgb(104 121 123 / var(--tw-text-opacity, 1)); | |
| 1091 | 1100 | } |
| 1092 | 1101 | |
| 1093 | 1102 | .text-primary{ |
| 1094 | 1103 | --tw-text-opacity: 1; |
| 1095 | - color: rgb(255 79 100 / var(--tw-text-opacity)); | |
| 1104 | + color: rgb(255 79 100 / var(--tw-text-opacity, 1)); | |
| 1096 | 1105 | } |
| 1097 | 1106 | |
| 1098 | 1107 | .text-white{ |
| 1099 | 1108 | --tw-text-opacity: 1; |
| 1100 | - color: rgb(255 255 255 / var(--tw-text-opacity)); | |
| 1109 | + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); | |
| 1101 | 1110 | } |
| 1102 | 1111 | |
| 1103 | 1112 | .shadow-sm{ |
| 1104 | 1113 | --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); |
| @@ -1117,9 +1126,9 @@ | ||
| 1117 | 1126 | } |
| 1118 | 1127 | |
| 1119 | 1128 | .ring-gray-300{ |
| 1120 | 1129 | --tw-ring-opacity: 1; |
| 1121 | - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); | |
| 1130 | + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); | |
| 1122 | 1131 | } |
| 1123 | 1132 | |
| 1124 | 1133 | .filter{ |
| 1125 | 1134 | 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); |
| @@ -1126,36 +1135,40 @@ | ||
| 1126 | 1135 | } |
| 1127 | 1136 | |
| 1128 | 1137 | .placeholder\:text-gray-400::-moz-placeholder{ |
| 1129 | 1138 | --tw-text-opacity: 1; |
| 1130 | - color: rgb(156 163 175 / var(--tw-text-opacity)); | |
| 1139 | + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); | |
| 1131 | 1140 | } |
| 1132 | 1141 | |
| 1133 | 1142 | .placeholder\:text-gray-400::placeholder{ |
| 1134 | 1143 | --tw-text-opacity: 1; |
| 1135 | - color: rgb(156 163 175 / var(--tw-text-opacity)); | |
| 1144 | + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); | |
| 1136 | 1145 | } |
| 1137 | 1146 | |
| 1138 | 1147 | .hover\:border-gray-300:hover{ |
| 1139 | 1148 | --tw-border-opacity: 1; |
| 1140 | - border-color: rgb(209 213 219 / var(--tw-border-opacity)); | |
| 1149 | + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); | |
| 1141 | 1150 | } |
| 1142 | 1151 | |
| 1143 | 1152 | .hover\:bg-gray-50:hover{ |
| 1144 | 1153 | --tw-bg-opacity: 1; |
| 1145 | - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); | |
| 1154 | + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); | |
| 1146 | 1155 | } |
| 1147 | 1156 | |
| 1148 | 1157 | .hover\:bg-red-500:hover{ |
| 1149 | 1158 | --tw-bg-opacity: 1; |
| 1150 | - background-color: rgb(239 68 68 / var(--tw-bg-opacity)); | |
| 1159 | + background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); | |
| 1151 | 1160 | } |
| 1152 | 1161 | |
| 1153 | 1162 | .hover\:text-gray-700:hover{ |
| 1154 | 1163 | --tw-text-opacity: 1; |
| 1155 | - color: rgb(55 65 81 / var(--tw-text-opacity)); | |
| 1164 | + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); | |
| 1156 | 1165 | } |
| 1157 | 1166 | |
| 1167 | +.hover\:underline:hover{ | |
| 1168 | + text-decoration-line: underline; | |
| 1169 | +} | |
| 1170 | + | |
| 1158 | 1171 | .focus\:ring-2:focus{ |
| 1159 | 1172 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 1160 | 1173 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 1161 | 1174 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| @@ -1166,9 +1179,9 @@ | ||
| 1166 | 1179 | } |
| 1167 | 1180 | |
| 1168 | 1181 | .focus\:ring-primary:focus{ |
| 1169 | 1182 | --tw-ring-opacity: 1; |
| 1170 | - --tw-ring-color: rgb(255 79 100 / var(--tw-ring-opacity)); | |
| 1183 | + --tw-ring-color: rgb(255 79 100 / var(--tw-ring-opacity, 1)); | |
| 1171 | 1184 | } |
| 1172 | 1185 | |
| 1173 | 1186 | .focus-visible\:outline:focus-visible{ |
| 1174 | 1187 | outline-style: solid; |