| @@ -750,500 +750,517 @@ | ||
| 750 | 750 | outline: 1px solid ButtonText; |
| 751 | 751 | outline: 1px auto -webkit-focus-ring-color; |
| 752 | 752 | } |
| 753 | 753 | |
| 754 | -.sa-settings .static{ | |
| 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 | +.mb-7{ | |
| 772 | + margin-bottom: 1.75rem; | |
| 773 | +} | |
| 774 | + | |
| 775 | +.ml-2\.5{ | |
| 772 | 776 | margin-left: 0.625rem; |
| 773 | 777 | } |
| 774 | 778 | |
| 775 | -.sa-settings .ml-3{ | |
| 779 | +.ml-3{ | |
| 776 | 780 | margin-left: 0.75rem; |
| 777 | 781 | } |
| 778 | 782 | |
| 779 | -.sa-settings .mr-0\.5{ | |
| 783 | +.mr-0\.5{ | |
| 780 | 784 | margin-right: 0.125rem; |
| 781 | 785 | } |
| 782 | 786 | |
| 783 | -.sa-settings .mr-1{ | |
| 787 | +.mr-1{ | |
| 784 | 788 | margin-right: 0.25rem; |
| 785 | 789 | } |
| 786 | 790 | |
| 787 | -.sa-settings .mr-2{ | |
| 791 | +.mr-2{ | |
| 788 | 792 | margin-right: 0.5rem; |
| 789 | 793 | } |
| 790 | 794 | |
| 791 | -.sa-settings .mt-2{ | |
| 795 | +.mt-2{ | |
| 792 | 796 | margin-top: 0.5rem; |
| 793 | 797 | } |
| 794 | 798 | |
| 795 | -.sa-settings .mt-4{ | |
| 799 | +.mt-4{ | |
| 796 | 800 | margin-top: 1rem; |
| 797 | 801 | } |
| 798 | 802 | |
| 799 | -.sa-settings .mt-6{ | |
| 803 | +.mt-6{ | |
| 800 | 804 | margin-top: 1.5rem; |
| 801 | 805 | } |
| 802 | 806 | |
| 803 | -.sa-settings .block{ | |
| 807 | +.block{ | |
| 804 | 808 | display: block; |
| 805 | 809 | } |
| 806 | 810 | |
| 807 | -.sa-settings .inline-block{ | |
| 811 | +.inline-block{ | |
| 808 | 812 | display: inline-block; |
| 809 | 813 | } |
| 810 | 814 | |
| 811 | -.sa-settings .flex{ | |
| 815 | +.flex{ | |
| 812 | 816 | display: flex; |
| 813 | 817 | } |
| 814 | 818 | |
| 815 | -.sa-settings .inline-flex{ | |
| 819 | +.inline-flex{ | |
| 816 | 820 | display: inline-flex; |
| 817 | 821 | } |
| 818 | 822 | |
| 819 | -.sa-settings .grid{ | |
| 823 | +.table{ | |
| 824 | + display: table; | |
| 825 | +} | |
| 826 | + | |
| 827 | +.grid{ | |
| 820 | 828 | display: grid; |
| 821 | 829 | } |
| 822 | 830 | |
| 823 | -.sa-settings .h-10{ | |
| 831 | +.h-10{ | |
| 824 | 832 | height: 2.5rem; |
| 825 | 833 | } |
| 826 | 834 | |
| 827 | -.sa-settings .h-3\.5{ | |
| 835 | +.h-3\.5{ | |
| 828 | 836 | height: 0.875rem; |
| 829 | 837 | } |
| 830 | 838 | |
| 831 | -.sa-settings .h-4{ | |
| 839 | +.h-4{ | |
| 832 | 840 | height: 1rem; |
| 833 | 841 | } |
| 834 | 842 | |
| 835 | -.sa-settings .h-5{ | |
| 843 | +.h-5{ | |
| 836 | 844 | height: 1.25rem; |
| 837 | 845 | } |
| 838 | 846 | |
| 839 | -.sa-settings .h-6{ | |
| 847 | +.h-6{ | |
| 840 | 848 | height: 1.5rem; |
| 841 | 849 | } |
| 842 | 850 | |
| 843 | -.sa-settings .w-3\.5{ | |
| 851 | +.w-3\.5{ | |
| 844 | 852 | width: 0.875rem; |
| 845 | 853 | } |
| 846 | 854 | |
| 847 | -.sa-settings .w-4{ | |
| 855 | +.w-4{ | |
| 848 | 856 | width: 1rem; |
| 849 | 857 | } |
| 850 | 858 | |
| 851 | -.sa-settings .w-5{ | |
| 859 | +.w-5{ | |
| 852 | 860 | width: 1.25rem; |
| 853 | 861 | } |
| 854 | 862 | |
| 855 | -.sa-settings .w-auto{ | |
| 863 | +.w-auto{ | |
| 856 | 864 | width: auto; |
| 857 | 865 | } |
| 858 | 866 | |
| 859 | -.sa-settings .w-full{ | |
| 867 | +.w-full{ | |
| 860 | 868 | width: 100%; |
| 861 | 869 | } |
| 862 | 870 | |
| 863 | -.sa-settings .max-w-3xl{ | |
| 871 | +.max-w-3xl{ | |
| 864 | 872 | max-width: 48rem; |
| 865 | 873 | } |
| 866 | 874 | |
| 867 | -.sa-settings .flex-1{ | |
| 875 | +.flex-1{ | |
| 868 | 876 | flex: 1 1 0%; |
| 869 | 877 | } |
| 870 | 878 | |
| 871 | -.sa-settings .flex-shrink-0{ | |
| 879 | +.flex-shrink-0{ | |
| 872 | 880 | flex-shrink: 0; |
| 873 | 881 | } |
| 874 | 882 | |
| 875 | -.sa-settings .grid-cols-1{ | |
| 883 | +.grid-cols-1{ | |
| 876 | 884 | grid-template-columns: repeat(1, minmax(0, 1fr)); |
| 877 | 885 | } |
| 878 | 886 | |
| 879 | -.sa-settings .flex-col{ | |
| 887 | +.flex-col{ | |
| 880 | 888 | flex-direction: column; |
| 881 | 889 | } |
| 882 | 890 | |
| 883 | -.sa-settings .items-start{ | |
| 891 | +.items-start{ | |
| 884 | 892 | align-items: flex-start; |
| 885 | 893 | } |
| 886 | 894 | |
| 887 | -.sa-settings .items-center{ | |
| 895 | +.items-center{ | |
| 888 | 896 | align-items: center; |
| 889 | 897 | } |
| 890 | 898 | |
| 891 | -.sa-settings .justify-start{ | |
| 899 | +.justify-start{ | |
| 892 | 900 | justify-content: flex-start; |
| 893 | 901 | } |
| 894 | 902 | |
| 895 | -.sa-settings .justify-between{ | |
| 903 | +.justify-between{ | |
| 896 | 904 | justify-content: space-between; |
| 897 | 905 | } |
| 898 | 906 | |
| 899 | -.sa-settings .gap-5{ | |
| 907 | +.gap-5{ | |
| 900 | 908 | gap: 1.25rem; |
| 901 | 909 | } |
| 902 | 910 | |
| 903 | -.sa-settings .gap-x-3{ | |
| 911 | +.gap-x-3{ | |
| 904 | 912 | -moz-column-gap: 0.75rem; |
| 905 | 913 | column-gap: 0.75rem; |
| 906 | 914 | } |
| 907 | 915 | |
| 908 | -.sa-settings .gap-x-6{ | |
| 916 | +.gap-x-6{ | |
| 909 | 917 | -moz-column-gap: 1.5rem; |
| 910 | 918 | column-gap: 1.5rem; |
| 911 | 919 | } |
| 912 | 920 | |
| 913 | -.sa-settings .gap-y-8{ | |
| 921 | +.gap-y-8{ | |
| 914 | 922 | row-gap: 2rem; |
| 915 | 923 | } |
| 916 | 924 | |
| 917 | -.sa-settings :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){ | |
| 925 | +.space-y-2 > :not([hidden]) ~ :not([hidden]){ | |
| 918 | 926 | --tw-space-y-reverse: 0; |
| 919 | 927 | margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); |
| 920 | 928 | margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); |
| 921 | 929 | } |
| 922 | 930 | |
| 923 | -.sa-settings .whitespace-nowrap{ | |
| 931 | +.whitespace-nowrap{ | |
| 924 | 932 | white-space: nowrap; |
| 925 | 933 | } |
| 926 | 934 | |
| 927 | -.sa-settings .rounded{ | |
| 935 | +.rounded{ | |
| 928 | 936 | border-radius: 0.25rem; |
| 929 | 937 | } |
| 930 | 938 | |
| 931 | -.sa-settings .rounded-md{ | |
| 939 | +.rounded-md{ | |
| 932 | 940 | border-radius: 0.375rem; |
| 933 | 941 | } |
| 934 | 942 | |
| 935 | -.sa-settings .border-0{ | |
| 943 | +.border-0{ | |
| 936 | 944 | border-width: 0px; |
| 937 | 945 | } |
| 938 | 946 | |
| 939 | -.sa-settings .border-b{ | |
| 947 | +.border-b{ | |
| 940 | 948 | border-bottom-width: 1px; |
| 941 | 949 | } |
| 942 | 950 | |
| 943 | -.sa-settings .border-b-3{ | |
| 951 | +.border-b-3{ | |
| 944 | 952 | border-bottom-width: 3px; |
| 945 | 953 | } |
| 946 | 954 | |
| 947 | -.sa-settings .border-gray-300{ | |
| 955 | +.border-gray-300{ | |
| 948 | 956 | --tw-border-opacity: 1; |
| 949 | 957 | border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); |
| 950 | 958 | } |
| 951 | 959 | |
| 952 | -.sa-settings .border-gray-900\/10{ | |
| 960 | +.border-gray-900\/10{ | |
| 953 | 961 | border-color: rgb(17 24 39 / 0.1); |
| 954 | 962 | } |
| 955 | 963 | |
| 956 | -.sa-settings .border-primary{ | |
| 964 | +.border-primary{ | |
| 957 | 965 | --tw-border-opacity: 1; |
| 958 | 966 | border-color: rgb(255 79 100 / var(--tw-border-opacity, 1)); |
| 959 | 967 | } |
| 960 | 968 | |
| 961 | -.sa-settings .border-transparent{ | |
| 969 | +.border-transparent{ | |
| 962 | 970 | border-color: transparent; |
| 963 | 971 | } |
| 964 | 972 | |
| 965 | -.sa-settings .bg-blue-50{ | |
| 973 | +.bg-blue-50{ | |
| 966 | 974 | --tw-bg-opacity: 1; |
| 967 | 975 | background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); |
| 968 | 976 | } |
| 969 | 977 | |
| 970 | -.sa-settings .bg-primary{ | |
| 978 | +.bg-primary{ | |
| 971 | 979 | --tw-bg-opacity: 1; |
| 972 | 980 | background-color: rgb(255 79 100 / var(--tw-bg-opacity, 1)); |
| 973 | 981 | } |
| 974 | 982 | |
| 975 | -.sa-settings .bg-primaryBg{ | |
| 983 | +.bg-primaryBg{ | |
| 976 | 984 | --tw-bg-opacity: 1; |
| 977 | 985 | background-color: rgb(238 249 255 / var(--tw-bg-opacity, 1)); |
| 978 | 986 | } |
| 979 | 987 | |
| 980 | -.sa-settings .bg-white{ | |
| 988 | +.bg-white{ | |
| 981 | 989 | --tw-bg-opacity: 1; |
| 982 | 990 | background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); |
| 983 | 991 | } |
| 984 | 992 | |
| 985 | -.sa-settings .p-4{ | |
| 993 | +.p-4{ | |
| 986 | 994 | padding: 1rem; |
| 987 | 995 | } |
| 988 | 996 | |
| 989 | -.sa-settings .px-2{ | |
| 997 | +.px-2{ | |
| 990 | 998 | padding-left: 0.5rem; |
| 991 | 999 | padding-right: 0.5rem; |
| 992 | 1000 | } |
| 993 | 1001 | |
| 994 | -.sa-settings .px-3{ | |
| 1002 | +.px-3{ | |
| 995 | 1003 | padding-left: 0.75rem; |
| 996 | 1004 | padding-right: 0.75rem; |
| 997 | 1005 | } |
| 998 | 1006 | |
| 999 | -.sa-settings .px-3\.5{ | |
| 1007 | +.px-3\.5{ | |
| 1000 | 1008 | padding-left: 0.875rem; |
| 1001 | 1009 | padding-right: 0.875rem; |
| 1002 | 1010 | } |
| 1003 | 1011 | |
| 1004 | -.sa-settings .px-4{ | |
| 1012 | +.px-4{ | |
| 1005 | 1013 | padding-left: 1rem; |
| 1006 | 1014 | padding-right: 1rem; |
| 1007 | 1015 | } |
| 1008 | 1016 | |
| 1009 | -.sa-settings .py-1{ | |
| 1017 | +.py-1{ | |
| 1010 | 1018 | padding-top: 0.25rem; |
| 1011 | 1019 | padding-bottom: 0.25rem; |
| 1012 | 1020 | } |
| 1013 | 1021 | |
| 1014 | -.sa-settings .py-1\.5{ | |
| 1022 | +.py-1\.5{ | |
| 1015 | 1023 | padding-top: 0.375rem; |
| 1016 | 1024 | padding-bottom: 0.375rem; |
| 1017 | 1025 | } |
| 1018 | 1026 | |
| 1019 | -.sa-settings .py-2{ | |
| 1027 | +.py-2{ | |
| 1020 | 1028 | padding-top: 0.5rem; |
| 1021 | 1029 | padding-bottom: 0.5rem; |
| 1022 | 1030 | } |
| 1023 | 1031 | |
| 1024 | -.sa-settings .py-6{ | |
| 1032 | +.py-6{ | |
| 1025 | 1033 | padding-top: 1.5rem; |
| 1026 | 1034 | padding-bottom: 1.5rem; |
| 1027 | 1035 | } |
| 1028 | 1036 | |
| 1029 | -.sa-settings .pb-2{ | |
| 1037 | +.pb-2{ | |
| 1030 | 1038 | padding-bottom: 0.5rem; |
| 1031 | 1039 | } |
| 1032 | 1040 | |
| 1033 | -.sa-settings .pb-7{ | |
| 1041 | +.pb-7{ | |
| 1034 | 1042 | padding-bottom: 1.75rem; |
| 1035 | 1043 | } |
| 1036 | 1044 | |
| 1037 | -.sa-settings .pt-5{ | |
| 1045 | +.pt-5{ | |
| 1038 | 1046 | padding-top: 1.25rem; |
| 1039 | 1047 | } |
| 1040 | 1048 | |
| 1041 | -.sa-settings .text-base{ | |
| 1049 | +.text-base{ | |
| 1042 | 1050 | font-size: 1rem; |
| 1043 | 1051 | line-height: 1.5rem; |
| 1044 | 1052 | } |
| 1045 | 1053 | |
| 1046 | -.sa-settings .text-sm{ | |
| 1054 | +.text-sm{ | |
| 1047 | 1055 | font-size: 0.875rem; |
| 1048 | 1056 | line-height: 1.25rem; |
| 1049 | 1057 | } |
| 1050 | 1058 | |
| 1051 | -.sa-settings .text-xs{ | |
| 1059 | +.text-xs{ | |
| 1052 | 1060 | font-size: 0.75rem; |
| 1053 | 1061 | line-height: 1rem; |
| 1054 | 1062 | } |
| 1055 | 1063 | |
| 1056 | -.sa-settings .font-medium{ | |
| 1064 | +.font-medium{ | |
| 1057 | 1065 | font-weight: 500; |
| 1058 | 1066 | } |
| 1059 | 1067 | |
| 1060 | -.sa-settings .font-semibold{ | |
| 1068 | +.font-semibold{ | |
| 1061 | 1069 | font-weight: 600; |
| 1062 | 1070 | } |
| 1063 | 1071 | |
| 1064 | -.sa-settings .leading-6{ | |
| 1072 | +.leading-6{ | |
| 1065 | 1073 | line-height: 1.5rem; |
| 1066 | 1074 | } |
| 1067 | 1075 | |
| 1068 | -.sa-settings .text-blue-400{ | |
| 1076 | +.text-blue-400{ | |
| 1069 | 1077 | --tw-text-opacity: 1; |
| 1070 | 1078 | color: rgb(96 165 250 / var(--tw-text-opacity, 1)); |
| 1071 | 1079 | } |
| 1072 | 1080 | |
| 1073 | -.sa-settings .text-blue-700{ | |
| 1081 | +.text-blue-700{ | |
| 1074 | 1082 | --tw-text-opacity: 1; |
| 1075 | 1083 | color: rgb(29 78 216 / var(--tw-text-opacity, 1)); |
| 1076 | 1084 | } |
| 1077 | 1085 | |
| 1078 | -.sa-settings .text-gray-500{ | |
| 1086 | +.text-gray-500{ | |
| 1079 | 1087 | --tw-text-opacity: 1; |
| 1080 | 1088 | color: rgb(107 114 128 / var(--tw-text-opacity, 1)); |
| 1081 | 1089 | } |
| 1082 | 1090 | |
| 1083 | -.sa-settings .text-gray-900{ | |
| 1091 | +.text-gray-700{ | |
| 1084 | 1092 | --tw-text-opacity: 1; |
| 1093 | + color: rgb(55 65 81 / var(--tw-text-opacity, 1)); | |
| 1094 | +} | |
| 1095 | + | |
| 1096 | +.text-gray-900{ | |
| 1097 | + --tw-text-opacity: 1; | |
| 1085 | 1098 | color: rgb(17 24 39 / var(--tw-text-opacity, 1)); |
| 1086 | 1099 | } |
| 1087 | 1100 | |
| 1088 | -.sa-settings .text-littleMuted{ | |
| 1101 | +.text-littleMuted{ | |
| 1089 | 1102 | --tw-text-opacity: 1; |
| 1090 | 1103 | color: rgb(104 121 123 / var(--tw-text-opacity, 1)); |
| 1091 | 1104 | } |
| 1092 | 1105 | |
| 1093 | -.sa-settings .text-primary{ | |
| 1106 | +.text-primary{ | |
| 1094 | 1107 | --tw-text-opacity: 1; |
| 1095 | 1108 | color: rgb(255 79 100 / var(--tw-text-opacity, 1)); |
| 1096 | 1109 | } |
| 1097 | 1110 | |
| 1098 | -.sa-settings .text-white{ | |
| 1111 | +.text-white{ | |
| 1099 | 1112 | --tw-text-opacity: 1; |
| 1100 | 1113 | color: rgb(255 255 255 / var(--tw-text-opacity, 1)); |
| 1101 | 1114 | } |
| 1102 | 1115 | |
| 1103 | -.sa-settings .shadow-sm{ | |
| 1116 | +.shadow-sm{ | |
| 1104 | 1117 | --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); |
| 1105 | 1118 | --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); |
| 1106 | 1119 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); |
| 1107 | 1120 | } |
| 1108 | 1121 | |
| 1109 | -.sa-settings .ring-1{ | |
| 1122 | +.ring-1{ | |
| 1110 | 1123 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 1111 | 1124 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 1112 | 1125 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| 1113 | 1126 | } |
| 1114 | 1127 | |
| 1115 | -.sa-settings .ring-inset{ | |
| 1128 | +.ring-inset{ | |
| 1116 | 1129 | --tw-ring-inset: inset; |
| 1117 | 1130 | } |
| 1118 | 1131 | |
| 1119 | -.sa-settings .ring-gray-300{ | |
| 1132 | +.ring-gray-300{ | |
| 1120 | 1133 | --tw-ring-opacity: 1; |
| 1121 | 1134 | --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); |
| 1122 | 1135 | } |
| 1123 | 1136 | |
| 1124 | -.sa-settings .filter{ | |
| 1137 | +.filter{ | |
| 1125 | 1138 | 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 | 1139 | } |
| 1127 | 1140 | |
| 1128 | -.sa-settings .placeholder\:text-gray-400::-moz-placeholder{ | |
| 1141 | +.placeholder\:text-gray-400::-moz-placeholder{ | |
| 1129 | 1142 | --tw-text-opacity: 1; |
| 1130 | 1143 | color: rgb(156 163 175 / var(--tw-text-opacity, 1)); |
| 1131 | 1144 | } |
| 1132 | 1145 | |
| 1133 | -.sa-settings .placeholder\:text-gray-400::placeholder{ | |
| 1146 | +.placeholder\:text-gray-400::placeholder{ | |
| 1134 | 1147 | --tw-text-opacity: 1; |
| 1135 | 1148 | color: rgb(156 163 175 / var(--tw-text-opacity, 1)); |
| 1136 | 1149 | } |
| 1137 | 1150 | |
| 1138 | -.sa-settings .hover\:border-gray-300:hover{ | |
| 1151 | +.hover\:border-gray-300:hover{ | |
| 1139 | 1152 | --tw-border-opacity: 1; |
| 1140 | 1153 | border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); |
| 1141 | 1154 | } |
| 1142 | 1155 | |
| 1143 | -.sa-settings .hover\:bg-gray-50:hover{ | |
| 1156 | +.hover\:bg-gray-50:hover{ | |
| 1144 | 1157 | --tw-bg-opacity: 1; |
| 1145 | 1158 | background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); |
| 1146 | 1159 | } |
| 1147 | 1160 | |
| 1148 | -.sa-settings .hover\:bg-red-500:hover{ | |
| 1161 | +.hover\:bg-red-500:hover{ | |
| 1149 | 1162 | --tw-bg-opacity: 1; |
| 1150 | 1163 | background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); |
| 1151 | 1164 | } |
| 1152 | 1165 | |
| 1153 | -.sa-settings .hover\:text-gray-700:hover{ | |
| 1166 | +.hover\:text-gray-700:hover{ | |
| 1154 | 1167 | --tw-text-opacity: 1; |
| 1155 | 1168 | color: rgb(55 65 81 / var(--tw-text-opacity, 1)); |
| 1156 | 1169 | } |
| 1157 | 1170 | |
| 1158 | -.sa-settings .focus\:ring-2:focus{ | |
| 1171 | +.hover\:underline:hover{ | |
| 1172 | + text-decoration-line: underline; | |
| 1173 | +} | |
| 1174 | + | |
| 1175 | +.focus\:ring-2:focus{ | |
| 1159 | 1176 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 1160 | 1177 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 1161 | 1178 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| 1162 | 1179 | } |
| 1163 | 1180 | |
| 1164 | -.sa-settings .focus\:ring-inset:focus{ | |
| 1181 | +.focus\:ring-inset:focus{ | |
| 1165 | 1182 | --tw-ring-inset: inset; |
| 1166 | 1183 | } |
| 1167 | 1184 | |
| 1168 | -.sa-settings .focus\:ring-primary:focus{ | |
| 1185 | +.focus\:ring-primary:focus{ | |
| 1169 | 1186 | --tw-ring-opacity: 1; |
| 1170 | 1187 | --tw-ring-color: rgb(255 79 100 / var(--tw-ring-opacity, 1)); |
| 1171 | 1188 | } |
| 1172 | 1189 | |
| 1173 | -.sa-settings .focus-visible\:outline:focus-visible{ | |
| 1190 | +.focus-visible\:outline:focus-visible{ | |
| 1174 | 1191 | outline-style: solid; |
| 1175 | 1192 | } |
| 1176 | 1193 | |
| 1177 | -.sa-settings .focus-visible\:outline-2:focus-visible{ | |
| 1194 | +.focus-visible\:outline-2:focus-visible{ | |
| 1178 | 1195 | outline-width: 2px; |
| 1179 | 1196 | } |
| 1180 | 1197 | |
| 1181 | -.sa-settings .focus-visible\:outline-offset-2:focus-visible{ | |
| 1198 | +.focus-visible\:outline-offset-2:focus-visible{ | |
| 1182 | 1199 | outline-offset: 2px; |
| 1183 | 1200 | } |
| 1184 | 1201 | |
| 1185 | -.sa-settings .focus-visible\:outline-primary:focus-visible{ | |
| 1202 | +.focus-visible\:outline-primary:focus-visible{ | |
| 1186 | 1203 | outline-color: #FF4F64; |
| 1187 | 1204 | } |
| 1188 | 1205 | |
| 1189 | 1206 | @media (min-width: 640px){ |
| 1190 | - .sa-settings .sm\:col-span-4{ | |
| 1207 | + .sm\:col-span-4{ | |
| 1191 | 1208 | grid-column: span 4 / span 4; |
| 1192 | 1209 | } |
| 1193 | 1210 | |
| 1194 | - .sa-settings .sm\:mt-0{ | |
| 1211 | + .sm\:mt-0{ | |
| 1195 | 1212 | margin-top: 0px; |
| 1196 | 1213 | } |
| 1197 | 1214 | |
| 1198 | - .sa-settings .sm\:flex{ | |
| 1215 | + .sm\:flex{ | |
| 1199 | 1216 | display: flex; |
| 1200 | 1217 | } |
| 1201 | 1218 | |
| 1202 | - .sa-settings .sm\:max-w-md{ | |
| 1219 | + .sm\:max-w-md{ | |
| 1203 | 1220 | max-width: 28rem; |
| 1204 | 1221 | } |
| 1205 | 1222 | |
| 1206 | - .sa-settings .sm\:grid-cols-6{ | |
| 1223 | + .sm\:grid-cols-6{ | |
| 1207 | 1224 | grid-template-columns: repeat(6, minmax(0, 1fr)); |
| 1208 | 1225 | } |
| 1209 | 1226 | |
| 1210 | - .sa-settings .sm\:items-baseline{ | |
| 1227 | + .sm\:items-baseline{ | |
| 1211 | 1228 | align-items: baseline; |
| 1212 | 1229 | } |
| 1213 | 1230 | |
| 1214 | - .sa-settings .sm\:px-4{ | |
| 1231 | + .sm\:px-4{ | |
| 1215 | 1232 | padding-left: 1rem; |
| 1216 | 1233 | padding-right: 1rem; |
| 1217 | 1234 | } |
| 1218 | 1235 | |
| 1219 | - .sa-settings .sm\:py-1\.5{ | |
| 1236 | + .sm\:py-1\.5{ | |
| 1220 | 1237 | padding-top: 0.375rem; |
| 1221 | 1238 | padding-bottom: 0.375rem; |
| 1222 | 1239 | } |
| 1223 | 1240 | |
| 1224 | - .sa-settings .sm\:text-sm{ | |
| 1241 | + .sm\:text-sm{ | |
| 1225 | 1242 | font-size: 0.875rem; |
| 1226 | 1243 | line-height: 1.25rem; |
| 1227 | 1244 | } |
| 1228 | 1245 | |
| 1229 | - .sa-settings .sm\:leading-6{ | |
| 1246 | + .sm\:leading-6{ | |
| 1230 | 1247 | line-height: 1.5rem; |
| 1231 | 1248 | } |
| 1232 | 1249 | } |
| 1233 | 1250 | |
| 1234 | 1251 | @media (min-width: 768px){ |
| 1235 | - .sa-settings .md\:flex{ | |
| 1252 | + .md\:flex{ | |
| 1236 | 1253 | display: flex; |
| 1237 | 1254 | } |
| 1238 | 1255 | |
| 1239 | - .sa-settings .md\:justify-between{ | |
| 1256 | + .md\:justify-between{ | |
| 1240 | 1257 | justify-content: space-between; |
| 1241 | 1258 | } |
| 1242 | 1259 | } |
| 1243 | 1260 | |
| 1244 | 1261 | @media (min-width: 1024px){ |
| 1245 | - .sa-settings .lg\:px-0{ | |
| 1262 | + .lg\:px-0{ | |
| 1246 | 1263 | padding-left: 0px; |
| 1247 | 1264 | padding-right: 0px; |
| 1248 | 1265 | } |
| 1249 | 1266 | } |
