| @@ -1,116 +1,8 @@ | ||
| 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 | - | |
| 111 | 3 | /* |
| 112 | -! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com | |
| 4 | +! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com | |
| 113 | 5 | */ |
| 114 | 6 | |
| 115 | 7 | /* |
| 116 | 8 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) |
| @@ -551,13 +443,13 @@ | ||
| 551 | 443 | } |
| 552 | 444 | |
| 553 | 445 | /* Make elements with the HTML hidden attribute stay hidden by default */ |
| 554 | 446 | |
| 555 | -[hidden]:where(:not([hidden="until-found"])) { | |
| 447 | +[hidden] { | |
| 556 | 448 | display: none; |
| 557 | 449 | } |
| 558 | 450 | |
| 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{ | |
| 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{ | |
| 560 | 452 | -webkit-appearance: none; |
| 561 | 453 | -moz-appearance: none; |
| 562 | 454 | appearance: none; |
| 563 | 455 | background-color: #fff; |
| @@ -572,9 +464,9 @@ | ||
| 572 | 464 | line-height: 1.5rem; |
| 573 | 465 | --tw-shadow: 0 0 #0000; |
| 574 | 466 | } |
| 575 | 467 | |
| 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{ | |
| 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{ | |
| 577 | 469 | outline: 2px solid transparent; |
| 578 | 470 | outline-offset: 2px; |
| 579 | 471 | --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); |
| 580 | 472 | --tw-ring-offset-width: 0px; |
| @@ -623,9 +515,9 @@ | ||
| 623 | 515 | -webkit-print-color-adjust: exact; |
| 624 | 516 | print-color-adjust: exact; |
| 625 | 517 | } |
| 626 | 518 | |
| 627 | -select:where([multiple]),select:where([size]:not([size="1"])){ | |
| 519 | +[multiple],[size]:where(select:not([size="1"])){ | |
| 628 | 520 | background-image: initial; |
| 629 | 521 | background-position: initial; |
| 630 | 522 | background-repeat: unset; |
| 631 | 523 | background-size: initial; |
| @@ -633,9 +525,9 @@ | ||
| 633 | 525 | -webkit-print-color-adjust: unset; |
| 634 | 526 | print-color-adjust: unset; |
| 635 | 527 | } |
| 636 | 528 | |
| 637 | -input:where([type='checkbox']),input:where([type='radio']){ | |
| 529 | +[type='checkbox'],[type='radio']{ | |
| 638 | 530 | -webkit-appearance: none; |
| 639 | 531 | -moz-appearance: none; |
| 640 | 532 | appearance: none; |
| 641 | 533 | padding: 0; |
| @@ -656,17 +548,17 @@ | ||
| 656 | 548 | border-width: 1px; |
| 657 | 549 | --tw-shadow: 0 0 #0000; |
| 658 | 550 | } |
| 659 | 551 | |
| 660 | -input:where([type='checkbox']){ | |
| 552 | +[type='checkbox']{ | |
| 661 | 553 | border-radius: 0px; |
| 662 | 554 | } |
| 663 | 555 | |
| 664 | -input:where([type='radio']){ | |
| 556 | +[type='radio']{ | |
| 665 | 557 | border-radius: 100%; |
| 666 | 558 | } |
| 667 | 559 | |
| 668 | -input:where([type='checkbox']):focus,input:where([type='radio']):focus{ | |
| 560 | +[type='checkbox']:focus,[type='radio']:focus{ | |
| 669 | 561 | outline: 2px solid transparent; |
| 670 | 562 | outline-offset: 2px; |
| 671 | 563 | --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); |
| 672 | 564 | --tw-ring-offset-width: 2px; |
| @@ -676,9 +568,9 @@ | ||
| 676 | 568 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 677 | 569 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); |
| 678 | 570 | } |
| 679 | 571 | |
| 680 | -input:where([type='checkbox']):checked,input:where([type='radio']):checked{ | |
| 572 | +[type='checkbox']:checked,[type='radio']:checked{ | |
| 681 | 573 | border-color: transparent; |
| 682 | 574 | background-color: currentColor; |
| 683 | 575 | background-size: 100% 100%; |
| 684 | 576 | background-position: center; |
| @@ -684,14 +576,14 @@ | ||
| 684 | 576 | background-position: center; |
| 685 | 577 | background-repeat: no-repeat; |
| 686 | 578 | } |
| 687 | 579 | |
| 688 | -input:where([type='checkbox']):checked{ | |
| 580 | +[type='checkbox']:checked{ | |
| 689 | 581 | 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"); |
| 690 | 582 | } |
| 691 | 583 | |
| 692 | 584 | @media (forced-colors: active) { |
| 693 | - input:where([type='checkbox']):checked{ | |
| 585 | + [type='checkbox']:checked{ | |
| 694 | 586 | -webkit-appearance: auto; |
| 695 | 587 | -moz-appearance: auto; |
| 696 | 588 | appearance: auto; |
| 697 | 589 | } |
| @@ -696,14 +588,14 @@ | ||
| 696 | 588 | appearance: auto; |
| 697 | 589 | } |
| 698 | 590 | } |
| 699 | 591 | |
| 700 | -input:where([type='radio']):checked{ | |
| 592 | +[type='radio']:checked{ | |
| 701 | 593 | 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"); |
| 702 | 594 | } |
| 703 | 595 | |
| 704 | 596 | @media (forced-colors: active) { |
| 705 | - input:where([type='radio']):checked{ | |
| 597 | + [type='radio']:checked{ | |
| 706 | 598 | -webkit-appearance: auto; |
| 707 | 599 | -moz-appearance: auto; |
| 708 | 600 | appearance: auto; |
| 709 | 601 | } |
| @@ -708,14 +600,14 @@ | ||
| 708 | 600 | appearance: auto; |
| 709 | 601 | } |
| 710 | 602 | } |
| 711 | 603 | |
| 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{ | |
| 604 | +[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{ | |
| 713 | 605 | border-color: transparent; |
| 714 | 606 | background-color: currentColor; |
| 715 | 607 | } |
| 716 | 608 | |
| 717 | -input:where([type='checkbox']):indeterminate{ | |
| 609 | +[type='checkbox']:indeterminate{ | |
| 718 | 610 | 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"); |
| 719 | 611 | border-color: transparent; |
| 720 | 612 | background-color: currentColor; |
| 721 | 613 | background-size: 100% 100%; |
| @@ -723,9 +615,9 @@ | ||
| 723 | 615 | background-repeat: no-repeat; |
| 724 | 616 | } |
| 725 | 617 | |
| 726 | 618 | @media (forced-colors: active) { |
| 727 | - input:where([type='checkbox']):indeterminate{ | |
| 619 | + [type='checkbox']:indeterminate{ | |
| 728 | 620 | -webkit-appearance: auto; |
| 729 | 621 | -moz-appearance: auto; |
| 730 | 622 | appearance: auto; |
| 731 | 623 | } |
| @@ -730,14 +622,14 @@ | ||
| 730 | 622 | appearance: auto; |
| 731 | 623 | } |
| 732 | 624 | } |
| 733 | 625 | |
| 734 | -input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{ | |
| 626 | +[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ | |
| 735 | 627 | border-color: transparent; |
| 736 | 628 | background-color: currentColor; |
| 737 | 629 | } |
| 738 | 630 | |
| 739 | -input:where([type='file']){ | |
| 631 | +[type='file']{ | |
| 740 | 632 | background: unset; |
| 741 | 633 | border-color: inherit; |
| 742 | 634 | border-width: 0; |
| 743 | 635 | border-radius: 0; |
| @@ -745,505 +637,613 @@ | ||
| 745 | 637 | font-size: unset; |
| 746 | 638 | line-height: inherit; |
| 747 | 639 | } |
| 748 | 640 | |
| 749 | -input:where([type='file']):focus{ | |
| 641 | +[type='file']:focus{ | |
| 750 | 642 | outline: 1px solid ButtonText; |
| 751 | 643 | outline: 1px auto -webkit-focus-ring-color; |
| 752 | 644 | } |
| 753 | 645 | |
| 754 | -.sa-settings .static{ | |
| 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 | +.static{ | |
| 755 | 755 | position: static; |
| 756 | 756 | } |
| 757 | 757 | |
| 758 | -.sa-settings .relative{ | |
| 758 | +.relative{ | |
| 759 | 759 | position: relative; |
| 760 | 760 | } |
| 761 | 761 | |
| 762 | -.sa-settings .mx-auto{ | |
| 762 | +.mx-auto{ | |
| 763 | 763 | margin-left: auto; |
| 764 | 764 | margin-right: auto; |
| 765 | 765 | } |
| 766 | 766 | |
| 767 | -.sa-settings .-mb-px{ | |
| 767 | +.-mb-px{ | |
| 768 | 768 | margin-bottom: -1px; |
| 769 | 769 | } |
| 770 | 770 | |
| 771 | -.sa-settings .ml-2\.5{ | |
| 771 | +.ml-2\.5{ | |
| 772 | 772 | margin-left: 0.625rem; |
| 773 | 773 | } |
| 774 | 774 | |
| 775 | -.sa-settings .ml-3{ | |
| 775 | +.ml-3{ | |
| 776 | 776 | margin-left: 0.75rem; |
| 777 | 777 | } |
| 778 | 778 | |
| 779 | -.sa-settings .mr-0\.5{ | |
| 779 | +.mr-0\.5{ | |
| 780 | 780 | margin-right: 0.125rem; |
| 781 | 781 | } |
| 782 | 782 | |
| 783 | -.sa-settings .mr-1{ | |
| 783 | +.mr-1{ | |
| 784 | 784 | margin-right: 0.25rem; |
| 785 | 785 | } |
| 786 | 786 | |
| 787 | -.sa-settings .mr-2{ | |
| 787 | +.mr-2{ | |
| 788 | 788 | margin-right: 0.5rem; |
| 789 | 789 | } |
| 790 | 790 | |
| 791 | -.sa-settings .mt-2{ | |
| 791 | +.mt-2{ | |
| 792 | 792 | margin-top: 0.5rem; |
| 793 | 793 | } |
| 794 | 794 | |
| 795 | -.sa-settings .mt-4{ | |
| 795 | +.mt-4{ | |
| 796 | 796 | margin-top: 1rem; |
| 797 | 797 | } |
| 798 | 798 | |
| 799 | -.sa-settings .mt-6{ | |
| 799 | +.mt-6{ | |
| 800 | 800 | margin-top: 1.5rem; |
| 801 | 801 | } |
| 802 | 802 | |
| 803 | -.sa-settings .block{ | |
| 803 | +.block{ | |
| 804 | 804 | display: block; |
| 805 | 805 | } |
| 806 | 806 | |
| 807 | -.sa-settings .inline-block{ | |
| 807 | +.inline-block{ | |
| 808 | 808 | display: inline-block; |
| 809 | 809 | } |
| 810 | 810 | |
| 811 | -.sa-settings .flex{ | |
| 811 | +.flex{ | |
| 812 | 812 | display: flex; |
| 813 | 813 | } |
| 814 | 814 | |
| 815 | -.sa-settings .inline-flex{ | |
| 815 | +.inline-flex{ | |
| 816 | 816 | display: inline-flex; |
| 817 | 817 | } |
| 818 | 818 | |
| 819 | -.sa-settings .grid{ | |
| 819 | +.grid{ | |
| 820 | 820 | display: grid; |
| 821 | 821 | } |
| 822 | 822 | |
| 823 | -.sa-settings .h-10{ | |
| 823 | +.h-10{ | |
| 824 | 824 | height: 2.5rem; |
| 825 | 825 | } |
| 826 | 826 | |
| 827 | -.sa-settings .h-3\.5{ | |
| 827 | +.h-3\.5{ | |
| 828 | 828 | height: 0.875rem; |
| 829 | 829 | } |
| 830 | 830 | |
| 831 | -.sa-settings .h-4{ | |
| 831 | +.h-4{ | |
| 832 | 832 | height: 1rem; |
| 833 | 833 | } |
| 834 | 834 | |
| 835 | -.sa-settings .h-5{ | |
| 835 | +.h-5{ | |
| 836 | 836 | height: 1.25rem; |
| 837 | 837 | } |
| 838 | 838 | |
| 839 | -.sa-settings .h-6{ | |
| 839 | +.h-6{ | |
| 840 | 840 | height: 1.5rem; |
| 841 | 841 | } |
| 842 | 842 | |
| 843 | -.sa-settings .w-3\.5{ | |
| 843 | +.w-3\.5{ | |
| 844 | 844 | width: 0.875rem; |
| 845 | 845 | } |
| 846 | 846 | |
| 847 | -.sa-settings .w-4{ | |
| 847 | +.w-4{ | |
| 848 | 848 | width: 1rem; |
| 849 | 849 | } |
| 850 | 850 | |
| 851 | -.sa-settings .w-5{ | |
| 851 | +.w-5{ | |
| 852 | 852 | width: 1.25rem; |
| 853 | 853 | } |
| 854 | 854 | |
| 855 | -.sa-settings .w-auto{ | |
| 855 | +.w-auto{ | |
| 856 | 856 | width: auto; |
| 857 | 857 | } |
| 858 | 858 | |
| 859 | -.sa-settings .w-full{ | |
| 859 | +.w-full{ | |
| 860 | 860 | width: 100%; |
| 861 | 861 | } |
| 862 | 862 | |
| 863 | -.sa-settings .max-w-3xl{ | |
| 863 | +.max-w-3xl{ | |
| 864 | 864 | max-width: 48rem; |
| 865 | 865 | } |
| 866 | 866 | |
| 867 | -.sa-settings .flex-1{ | |
| 867 | +.flex-1{ | |
| 868 | 868 | flex: 1 1 0%; |
| 869 | 869 | } |
| 870 | 870 | |
| 871 | -.sa-settings .flex-shrink-0{ | |
| 871 | +.flex-shrink-0{ | |
| 872 | 872 | flex-shrink: 0; |
| 873 | 873 | } |
| 874 | 874 | |
| 875 | -.sa-settings .grid-cols-1{ | |
| 875 | +.grid-cols-1{ | |
| 876 | 876 | grid-template-columns: repeat(1, minmax(0, 1fr)); |
| 877 | 877 | } |
| 878 | 878 | |
| 879 | -.sa-settings .flex-col{ | |
| 879 | +.flex-col{ | |
| 880 | 880 | flex-direction: column; |
| 881 | 881 | } |
| 882 | 882 | |
| 883 | -.sa-settings .items-start{ | |
| 883 | +.items-start{ | |
| 884 | 884 | align-items: flex-start; |
| 885 | 885 | } |
| 886 | 886 | |
| 887 | -.sa-settings .items-center{ | |
| 887 | +.items-center{ | |
| 888 | 888 | align-items: center; |
| 889 | 889 | } |
| 890 | 890 | |
| 891 | -.sa-settings .justify-start{ | |
| 891 | +.justify-start{ | |
| 892 | 892 | justify-content: flex-start; |
| 893 | 893 | } |
| 894 | 894 | |
| 895 | -.sa-settings .justify-between{ | |
| 895 | +.justify-between{ | |
| 896 | 896 | justify-content: space-between; |
| 897 | 897 | } |
| 898 | 898 | |
| 899 | -.sa-settings .gap-5{ | |
| 899 | +.gap-5{ | |
| 900 | 900 | gap: 1.25rem; |
| 901 | 901 | } |
| 902 | 902 | |
| 903 | -.sa-settings .gap-x-3{ | |
| 903 | +.gap-x-3{ | |
| 904 | 904 | -moz-column-gap: 0.75rem; |
| 905 | 905 | column-gap: 0.75rem; |
| 906 | 906 | } |
| 907 | 907 | |
| 908 | -.sa-settings .gap-x-6{ | |
| 908 | +.gap-x-6{ | |
| 909 | 909 | -moz-column-gap: 1.5rem; |
| 910 | 910 | column-gap: 1.5rem; |
| 911 | 911 | } |
| 912 | 912 | |
| 913 | -.sa-settings .gap-y-8{ | |
| 913 | +.gap-y-8{ | |
| 914 | 914 | row-gap: 2rem; |
| 915 | 915 | } |
| 916 | 916 | |
| 917 | -.sa-settings :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){ | |
| 917 | +.space-y-2 > :not([hidden]) ~ :not([hidden]){ | |
| 918 | 918 | --tw-space-y-reverse: 0; |
| 919 | 919 | margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); |
| 920 | 920 | margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); |
| 921 | 921 | } |
| 922 | 922 | |
| 923 | -.sa-settings .whitespace-nowrap{ | |
| 923 | +.whitespace-nowrap{ | |
| 924 | 924 | white-space: nowrap; |
| 925 | 925 | } |
| 926 | 926 | |
| 927 | -.sa-settings .rounded{ | |
| 927 | +.rounded{ | |
| 928 | 928 | border-radius: 0.25rem; |
| 929 | 929 | } |
| 930 | 930 | |
| 931 | -.sa-settings .rounded-md{ | |
| 931 | +.rounded-md{ | |
| 932 | 932 | border-radius: 0.375rem; |
| 933 | 933 | } |
| 934 | 934 | |
| 935 | -.sa-settings .border-0{ | |
| 935 | +.border-0{ | |
| 936 | 936 | border-width: 0px; |
| 937 | 937 | } |
| 938 | 938 | |
| 939 | -.sa-settings .border-b{ | |
| 939 | +.border-b{ | |
| 940 | 940 | border-bottom-width: 1px; |
| 941 | 941 | } |
| 942 | 942 | |
| 943 | -.sa-settings .border-b-3{ | |
| 943 | +.border-b-3{ | |
| 944 | 944 | border-bottom-width: 3px; |
| 945 | 945 | } |
| 946 | 946 | |
| 947 | -.sa-settings .border-gray-300{ | |
| 947 | +.border-gray-300{ | |
| 948 | 948 | --tw-border-opacity: 1; |
| 949 | - border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); | |
| 949 | + border-color: rgb(209 213 219 / var(--tw-border-opacity)); | |
| 950 | 950 | } |
| 951 | 951 | |
| 952 | -.sa-settings .border-gray-900\/10{ | |
| 952 | +.border-gray-900\/10{ | |
| 953 | 953 | border-color: rgb(17 24 39 / 0.1); |
| 954 | 954 | } |
| 955 | 955 | |
| 956 | -.sa-settings .border-primary{ | |
| 956 | +.border-primary{ | |
| 957 | 957 | --tw-border-opacity: 1; |
| 958 | - border-color: rgb(255 79 100 / var(--tw-border-opacity, 1)); | |
| 958 | + border-color: rgb(255 79 100 / var(--tw-border-opacity)); | |
| 959 | 959 | } |
| 960 | 960 | |
| 961 | -.sa-settings .border-transparent{ | |
| 961 | +.border-transparent{ | |
| 962 | 962 | border-color: transparent; |
| 963 | 963 | } |
| 964 | 964 | |
| 965 | -.sa-settings .bg-blue-50{ | |
| 965 | +.bg-blue-50{ | |
| 966 | 966 | --tw-bg-opacity: 1; |
| 967 | - background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); | |
| 967 | + background-color: rgb(239 246 255 / var(--tw-bg-opacity)); | |
| 968 | 968 | } |
| 969 | 969 | |
| 970 | -.sa-settings .bg-primary{ | |
| 970 | +.bg-primary{ | |
| 971 | 971 | --tw-bg-opacity: 1; |
| 972 | - background-color: rgb(255 79 100 / var(--tw-bg-opacity, 1)); | |
| 972 | + background-color: rgb(255 79 100 / var(--tw-bg-opacity)); | |
| 973 | 973 | } |
| 974 | 974 | |
| 975 | -.sa-settings .bg-primaryBg{ | |
| 975 | +.bg-primaryBg{ | |
| 976 | 976 | --tw-bg-opacity: 1; |
| 977 | - background-color: rgb(238 249 255 / var(--tw-bg-opacity, 1)); | |
| 977 | + background-color: rgb(238 249 255 / var(--tw-bg-opacity)); | |
| 978 | 978 | } |
| 979 | 979 | |
| 980 | -.sa-settings .bg-white{ | |
| 980 | +.bg-white{ | |
| 981 | 981 | --tw-bg-opacity: 1; |
| 982 | - background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); | |
| 982 | + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); | |
| 983 | 983 | } |
| 984 | 984 | |
| 985 | -.sa-settings .p-4{ | |
| 985 | +.p-4{ | |
| 986 | 986 | padding: 1rem; |
| 987 | 987 | } |
| 988 | 988 | |
| 989 | -.sa-settings .px-2{ | |
| 989 | +.px-2{ | |
| 990 | 990 | padding-left: 0.5rem; |
| 991 | 991 | padding-right: 0.5rem; |
| 992 | 992 | } |
| 993 | 993 | |
| 994 | -.sa-settings .px-3{ | |
| 994 | +.px-3{ | |
| 995 | 995 | padding-left: 0.75rem; |
| 996 | 996 | padding-right: 0.75rem; |
| 997 | 997 | } |
| 998 | 998 | |
| 999 | -.sa-settings .px-3\.5{ | |
| 999 | +.px-3\.5{ | |
| 1000 | 1000 | padding-left: 0.875rem; |
| 1001 | 1001 | padding-right: 0.875rem; |
| 1002 | 1002 | } |
| 1003 | 1003 | |
| 1004 | -.sa-settings .px-4{ | |
| 1004 | +.px-4{ | |
| 1005 | 1005 | padding-left: 1rem; |
| 1006 | 1006 | padding-right: 1rem; |
| 1007 | 1007 | } |
| 1008 | 1008 | |
| 1009 | -.sa-settings .py-1{ | |
| 1009 | +.py-1{ | |
| 1010 | 1010 | padding-top: 0.25rem; |
| 1011 | 1011 | padding-bottom: 0.25rem; |
| 1012 | 1012 | } |
| 1013 | 1013 | |
| 1014 | -.sa-settings .py-1\.5{ | |
| 1014 | +.py-1\.5{ | |
| 1015 | 1015 | padding-top: 0.375rem; |
| 1016 | 1016 | padding-bottom: 0.375rem; |
| 1017 | 1017 | } |
| 1018 | 1018 | |
| 1019 | -.sa-settings .py-2{ | |
| 1019 | +.py-2{ | |
| 1020 | 1020 | padding-top: 0.5rem; |
| 1021 | 1021 | padding-bottom: 0.5rem; |
| 1022 | 1022 | } |
| 1023 | 1023 | |
| 1024 | -.sa-settings .py-6{ | |
| 1024 | +.py-6{ | |
| 1025 | 1025 | padding-top: 1.5rem; |
| 1026 | 1026 | padding-bottom: 1.5rem; |
| 1027 | 1027 | } |
| 1028 | 1028 | |
| 1029 | -.sa-settings .pb-2{ | |
| 1029 | +.pb-2{ | |
| 1030 | 1030 | padding-bottom: 0.5rem; |
| 1031 | 1031 | } |
| 1032 | 1032 | |
| 1033 | -.sa-settings .pb-7{ | |
| 1033 | +.pb-7{ | |
| 1034 | 1034 | padding-bottom: 1.75rem; |
| 1035 | 1035 | } |
| 1036 | 1036 | |
| 1037 | -.sa-settings .pt-5{ | |
| 1037 | +.pt-5{ | |
| 1038 | 1038 | padding-top: 1.25rem; |
| 1039 | 1039 | } |
| 1040 | 1040 | |
| 1041 | -.sa-settings .text-base{ | |
| 1041 | +.text-base{ | |
| 1042 | 1042 | font-size: 1rem; |
| 1043 | 1043 | line-height: 1.5rem; |
| 1044 | 1044 | } |
| 1045 | 1045 | |
| 1046 | -.sa-settings .text-sm{ | |
| 1046 | +.text-sm{ | |
| 1047 | 1047 | font-size: 0.875rem; |
| 1048 | 1048 | line-height: 1.25rem; |
| 1049 | 1049 | } |
| 1050 | 1050 | |
| 1051 | -.sa-settings .text-xs{ | |
| 1051 | +.text-xs{ | |
| 1052 | 1052 | font-size: 0.75rem; |
| 1053 | 1053 | line-height: 1rem; |
| 1054 | 1054 | } |
| 1055 | 1055 | |
| 1056 | -.sa-settings .font-medium{ | |
| 1056 | +.font-medium{ | |
| 1057 | 1057 | font-weight: 500; |
| 1058 | 1058 | } |
| 1059 | 1059 | |
| 1060 | -.sa-settings .font-semibold{ | |
| 1060 | +.font-semibold{ | |
| 1061 | 1061 | font-weight: 600; |
| 1062 | 1062 | } |
| 1063 | 1063 | |
| 1064 | -.sa-settings .leading-6{ | |
| 1064 | +.leading-6{ | |
| 1065 | 1065 | line-height: 1.5rem; |
| 1066 | 1066 | } |
| 1067 | 1067 | |
| 1068 | -.sa-settings .text-blue-400{ | |
| 1068 | +.text-blue-400{ | |
| 1069 | 1069 | --tw-text-opacity: 1; |
| 1070 | - color: rgb(96 165 250 / var(--tw-text-opacity, 1)); | |
| 1070 | + color: rgb(96 165 250 / var(--tw-text-opacity)); | |
| 1071 | 1071 | } |
| 1072 | 1072 | |
| 1073 | -.sa-settings .text-blue-700{ | |
| 1073 | +.text-blue-700{ | |
| 1074 | 1074 | --tw-text-opacity: 1; |
| 1075 | - color: rgb(29 78 216 / var(--tw-text-opacity, 1)); | |
| 1075 | + color: rgb(29 78 216 / var(--tw-text-opacity)); | |
| 1076 | 1076 | } |
| 1077 | 1077 | |
| 1078 | -.sa-settings .text-gray-500{ | |
| 1078 | +.text-gray-500{ | |
| 1079 | 1079 | --tw-text-opacity: 1; |
| 1080 | - color: rgb(107 114 128 / var(--tw-text-opacity, 1)); | |
| 1080 | + color: rgb(107 114 128 / var(--tw-text-opacity)); | |
| 1081 | 1081 | } |
| 1082 | 1082 | |
| 1083 | -.sa-settings .text-gray-900{ | |
| 1083 | +.text-gray-900{ | |
| 1084 | 1084 | --tw-text-opacity: 1; |
| 1085 | - color: rgb(17 24 39 / var(--tw-text-opacity, 1)); | |
| 1085 | + color: rgb(17 24 39 / var(--tw-text-opacity)); | |
| 1086 | 1086 | } |
| 1087 | 1087 | |
| 1088 | -.sa-settings .text-littleMuted{ | |
| 1088 | +.text-littleMuted{ | |
| 1089 | 1089 | --tw-text-opacity: 1; |
| 1090 | - color: rgb(104 121 123 / var(--tw-text-opacity, 1)); | |
| 1090 | + color: rgb(104 121 123 / var(--tw-text-opacity)); | |
| 1091 | 1091 | } |
| 1092 | 1092 | |
| 1093 | -.sa-settings .text-primary{ | |
| 1093 | +.text-primary{ | |
| 1094 | 1094 | --tw-text-opacity: 1; |
| 1095 | - color: rgb(255 79 100 / var(--tw-text-opacity, 1)); | |
| 1095 | + color: rgb(255 79 100 / var(--tw-text-opacity)); | |
| 1096 | 1096 | } |
| 1097 | 1097 | |
| 1098 | -.sa-settings .text-white{ | |
| 1098 | +.text-white{ | |
| 1099 | 1099 | --tw-text-opacity: 1; |
| 1100 | - color: rgb(255 255 255 / var(--tw-text-opacity, 1)); | |
| 1100 | + color: rgb(255 255 255 / var(--tw-text-opacity)); | |
| 1101 | 1101 | } |
| 1102 | 1102 | |
| 1103 | -.sa-settings .shadow-sm{ | |
| 1103 | +.shadow-sm{ | |
| 1104 | 1104 | --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); |
| 1105 | 1105 | --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); |
| 1106 | 1106 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); |
| 1107 | 1107 | } |
| 1108 | 1108 | |
| 1109 | -.sa-settings .ring-1{ | |
| 1109 | +.ring-1{ | |
| 1110 | 1110 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 1111 | 1111 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 1112 | 1112 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| 1113 | 1113 | } |
| 1114 | 1114 | |
| 1115 | -.sa-settings .ring-inset{ | |
| 1115 | +.ring-inset{ | |
| 1116 | 1116 | --tw-ring-inset: inset; |
| 1117 | 1117 | } |
| 1118 | 1118 | |
| 1119 | -.sa-settings .ring-gray-300{ | |
| 1119 | +.ring-gray-300{ | |
| 1120 | 1120 | --tw-ring-opacity: 1; |
| 1121 | - --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); | |
| 1121 | + --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); | |
| 1122 | 1122 | } |
| 1123 | 1123 | |
| 1124 | -.sa-settings .filter{ | |
| 1124 | +.filter{ | |
| 1125 | 1125 | 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 | 1126 | } |
| 1127 | 1127 | |
| 1128 | -.sa-settings .placeholder\:text-gray-400::-moz-placeholder{ | |
| 1128 | +.placeholder\:text-gray-400::-moz-placeholder{ | |
| 1129 | 1129 | --tw-text-opacity: 1; |
| 1130 | - color: rgb(156 163 175 / var(--tw-text-opacity, 1)); | |
| 1130 | + color: rgb(156 163 175 / var(--tw-text-opacity)); | |
| 1131 | 1131 | } |
| 1132 | 1132 | |
| 1133 | -.sa-settings .placeholder\:text-gray-400::placeholder{ | |
| 1133 | +.placeholder\:text-gray-400::placeholder{ | |
| 1134 | 1134 | --tw-text-opacity: 1; |
| 1135 | - color: rgb(156 163 175 / var(--tw-text-opacity, 1)); | |
| 1135 | + color: rgb(156 163 175 / var(--tw-text-opacity)); | |
| 1136 | 1136 | } |
| 1137 | 1137 | |
| 1138 | -.sa-settings .hover\:border-gray-300:hover{ | |
| 1138 | +.hover\:border-gray-300:hover{ | |
| 1139 | 1139 | --tw-border-opacity: 1; |
| 1140 | - border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); | |
| 1140 | + border-color: rgb(209 213 219 / var(--tw-border-opacity)); | |
| 1141 | 1141 | } |
| 1142 | 1142 | |
| 1143 | -.sa-settings .hover\:bg-gray-50:hover{ | |
| 1143 | +.hover\:bg-gray-50:hover{ | |
| 1144 | 1144 | --tw-bg-opacity: 1; |
| 1145 | - background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); | |
| 1145 | + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); | |
| 1146 | 1146 | } |
| 1147 | 1147 | |
| 1148 | -.sa-settings .hover\:bg-red-500:hover{ | |
| 1148 | +.hover\:bg-red-500:hover{ | |
| 1149 | 1149 | --tw-bg-opacity: 1; |
| 1150 | - background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); | |
| 1150 | + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); | |
| 1151 | 1151 | } |
| 1152 | 1152 | |
| 1153 | -.sa-settings .hover\:text-gray-700:hover{ | |
| 1153 | +.hover\:text-gray-700:hover{ | |
| 1154 | 1154 | --tw-text-opacity: 1; |
| 1155 | - color: rgb(55 65 81 / var(--tw-text-opacity, 1)); | |
| 1155 | + color: rgb(55 65 81 / var(--tw-text-opacity)); | |
| 1156 | 1156 | } |
| 1157 | 1157 | |
| 1158 | -.sa-settings .focus\:ring-2:focus{ | |
| 1158 | +.focus\:ring-2:focus{ | |
| 1159 | 1159 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 1160 | 1160 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 1161 | 1161 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| 1162 | 1162 | } |
| 1163 | 1163 | |
| 1164 | -.sa-settings .focus\:ring-inset:focus{ | |
| 1164 | +.focus\:ring-inset:focus{ | |
| 1165 | 1165 | --tw-ring-inset: inset; |
| 1166 | 1166 | } |
| 1167 | 1167 | |
| 1168 | -.sa-settings .focus\:ring-primary:focus{ | |
| 1168 | +.focus\:ring-primary:focus{ | |
| 1169 | 1169 | --tw-ring-opacity: 1; |
| 1170 | - --tw-ring-color: rgb(255 79 100 / var(--tw-ring-opacity, 1)); | |
| 1170 | + --tw-ring-color: rgb(255 79 100 / var(--tw-ring-opacity)); | |
| 1171 | 1171 | } |
| 1172 | 1172 | |
| 1173 | -.sa-settings .focus-visible\:outline:focus-visible{ | |
| 1173 | +.focus-visible\:outline:focus-visible{ | |
| 1174 | 1174 | outline-style: solid; |
| 1175 | 1175 | } |
| 1176 | 1176 | |
| 1177 | -.sa-settings .focus-visible\:outline-2:focus-visible{ | |
| 1177 | +.focus-visible\:outline-2:focus-visible{ | |
| 1178 | 1178 | outline-width: 2px; |
| 1179 | 1179 | } |
| 1180 | 1180 | |
| 1181 | -.sa-settings .focus-visible\:outline-offset-2:focus-visible{ | |
| 1181 | +.focus-visible\:outline-offset-2:focus-visible{ | |
| 1182 | 1182 | outline-offset: 2px; |
| 1183 | 1183 | } |
| 1184 | 1184 | |
| 1185 | -.sa-settings .focus-visible\:outline-primary:focus-visible{ | |
| 1185 | +.focus-visible\:outline-primary:focus-visible{ | |
| 1186 | 1186 | outline-color: #FF4F64; |
| 1187 | 1187 | } |
| 1188 | 1188 | |
| 1189 | 1189 | @media (min-width: 640px){ |
| 1190 | - .sa-settings .sm\:col-span-4{ | |
| 1190 | + .sm\:col-span-4{ | |
| 1191 | 1191 | grid-column: span 4 / span 4; |
| 1192 | 1192 | } |
| 1193 | 1193 | |
| 1194 | - .sa-settings .sm\:mt-0{ | |
| 1194 | + .sm\:mt-0{ | |
| 1195 | 1195 | margin-top: 0px; |
| 1196 | 1196 | } |
| 1197 | 1197 | |
| 1198 | - .sa-settings .sm\:flex{ | |
| 1198 | + .sm\:flex{ | |
| 1199 | 1199 | display: flex; |
| 1200 | 1200 | } |
| 1201 | 1201 | |
| 1202 | - .sa-settings .sm\:max-w-md{ | |
| 1202 | + .sm\:max-w-md{ | |
| 1203 | 1203 | max-width: 28rem; |
| 1204 | 1204 | } |
| 1205 | 1205 | |
| 1206 | - .sa-settings .sm\:grid-cols-6{ | |
| 1206 | + .sm\:grid-cols-6{ | |
| 1207 | 1207 | grid-template-columns: repeat(6, minmax(0, 1fr)); |
| 1208 | 1208 | } |
| 1209 | 1209 | |
| 1210 | - .sa-settings .sm\:items-baseline{ | |
| 1210 | + .sm\:items-baseline{ | |
| 1211 | 1211 | align-items: baseline; |
| 1212 | 1212 | } |
| 1213 | 1213 | |
| 1214 | - .sa-settings .sm\:px-4{ | |
| 1214 | + .sm\:px-4{ | |
| 1215 | 1215 | padding-left: 1rem; |
| 1216 | 1216 | padding-right: 1rem; |
| 1217 | 1217 | } |
| 1218 | 1218 | |
| 1219 | - .sa-settings .sm\:py-1\.5{ | |
| 1219 | + .sm\:py-1\.5{ | |
| 1220 | 1220 | padding-top: 0.375rem; |
| 1221 | 1221 | padding-bottom: 0.375rem; |
| 1222 | 1222 | } |
| 1223 | 1223 | |
| 1224 | - .sa-settings .sm\:text-sm{ | |
| 1224 | + .sm\:text-sm{ | |
| 1225 | 1225 | font-size: 0.875rem; |
| 1226 | 1226 | line-height: 1.25rem; |
| 1227 | 1227 | } |
| 1228 | 1228 | |
| 1229 | - .sa-settings .sm\:leading-6{ | |
| 1229 | + .sm\:leading-6{ | |
| 1230 | 1230 | line-height: 1.5rem; |
| 1231 | 1231 | } |
| 1232 | 1232 | } |
| 1233 | 1233 | |
| 1234 | 1234 | @media (min-width: 768px){ |
| 1235 | - .sa-settings .md\:flex{ | |
| 1235 | + .md\:flex{ | |
| 1236 | 1236 | display: flex; |
| 1237 | 1237 | } |
| 1238 | 1238 | |
| 1239 | - .sa-settings .md\:justify-between{ | |
| 1239 | + .md\:justify-between{ | |
| 1240 | 1240 | justify-content: space-between; |
| 1241 | 1241 | } |
| 1242 | 1242 | } |
| 1243 | 1243 | |
| 1244 | 1244 | @media (min-width: 1024px){ |
| 1245 | - .sa-settings .lg\:px-0{ | |
| 1245 | + .lg\:px-0{ | |
| 1246 | 1246 | padding-left: 0px; |
| 1247 | 1247 | padding-right: 0px; |
| 1248 | 1248 | } |
| 1249 | 1249 | } |
