@mcpjam/inspector 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/dist/assets/{OAuthCallback-D9GEIvKa.js → OAuthCallback-kC0-8Fug.js} +1 -1
- package/client/dist/assets/{OAuthDebugCallback-zUpX3mpm.js → OAuthDebugCallback-BpNrhMCC.js} +1 -1
- package/client/dist/assets/{index-DTUWTApO.js → index-BS_GqE2l.js} +1900 -1764
- package/client/dist/assets/{index-CIxCnj5w.css → index-q6eNddhi.css} +1249 -44
- package/client/dist/index.html +2 -2
- package/package.json +4 -4
|
@@ -1,41 +1,278 @@
|
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
/* Custom animations and modern styling for the MCP Inspector */
|
|
1
5
|
#root {
|
|
2
6
|
margin: 0 auto;
|
|
7
|
+
font-family:
|
|
8
|
+
"Inter",
|
|
9
|
+
-apple-system,
|
|
10
|
+
BlinkMacSystemFont,
|
|
11
|
+
"Segoe UI",
|
|
12
|
+
Roboto,
|
|
13
|
+
sans-serif;
|
|
14
|
+
}
|
|
15
|
+
/* Smooth fade-in animation for app loading */
|
|
16
|
+
.app-container {
|
|
17
|
+
animation: fadeIn 0.6s ease-out;
|
|
18
|
+
}
|
|
19
|
+
@keyframes fadeIn {
|
|
20
|
+
from {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
transform: translateY(10px);
|
|
23
|
+
}
|
|
24
|
+
to {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
transform: translateY(0);
|
|
27
|
+
}
|
|
3
28
|
}
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
29
|
+
/* Custom scrollbar styling */
|
|
30
|
+
::-webkit-scrollbar {
|
|
31
|
+
width: 8px;
|
|
32
|
+
height: 8px;
|
|
33
|
+
}
|
|
34
|
+
::-webkit-scrollbar-track {
|
|
35
|
+
background: transparent;
|
|
36
|
+
}
|
|
37
|
+
::-webkit-scrollbar-thumb {
|
|
38
|
+
background: hsl(var(--border));
|
|
39
|
+
border-radius: 4px;
|
|
40
|
+
-webkit-transition: background-color 0.2s ease;
|
|
41
|
+
transition: background-color 0.2s ease;
|
|
42
|
+
}
|
|
43
|
+
::-webkit-scrollbar-thumb:hover {
|
|
44
|
+
background: hsl(var(--muted-foreground) / 0.5);
|
|
45
|
+
}
|
|
46
|
+
/* Glass morphism effect for cards */
|
|
47
|
+
.glass-card {
|
|
48
|
+
background: rgba(255, 255, 255, 0.05);
|
|
49
|
+
-webkit-backdrop-filter: blur(10px);
|
|
50
|
+
backdrop-filter: blur(10px);
|
|
51
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
52
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
|
|
53
|
+
}
|
|
54
|
+
.dark .glass-card {
|
|
55
|
+
background: rgba(0, 0, 0, 0.2);
|
|
56
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
57
|
+
}
|
|
58
|
+
/* Enhanced tab styling */
|
|
59
|
+
.modern-tab {
|
|
60
|
+
position: relative;
|
|
61
|
+
overflow: hidden;
|
|
10
62
|
}
|
|
11
|
-
.
|
|
12
|
-
|
|
63
|
+
.modern-tab::before {
|
|
64
|
+
content: "";
|
|
65
|
+
position: absolute;
|
|
66
|
+
top: 0;
|
|
67
|
+
left: -100%;
|
|
68
|
+
width: 100%;
|
|
69
|
+
height: 100%;
|
|
70
|
+
background: linear-gradient(
|
|
71
|
+
90deg,
|
|
72
|
+
transparent,
|
|
73
|
+
rgba(255, 255, 255, 0.1),
|
|
74
|
+
transparent
|
|
75
|
+
);
|
|
76
|
+
transition: left 0.5s;
|
|
77
|
+
}
|
|
78
|
+
.modern-tab:hover::before {
|
|
79
|
+
left: 100%;
|
|
80
|
+
}
|
|
81
|
+
/* Floating action button style */
|
|
82
|
+
.floating-button {
|
|
83
|
+
position: relative;
|
|
84
|
+
overflow: hidden;
|
|
85
|
+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
13
86
|
}
|
|
14
|
-
.
|
|
15
|
-
|
|
87
|
+
.floating-button:hover {
|
|
88
|
+
transform: translateY(-2px);
|
|
89
|
+
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
|
|
16
90
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
91
|
+
/* Pulse animation for notifications */
|
|
92
|
+
.pulse-animation {
|
|
93
|
+
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
94
|
+
}
|
|
95
|
+
@keyframes pulse {
|
|
96
|
+
0%,
|
|
97
|
+
100% {
|
|
98
|
+
opacity: 1;
|
|
99
|
+
}
|
|
100
|
+
50% {
|
|
101
|
+
opacity: 0.5;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
/* Smooth slide transitions */
|
|
105
|
+
.slide-enter {
|
|
106
|
+
transform: translateX(-100%);
|
|
107
|
+
}
|
|
108
|
+
.slide-enter-active {
|
|
109
|
+
transform: translateX(0);
|
|
110
|
+
transition: transform 300ms ease-in-out;
|
|
111
|
+
}
|
|
112
|
+
.slide-exit {
|
|
113
|
+
transform: translateX(0);
|
|
114
|
+
}
|
|
115
|
+
.slide-exit-active {
|
|
116
|
+
transform: translateX(100%);
|
|
117
|
+
transition: transform 300ms ease-in-out;
|
|
118
|
+
}
|
|
119
|
+
/* Loading spinner enhancement */
|
|
120
|
+
.modern-spinner {
|
|
121
|
+
width: 20px;
|
|
122
|
+
height: 20px;
|
|
123
|
+
border: 2px solid hsl(var(--muted));
|
|
124
|
+
border-top: 2px solid hsl(var(--primary));
|
|
125
|
+
border-radius: 50%;
|
|
126
|
+
animation: spin 1s linear infinite;
|
|
127
|
+
}
|
|
128
|
+
@keyframes spin {
|
|
129
|
+
0% {
|
|
20
130
|
transform: rotate(0deg);
|
|
21
131
|
}
|
|
22
|
-
|
|
132
|
+
100% {
|
|
23
133
|
transform: rotate(360deg);
|
|
24
134
|
}
|
|
25
135
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
136
|
+
/* Enhanced focus states */
|
|
137
|
+
.focus-ring:focus-visible {
|
|
138
|
+
outline: 2px solid hsl(var(--ring));
|
|
139
|
+
outline-offset: 2px;
|
|
140
|
+
}
|
|
141
|
+
/* Gradient backgrounds */
|
|
142
|
+
.gradient-bg {
|
|
143
|
+
background: linear-gradient(
|
|
144
|
+
135deg,
|
|
145
|
+
hsl(var(--background)) 0%,
|
|
146
|
+
hsl(var(--muted) / 0.1) 100%
|
|
147
|
+
);
|
|
148
|
+
}
|
|
149
|
+
.dark .gradient-bg {
|
|
150
|
+
background: linear-gradient(
|
|
151
|
+
135deg,
|
|
152
|
+
hsl(var(--background)) 0%,
|
|
153
|
+
hsl(var(--muted) / 0.05) 100%
|
|
154
|
+
);
|
|
155
|
+
}
|
|
156
|
+
/* Connection status indicators */
|
|
157
|
+
.status-connected {
|
|
158
|
+
color: #10b981;
|
|
159
|
+
animation: statusPulse 2s ease-in-out infinite;
|
|
160
|
+
}
|
|
161
|
+
.status-disconnected {
|
|
162
|
+
color: #ef4444;
|
|
163
|
+
}
|
|
164
|
+
.status-connecting {
|
|
165
|
+
color: #f59e0b;
|
|
166
|
+
animation: statusPulse 1s ease-in-out infinite;
|
|
167
|
+
}
|
|
168
|
+
@keyframes statusPulse {
|
|
169
|
+
0%,
|
|
170
|
+
100% {
|
|
171
|
+
opacity: 1;
|
|
172
|
+
}
|
|
173
|
+
50% {
|
|
174
|
+
opacity: 0.5;
|
|
30
175
|
}
|
|
31
176
|
}
|
|
32
|
-
|
|
33
|
-
.
|
|
34
|
-
|
|
177
|
+
/* Modern card hover effects */
|
|
178
|
+
.hover-lift {
|
|
179
|
+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
180
|
+
}
|
|
181
|
+
.hover-lift:hover {
|
|
182
|
+
transform: translateY(-4px);
|
|
183
|
+
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
|
|
184
|
+
}
|
|
185
|
+
/* Text shimmer effect for headings */
|
|
186
|
+
.shimmer-text {
|
|
187
|
+
background: linear-gradient(
|
|
188
|
+
90deg,
|
|
189
|
+
hsl(var(--foreground)),
|
|
190
|
+
hsl(var(--muted-foreground)),
|
|
191
|
+
hsl(var(--foreground))
|
|
192
|
+
);
|
|
193
|
+
background-size: 200% 100%;
|
|
194
|
+
background-clip: text;
|
|
195
|
+
-webkit-background-clip: text;
|
|
196
|
+
-webkit-text-fill-color: transparent;
|
|
197
|
+
animation: shimmer 3s ease-in-out infinite;
|
|
198
|
+
}
|
|
199
|
+
@keyframes shimmer {
|
|
200
|
+
0% {
|
|
201
|
+
background-position: -200% 0;
|
|
202
|
+
}
|
|
203
|
+
100% {
|
|
204
|
+
background-position: 200% 0;
|
|
205
|
+
}
|
|
35
206
|
}
|
|
36
|
-
|
|
37
|
-
.
|
|
38
|
-
|
|
207
|
+
/* Modern button styles */
|
|
208
|
+
.modern-button {
|
|
209
|
+
position: relative;
|
|
210
|
+
overflow: hidden;
|
|
211
|
+
transition: all 0.3s ease;
|
|
212
|
+
}
|
|
213
|
+
.modern-button::after {
|
|
214
|
+
content: "";
|
|
215
|
+
position: absolute;
|
|
216
|
+
top: 50%;
|
|
217
|
+
left: 50%;
|
|
218
|
+
width: 0;
|
|
219
|
+
height: 0;
|
|
220
|
+
background: rgba(255, 255, 255, 0.1);
|
|
221
|
+
border-radius: 50%;
|
|
222
|
+
transform: translate(-50%, -50%);
|
|
223
|
+
transition:
|
|
224
|
+
width 0.3s,
|
|
225
|
+
height 0.3s;
|
|
226
|
+
}
|
|
227
|
+
.modern-button:active::after {
|
|
228
|
+
width: 300px;
|
|
229
|
+
height: 300px;
|
|
230
|
+
}
|
|
231
|
+
/* Responsive design helpers */
|
|
232
|
+
@media (max-width: 768px) {
|
|
233
|
+
.hide-mobile {
|
|
234
|
+
display: none;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
@media (max-width: 640px) {
|
|
238
|
+
.hide-sm {
|
|
239
|
+
display: none;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
/* Custom properties for theme consistency */
|
|
243
|
+
:root {
|
|
244
|
+
--transition-fast: 150ms ease;
|
|
245
|
+
--transition-normal: 250ms ease;
|
|
246
|
+
--transition-slow: 350ms ease;
|
|
247
|
+
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
248
|
+
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
249
|
+
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
250
|
+
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
251
|
+
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
252
|
+
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
|
|
253
|
+
0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
254
|
+
}
|
|
255
|
+
/* Utility classes */
|
|
256
|
+
.transition-fast {
|
|
257
|
+
transition: var(--transition-fast);
|
|
258
|
+
}
|
|
259
|
+
.transition-normal {
|
|
260
|
+
transition: var(--transition-normal);
|
|
261
|
+
}
|
|
262
|
+
.transition-slow {
|
|
263
|
+
transition: var(--transition-slow);
|
|
264
|
+
}
|
|
265
|
+
.shadow-custom-sm {
|
|
266
|
+
box-shadow: var(--shadow-sm);
|
|
267
|
+
}
|
|
268
|
+
.shadow-custom-md {
|
|
269
|
+
box-shadow: var(--shadow-md);
|
|
270
|
+
}
|
|
271
|
+
.shadow-custom-lg {
|
|
272
|
+
box-shadow: var(--shadow-lg);
|
|
273
|
+
}
|
|
274
|
+
.shadow-custom-xl {
|
|
275
|
+
box-shadow: var(--shadow-xl);
|
|
39
276
|
}
|
|
40
277
|
/**
|
|
41
278
|
* prism.js default theme for JavaScript, CSS and HTML
|
|
@@ -770,17 +1007,24 @@ video {
|
|
|
770
1007
|
.relative {
|
|
771
1008
|
position: relative;
|
|
772
1009
|
}
|
|
1010
|
+
.sticky {
|
|
1011
|
+
position: sticky;
|
|
1012
|
+
}
|
|
773
1013
|
.inset-0 {
|
|
774
1014
|
inset: 0px;
|
|
775
1015
|
}
|
|
1016
|
+
.inset-x-0 {
|
|
1017
|
+
left: 0px;
|
|
1018
|
+
right: 0px;
|
|
1019
|
+
}
|
|
776
1020
|
.-right-1 {
|
|
777
1021
|
right: -0.25rem;
|
|
778
1022
|
}
|
|
779
1023
|
.-top-1 {
|
|
780
1024
|
top: -0.25rem;
|
|
781
1025
|
}
|
|
782
|
-
|
|
783
|
-
|
|
1026
|
+
.bottom-0 {
|
|
1027
|
+
bottom: 0px;
|
|
784
1028
|
}
|
|
785
1029
|
.left-\[50\%\] {
|
|
786
1030
|
left: 50%;
|
|
@@ -809,6 +1053,9 @@ video {
|
|
|
809
1053
|
.top-\[50\%\] {
|
|
810
1054
|
top: 50%;
|
|
811
1055
|
}
|
|
1056
|
+
.z-10 {
|
|
1057
|
+
z-index: 10;
|
|
1058
|
+
}
|
|
812
1059
|
.z-50 {
|
|
813
1060
|
z-index: 50;
|
|
814
1061
|
}
|
|
@@ -832,15 +1079,24 @@ video {
|
|
|
832
1079
|
.mb-1 {
|
|
833
1080
|
margin-bottom: 0.25rem;
|
|
834
1081
|
}
|
|
1082
|
+
.mb-1\.5 {
|
|
1083
|
+
margin-bottom: 0.375rem;
|
|
1084
|
+
}
|
|
835
1085
|
.mb-2 {
|
|
836
1086
|
margin-bottom: 0.5rem;
|
|
837
1087
|
}
|
|
1088
|
+
.mb-3 {
|
|
1089
|
+
margin-bottom: 0.75rem;
|
|
1090
|
+
}
|
|
838
1091
|
.mb-4 {
|
|
839
1092
|
margin-bottom: 1rem;
|
|
840
1093
|
}
|
|
841
1094
|
.mb-6 {
|
|
842
1095
|
margin-bottom: 1.5rem;
|
|
843
1096
|
}
|
|
1097
|
+
.ml-0\.5 {
|
|
1098
|
+
margin-left: 0.125rem;
|
|
1099
|
+
}
|
|
844
1100
|
.ml-1 {
|
|
845
1101
|
margin-left: 0.25rem;
|
|
846
1102
|
}
|
|
@@ -862,6 +1118,12 @@ video {
|
|
|
862
1118
|
.mr-2 {
|
|
863
1119
|
margin-right: 0.5rem;
|
|
864
1120
|
}
|
|
1121
|
+
.mt-0 {
|
|
1122
|
+
margin-top: 0px;
|
|
1123
|
+
}
|
|
1124
|
+
.mt-0\.5 {
|
|
1125
|
+
margin-top: 0.125rem;
|
|
1126
|
+
}
|
|
865
1127
|
.mt-1 {
|
|
866
1128
|
margin-top: 0.25rem;
|
|
867
1129
|
}
|
|
@@ -874,9 +1136,24 @@ video {
|
|
|
874
1136
|
.mt-4 {
|
|
875
1137
|
margin-top: 1rem;
|
|
876
1138
|
}
|
|
1139
|
+
.line-clamp-1 {
|
|
1140
|
+
overflow: hidden;
|
|
1141
|
+
display: -webkit-box;
|
|
1142
|
+
-webkit-box-orient: vertical;
|
|
1143
|
+
-webkit-line-clamp: 1;
|
|
1144
|
+
}
|
|
1145
|
+
.line-clamp-2 {
|
|
1146
|
+
overflow: hidden;
|
|
1147
|
+
display: -webkit-box;
|
|
1148
|
+
-webkit-box-orient: vertical;
|
|
1149
|
+
-webkit-line-clamp: 2;
|
|
1150
|
+
}
|
|
877
1151
|
.block {
|
|
878
1152
|
display: block;
|
|
879
1153
|
}
|
|
1154
|
+
.inline-block {
|
|
1155
|
+
display: inline-block;
|
|
1156
|
+
}
|
|
880
1157
|
.inline {
|
|
881
1158
|
display: inline;
|
|
882
1159
|
}
|
|
@@ -899,15 +1176,27 @@ video {
|
|
|
899
1176
|
width: 1rem;
|
|
900
1177
|
height: 1rem;
|
|
901
1178
|
}
|
|
902
|
-
.h-
|
|
903
|
-
height: 0.
|
|
1179
|
+
.h-0\.5 {
|
|
1180
|
+
height: 0.125rem;
|
|
904
1181
|
}
|
|
905
1182
|
.h-10 {
|
|
906
1183
|
height: 2.5rem;
|
|
907
1184
|
}
|
|
1185
|
+
.h-11 {
|
|
1186
|
+
height: 2.75rem;
|
|
1187
|
+
}
|
|
1188
|
+
.h-12 {
|
|
1189
|
+
height: 3rem;
|
|
1190
|
+
}
|
|
1191
|
+
.h-16 {
|
|
1192
|
+
height: 4rem;
|
|
1193
|
+
}
|
|
908
1194
|
.h-2 {
|
|
909
1195
|
height: 0.5rem;
|
|
910
1196
|
}
|
|
1197
|
+
.h-3 {
|
|
1198
|
+
height: 0.75rem;
|
|
1199
|
+
}
|
|
911
1200
|
.h-3\.5 {
|
|
912
1201
|
height: 0.875rem;
|
|
913
1202
|
}
|
|
@@ -917,6 +1206,12 @@ video {
|
|
|
917
1206
|
.h-5 {
|
|
918
1207
|
height: 1.25rem;
|
|
919
1208
|
}
|
|
1209
|
+
.h-6 {
|
|
1210
|
+
height: 1.5rem;
|
|
1211
|
+
}
|
|
1212
|
+
.h-7 {
|
|
1213
|
+
height: 1.75rem;
|
|
1214
|
+
}
|
|
920
1215
|
.h-8 {
|
|
921
1216
|
height: 2rem;
|
|
922
1217
|
}
|
|
@@ -941,6 +1236,9 @@ video {
|
|
|
941
1236
|
.h-screen {
|
|
942
1237
|
height: 100vh;
|
|
943
1238
|
}
|
|
1239
|
+
.max-h-48 {
|
|
1240
|
+
max-height: 12rem;
|
|
1241
|
+
}
|
|
944
1242
|
.max-h-80 {
|
|
945
1243
|
max-height: 20rem;
|
|
946
1244
|
}
|
|
@@ -956,27 +1254,48 @@ video {
|
|
|
956
1254
|
.min-h-\[60px\] {
|
|
957
1255
|
min-height: 60px;
|
|
958
1256
|
}
|
|
1257
|
+
.min-h-screen {
|
|
1258
|
+
min-height: 100vh;
|
|
1259
|
+
}
|
|
1260
|
+
.w-10 {
|
|
1261
|
+
width: 2.5rem;
|
|
1262
|
+
}
|
|
1263
|
+
.w-12 {
|
|
1264
|
+
width: 3rem;
|
|
1265
|
+
}
|
|
1266
|
+
.w-16 {
|
|
1267
|
+
width: 4rem;
|
|
1268
|
+
}
|
|
959
1269
|
.w-2 {
|
|
960
1270
|
width: 0.5rem;
|
|
961
1271
|
}
|
|
962
1272
|
.w-2\/5 {
|
|
963
1273
|
width: 40%;
|
|
964
1274
|
}
|
|
1275
|
+
.w-3 {
|
|
1276
|
+
width: 0.75rem;
|
|
1277
|
+
}
|
|
965
1278
|
.w-3\.5 {
|
|
966
1279
|
width: 0.875rem;
|
|
967
1280
|
}
|
|
1281
|
+
.w-36 {
|
|
1282
|
+
width: 9rem;
|
|
1283
|
+
}
|
|
968
1284
|
.w-4 {
|
|
969
1285
|
width: 1rem;
|
|
970
1286
|
}
|
|
971
1287
|
.w-5 {
|
|
972
1288
|
width: 1.25rem;
|
|
973
1289
|
}
|
|
1290
|
+
.w-6 {
|
|
1291
|
+
width: 1.5rem;
|
|
1292
|
+
}
|
|
1293
|
+
.w-64 {
|
|
1294
|
+
width: 16rem;
|
|
1295
|
+
}
|
|
974
1296
|
.w-72 {
|
|
975
1297
|
width: 18rem;
|
|
976
1298
|
}
|
|
977
|
-
.w-8 {
|
|
978
|
-
width: 2rem;
|
|
979
|
-
}
|
|
980
1299
|
.w-80 {
|
|
981
1300
|
width: 20rem;
|
|
982
1301
|
}
|
|
@@ -1004,6 +1323,9 @@ video {
|
|
|
1004
1323
|
.max-w-md {
|
|
1005
1324
|
max-width: 28rem;
|
|
1006
1325
|
}
|
|
1326
|
+
.max-w-sm {
|
|
1327
|
+
max-width: 24rem;
|
|
1328
|
+
}
|
|
1007
1329
|
.flex-1 {
|
|
1008
1330
|
flex: 1 1 0%;
|
|
1009
1331
|
}
|
|
@@ -1024,6 +1346,32 @@ video {
|
|
|
1024
1346
|
--tw-translate-y: -50%;
|
|
1025
1347
|
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));
|
|
1026
1348
|
}
|
|
1349
|
+
.rotate-180 {
|
|
1350
|
+
--tw-rotate: 180deg;
|
|
1351
|
+
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));
|
|
1352
|
+
}
|
|
1353
|
+
.transform {
|
|
1354
|
+
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));
|
|
1355
|
+
}
|
|
1356
|
+
@keyframes ping {
|
|
1357
|
+
|
|
1358
|
+
75%, 100% {
|
|
1359
|
+
transform: scale(2);
|
|
1360
|
+
opacity: 0;
|
|
1361
|
+
}
|
|
1362
|
+
}
|
|
1363
|
+
.animate-ping {
|
|
1364
|
+
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
1365
|
+
}
|
|
1366
|
+
@keyframes pulse {
|
|
1367
|
+
|
|
1368
|
+
50% {
|
|
1369
|
+
opacity: .5;
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1372
|
+
.animate-pulse {
|
|
1373
|
+
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
1374
|
+
}
|
|
1027
1375
|
@keyframes spin {
|
|
1028
1376
|
|
|
1029
1377
|
to {
|
|
@@ -1047,21 +1395,24 @@ video {
|
|
|
1047
1395
|
-moz-user-select: none;
|
|
1048
1396
|
user-select: none;
|
|
1049
1397
|
}
|
|
1398
|
+
.resize-none {
|
|
1399
|
+
resize: none;
|
|
1400
|
+
}
|
|
1050
1401
|
.grid-cols-2 {
|
|
1051
1402
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1052
1403
|
}
|
|
1053
1404
|
.grid-cols-3 {
|
|
1054
1405
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1055
1406
|
}
|
|
1407
|
+
.grid-cols-7 {
|
|
1408
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
1409
|
+
}
|
|
1056
1410
|
.flex-col {
|
|
1057
1411
|
flex-direction: column;
|
|
1058
1412
|
}
|
|
1059
1413
|
.flex-col-reverse {
|
|
1060
1414
|
flex-direction: column-reverse;
|
|
1061
1415
|
}
|
|
1062
|
-
.items-start {
|
|
1063
|
-
align-items: flex-start;
|
|
1064
|
-
}
|
|
1065
1416
|
.items-center {
|
|
1066
1417
|
align-items: center;
|
|
1067
1418
|
}
|
|
@@ -1089,11 +1440,31 @@ video {
|
|
|
1089
1440
|
.gap-6 {
|
|
1090
1441
|
gap: 1.5rem;
|
|
1091
1442
|
}
|
|
1443
|
+
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
1444
|
+
--tw-space-x-reverse: 0;
|
|
1445
|
+
margin-right: calc(0.375rem * var(--tw-space-x-reverse));
|
|
1446
|
+
margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1447
|
+
}
|
|
1092
1448
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1093
1449
|
--tw-space-x-reverse: 0;
|
|
1094
1450
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1095
1451
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1096
1452
|
}
|
|
1453
|
+
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
|
1454
|
+
--tw-space-x-reverse: 0;
|
|
1455
|
+
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
|
|
1456
|
+
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1457
|
+
}
|
|
1458
|
+
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1459
|
+
--tw-space-x-reverse: 0;
|
|
1460
|
+
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
1461
|
+
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1462
|
+
}
|
|
1463
|
+
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
1464
|
+
--tw-space-y-reverse: 0;
|
|
1465
|
+
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
1466
|
+
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
1467
|
+
}
|
|
1097
1468
|
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
1098
1469
|
--tw-space-y-reverse: 0;
|
|
1099
1470
|
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1104,6 +1475,11 @@ video {
|
|
|
1104
1475
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1105
1476
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
1106
1477
|
}
|
|
1478
|
+
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
|
|
1479
|
+
--tw-space-y-reverse: 0;
|
|
1480
|
+
margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1481
|
+
margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
|
|
1482
|
+
}
|
|
1107
1483
|
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
|
1108
1484
|
--tw-space-y-reverse: 0;
|
|
1109
1485
|
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1114,6 +1490,11 @@ video {
|
|
|
1114
1490
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1115
1491
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1116
1492
|
}
|
|
1493
|
+
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
|
|
1494
|
+
--tw-space-y-reverse: 0;
|
|
1495
|
+
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1496
|
+
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
|
|
1497
|
+
}
|
|
1117
1498
|
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
|
1118
1499
|
--tw-space-y-reverse: 0;
|
|
1119
1500
|
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
@@ -1163,12 +1544,21 @@ video {
|
|
|
1163
1544
|
.rounded-sm {
|
|
1164
1545
|
border-radius: calc(var(--radius) - 4px);
|
|
1165
1546
|
}
|
|
1547
|
+
.rounded-xl {
|
|
1548
|
+
border-radius: 0.75rem;
|
|
1549
|
+
}
|
|
1166
1550
|
.border {
|
|
1167
1551
|
border-width: 1px;
|
|
1168
1552
|
}
|
|
1553
|
+
.border-2 {
|
|
1554
|
+
border-width: 2px;
|
|
1555
|
+
}
|
|
1169
1556
|
.border-b {
|
|
1170
1557
|
border-bottom-width: 1px;
|
|
1171
1558
|
}
|
|
1559
|
+
.border-b-2 {
|
|
1560
|
+
border-bottom-width: 2px;
|
|
1561
|
+
}
|
|
1172
1562
|
.border-l {
|
|
1173
1563
|
border-left-width: 1px;
|
|
1174
1564
|
}
|
|
@@ -1182,15 +1572,35 @@ video {
|
|
|
1182
1572
|
--tw-border-opacity: 1;
|
|
1183
1573
|
border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
|
|
1184
1574
|
}
|
|
1575
|
+
.border-blue-500 {
|
|
1576
|
+
--tw-border-opacity: 1;
|
|
1577
|
+
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
1578
|
+
}
|
|
1185
1579
|
.border-border {
|
|
1186
1580
|
border-color: hsl(var(--border));
|
|
1187
1581
|
}
|
|
1582
|
+
.border-border\/20 {
|
|
1583
|
+
border-color: hsl(var(--border) / 0.2);
|
|
1584
|
+
}
|
|
1585
|
+
.border-border\/30 {
|
|
1586
|
+
border-color: hsl(var(--border) / 0.3);
|
|
1587
|
+
}
|
|
1588
|
+
.border-border\/40 {
|
|
1589
|
+
border-color: hsl(var(--border) / 0.4);
|
|
1590
|
+
}
|
|
1591
|
+
.border-border\/50 {
|
|
1592
|
+
border-color: hsl(var(--border) / 0.5);
|
|
1593
|
+
}
|
|
1188
1594
|
.border-destructive {
|
|
1189
1595
|
border-color: hsl(var(--destructive));
|
|
1190
1596
|
}
|
|
1191
1597
|
.border-destructive\/50 {
|
|
1192
1598
|
border-color: hsl(var(--destructive) / 0.5);
|
|
1193
1599
|
}
|
|
1600
|
+
.border-gray-100 {
|
|
1601
|
+
--tw-border-opacity: 1;
|
|
1602
|
+
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
|
|
1603
|
+
}
|
|
1194
1604
|
.border-gray-200 {
|
|
1195
1605
|
--tw-border-opacity: 1;
|
|
1196
1606
|
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
|
|
@@ -1209,20 +1619,48 @@ video {
|
|
|
1209
1619
|
--tw-border-opacity: 1;
|
|
1210
1620
|
border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
|
|
1211
1621
|
}
|
|
1622
|
+
.border-red-200\/60 {
|
|
1623
|
+
border-color: rgb(254 202 202 / 0.6);
|
|
1624
|
+
}
|
|
1212
1625
|
.border-red-300 {
|
|
1213
1626
|
--tw-border-opacity: 1;
|
|
1214
1627
|
border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
|
|
1215
1628
|
}
|
|
1629
|
+
.border-red-300\/60 {
|
|
1630
|
+
border-color: rgb(252 165 165 / 0.6);
|
|
1631
|
+
}
|
|
1216
1632
|
.border-red-500 {
|
|
1217
1633
|
--tw-border-opacity: 1;
|
|
1218
1634
|
border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
|
|
1219
1635
|
}
|
|
1636
|
+
.border-slate-200\/40 {
|
|
1637
|
+
border-color: rgb(226 232 240 / 0.4);
|
|
1638
|
+
}
|
|
1639
|
+
.border-slate-200\/60 {
|
|
1640
|
+
border-color: rgb(226 232 240 / 0.6);
|
|
1641
|
+
}
|
|
1642
|
+
.border-slate-300 {
|
|
1643
|
+
--tw-border-opacity: 1;
|
|
1644
|
+
border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
|
|
1645
|
+
}
|
|
1646
|
+
.border-slate-300\/60 {
|
|
1647
|
+
border-color: rgb(203 213 225 / 0.6);
|
|
1648
|
+
}
|
|
1649
|
+
.border-transparent {
|
|
1650
|
+
border-color: transparent;
|
|
1651
|
+
}
|
|
1652
|
+
.border-t-transparent {
|
|
1653
|
+
border-top-color: transparent;
|
|
1654
|
+
}
|
|
1220
1655
|
.bg-accent {
|
|
1221
1656
|
background-color: hsl(var(--accent));
|
|
1222
1657
|
}
|
|
1223
1658
|
.bg-background {
|
|
1224
1659
|
background-color: hsl(var(--background));
|
|
1225
1660
|
}
|
|
1661
|
+
.bg-background\/80 {
|
|
1662
|
+
background-color: hsl(var(--background) / 0.8);
|
|
1663
|
+
}
|
|
1226
1664
|
.bg-black\/80 {
|
|
1227
1665
|
background-color: rgb(0 0 0 / 0.8);
|
|
1228
1666
|
}
|
|
@@ -1239,6 +1677,10 @@ video {
|
|
|
1239
1677
|
.bg-destructive {
|
|
1240
1678
|
background-color: hsl(var(--destructive));
|
|
1241
1679
|
}
|
|
1680
|
+
.bg-emerald-500 {
|
|
1681
|
+
--tw-bg-opacity: 1;
|
|
1682
|
+
background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
|
|
1683
|
+
}
|
|
1242
1684
|
.bg-gray-50 {
|
|
1243
1685
|
--tw-bg-opacity: 1;
|
|
1244
1686
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
@@ -1262,12 +1704,24 @@ video {
|
|
|
1262
1704
|
.bg-muted {
|
|
1263
1705
|
background-color: hsl(var(--muted));
|
|
1264
1706
|
}
|
|
1707
|
+
.bg-muted\/20 {
|
|
1708
|
+
background-color: hsl(var(--muted) / 0.2);
|
|
1709
|
+
}
|
|
1710
|
+
.bg-muted\/30 {
|
|
1711
|
+
background-color: hsl(var(--muted) / 0.3);
|
|
1712
|
+
}
|
|
1713
|
+
.bg-muted\/50 {
|
|
1714
|
+
background-color: hsl(var(--muted) / 0.5);
|
|
1715
|
+
}
|
|
1265
1716
|
.bg-popover {
|
|
1266
1717
|
background-color: hsl(var(--popover));
|
|
1267
1718
|
}
|
|
1268
1719
|
.bg-primary {
|
|
1269
1720
|
background-color: hsl(var(--primary));
|
|
1270
1721
|
}
|
|
1722
|
+
.bg-primary\/10 {
|
|
1723
|
+
background-color: hsl(var(--primary) / 0.1);
|
|
1724
|
+
}
|
|
1271
1725
|
.bg-red-50 {
|
|
1272
1726
|
--tw-bg-opacity: 1;
|
|
1273
1727
|
background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
|
|
@@ -1276,21 +1730,228 @@ video {
|
|
|
1276
1730
|
--tw-bg-opacity: 1;
|
|
1277
1731
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
1278
1732
|
}
|
|
1733
|
+
.bg-red-500\/80 {
|
|
1734
|
+
background-color: rgb(239 68 68 / 0.8);
|
|
1735
|
+
}
|
|
1279
1736
|
.bg-secondary {
|
|
1280
1737
|
background-color: hsl(var(--secondary));
|
|
1281
1738
|
}
|
|
1739
|
+
.bg-slate-400 {
|
|
1740
|
+
--tw-bg-opacity: 1;
|
|
1741
|
+
background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
|
|
1742
|
+
}
|
|
1282
1743
|
.bg-transparent {
|
|
1283
1744
|
background-color: transparent;
|
|
1284
1745
|
}
|
|
1746
|
+
.bg-white {
|
|
1747
|
+
--tw-bg-opacity: 1;
|
|
1748
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
1749
|
+
}
|
|
1750
|
+
.bg-white\/40 {
|
|
1751
|
+
background-color: rgb(255 255 255 / 0.4);
|
|
1752
|
+
}
|
|
1753
|
+
.bg-white\/60 {
|
|
1754
|
+
background-color: rgb(255 255 255 / 0.6);
|
|
1755
|
+
}
|
|
1756
|
+
.bg-white\/70 {
|
|
1757
|
+
background-color: rgb(255 255 255 / 0.7);
|
|
1758
|
+
}
|
|
1759
|
+
.bg-white\/80 {
|
|
1760
|
+
background-color: rgb(255 255 255 / 0.8);
|
|
1761
|
+
}
|
|
1762
|
+
.bg-white\/95 {
|
|
1763
|
+
background-color: rgb(255 255 255 / 0.95);
|
|
1764
|
+
}
|
|
1765
|
+
.bg-gradient-to-br {
|
|
1766
|
+
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
|
|
1767
|
+
}
|
|
1768
|
+
.bg-gradient-to-r {
|
|
1769
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
1770
|
+
}
|
|
1771
|
+
.from-background\/50 {
|
|
1772
|
+
--tw-gradient-from: hsl(var(--background) / 0.5) var(--tw-gradient-from-position);
|
|
1773
|
+
--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
|
|
1774
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1775
|
+
}
|
|
1776
|
+
.from-background\/80 {
|
|
1777
|
+
--tw-gradient-from: hsl(var(--background) / 0.8) var(--tw-gradient-from-position);
|
|
1778
|
+
--tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
|
|
1779
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1780
|
+
}
|
|
1781
|
+
.from-blue-500 {
|
|
1782
|
+
--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
|
|
1783
|
+
--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
|
|
1784
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1785
|
+
}
|
|
1786
|
+
.from-blue-600 {
|
|
1787
|
+
--tw-gradient-from: #2563eb var(--tw-gradient-from-position);
|
|
1788
|
+
--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
|
|
1789
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1790
|
+
}
|
|
1791
|
+
.from-card\/95 {
|
|
1792
|
+
--tw-gradient-from: hsl(var(--card) / 0.95) var(--tw-gradient-from-position);
|
|
1793
|
+
--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
|
|
1794
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1795
|
+
}
|
|
1796
|
+
.from-emerald-600 {
|
|
1797
|
+
--tw-gradient-from: #059669 var(--tw-gradient-from-position);
|
|
1798
|
+
--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
|
|
1799
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1800
|
+
}
|
|
1801
|
+
.from-green-400 {
|
|
1802
|
+
--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
|
|
1803
|
+
--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
|
|
1804
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1805
|
+
}
|
|
1806
|
+
.from-muted\/20 {
|
|
1807
|
+
--tw-gradient-from: hsl(var(--muted) / 0.2) var(--tw-gradient-from-position);
|
|
1808
|
+
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
1809
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1810
|
+
}
|
|
1811
|
+
.from-muted\/30 {
|
|
1812
|
+
--tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
|
|
1813
|
+
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
1814
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1815
|
+
}
|
|
1816
|
+
.from-muted\/50 {
|
|
1817
|
+
--tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);
|
|
1818
|
+
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
1819
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1820
|
+
}
|
|
1821
|
+
.from-orange-600 {
|
|
1822
|
+
--tw-gradient-from: #ea580c var(--tw-gradient-from-position);
|
|
1823
|
+
--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
|
|
1824
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1825
|
+
}
|
|
1826
|
+
.from-primary {
|
|
1827
|
+
--tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
|
|
1828
|
+
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
|
|
1829
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1830
|
+
}
|
|
1831
|
+
.from-red-50\/80 {
|
|
1832
|
+
--tw-gradient-from: rgb(254 242 242 / 0.8) var(--tw-gradient-from-position);
|
|
1833
|
+
--tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
|
|
1834
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1835
|
+
}
|
|
1836
|
+
.from-secondary\/50 {
|
|
1837
|
+
--tw-gradient-from: hsl(var(--secondary) / 0.5) var(--tw-gradient-from-position);
|
|
1838
|
+
--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
|
|
1839
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1840
|
+
}
|
|
1841
|
+
.from-secondary\/70 {
|
|
1842
|
+
--tw-gradient-from: hsl(var(--secondary) / 0.7) var(--tw-gradient-from-position);
|
|
1843
|
+
--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
|
|
1844
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1845
|
+
}
|
|
1846
|
+
.from-secondary\/80 {
|
|
1847
|
+
--tw-gradient-from: hsl(var(--secondary) / 0.8) var(--tw-gradient-from-position);
|
|
1848
|
+
--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
|
|
1849
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1850
|
+
}
|
|
1851
|
+
.from-slate-100 {
|
|
1852
|
+
--tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
|
|
1853
|
+
--tw-gradient-to: rgb(241 245 249 / 0) var(--tw-gradient-to-position);
|
|
1854
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1855
|
+
}
|
|
1856
|
+
.from-slate-50 {
|
|
1857
|
+
--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
|
|
1858
|
+
--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
|
|
1859
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1860
|
+
}
|
|
1861
|
+
.from-slate-50\/50 {
|
|
1862
|
+
--tw-gradient-from: rgb(248 250 252 / 0.5) var(--tw-gradient-from-position);
|
|
1863
|
+
--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
|
|
1864
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
1865
|
+
}
|
|
1866
|
+
.via-card {
|
|
1867
|
+
--tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
|
|
1868
|
+
--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
1869
|
+
}
|
|
1870
|
+
.via-muted\/30 {
|
|
1871
|
+
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
1872
|
+
--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
1873
|
+
}
|
|
1874
|
+
.via-secondary\/70 {
|
|
1875
|
+
--tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position);
|
|
1876
|
+
--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--secondary) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
1877
|
+
}
|
|
1878
|
+
.via-white {
|
|
1879
|
+
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
|
1880
|
+
--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
1881
|
+
}
|
|
1882
|
+
.to-background\/30 {
|
|
1883
|
+
--tw-gradient-to: hsl(var(--background) / 0.3) var(--tw-gradient-to-position);
|
|
1884
|
+
}
|
|
1885
|
+
.to-background\/60 {
|
|
1886
|
+
--tw-gradient-to: hsl(var(--background) / 0.6) var(--tw-gradient-to-position);
|
|
1887
|
+
}
|
|
1888
|
+
.to-blue-600 {
|
|
1889
|
+
--tw-gradient-to: #2563eb var(--tw-gradient-to-position);
|
|
1890
|
+
}
|
|
1891
|
+
.to-blue-700 {
|
|
1892
|
+
--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
|
|
1893
|
+
}
|
|
1894
|
+
.to-card\/95 {
|
|
1895
|
+
--tw-gradient-to: hsl(var(--card) / 0.95) var(--tw-gradient-to-position);
|
|
1896
|
+
}
|
|
1897
|
+
.to-emerald-700 {
|
|
1898
|
+
--tw-gradient-to: #047857 var(--tw-gradient-to-position);
|
|
1899
|
+
}
|
|
1900
|
+
.to-gray-100 {
|
|
1901
|
+
--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
|
|
1902
|
+
}
|
|
1903
|
+
.to-green-600 {
|
|
1904
|
+
--tw-gradient-to: #16a34a var(--tw-gradient-to-position);
|
|
1905
|
+
}
|
|
1906
|
+
.to-muted\/20 {
|
|
1907
|
+
--tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
|
|
1908
|
+
}
|
|
1909
|
+
.to-muted\/50 {
|
|
1910
|
+
--tw-gradient-to: hsl(var(--muted) / 0.5) var(--tw-gradient-to-position);
|
|
1911
|
+
}
|
|
1912
|
+
.to-orange-800 {
|
|
1913
|
+
--tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
|
|
1914
|
+
}
|
|
1915
|
+
.to-primary\/90 {
|
|
1916
|
+
--tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position);
|
|
1917
|
+
}
|
|
1918
|
+
.to-rose-50\/80 {
|
|
1919
|
+
--tw-gradient-to: rgb(255 241 242 / 0.8) var(--tw-gradient-to-position);
|
|
1920
|
+
}
|
|
1921
|
+
.to-secondary\/50 {
|
|
1922
|
+
--tw-gradient-to: hsl(var(--secondary) / 0.5) var(--tw-gradient-to-position);
|
|
1923
|
+
}
|
|
1924
|
+
.to-secondary\/60 {
|
|
1925
|
+
--tw-gradient-to: hsl(var(--secondary) / 0.6) var(--tw-gradient-to-position);
|
|
1926
|
+
}
|
|
1927
|
+
.to-slate-100 {
|
|
1928
|
+
--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
|
|
1929
|
+
}
|
|
1930
|
+
.to-slate-100\/50 {
|
|
1931
|
+
--tw-gradient-to: rgb(241 245 249 / 0.5) var(--tw-gradient-to-position);
|
|
1932
|
+
}
|
|
1933
|
+
.to-white\/50 {
|
|
1934
|
+
--tw-gradient-to: rgb(255 255 255 / 0.5) var(--tw-gradient-to-position);
|
|
1935
|
+
}
|
|
1936
|
+
.bg-clip-text {
|
|
1937
|
+
-webkit-background-clip: text;
|
|
1938
|
+
background-clip: text;
|
|
1939
|
+
}
|
|
1285
1940
|
.p-0 {
|
|
1286
1941
|
padding: 0px;
|
|
1287
1942
|
}
|
|
1288
1943
|
.p-1 {
|
|
1289
1944
|
padding: 0.25rem;
|
|
1290
1945
|
}
|
|
1946
|
+
.p-12 {
|
|
1947
|
+
padding: 3rem;
|
|
1948
|
+
}
|
|
1291
1949
|
.p-2 {
|
|
1292
1950
|
padding: 0.5rem;
|
|
1293
1951
|
}
|
|
1952
|
+
.p-2\.5 {
|
|
1953
|
+
padding: 0.625rem;
|
|
1954
|
+
}
|
|
1294
1955
|
.p-3 {
|
|
1295
1956
|
padding: 0.75rem;
|
|
1296
1957
|
}
|
|
@@ -1300,6 +1961,10 @@ video {
|
|
|
1300
1961
|
.p-6 {
|
|
1301
1962
|
padding: 1.5rem;
|
|
1302
1963
|
}
|
|
1964
|
+
.px-1\.5 {
|
|
1965
|
+
padding-left: 0.375rem;
|
|
1966
|
+
padding-right: 0.375rem;
|
|
1967
|
+
}
|
|
1303
1968
|
.px-12 {
|
|
1304
1969
|
padding-left: 3rem;
|
|
1305
1970
|
padding-right: 3rem;
|
|
@@ -1308,6 +1973,10 @@ video {
|
|
|
1308
1973
|
padding-left: 0.5rem;
|
|
1309
1974
|
padding-right: 0.5rem;
|
|
1310
1975
|
}
|
|
1976
|
+
.px-2\.5 {
|
|
1977
|
+
padding-left: 0.625rem;
|
|
1978
|
+
padding-right: 0.625rem;
|
|
1979
|
+
}
|
|
1311
1980
|
.px-3 {
|
|
1312
1981
|
padding-left: 0.75rem;
|
|
1313
1982
|
padding-right: 0.75rem;
|
|
@@ -1316,10 +1985,18 @@ video {
|
|
|
1316
1985
|
padding-left: 1rem;
|
|
1317
1986
|
padding-right: 1rem;
|
|
1318
1987
|
}
|
|
1988
|
+
.px-6 {
|
|
1989
|
+
padding-left: 1.5rem;
|
|
1990
|
+
padding-right: 1.5rem;
|
|
1991
|
+
}
|
|
1319
1992
|
.px-8 {
|
|
1320
1993
|
padding-left: 2rem;
|
|
1321
1994
|
padding-right: 2rem;
|
|
1322
1995
|
}
|
|
1996
|
+
.py-0\.5 {
|
|
1997
|
+
padding-top: 0.125rem;
|
|
1998
|
+
padding-bottom: 0.125rem;
|
|
1999
|
+
}
|
|
1323
2000
|
.py-1 {
|
|
1324
2001
|
padding-top: 0.25rem;
|
|
1325
2002
|
padding-bottom: 0.25rem;
|
|
@@ -1328,6 +2005,10 @@ video {
|
|
|
1328
2005
|
padding-top: 0.375rem;
|
|
1329
2006
|
padding-bottom: 0.375rem;
|
|
1330
2007
|
}
|
|
2008
|
+
.py-12 {
|
|
2009
|
+
padding-top: 3rem;
|
|
2010
|
+
padding-bottom: 3rem;
|
|
2011
|
+
}
|
|
1331
2012
|
.py-2 {
|
|
1332
2013
|
padding-top: 0.5rem;
|
|
1333
2014
|
padding-bottom: 0.5rem;
|
|
@@ -1340,6 +2021,12 @@ video {
|
|
|
1340
2021
|
padding-top: 1.5rem;
|
|
1341
2022
|
padding-bottom: 1.5rem;
|
|
1342
2023
|
}
|
|
2024
|
+
.pb-1\.5 {
|
|
2025
|
+
padding-bottom: 0.375rem;
|
|
2026
|
+
}
|
|
2027
|
+
.pb-2 {
|
|
2028
|
+
padding-bottom: 0.5rem;
|
|
2029
|
+
}
|
|
1343
2030
|
.pb-4 {
|
|
1344
2031
|
padding-bottom: 1rem;
|
|
1345
2032
|
}
|
|
@@ -1352,12 +2039,12 @@ video {
|
|
|
1352
2039
|
.pr-8 {
|
|
1353
2040
|
padding-right: 2rem;
|
|
1354
2041
|
}
|
|
2042
|
+
.pt-2 {
|
|
2043
|
+
padding-top: 0.5rem;
|
|
2044
|
+
}
|
|
1355
2045
|
.pt-4 {
|
|
1356
2046
|
padding-top: 1rem;
|
|
1357
2047
|
}
|
|
1358
|
-
.text-left {
|
|
1359
|
-
text-align: left;
|
|
1360
|
-
}
|
|
1361
2048
|
.text-center {
|
|
1362
2049
|
text-align: center;
|
|
1363
2050
|
}
|
|
@@ -1376,6 +2063,10 @@ video {
|
|
|
1376
2063
|
font-size: 0.875rem;
|
|
1377
2064
|
line-height: 1.25rem;
|
|
1378
2065
|
}
|
|
2066
|
+
.text-xl {
|
|
2067
|
+
font-size: 1.25rem;
|
|
2068
|
+
line-height: 1.75rem;
|
|
2069
|
+
}
|
|
1379
2070
|
.text-xs {
|
|
1380
2071
|
font-size: 0.75rem;
|
|
1381
2072
|
line-height: 1rem;
|
|
@@ -1389,15 +2080,24 @@ video {
|
|
|
1389
2080
|
.font-semibold {
|
|
1390
2081
|
font-weight: 600;
|
|
1391
2082
|
}
|
|
2083
|
+
.uppercase {
|
|
2084
|
+
text-transform: uppercase;
|
|
2085
|
+
}
|
|
1392
2086
|
.italic {
|
|
1393
2087
|
font-style: italic;
|
|
1394
2088
|
}
|
|
1395
2089
|
.leading-none {
|
|
1396
2090
|
line-height: 1;
|
|
1397
2091
|
}
|
|
2092
|
+
.leading-relaxed {
|
|
2093
|
+
line-height: 1.625;
|
|
2094
|
+
}
|
|
1398
2095
|
.tracking-tight {
|
|
1399
2096
|
letter-spacing: -0.025em;
|
|
1400
2097
|
}
|
|
2098
|
+
.tracking-wide {
|
|
2099
|
+
letter-spacing: 0.025em;
|
|
2100
|
+
}
|
|
1401
2101
|
.tracking-widest {
|
|
1402
2102
|
letter-spacing: 0.1em;
|
|
1403
2103
|
}
|
|
@@ -1426,6 +2126,14 @@ video {
|
|
|
1426
2126
|
.text-destructive-foreground {
|
|
1427
2127
|
color: hsl(var(--destructive-foreground));
|
|
1428
2128
|
}
|
|
2129
|
+
.text-emerald-600 {
|
|
2130
|
+
--tw-text-opacity: 1;
|
|
2131
|
+
color: rgb(5 150 105 / var(--tw-text-opacity, 1));
|
|
2132
|
+
}
|
|
2133
|
+
.text-emerald-700 {
|
|
2134
|
+
--tw-text-opacity: 1;
|
|
2135
|
+
color: rgb(4 120 87 / var(--tw-text-opacity, 1));
|
|
2136
|
+
}
|
|
1429
2137
|
.text-foreground {
|
|
1430
2138
|
color: hsl(var(--foreground));
|
|
1431
2139
|
}
|
|
@@ -1471,6 +2179,15 @@ video {
|
|
|
1471
2179
|
.text-muted-foreground {
|
|
1472
2180
|
color: hsl(var(--muted-foreground));
|
|
1473
2181
|
}
|
|
2182
|
+
.text-muted-foreground\/40 {
|
|
2183
|
+
color: hsl(var(--muted-foreground) / 0.4);
|
|
2184
|
+
}
|
|
2185
|
+
.text-muted-foreground\/60 {
|
|
2186
|
+
color: hsl(var(--muted-foreground) / 0.6);
|
|
2187
|
+
}
|
|
2188
|
+
.text-muted-foreground\/80 {
|
|
2189
|
+
color: hsl(var(--muted-foreground) / 0.8);
|
|
2190
|
+
}
|
|
1474
2191
|
.text-popover-foreground {
|
|
1475
2192
|
color: hsl(var(--popover-foreground));
|
|
1476
2193
|
}
|
|
@@ -1496,9 +2213,32 @@ video {
|
|
|
1496
2213
|
--tw-text-opacity: 1;
|
|
1497
2214
|
color: rgb(185 28 28 / var(--tw-text-opacity, 1));
|
|
1498
2215
|
}
|
|
2216
|
+
.text-red-800 {
|
|
2217
|
+
--tw-text-opacity: 1;
|
|
2218
|
+
color: rgb(153 27 27 / var(--tw-text-opacity, 1));
|
|
2219
|
+
}
|
|
1499
2220
|
.text-secondary-foreground {
|
|
1500
2221
|
color: hsl(var(--secondary-foreground));
|
|
1501
2222
|
}
|
|
2223
|
+
.text-slate-500 {
|
|
2224
|
+
--tw-text-opacity: 1;
|
|
2225
|
+
color: rgb(100 116 139 / var(--tw-text-opacity, 1));
|
|
2226
|
+
}
|
|
2227
|
+
.text-slate-600 {
|
|
2228
|
+
--tw-text-opacity: 1;
|
|
2229
|
+
color: rgb(71 85 105 / var(--tw-text-opacity, 1));
|
|
2230
|
+
}
|
|
2231
|
+
.text-slate-700 {
|
|
2232
|
+
--tw-text-opacity: 1;
|
|
2233
|
+
color: rgb(51 65 85 / var(--tw-text-opacity, 1));
|
|
2234
|
+
}
|
|
2235
|
+
.text-slate-800 {
|
|
2236
|
+
--tw-text-opacity: 1;
|
|
2237
|
+
color: rgb(30 41 59 / var(--tw-text-opacity, 1));
|
|
2238
|
+
}
|
|
2239
|
+
.text-transparent {
|
|
2240
|
+
color: transparent;
|
|
2241
|
+
}
|
|
1502
2242
|
.text-white {
|
|
1503
2243
|
--tw-text-opacity: 1;
|
|
1504
2244
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
@@ -1518,6 +2258,9 @@ video {
|
|
|
1518
2258
|
.opacity-70 {
|
|
1519
2259
|
opacity: 0.7;
|
|
1520
2260
|
}
|
|
2261
|
+
.opacity-75 {
|
|
2262
|
+
opacity: 0.75;
|
|
2263
|
+
}
|
|
1521
2264
|
.opacity-90 {
|
|
1522
2265
|
opacity: 0.9;
|
|
1523
2266
|
}
|
|
@@ -1526,6 +2269,11 @@ video {
|
|
|
1526
2269
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
1527
2270
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1528
2271
|
}
|
|
2272
|
+
.shadow-2xl {
|
|
2273
|
+
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
2274
|
+
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
|
|
2275
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2276
|
+
}
|
|
1529
2277
|
.shadow-lg {
|
|
1530
2278
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1531
2279
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
@@ -1541,6 +2289,31 @@ video {
|
|
|
1541
2289
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
1542
2290
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1543
2291
|
}
|
|
2292
|
+
.shadow-xl {
|
|
2293
|
+
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
2294
|
+
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
2295
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2296
|
+
}
|
|
2297
|
+
.shadow-black\/10 {
|
|
2298
|
+
--tw-shadow-color: rgb(0 0 0 / 0.1);
|
|
2299
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
2300
|
+
}
|
|
2301
|
+
.shadow-black\/5 {
|
|
2302
|
+
--tw-shadow-color: rgb(0 0 0 / 0.05);
|
|
2303
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
2304
|
+
}
|
|
2305
|
+
.shadow-emerald-500\/50 {
|
|
2306
|
+
--tw-shadow-color: rgb(16 185 129 / 0.5);
|
|
2307
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
2308
|
+
}
|
|
2309
|
+
.shadow-red-500\/50 {
|
|
2310
|
+
--tw-shadow-color: rgb(239 68 68 / 0.5);
|
|
2311
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
2312
|
+
}
|
|
2313
|
+
.shadow-slate-400\/50 {
|
|
2314
|
+
--tw-shadow-color: rgb(148 163 184 / 0.5);
|
|
2315
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
2316
|
+
}
|
|
1544
2317
|
.outline-none {
|
|
1545
2318
|
outline: 2px solid transparent;
|
|
1546
2319
|
outline-offset: 2px;
|
|
@@ -1554,6 +2327,21 @@ video {
|
|
|
1554
2327
|
.filter {
|
|
1555
2328
|
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);
|
|
1556
2329
|
}
|
|
2330
|
+
.backdrop-blur-md {
|
|
2331
|
+
--tw-backdrop-blur: blur(12px);
|
|
2332
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2333
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2334
|
+
}
|
|
2335
|
+
.backdrop-blur-sm {
|
|
2336
|
+
--tw-backdrop-blur: blur(4px);
|
|
2337
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2338
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2339
|
+
}
|
|
2340
|
+
.backdrop-blur-xl {
|
|
2341
|
+
--tw-backdrop-blur: blur(24px);
|
|
2342
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2343
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
2344
|
+
}
|
|
1557
2345
|
.transition {
|
|
1558
2346
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1559
2347
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
@@ -1582,6 +2370,12 @@ video {
|
|
|
1582
2370
|
.duration-300 {
|
|
1583
2371
|
transition-duration: 300ms;
|
|
1584
2372
|
}
|
|
2373
|
+
.duration-500 {
|
|
2374
|
+
transition-duration: 500ms;
|
|
2375
|
+
}
|
|
2376
|
+
.ease-out {
|
|
2377
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2378
|
+
}
|
|
1585
2379
|
@keyframes enter {
|
|
1586
2380
|
|
|
1587
2381
|
from {
|
|
@@ -1617,6 +2411,12 @@ video {
|
|
|
1617
2411
|
.duration-300 {
|
|
1618
2412
|
animation-duration: 300ms;
|
|
1619
2413
|
}
|
|
2414
|
+
.duration-500 {
|
|
2415
|
+
animation-duration: 500ms;
|
|
2416
|
+
}
|
|
2417
|
+
.ease-out {
|
|
2418
|
+
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2419
|
+
}
|
|
1620
2420
|
.running {
|
|
1621
2421
|
animation-play-state: running;
|
|
1622
2422
|
}
|
|
@@ -1700,11 +2500,57 @@ h1 {
|
|
|
1700
2500
|
border-bottom-width: 0px;
|
|
1701
2501
|
}
|
|
1702
2502
|
|
|
2503
|
+
.hover\:scale-105:hover {
|
|
2504
|
+
--tw-scale-x: 1.05;
|
|
2505
|
+
--tw-scale-y: 1.05;
|
|
2506
|
+
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));
|
|
2507
|
+
}
|
|
2508
|
+
|
|
2509
|
+
.hover\:scale-\[1\.01\]:hover {
|
|
2510
|
+
--tw-scale-x: 1.01;
|
|
2511
|
+
--tw-scale-y: 1.01;
|
|
2512
|
+
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));
|
|
2513
|
+
}
|
|
2514
|
+
|
|
1703
2515
|
.hover\:border-\[\#646cff\]:hover {
|
|
1704
2516
|
--tw-border-opacity: 1;
|
|
1705
2517
|
border-color: rgb(100 108 255 / var(--tw-border-opacity, 1));
|
|
1706
2518
|
}
|
|
1707
2519
|
|
|
2520
|
+
.hover\:border-blue-200:hover {
|
|
2521
|
+
--tw-border-opacity: 1;
|
|
2522
|
+
border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
|
|
2523
|
+
}
|
|
2524
|
+
|
|
2525
|
+
.hover\:border-blue-400\/60:hover {
|
|
2526
|
+
border-color: rgb(96 165 250 / 0.6);
|
|
2527
|
+
}
|
|
2528
|
+
|
|
2529
|
+
.hover\:border-border\/50:hover {
|
|
2530
|
+
border-color: hsl(var(--border) / 0.5);
|
|
2531
|
+
}
|
|
2532
|
+
|
|
2533
|
+
.hover\:border-border\/60:hover {
|
|
2534
|
+
border-color: hsl(var(--border) / 0.6);
|
|
2535
|
+
}
|
|
2536
|
+
|
|
2537
|
+
.hover\:border-emerald-400\/60:hover {
|
|
2538
|
+
border-color: rgb(52 211 153 / 0.6);
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
.hover\:border-red-400\/60:hover {
|
|
2542
|
+
border-color: rgb(248 113 113 / 0.6);
|
|
2543
|
+
}
|
|
2544
|
+
|
|
2545
|
+
.hover\:border-red-500\/60:hover {
|
|
2546
|
+
border-color: rgb(239 68 68 / 0.6);
|
|
2547
|
+
}
|
|
2548
|
+
|
|
2549
|
+
.hover\:border-slate-300:hover {
|
|
2550
|
+
--tw-border-opacity: 1;
|
|
2551
|
+
border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
|
|
2552
|
+
}
|
|
2553
|
+
|
|
1708
2554
|
.hover\:bg-accent:hover {
|
|
1709
2555
|
background-color: hsl(var(--accent));
|
|
1710
2556
|
}
|
|
@@ -1713,13 +2559,16 @@ h1 {
|
|
|
1713
2559
|
background-color: hsl(var(--accent) / 0.5);
|
|
1714
2560
|
}
|
|
1715
2561
|
|
|
2562
|
+
.hover\:bg-blue-50\/80:hover {
|
|
2563
|
+
background-color: rgb(239 246 255 / 0.8);
|
|
2564
|
+
}
|
|
2565
|
+
|
|
1716
2566
|
.hover\:bg-destructive\/90:hover {
|
|
1717
2567
|
background-color: hsl(var(--destructive) / 0.9);
|
|
1718
2568
|
}
|
|
1719
2569
|
|
|
1720
|
-
.hover\:bg-
|
|
1721
|
-
|
|
1722
|
-
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
2570
|
+
.hover\:bg-emerald-50\/80:hover {
|
|
2571
|
+
background-color: rgb(236 253 245 / 0.8);
|
|
1723
2572
|
}
|
|
1724
2573
|
|
|
1725
2574
|
.hover\:bg-gray-800\/10:hover {
|
|
@@ -1734,6 +2583,14 @@ h1 {
|
|
|
1734
2583
|
background-color: hsl(var(--primary) / 0.9);
|
|
1735
2584
|
}
|
|
1736
2585
|
|
|
2586
|
+
.hover\:bg-red-50\/80:hover {
|
|
2587
|
+
background-color: rgb(254 242 242 / 0.8);
|
|
2588
|
+
}
|
|
2589
|
+
|
|
2590
|
+
.hover\:bg-red-600\/90:hover {
|
|
2591
|
+
background-color: rgb(220 38 38 / 0.9);
|
|
2592
|
+
}
|
|
2593
|
+
|
|
1737
2594
|
.hover\:bg-secondary:hover {
|
|
1738
2595
|
background-color: hsl(var(--secondary));
|
|
1739
2596
|
}
|
|
@@ -1742,10 +2599,64 @@ h1 {
|
|
|
1742
2599
|
background-color: hsl(var(--secondary) / 0.8);
|
|
1743
2600
|
}
|
|
1744
2601
|
|
|
2602
|
+
.hover\:bg-gradient-to-r:hover {
|
|
2603
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
.hover\:from-blue-700:hover {
|
|
2607
|
+
--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
|
|
2608
|
+
--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
|
|
2609
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2610
|
+
}
|
|
2611
|
+
|
|
2612
|
+
.hover\:from-emerald-700:hover {
|
|
2613
|
+
--tw-gradient-from: #047857 var(--tw-gradient-from-position);
|
|
2614
|
+
--tw-gradient-to: rgb(4 120 87 / 0) var(--tw-gradient-to-position);
|
|
2615
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2616
|
+
}
|
|
2617
|
+
|
|
2618
|
+
.hover\:from-muted\/30:hover {
|
|
2619
|
+
--tw-gradient-from: hsl(var(--muted) / 0.3) var(--tw-gradient-from-position);
|
|
2620
|
+
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
2621
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2622
|
+
}
|
|
2623
|
+
|
|
2624
|
+
.hover\:from-primary\/90:hover {
|
|
2625
|
+
--tw-gradient-from: hsl(var(--primary) / 0.9) var(--tw-gradient-from-position);
|
|
2626
|
+
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
|
|
2627
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2628
|
+
}
|
|
2629
|
+
|
|
2630
|
+
.hover\:via-muted\/40:hover {
|
|
2631
|
+
--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
|
|
2632
|
+
--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
2633
|
+
}
|
|
2634
|
+
|
|
2635
|
+
.hover\:to-blue-800:hover {
|
|
2636
|
+
--tw-gradient-to: #1e40af var(--tw-gradient-to-position);
|
|
2637
|
+
}
|
|
2638
|
+
|
|
2639
|
+
.hover\:to-emerald-800:hover {
|
|
2640
|
+
--tw-gradient-to: #065f46 var(--tw-gradient-to-position);
|
|
2641
|
+
}
|
|
2642
|
+
|
|
2643
|
+
.hover\:to-muted\/30:hover {
|
|
2644
|
+
--tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position);
|
|
2645
|
+
}
|
|
2646
|
+
|
|
2647
|
+
.hover\:to-primary\/80:hover {
|
|
2648
|
+
--tw-gradient-to: hsl(var(--primary) / 0.8) var(--tw-gradient-to-position);
|
|
2649
|
+
}
|
|
2650
|
+
|
|
1745
2651
|
.hover\:text-accent-foreground:hover {
|
|
1746
2652
|
color: hsl(var(--accent-foreground));
|
|
1747
2653
|
}
|
|
1748
2654
|
|
|
2655
|
+
.hover\:text-blue-600:hover {
|
|
2656
|
+
--tw-text-opacity: 1;
|
|
2657
|
+
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
|
|
2658
|
+
}
|
|
2659
|
+
|
|
1749
2660
|
.hover\:text-blue-700:hover {
|
|
1750
2661
|
--tw-text-opacity: 1;
|
|
1751
2662
|
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
|
|
@@ -1755,6 +2666,11 @@ h1 {
|
|
|
1755
2666
|
color: hsl(var(--foreground));
|
|
1756
2667
|
}
|
|
1757
2668
|
|
|
2669
|
+
.hover\:text-slate-900:hover {
|
|
2670
|
+
--tw-text-opacity: 1;
|
|
2671
|
+
color: rgb(15 23 42 / var(--tw-text-opacity, 1));
|
|
2672
|
+
}
|
|
2673
|
+
|
|
1758
2674
|
.hover\:underline:hover {
|
|
1759
2675
|
text-decoration-line: underline;
|
|
1760
2676
|
}
|
|
@@ -1763,6 +2679,33 @@ h1 {
|
|
|
1763
2679
|
opacity: 1;
|
|
1764
2680
|
}
|
|
1765
2681
|
|
|
2682
|
+
.hover\:shadow-lg:hover {
|
|
2683
|
+
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
2684
|
+
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
2685
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2686
|
+
}
|
|
2687
|
+
|
|
2688
|
+
.hover\:shadow-md:hover {
|
|
2689
|
+
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
2690
|
+
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
2691
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2692
|
+
}
|
|
2693
|
+
|
|
2694
|
+
.hover\:shadow-xl:hover {
|
|
2695
|
+
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
2696
|
+
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
2697
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2698
|
+
}
|
|
2699
|
+
|
|
2700
|
+
.focus\:border-blue-500:focus {
|
|
2701
|
+
--tw-border-opacity: 1;
|
|
2702
|
+
border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
|
|
2703
|
+
}
|
|
2704
|
+
|
|
2705
|
+
.focus\:border-primary\/50:focus {
|
|
2706
|
+
border-color: hsl(var(--primary) / 0.5);
|
|
2707
|
+
}
|
|
2708
|
+
|
|
1766
2709
|
.focus\:bg-accent:focus {
|
|
1767
2710
|
background-color: hsl(var(--accent));
|
|
1768
2711
|
}
|
|
@@ -1775,6 +2718,12 @@ h1 {
|
|
|
1775
2718
|
opacity: 1;
|
|
1776
2719
|
}
|
|
1777
2720
|
|
|
2721
|
+
.focus\:shadow-lg:focus {
|
|
2722
|
+
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
2723
|
+
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
2724
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2725
|
+
}
|
|
2726
|
+
|
|
1778
2727
|
.focus\:outline-none:focus {
|
|
1779
2728
|
outline: 2px solid transparent;
|
|
1780
2729
|
outline-offset: 2px;
|
|
@@ -1792,6 +2741,10 @@ h1 {
|
|
|
1792
2741
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1793
2742
|
}
|
|
1794
2743
|
|
|
2744
|
+
.focus\:ring-primary\/20:focus {
|
|
2745
|
+
--tw-ring-color: hsl(var(--primary) / 0.2);
|
|
2746
|
+
}
|
|
2747
|
+
|
|
1795
2748
|
.focus\:ring-ring:focus {
|
|
1796
2749
|
--tw-ring-color: hsl(var(--ring));
|
|
1797
2750
|
}
|
|
@@ -1825,6 +2778,12 @@ h1 {
|
|
|
1825
2778
|
--tw-ring-offset-width: 2px;
|
|
1826
2779
|
}
|
|
1827
2780
|
|
|
2781
|
+
.active\:scale-\[0\.99\]:active {
|
|
2782
|
+
--tw-scale-x: 0.99;
|
|
2783
|
+
--tw-scale-y: 0.99;
|
|
2784
|
+
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));
|
|
2785
|
+
}
|
|
2786
|
+
|
|
1828
2787
|
.disabled\:pointer-events-none:disabled {
|
|
1829
2788
|
pointer-events: none;
|
|
1830
2789
|
}
|
|
@@ -1837,6 +2796,10 @@ h1 {
|
|
|
1837
2796
|
opacity: 0.5;
|
|
1838
2797
|
}
|
|
1839
2798
|
|
|
2799
|
+
.group:hover .group-hover\:text-foreground {
|
|
2800
|
+
color: hsl(var(--foreground));
|
|
2801
|
+
}
|
|
2802
|
+
|
|
1840
2803
|
.group:hover .group-hover\:text-gray-400 {
|
|
1841
2804
|
--tw-text-opacity: 1;
|
|
1842
2805
|
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
@@ -1946,6 +2909,18 @@ h1 {
|
|
|
1946
2909
|
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));
|
|
1947
2910
|
}
|
|
1948
2911
|
|
|
2912
|
+
.data-\[state\=active\]\:border[data-state="active"] {
|
|
2913
|
+
border-width: 1px;
|
|
2914
|
+
}
|
|
2915
|
+
|
|
2916
|
+
.data-\[state\=active\]\:border-border\/50[data-state="active"] {
|
|
2917
|
+
border-color: hsl(var(--border) / 0.5);
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
.data-\[state\=checked\]\:border-primary[data-state="checked"] {
|
|
2921
|
+
border-color: hsl(var(--primary));
|
|
2922
|
+
}
|
|
2923
|
+
|
|
1949
2924
|
.data-\[selected\=true\]\:bg-accent[data-selected="true"] {
|
|
1950
2925
|
background-color: hsl(var(--accent));
|
|
1951
2926
|
}
|
|
@@ -1992,6 +2967,12 @@ h1 {
|
|
|
1992
2967
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1993
2968
|
}
|
|
1994
2969
|
|
|
2970
|
+
.data-\[state\=active\]\:shadow-sm[data-state="active"] {
|
|
2971
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
2972
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
2973
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2974
|
+
}
|
|
2975
|
+
|
|
1995
2976
|
.data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
|
|
1996
2977
|
transition-property: none;
|
|
1997
2978
|
}
|
|
@@ -2095,19 +3076,147 @@ h1 {
|
|
|
2095
3076
|
border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
|
|
2096
3077
|
}
|
|
2097
3078
|
|
|
3079
|
+
.dark\:border-red-600\/60:is(.dark *) {
|
|
3080
|
+
border-color: rgb(220 38 38 / 0.6);
|
|
3081
|
+
}
|
|
3082
|
+
|
|
3083
|
+
.dark\:border-red-700\/60:is(.dark *) {
|
|
3084
|
+
border-color: rgb(185 28 28 / 0.6);
|
|
3085
|
+
}
|
|
3086
|
+
|
|
3087
|
+
.dark\:border-red-800\/60:is(.dark *) {
|
|
3088
|
+
border-color: rgb(153 27 27 / 0.6);
|
|
3089
|
+
}
|
|
3090
|
+
|
|
3091
|
+
.dark\:border-slate-600:is(.dark *) {
|
|
3092
|
+
--tw-border-opacity: 1;
|
|
3093
|
+
border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
|
|
3094
|
+
}
|
|
3095
|
+
|
|
3096
|
+
.dark\:border-slate-600\/60:is(.dark *) {
|
|
3097
|
+
border-color: rgb(71 85 105 / 0.6);
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3100
|
+
.dark\:border-slate-700\/40:is(.dark *) {
|
|
3101
|
+
border-color: rgb(51 65 85 / 0.4);
|
|
3102
|
+
}
|
|
3103
|
+
|
|
3104
|
+
.dark\:border-slate-700\/60:is(.dark *) {
|
|
3105
|
+
border-color: rgb(51 65 85 / 0.6);
|
|
3106
|
+
}
|
|
3107
|
+
|
|
2098
3108
|
.dark\:bg-gray-800:is(.dark *) {
|
|
2099
3109
|
--tw-bg-opacity: 1;
|
|
2100
3110
|
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
|
|
2101
3111
|
}
|
|
2102
3112
|
|
|
2103
|
-
.dark\:
|
|
3113
|
+
.dark\:bg-gray-900:is(.dark *) {
|
|
3114
|
+
--tw-bg-opacity: 1;
|
|
3115
|
+
background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
|
|
3116
|
+
}
|
|
3117
|
+
|
|
3118
|
+
.dark\:bg-slate-800\/60:is(.dark *) {
|
|
3119
|
+
background-color: rgb(30 41 59 / 0.6);
|
|
3120
|
+
}
|
|
3121
|
+
|
|
3122
|
+
.dark\:bg-slate-800\/70:is(.dark *) {
|
|
3123
|
+
background-color: rgb(30 41 59 / 0.7);
|
|
3124
|
+
}
|
|
3125
|
+
|
|
3126
|
+
.dark\:bg-slate-800\/95:is(.dark *) {
|
|
3127
|
+
background-color: rgb(30 41 59 / 0.95);
|
|
3128
|
+
}
|
|
3129
|
+
|
|
3130
|
+
.dark\:bg-slate-900\/40:is(.dark *) {
|
|
3131
|
+
background-color: rgb(15 23 42 / 0.4);
|
|
3132
|
+
}
|
|
3133
|
+
|
|
3134
|
+
.dark\:bg-slate-900\/60:is(.dark *) {
|
|
3135
|
+
background-color: rgb(15 23 42 / 0.6);
|
|
3136
|
+
}
|
|
3137
|
+
|
|
3138
|
+
.dark\:bg-slate-900\/70:is(.dark *) {
|
|
3139
|
+
background-color: rgb(15 23 42 / 0.7);
|
|
3140
|
+
}
|
|
3141
|
+
|
|
3142
|
+
.dark\:bg-slate-900\/80:is(.dark *) {
|
|
3143
|
+
background-color: rgb(15 23 42 / 0.8);
|
|
3144
|
+
}
|
|
3145
|
+
|
|
3146
|
+
.dark\:from-orange-400:is(.dark *) {
|
|
3147
|
+
--tw-gradient-from: #fb923c var(--tw-gradient-from-position);
|
|
3148
|
+
--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
|
|
3149
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
3150
|
+
}
|
|
3151
|
+
|
|
3152
|
+
.dark\:from-red-950\/60:is(.dark *) {
|
|
3153
|
+
--tw-gradient-from: rgb(69 10 10 / 0.6) var(--tw-gradient-from-position);
|
|
3154
|
+
--tw-gradient-to: rgb(69 10 10 / 0) var(--tw-gradient-to-position);
|
|
3155
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
3156
|
+
}
|
|
3157
|
+
|
|
3158
|
+
.dark\:from-slate-800:is(.dark *) {
|
|
3159
|
+
--tw-gradient-from: #1e293b var(--tw-gradient-from-position);
|
|
3160
|
+
--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
|
|
3161
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
3162
|
+
}
|
|
3163
|
+
|
|
3164
|
+
.dark\:from-slate-900:is(.dark *) {
|
|
3165
|
+
--tw-gradient-from: #0f172a var(--tw-gradient-from-position);
|
|
3166
|
+
--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
|
|
3167
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
3168
|
+
}
|
|
3169
|
+
|
|
3170
|
+
.dark\:from-slate-900\/50:is(.dark *) {
|
|
3171
|
+
--tw-gradient-from: rgb(15 23 42 / 0.5) var(--tw-gradient-from-position);
|
|
3172
|
+
--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
|
|
3173
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
3174
|
+
}
|
|
3175
|
+
|
|
3176
|
+
.dark\:from-slate-950:is(.dark *) {
|
|
3177
|
+
--tw-gradient-from: #020617 var(--tw-gradient-from-position);
|
|
3178
|
+
--tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);
|
|
3179
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
3180
|
+
}
|
|
3181
|
+
|
|
3182
|
+
.dark\:via-slate-900:is(.dark *) {
|
|
3183
|
+
--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
|
|
3184
|
+
--tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
|
|
3185
|
+
}
|
|
3186
|
+
|
|
3187
|
+
.dark\:to-gray-800:is(.dark *) {
|
|
3188
|
+
--tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
|
|
3189
|
+
}
|
|
3190
|
+
|
|
3191
|
+
.dark\:to-orange-600:is(.dark *) {
|
|
3192
|
+
--tw-gradient-to: #ea580c var(--tw-gradient-to-position);
|
|
3193
|
+
}
|
|
3194
|
+
|
|
3195
|
+
.dark\:to-rose-950\/60:is(.dark *) {
|
|
3196
|
+
--tw-gradient-to: rgb(76 5 25 / 0.6) var(--tw-gradient-to-position);
|
|
3197
|
+
}
|
|
3198
|
+
|
|
3199
|
+
.dark\:to-slate-800:is(.dark *) {
|
|
3200
|
+
--tw-gradient-to: #1e293b var(--tw-gradient-to-position);
|
|
3201
|
+
}
|
|
3202
|
+
|
|
3203
|
+
.dark\:to-slate-800\/50:is(.dark *) {
|
|
3204
|
+
--tw-gradient-to: rgb(30 41 59 / 0.5) var(--tw-gradient-to-position);
|
|
3205
|
+
}
|
|
3206
|
+
|
|
3207
|
+
.dark\:text-blue-400:is(.dark *) {
|
|
2104
3208
|
--tw-text-opacity: 1;
|
|
2105
|
-
color: rgb(
|
|
3209
|
+
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
|
|
3210
|
+
}
|
|
3211
|
+
|
|
3212
|
+
.dark\:text-emerald-300:is(.dark *) {
|
|
3213
|
+
--tw-text-opacity: 1;
|
|
3214
|
+
color: rgb(110 231 183 / var(--tw-text-opacity, 1));
|
|
2106
3215
|
}
|
|
2107
3216
|
|
|
2108
|
-
.dark\:text-gray-
|
|
3217
|
+
.dark\:text-gray-100:is(.dark *) {
|
|
2109
3218
|
--tw-text-opacity: 1;
|
|
2110
|
-
color: rgb(
|
|
3219
|
+
color: rgb(243 244 246 / var(--tw-text-opacity, 1));
|
|
2111
3220
|
}
|
|
2112
3221
|
|
|
2113
3222
|
.dark\:text-gray-400:is(.dark *) {
|
|
@@ -2115,16 +3224,89 @@ h1 {
|
|
|
2115
3224
|
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
|
|
2116
3225
|
}
|
|
2117
3226
|
|
|
3227
|
+
.dark\:text-gray-600:is(.dark *) {
|
|
3228
|
+
--tw-text-opacity: 1;
|
|
3229
|
+
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
3230
|
+
}
|
|
3231
|
+
|
|
2118
3232
|
.dark\:text-green-700:is(.dark *) {
|
|
2119
3233
|
--tw-text-opacity: 1;
|
|
2120
3234
|
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
|
|
2121
3235
|
}
|
|
2122
3236
|
|
|
3237
|
+
.dark\:text-red-200:is(.dark *) {
|
|
3238
|
+
--tw-text-opacity: 1;
|
|
3239
|
+
color: rgb(254 202 202 / var(--tw-text-opacity, 1));
|
|
3240
|
+
}
|
|
3241
|
+
|
|
3242
|
+
.dark\:text-red-300:is(.dark *) {
|
|
3243
|
+
--tw-text-opacity: 1;
|
|
3244
|
+
color: rgb(252 165 165 / var(--tw-text-opacity, 1));
|
|
3245
|
+
}
|
|
3246
|
+
|
|
3247
|
+
.dark\:text-red-400:is(.dark *) {
|
|
3248
|
+
--tw-text-opacity: 1;
|
|
3249
|
+
color: rgb(248 113 113 / var(--tw-text-opacity, 1));
|
|
3250
|
+
}
|
|
3251
|
+
|
|
3252
|
+
.dark\:text-slate-200:is(.dark *) {
|
|
3253
|
+
--tw-text-opacity: 1;
|
|
3254
|
+
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
|
|
3255
|
+
}
|
|
3256
|
+
|
|
3257
|
+
.dark\:text-slate-300:is(.dark *) {
|
|
3258
|
+
--tw-text-opacity: 1;
|
|
3259
|
+
color: rgb(203 213 225 / var(--tw-text-opacity, 1));
|
|
3260
|
+
}
|
|
3261
|
+
|
|
3262
|
+
.dark\:text-slate-400:is(.dark *) {
|
|
3263
|
+
--tw-text-opacity: 1;
|
|
3264
|
+
color: rgb(148 163 184 / var(--tw-text-opacity, 1));
|
|
3265
|
+
}
|
|
3266
|
+
|
|
2123
3267
|
.dark\:text-white:is(.dark *) {
|
|
2124
3268
|
--tw-text-opacity: 1;
|
|
2125
3269
|
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
2126
3270
|
}
|
|
2127
3271
|
|
|
3272
|
+
.dark\:hover\:border-blue-500\/60:hover:is(.dark *) {
|
|
3273
|
+
border-color: rgb(59 130 246 / 0.6);
|
|
3274
|
+
}
|
|
3275
|
+
|
|
3276
|
+
.dark\:hover\:border-blue-800:hover:is(.dark *) {
|
|
3277
|
+
--tw-border-opacity: 1;
|
|
3278
|
+
border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
|
|
3279
|
+
}
|
|
3280
|
+
|
|
3281
|
+
.dark\:hover\:border-emerald-500\/60:hover:is(.dark *) {
|
|
3282
|
+
border-color: rgb(16 185 129 / 0.6);
|
|
3283
|
+
}
|
|
3284
|
+
|
|
3285
|
+
.dark\:hover\:border-red-400\/60:hover:is(.dark *) {
|
|
3286
|
+
border-color: rgb(248 113 113 / 0.6);
|
|
3287
|
+
}
|
|
3288
|
+
|
|
3289
|
+
.dark\:hover\:border-red-500\/60:hover:is(.dark *) {
|
|
3290
|
+
border-color: rgb(239 68 68 / 0.6);
|
|
3291
|
+
}
|
|
3292
|
+
|
|
3293
|
+
.dark\:hover\:border-slate-600:hover:is(.dark *) {
|
|
3294
|
+
--tw-border-opacity: 1;
|
|
3295
|
+
border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
|
|
3296
|
+
}
|
|
3297
|
+
|
|
3298
|
+
.dark\:hover\:bg-blue-900\/20:hover:is(.dark *) {
|
|
3299
|
+
background-color: rgb(30 58 138 / 0.2);
|
|
3300
|
+
}
|
|
3301
|
+
|
|
3302
|
+
.dark\:hover\:bg-blue-900\/30:hover:is(.dark *) {
|
|
3303
|
+
background-color: rgb(30 58 138 / 0.3);
|
|
3304
|
+
}
|
|
3305
|
+
|
|
3306
|
+
.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *) {
|
|
3307
|
+
background-color: rgb(6 78 59 / 0.2);
|
|
3308
|
+
}
|
|
3309
|
+
|
|
2128
3310
|
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
|
|
2129
3311
|
--tw-bg-opacity: 1;
|
|
2130
3312
|
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
|
|
@@ -2134,6 +3316,25 @@ h1 {
|
|
|
2134
3316
|
background-color: rgb(31 41 55 / 0.2);
|
|
2135
3317
|
}
|
|
2136
3318
|
|
|
3319
|
+
.dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
|
|
3320
|
+
background-color: rgb(127 29 29 / 0.2);
|
|
3321
|
+
}
|
|
3322
|
+
|
|
3323
|
+
.dark\:hover\:text-blue-400:hover:is(.dark *) {
|
|
3324
|
+
--tw-text-opacity: 1;
|
|
3325
|
+
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
|
|
3326
|
+
}
|
|
3327
|
+
|
|
3328
|
+
.dark\:hover\:text-slate-200:hover:is(.dark *) {
|
|
3329
|
+
--tw-text-opacity: 1;
|
|
3330
|
+
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
|
|
3331
|
+
}
|
|
3332
|
+
|
|
3333
|
+
.dark\:focus\:border-blue-400:focus:is(.dark *) {
|
|
3334
|
+
--tw-border-opacity: 1;
|
|
3335
|
+
border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
|
|
3336
|
+
}
|
|
3337
|
+
|
|
2137
3338
|
.group:hover .dark\:group-hover\:text-gray-100:is(.dark *) {
|
|
2138
3339
|
--tw-text-opacity: 1;
|
|
2139
3340
|
color: rgb(243 244 246 / var(--tw-text-opacity, 1));
|
|
@@ -2153,6 +3354,10 @@ h1 {
|
|
|
2153
3354
|
top: auto;
|
|
2154
3355
|
}
|
|
2155
3356
|
|
|
3357
|
+
.sm\:inline {
|
|
3358
|
+
display: inline;
|
|
3359
|
+
}
|
|
3360
|
+
|
|
2156
3361
|
.sm\:flex-row {
|
|
2157
3362
|
flex-direction: row;
|
|
2158
3363
|
}
|