strivui 1.2.2 → 1.2.4

package/dist/striveui.css

@@ -0,0 +1,2842 @@
+.bg- blue-50 {
+  background-color: #eff6ff;
+}
+
+.text- blue-50 {
+  color: #eff6ff;
+}
+
+.border- blue-50 {
+  border-color: #eff6ff;
+}
+
+.shadow- blue-50 {
+  box-shadow: 0 1px 3px 0 #eff6ff;
+}
+
+.bg- blue-100 {
+  background-color: #dbeafe;
+}
+
+.text- blue-100 {
+  color: #dbeafe;
+}
+
+.border- blue-100 {
+  border-color: #dbeafe;
+}
+
+.shadow- blue-100 {
+  box-shadow: 0 1px 3px 0 #dbeafe;
+}
+
+.bg- blue-200 {
+  background-color: #bfdbfe;
+}
+
+.text- blue-200 {
+  color: #bfdbfe;
+}
+
+.border- blue-200 {
+  border-color: #bfdbfe;
+}
+
+.shadow- blue-200 {
+  box-shadow: 0 1px 3px 0 #bfdbfe;
+}
+
+.bg- blue-300 {
+  background-color: #93c5fd;
+}
+
+.text- blue-300 {
+  color: #93c5fd;
+}
+
+.border- blue-300 {
+  border-color: #93c5fd;
+}
+
+.shadow- blue-300 {
+  box-shadow: 0 1px 3px 0 #93c5fd;
+}
+
+.bg- blue-400 {
+  background-color: #60a5fa;
+}
+
+.text- blue-400 {
+  color: #60a5fa;
+}
+
+.border- blue-400 {
+  border-color: #60a5fa;
+}
+
+.shadow- blue-400 {
+  box-shadow: 0 1px 3px 0 #60a5fa;
+}
+
+.bg- blue-500 {
+  background-color: #3b82f6;
+}
+
+.text- blue-500 {
+  color: #3b82f6;
+}
+
+.border- blue-500 {
+  border-color: #3b82f6;
+}
+
+.shadow- blue-500 {
+  box-shadow: 0 1px 3px 0 #3b82f6;
+}
+
+.bg- blue-600 {
+  background-color: #2563eb;
+}
+
+.text- blue-600 {
+  color: #2563eb;
+}
+
+.border- blue-600 {
+  border-color: #2563eb;
+}
+
+.shadow- blue-600 {
+  box-shadow: 0 1px 3px 0 #2563eb;
+}
+
+.bg- blue-700 {
+  background-color: #1d4ed8;
+}
+
+.text- blue-700 {
+  color: #1d4ed8;
+}
+
+.border- blue-700 {
+  border-color: #1d4ed8;
+}
+
+.shadow- blue-700 {
+  box-shadow: 0 1px 3px 0 #1d4ed8;
+}
+
+.bg- blue-800 {
+  background-color: #1e40af;
+}
+
+.text- blue-800 {
+  color: #1e40af;
+}
+
+.border- blue-800 {
+  border-color: #1e40af;
+}
+
+.shadow- blue-800 {
+  box-shadow: 0 1px 3px 0 #1e40af;
+}
+
+.bg- blue-900 {
+  background-color: #1e3a8a;
+}
+
+.text- blue-900 {
+  color: #1e3a8a;
+}
+
+.border- blue-900 {
+  border-color: #1e3a8a;
+}
+
+.shadow- blue-900 {
+  box-shadow: 0 1px 3px 0 #1e3a8a;
+}
+
+.bg- red-50 {
+  background-color: #fef2f2;
+}
+
+.text- red-50 {
+  color: #fef2f2;
+}
+
+.border- red-50 {
+  border-color: #fef2f2;
+}
+
+.shadow- red-50 {
+  box-shadow: 0 1px 3px 0 #fef2f2;
+}
+
+.bg- red-100 {
+  background-color: #fee2e2;
+}
+
+.text- red-100 {
+  color: #fee2e2;
+}
+
+.border- red-100 {
+  border-color: #fee2e2;
+}
+
+.shadow- red-100 {
+  box-shadow: 0 1px 3px 0 #fee2e2;
+}
+
+.bg- red-200 {
+  background-color: #fecaca;
+}
+
+.text- red-200 {
+  color: #fecaca;
+}
+
+.border- red-200 {
+  border-color: #fecaca;
+}
+
+.shadow- red-200 {
+  box-shadow: 0 1px 3px 0 #fecaca;
+}
+
+.bg- red-300 {
+  background-color: #fca5a5;
+}
+
+.text- red-300 {
+  color: #fca5a5;
+}
+
+.border- red-300 {
+  border-color: #fca5a5;
+}
+
+.shadow- red-300 {
+  box-shadow: 0 1px 3px 0 #fca5a5;
+}
+
+.bg- red-400 {
+  background-color: #f87171;
+}
+
+.text- red-400 {
+  color: #f87171;
+}
+
+.border- red-400 {
+  border-color: #f87171;
+}
+
+.shadow- red-400 {
+  box-shadow: 0 1px 3px 0 #f87171;
+}
+
+.bg- red-500 {
+  background-color: #ef4444;
+}
+
+.text- red-500 {
+  color: #ef4444;
+}
+
+.border- red-500 {
+  border-color: #ef4444;
+}
+
+.shadow- red-500 {
+  box-shadow: 0 1px 3px 0 #ef4444;
+}
+
+.bg- red-600 {
+  background-color: #dc2626;
+}
+
+.text- red-600 {
+  color: #dc2626;
+}
+
+.border- red-600 {
+  border-color: #dc2626;
+}
+
+.shadow- red-600 {
+  box-shadow: 0 1px 3px 0 #dc2626;
+}
+
+.bg- red-700 {
+  background-color: #b91c1c;
+}
+
+.text- red-700 {
+  color: #b91c1c;
+}
+
+.border- red-700 {
+  border-color: #b91c1c;
+}
+
+.shadow- red-700 {
+  box-shadow: 0 1px 3px 0 #b91c1c;
+}
+
+.bg- red-800 {
+  background-color: #991b1b;
+}
+
+.text- red-800 {
+  color: #991b1b;
+}
+
+.border- red-800 {
+  border-color: #991b1b;
+}
+
+.shadow- red-800 {
+  box-shadow: 0 1px 3px 0 #991b1b;
+}
+
+.bg- red-900 {
+  background-color: #7f1d1d;
+}
+
+.text- red-900 {
+  color: #7f1d1d;
+}
+
+.border- red-900 {
+  border-color: #7f1d1d;
+}
+
+.shadow- red-900 {
+  box-shadow: 0 1px 3px 0 #7f1d1d;
+}
+
+.bg- green-50 {
+  background-color: #f0fdf4;
+}
+
+.text- green-50 {
+  color: #f0fdf4;
+}
+
+.border- green-50 {
+  border-color: #f0fdf4;
+}
+
+.shadow- green-50 {
+  box-shadow: 0 1px 3px 0 #f0fdf4;
+}
+
+.bg- green-100 {
+  background-color: #dcfce7;
+}
+
+.text- green-100 {
+  color: #dcfce7;
+}
+
+.border- green-100 {
+  border-color: #dcfce7;
+}
+
+.shadow- green-100 {
+  box-shadow: 0 1px 3px 0 #dcfce7;
+}
+
+.bg- green-200 {
+  background-color: #bbf7d0;
+}
+
+.text- green-200 {
+  color: #bbf7d0;
+}
+
+.border- green-200 {
+  border-color: #bbf7d0;
+}
+
+.shadow- green-200 {
+  box-shadow: 0 1px 3px 0 #bbf7d0;
+}
+
+.bg- green-300 {
+  background-color: #86efac;
+}
+
+.text- green-300 {
+  color: #86efac;
+}
+
+.border- green-300 {
+  border-color: #86efac;
+}
+
+.shadow- green-300 {
+  box-shadow: 0 1px 3px 0 #86efac;
+}
+
+.bg- green-400 {
+  background-color: #4ade80;
+}
+
+.text- green-400 {
+  color: #4ade80;
+}
+
+.border- green-400 {
+  border-color: #4ade80;
+}
+
+.shadow- green-400 {
+  box-shadow: 0 1px 3px 0 #4ade80;
+}
+
+.bg- green-500 {
+  background-color: #22c55e;
+}
+
+.text- green-500 {
+  color: #22c55e;
+}
+
+.border- green-500 {
+  border-color: #22c55e;
+}
+
+.shadow- green-500 {
+  box-shadow: 0 1px 3px 0 #22c55e;
+}
+
+.bg- green-600 {
+  background-color: #16a34a;
+}
+
+.text- green-600 {
+  color: #16a34a;
+}
+
+.border- green-600 {
+  border-color: #16a34a;
+}
+
+.shadow- green-600 {
+  box-shadow: 0 1px 3px 0 #16a34a;
+}
+
+.bg- green-700 {
+  background-color: #15803d;
+}
+
+.text- green-700 {
+  color: #15803d;
+}
+
+.border- green-700 {
+  border-color: #15803d;
+}
+
+.shadow- green-700 {
+  box-shadow: 0 1px 3px 0 #15803d;
+}
+
+.bg- green-800 {
+  background-color: #166534;
+}
+
+.text- green-800 {
+  color: #166534;
+}
+
+.border- green-800 {
+  border-color: #166534;
+}
+
+.shadow- green-800 {
+  box-shadow: 0 1px 3px 0 #166534;
+}
+
+.bg- green-900 {
+  background-color: #14532d;
+}
+
+.text- green-900 {
+  color: #14532d;
+}
+
+.border- green-900 {
+  border-color: #14532d;
+}
+
+.shadow- green-900 {
+  box-shadow: 0 1px 3px 0 #14532d;
+}
+
+.bg- yellow-50 {
+  background-color: #fefce8;
+}
+
+.text- yellow-50 {
+  color: #fefce8;
+}
+
+.border- yellow-50 {
+  border-color: #fefce8;
+}
+
+.shadow- yellow-50 {
+  box-shadow: 0 1px 3px 0 #fefce8;
+}
+
+.bg- yellow-100 {
+  background-color: #fef9c3;
+}
+
+.text- yellow-100 {
+  color: #fef9c3;
+}
+
+.border- yellow-100 {
+  border-color: #fef9c3;
+}
+
+.shadow- yellow-100 {
+  box-shadow: 0 1px 3px 0 #fef9c3;
+}
+
+.bg- yellow-200 {
+  background-color: #fef08a;
+}
+
+.text- yellow-200 {
+  color: #fef08a;
+}
+
+.border- yellow-200 {
+  border-color: #fef08a;
+}
+
+.shadow- yellow-200 {
+  box-shadow: 0 1px 3px 0 #fef08a;
+}
+
+.bg- yellow-300 {
+  background-color: #fde047;
+}
+
+.text- yellow-300 {
+  color: #fde047;
+}
+
+.border- yellow-300 {
+  border-color: #fde047;
+}
+
+.shadow- yellow-300 {
+  box-shadow: 0 1px 3px 0 #fde047;
+}
+
+.bg- yellow-400 {
+  background-color: #facc15;
+}
+
+.text- yellow-400 {
+  color: #facc15;
+}
+
+.border- yellow-400 {
+  border-color: #facc15;
+}
+
+.shadow- yellow-400 {
+  box-shadow: 0 1px 3px 0 #facc15;
+}
+
+.bg- yellow-500 {
+  background-color: #eab308;
+}
+
+.text- yellow-500 {
+  color: #eab308;
+}
+
+.border- yellow-500 {
+  border-color: #eab308;
+}
+
+.shadow- yellow-500 {
+  box-shadow: 0 1px 3px 0 #eab308;
+}
+
+.bg- yellow-600 {
+  background-color: #ca8a04;
+}
+
+.text- yellow-600 {
+  color: #ca8a04;
+}
+
+.border- yellow-600 {
+  border-color: #ca8a04;
+}
+
+.shadow- yellow-600 {
+  box-shadow: 0 1px 3px 0 #ca8a04;
+}
+
+.bg- yellow-700 {
+  background-color: #a16207;
+}
+
+.text- yellow-700 {
+  color: #a16207;
+}
+
+.border- yellow-700 {
+  border-color: #a16207;
+}
+
+.shadow- yellow-700 {
+  box-shadow: 0 1px 3px 0 #a16207;
+}
+
+.bg- yellow-800 {
+  background-color: #854d0e;
+}
+
+.text- yellow-800 {
+  color: #854d0e;
+}
+
+.border- yellow-800 {
+  border-color: #854d0e;
+}
+
+.shadow- yellow-800 {
+  box-shadow: 0 1px 3px 0 #854d0e;
+}
+
+.bg- yellow-900 {
+  background-color: #713f12;
+}
+
+.text- yellow-900 {
+  color: #713f12;
+}
+
+.border- yellow-900 {
+  border-color: #713f12;
+}
+
+.shadow- yellow-900 {
+  box-shadow: 0 1px 3px 0 #713f12;
+}
+
+.bg- orange-50 {
+  background-color: #fff7ed;
+}
+
+.text- orange-50 {
+  color: #fff7ed;
+}
+
+.border- orange-50 {
+  border-color: #fff7ed;
+}
+
+.shadow- orange-50 {
+  box-shadow: 0 1px 3px 0 #fff7ed;
+}
+
+.bg- orange-100 {
+  background-color: #ffedd5;
+}
+
+.text- orange-100 {
+  color: #ffedd5;
+}
+
+.border- orange-100 {
+  border-color: #ffedd5;
+}
+
+.shadow- orange-100 {
+  box-shadow: 0 1px 3px 0 #ffedd5;
+}
+
+.bg- orange-200 {
+  background-color: #fed7aa;
+}
+
+.text- orange-200 {
+  color: #fed7aa;
+}
+
+.border- orange-200 {
+  border-color: #fed7aa;
+}
+
+.shadow- orange-200 {
+  box-shadow: 0 1px 3px 0 #fed7aa;
+}
+
+.bg- orange-300 {
+  background-color: #fdba74;
+}
+
+.text- orange-300 {
+  color: #fdba74;
+}
+
+.border- orange-300 {
+  border-color: #fdba74;
+}
+
+.shadow- orange-300 {
+  box-shadow: 0 1px 3px 0 #fdba74;
+}
+
+.bg- orange-400 {
+  background-color: #fb923c;
+}
+
+.text- orange-400 {
+  color: #fb923c;
+}
+
+.border- orange-400 {
+  border-color: #fb923c;
+}
+
+.shadow- orange-400 {
+  box-shadow: 0 1px 3px 0 #fb923c;
+}
+
+.bg- orange-500 {
+  background-color: #f97316;
+}
+
+.text- orange-500 {
+  color: #f97316;
+}
+
+.border- orange-500 {
+  border-color: #f97316;
+}
+
+.shadow- orange-500 {
+  box-shadow: 0 1px 3px 0 #f97316;
+}
+
+.bg- orange-600 {
+  background-color: #ea580c;
+}
+
+.text- orange-600 {
+  color: #ea580c;
+}
+
+.border- orange-600 {
+  border-color: #ea580c;
+}
+
+.shadow- orange-600 {
+  box-shadow: 0 1px 3px 0 #ea580c;
+}
+
+.bg- orange-700 {
+  background-color: #c2410c;
+}
+
+.text- orange-700 {
+  color: #c2410c;
+}
+
+.border- orange-700 {
+  border-color: #c2410c;
+}
+
+.shadow- orange-700 {
+  box-shadow: 0 1px 3px 0 #c2410c;
+}
+
+.bg- orange-800 {
+  background-color: #9a3412;
+}
+
+.text- orange-800 {
+  color: #9a3412;
+}
+
+.border- orange-800 {
+  border-color: #9a3412;
+}
+
+.shadow- orange-800 {
+  box-shadow: 0 1px 3px 0 #9a3412;
+}
+
+.bg- orange-900 {
+  background-color: #7c2d12;
+}
+
+.text- orange-900 {
+  color: #7c2d12;
+}
+
+.border- orange-900 {
+  border-color: #7c2d12;
+}
+
+.shadow- orange-900 {
+  box-shadow: 0 1px 3px 0 #7c2d12;
+}
+
+.bg- purple-50 {
+  background-color: #faf5ff;
+}
+
+.text- purple-50 {
+  color: #faf5ff;
+}
+
+.border- purple-50 {
+  border-color: #faf5ff;
+}
+
+.shadow- purple-50 {
+  box-shadow: 0 1px 3px 0 #faf5ff;
+}
+
+.bg- purple-100 {
+  background-color: #f3e8ff;
+}
+
+.text- purple-100 {
+  color: #f3e8ff;
+}
+
+.border- purple-100 {
+  border-color: #f3e8ff;
+}
+
+.shadow- purple-100 {
+  box-shadow: 0 1px 3px 0 #f3e8ff;
+}
+
+.bg- purple-200 {
+  background-color: #e9d5ff;
+}
+
+.text- purple-200 {
+  color: #e9d5ff;
+}
+
+.border- purple-200 {
+  border-color: #e9d5ff;
+}
+
+.shadow- purple-200 {
+  box-shadow: 0 1px 3px 0 #e9d5ff;
+}
+
+.bg- purple-300 {
+  background-color: #d8b4fe;
+}
+
+.text- purple-300 {
+  color: #d8b4fe;
+}
+
+.border- purple-300 {
+  border-color: #d8b4fe;
+}
+
+.shadow- purple-300 {
+  box-shadow: 0 1px 3px 0 #d8b4fe;
+}
+
+.bg- purple-400 {
+  background-color: #c084fc;
+}
+
+.text- purple-400 {
+  color: #c084fc;
+}
+
+.border- purple-400 {
+  border-color: #c084fc;
+}
+
+.shadow- purple-400 {
+  box-shadow: 0 1px 3px 0 #c084fc;
+}
+
+.bg- purple-500 {
+  background-color: #a855f7;
+}
+
+.text- purple-500 {
+  color: #a855f7;
+}
+
+.border- purple-500 {
+  border-color: #a855f7;
+}
+
+.shadow- purple-500 {
+  box-shadow: 0 1px 3px 0 #a855f7;
+}
+
+.bg- purple-600 {
+  background-color: #9333ea;
+}
+
+.text- purple-600 {
+  color: #9333ea;
+}
+
+.border- purple-600 {
+  border-color: #9333ea;
+}
+
+.shadow- purple-600 {
+  box-shadow: 0 1px 3px 0 #9333ea;
+}
+
+.bg- purple-700 {
+  background-color: #7e22ce;
+}
+
+.text- purple-700 {
+  color: #7e22ce;
+}
+
+.border- purple-700 {
+  border-color: #7e22ce;
+}
+
+.shadow- purple-700 {
+  box-shadow: 0 1px 3px 0 #7e22ce;
+}
+
+.bg- purple-800 {
+  background-color: #6b21a8;
+}
+
+.text- purple-800 {
+  color: #6b21a8;
+}
+
+.border- purple-800 {
+  border-color: #6b21a8;
+}
+
+.shadow- purple-800 {
+  box-shadow: 0 1px 3px 0 #6b21a8;
+}
+
+.bg- purple-900 {
+  background-color: #581c87;
+}
+
+.text- purple-900 {
+  color: #581c87;
+}
+
+.border- purple-900 {
+  border-color: #581c87;
+}
+
+.shadow- purple-900 {
+  box-shadow: 0 1px 3px 0 #581c87;
+}
+
+.bg- pink-50 {
+  background-color: #fdf2f8;
+}
+
+.text- pink-50 {
+  color: #fdf2f8;
+}
+
+.border- pink-50 {
+  border-color: #fdf2f8;
+}
+
+.shadow- pink-50 {
+  box-shadow: 0 1px 3px 0 #fdf2f8;
+}
+
+.bg- pink-100 {
+  background-color: #fce7f3;
+}
+
+.text- pink-100 {
+  color: #fce7f3;
+}
+
+.border- pink-100 {
+  border-color: #fce7f3;
+}
+
+.shadow- pink-100 {
+  box-shadow: 0 1px 3px 0 #fce7f3;
+}
+
+.bg- pink-200 {
+  background-color: #fbcfe8;
+}
+
+.text- pink-200 {
+  color: #fbcfe8;
+}
+
+.border- pink-200 {
+  border-color: #fbcfe8;
+}
+
+.shadow- pink-200 {
+  box-shadow: 0 1px 3px 0 #fbcfe8;
+}
+
+.bg- pink-300 {
+  background-color: #f9a8d4;
+}
+
+.text- pink-300 {
+  color: #f9a8d4;
+}
+
+.border- pink-300 {
+  border-color: #f9a8d4;
+}
+
+.shadow- pink-300 {
+  box-shadow: 0 1px 3px 0 #f9a8d4;
+}
+
+.bg- pink-400 {
+  background-color: #f472b6;
+}
+
+.text- pink-400 {
+  color: #f472b6;
+}
+
+.border- pink-400 {
+  border-color: #f472b6;
+}
+
+.shadow- pink-400 {
+  box-shadow: 0 1px 3px 0 #f472b6;
+}
+
+.bg- pink-500 {
+  background-color: #ec4899;
+}
+
+.text- pink-500 {
+  color: #ec4899;
+}
+
+.border- pink-500 {
+  border-color: #ec4899;
+}
+
+.shadow- pink-500 {
+  box-shadow: 0 1px 3px 0 #ec4899;
+}
+
+.bg- pink-600 {
+  background-color: #db2777;
+}
+
+.text- pink-600 {
+  color: #db2777;
+}
+
+.border- pink-600 {
+  border-color: #db2777;
+}
+
+.shadow- pink-600 {
+  box-shadow: 0 1px 3px 0 #db2777;
+}
+
+.bg- pink-700 {
+  background-color: #be185d;
+}
+
+.text- pink-700 {
+  color: #be185d;
+}
+
+.border- pink-700 {
+  border-color: #be185d;
+}
+
+.shadow- pink-700 {
+  box-shadow: 0 1px 3px 0 #be185d;
+}
+
+.bg- pink-800 {
+  background-color: #9d174d;
+}
+
+.text- pink-800 {
+  color: #9d174d;
+}
+
+.border- pink-800 {
+  border-color: #9d174d;
+}
+
+.shadow- pink-800 {
+  box-shadow: 0 1px 3px 0 #9d174d;
+}
+
+.bg- pink-900 {
+  background-color: #831843;
+}
+
+.text- pink-900 {
+  color: #831843;
+}
+
+.border- pink-900 {
+  border-color: #831843;
+}
+
+.shadow- pink-900 {
+  box-shadow: 0 1px 3px 0 #831843;
+}
+
+.bg- indigo-50 {
+  background-color: #eef2ff;
+}
+
+.text- indigo-50 {
+  color: #eef2ff;
+}
+
+.border- indigo-50 {
+  border-color: #eef2ff;
+}
+
+.shadow- indigo-50 {
+  box-shadow: 0 1px 3px 0 #eef2ff;
+}
+
+.bg- indigo-100 {
+  background-color: #e0e7ff;
+}
+
+.text- indigo-100 {
+  color: #e0e7ff;
+}
+
+.border- indigo-100 {
+  border-color: #e0e7ff;
+}
+
+.shadow- indigo-100 {
+  box-shadow: 0 1px 3px 0 #e0e7ff;
+}
+
+.bg- indigo-200 {
+  background-color: #c7d2fe;
+}
+
+.text- indigo-200 {
+  color: #c7d2fe;
+}
+
+.border- indigo-200 {
+  border-color: #c7d2fe;
+}
+
+.shadow- indigo-200 {
+  box-shadow: 0 1px 3px 0 #c7d2fe;
+}
+
+.bg- indigo-300 {
+  background-color: #a5b4fc;
+}
+
+.text- indigo-300 {
+  color: #a5b4fc;
+}
+
+.border- indigo-300 {
+  border-color: #a5b4fc;
+}
+
+.shadow- indigo-300 {
+  box-shadow: 0 1px 3px 0 #a5b4fc;
+}
+
+.bg- indigo-400 {
+  background-color: #818cf8;
+}
+
+.text- indigo-400 {
+  color: #818cf8;
+}
+
+.border- indigo-400 {
+  border-color: #818cf8;
+}
+
+.shadow- indigo-400 {
+  box-shadow: 0 1px 3px 0 #818cf8;
+}
+
+.bg- indigo-500 {
+  background-color: #6366f1;
+}
+
+.text- indigo-500 {
+  color: #6366f1;
+}
+
+.border- indigo-500 {
+  border-color: #6366f1;
+}
+
+.shadow- indigo-500 {
+  box-shadow: 0 1px 3px 0 #6366f1;
+}
+
+.bg- indigo-600 {
+  background-color: #4f46e5;
+}
+
+.text- indigo-600 {
+  color: #4f46e5;
+}
+
+.border- indigo-600 {
+  border-color: #4f46e5;
+}
+
+.shadow- indigo-600 {
+  box-shadow: 0 1px 3px 0 #4f46e5;
+}
+
+.bg- indigo-700 {
+  background-color: #4338ca;
+}
+
+.text- indigo-700 {
+  color: #4338ca;
+}
+
+.border- indigo-700 {
+  border-color: #4338ca;
+}
+
+.shadow- indigo-700 {
+  box-shadow: 0 1px 3px 0 #4338ca;
+}
+
+.bg- indigo-800 {
+  background-color: #3730a3;
+}
+
+.text- indigo-800 {
+  color: #3730a3;
+}
+
+.border- indigo-800 {
+  border-color: #3730a3;
+}
+
+.shadow- indigo-800 {
+  box-shadow: 0 1px 3px 0 #3730a3;
+}
+
+.bg- indigo-900 {
+  background-color: #312e81;
+}
+
+.text- indigo-900 {
+  color: #312e81;
+}
+
+.border- indigo-900 {
+  border-color: #312e81;
+}
+
+.shadow- indigo-900 {
+  box-shadow: 0 1px 3px 0 #312e81;
+}
+
+.bg- cyan-50 {
+  background-color: #ecfeff;
+}
+
+.text- cyan-50 {
+  color: #ecfeff;
+}
+
+.border- cyan-50 {
+  border-color: #ecfeff;
+}
+
+.shadow- cyan-50 {
+  box-shadow: 0 1px 3px 0 #ecfeff;
+}
+
+.bg- cyan-100 {
+  background-color: #cffafe;
+}
+
+.text- cyan-100 {
+  color: #cffafe;
+}
+
+.border- cyan-100 {
+  border-color: #cffafe;
+}
+
+.shadow- cyan-100 {
+  box-shadow: 0 1px 3px 0 #cffafe;
+}
+
+.bg- cyan-200 {
+  background-color: #a5f3fc;
+}
+
+.text- cyan-200 {
+  color: #a5f3fc;
+}
+
+.border- cyan-200 {
+  border-color: #a5f3fc;
+}
+
+.shadow- cyan-200 {
+  box-shadow: 0 1px 3px 0 #a5f3fc;
+}
+
+.bg- cyan-300 {
+  background-color: #67e8f9;
+}
+
+.text- cyan-300 {
+  color: #67e8f9;
+}
+
+.border- cyan-300 {
+  border-color: #67e8f9;
+}
+
+.shadow- cyan-300 {
+  box-shadow: 0 1px 3px 0 #67e8f9;
+}
+
+.bg- cyan-400 {
+  background-color: #22d3ee;
+}
+
+.text- cyan-400 {
+  color: #22d3ee;
+}
+
+.border- cyan-400 {
+  border-color: #22d3ee;
+}
+
+.shadow- cyan-400 {
+  box-shadow: 0 1px 3px 0 #22d3ee;
+}
+
+.bg- cyan-500 {
+  background-color: #06b6d4;
+}
+
+.text- cyan-500 {
+  color: #06b6d4;
+}
+
+.border- cyan-500 {
+  border-color: #06b6d4;
+}
+
+.shadow- cyan-500 {
+  box-shadow: 0 1px 3px 0 #06b6d4;
+}
+
+.bg- cyan-600 {
+  background-color: #0891b2;
+}
+
+.text- cyan-600 {
+  color: #0891b2;
+}
+
+.border- cyan-600 {
+  border-color: #0891b2;
+}
+
+.shadow- cyan-600 {
+  box-shadow: 0 1px 3px 0 #0891b2;
+}
+
+.bg- cyan-700 {
+  background-color: #0e7490;
+}
+
+.text- cyan-700 {
+  color: #0e7490;
+}
+
+.border- cyan-700 {
+  border-color: #0e7490;
+}
+
+.shadow- cyan-700 {
+  box-shadow: 0 1px 3px 0 #0e7490;
+}
+
+.bg- cyan-800 {
+  background-color: #155e75;
+}
+
+.text- cyan-800 {
+  color: #155e75;
+}
+
+.border- cyan-800 {
+  border-color: #155e75;
+}
+
+.shadow- cyan-800 {
+  box-shadow: 0 1px 3px 0 #155e75;
+}
+
+.bg- cyan-900 {
+  background-color: #164e63;
+}
+
+.text- cyan-900 {
+  color: #164e63;
+}
+
+.border- cyan-900 {
+  border-color: #164e63;
+}
+
+.shadow- cyan-900 {
+  box-shadow: 0 1px 3px 0 #164e63;
+}
+
+.bg- teal-50 {
+  background-color: #f0fdfa;
+}
+
+.text- teal-50 {
+  color: #f0fdfa;
+}
+
+.border- teal-50 {
+  border-color: #f0fdfa;
+}
+
+.shadow- teal-50 {
+  box-shadow: 0 1px 3px 0 #f0fdfa;
+}
+
+.bg- teal-100 {
+  background-color: #ccfbf1;
+}
+
+.text- teal-100 {
+  color: #ccfbf1;
+}
+
+.border- teal-100 {
+  border-color: #ccfbf1;
+}
+
+.shadow- teal-100 {
+  box-shadow: 0 1px 3px 0 #ccfbf1;
+}
+
+.bg- teal-200 {
+  background-color: #99f6e4;
+}
+
+.text- teal-200 {
+  color: #99f6e4;
+}
+
+.border- teal-200 {
+  border-color: #99f6e4;
+}
+
+.shadow- teal-200 {
+  box-shadow: 0 1px 3px 0 #99f6e4;
+}
+
+.bg- teal-300 {
+  background-color: #5eead4;
+}
+
+.text- teal-300 {
+  color: #5eead4;
+}
+
+.border- teal-300 {
+  border-color: #5eead4;
+}
+
+.shadow- teal-300 {
+  box-shadow: 0 1px 3px 0 #5eead4;
+}
+
+.bg- teal-400 {
+  background-color: #2dd4bf;
+}
+
+.text- teal-400 {
+  color: #2dd4bf;
+}
+
+.border- teal-400 {
+  border-color: #2dd4bf;
+}
+
+.shadow- teal-400 {
+  box-shadow: 0 1px 3px 0 #2dd4bf;
+}
+
+.bg- teal-500 {
+  background-color: #14b8a6;
+}
+
+.text- teal-500 {
+  color: #14b8a6;
+}
+
+.border- teal-500 {
+  border-color: #14b8a6;
+}
+
+.shadow- teal-500 {
+  box-shadow: 0 1px 3px 0 #14b8a6;
+}
+
+.bg- teal-600 {
+  background-color: #0d9488;
+}
+
+.text- teal-600 {
+  color: #0d9488;
+}
+
+.border- teal-600 {
+  border-color: #0d9488;
+}
+
+.shadow- teal-600 {
+  box-shadow: 0 1px 3px 0 #0d9488;
+}
+
+.bg- teal-700 {
+  background-color: #0f766e;
+}
+
+.text- teal-700 {
+  color: #0f766e;
+}
+
+.border- teal-700 {
+  border-color: #0f766e;
+}
+
+.shadow- teal-700 {
+  box-shadow: 0 1px 3px 0 #0f766e;
+}
+
+.bg- teal-800 {
+  background-color: #115e59;
+}
+
+.text- teal-800 {
+  color: #115e59;
+}
+
+.border- teal-800 {
+  border-color: #115e59;
+}
+
+.shadow- teal-800 {
+  box-shadow: 0 1px 3px 0 #115e59;
+}
+
+.bg- teal-900 {
+  background-color: #134e4a;
+}
+
+.text- teal-900 {
+  color: #134e4a;
+}
+
+.border- teal-900 {
+  border-color: #134e4a;
+}
+
+.shadow- teal-900 {
+  box-shadow: 0 1px 3px 0 #134e4a;
+}
+
+.bg- gray-50 {
+  background-color: #f9fafb;
+}
+
+.text- gray-50 {
+  color: #f9fafb;
+}
+
+.border- gray-50 {
+  border-color: #f9fafb;
+}
+
+.shadow- gray-50 {
+  box-shadow: 0 1px 3px 0 #f9fafb;
+}
+
+.bg- gray-100 {
+  background-color: #f3f4f6;
+}
+
+.text- gray-100 {
+  color: #f3f4f6;
+}
+
+.border- gray-100 {
+  border-color: #f3f4f6;
+}
+
+.shadow- gray-100 {
+  box-shadow: 0 1px 3px 0 #f3f4f6;
+}
+
+.bg- gray-200 {
+  background-color: #e5e7eb;
+}
+
+.text- gray-200 {
+  color: #e5e7eb;
+}
+
+.border- gray-200 {
+  border-color: #e5e7eb;
+}
+
+.shadow- gray-200 {
+  box-shadow: 0 1px 3px 0 #e5e7eb;
+}
+
+.bg- gray-300 {
+  background-color: #d1d5db;
+}
+
+.text- gray-300 {
+  color: #d1d5db;
+}
+
+.border- gray-300 {
+  border-color: #d1d5db;
+}
+
+.shadow- gray-300 {
+  box-shadow: 0 1px 3px 0 #d1d5db;
+}
+
+.bg- gray-400 {
+  background-color: #9ca3af;
+}
+
+.text- gray-400 {
+  color: #9ca3af;
+}
+
+.border- gray-400 {
+  border-color: #9ca3af;
+}
+
+.shadow- gray-400 {
+  box-shadow: 0 1px 3px 0 #9ca3af;
+}
+
+.bg- gray-500 {
+  background-color: #6b7280;
+}
+
+.text- gray-500 {
+  color: #6b7280;
+}
+
+.border- gray-500 {
+  border-color: #6b7280;
+}
+
+.shadow- gray-500 {
+  box-shadow: 0 1px 3px 0 #6b7280;
+}
+
+.bg- gray-600 {
+  background-color: #4b5563;
+}
+
+.text- gray-600 {
+  color: #4b5563;
+}
+
+.border- gray-600 {
+  border-color: #4b5563;
+}
+
+.shadow- gray-600 {
+  box-shadow: 0 1px 3px 0 #4b5563;
+}
+
+.bg- gray-700 {
+  background-color: #374151;
+}
+
+.text- gray-700 {
+  color: #374151;
+}
+
+.border- gray-700 {
+  border-color: #374151;
+}
+
+.shadow- gray-700 {
+  box-shadow: 0 1px 3px 0 #374151;
+}
+
+.bg- gray-800 {
+  background-color: #1f2937;
+}
+
+.text- gray-800 {
+  color: #1f2937;
+}
+
+.border- gray-800 {
+  border-color: #1f2937;
+}
+
+.shadow- gray-800 {
+  box-shadow: 0 1px 3px 0 #1f2937;
+}
+
+.bg- gray-900 {
+  background-color: #111827;
+}
+
+.text- gray-900 {
+  color: #111827;
+}
+
+.border- gray-900 {
+  border-color: #111827;
+}
+
+.shadow- gray-900 {
+  box-shadow: 0 1px 3px 0 #111827;
+}
+
+.bg- amber-50 {
+  background-color: #fffbeb;
+}
+
+.text- amber-50 {
+  color: #fffbeb;
+}
+
+.border- amber-50 {
+  border-color: #fffbeb;
+}
+
+.shadow- amber-50 {
+  box-shadow: 0 1px 3px 0 #fffbeb;
+}
+
+.bg- amber-100 {
+  background-color: #fef3c7;
+}
+
+.text- amber-100 {
+  color: #fef3c7;
+}
+
+.border- amber-100 {
+  border-color: #fef3c7;
+}
+
+.shadow- amber-100 {
+  box-shadow: 0 1px 3px 0 #fef3c7;
+}
+
+.bg- amber-200 {
+  background-color: #fde68a;
+}
+
+.text- amber-200 {
+  color: #fde68a;
+}
+
+.border- amber-200 {
+  border-color: #fde68a;
+}
+
+.shadow- amber-200 {
+  box-shadow: 0 1px 3px 0 #fde68a;
+}
+
+.bg- amber-300 {
+  background-color: #fcd34d;
+}
+
+.text- amber-300 {
+  color: #fcd34d;
+}
+
+.border- amber-300 {
+  border-color: #fcd34d;
+}
+
+.shadow- amber-300 {
+  box-shadow: 0 1px 3px 0 #fcd34d;
+}
+
+.bg- amber-400 {
+  background-color: #fbbf24;
+}
+
+.text- amber-400 {
+  color: #fbbf24;
+}
+
+.border- amber-400 {
+  border-color: #fbbf24;
+}
+
+.shadow- amber-400 {
+  box-shadow: 0 1px 3px 0 #fbbf24;
+}
+
+.bg- amber-500 {
+  background-color: #f59e0b;
+}
+
+.text- amber-500 {
+  color: #f59e0b;
+}
+
+.border- amber-500 {
+  border-color: #f59e0b;
+}
+
+.shadow- amber-500 {
+  box-shadow: 0 1px 3px 0 #f59e0b;
+}
+
+.bg- amber-600 {
+  background-color: #d97706;
+}
+
+.text- amber-600 {
+  color: #d97706;
+}
+
+.border- amber-600 {
+  border-color: #d97706;
+}
+
+.shadow- amber-600 {
+  box-shadow: 0 1px 3px 0 #d97706;
+}
+
+.bg- amber-700 {
+  background-color: #b45309;
+}
+
+.text- amber-700 {
+  color: #b45309;
+}
+
+.border- amber-700 {
+  border-color: #b45309;
+}
+
+.shadow- amber-700 {
+  box-shadow: 0 1px 3px 0 #b45309;
+}
+
+.bg- amber-800 {
+  background-color: #92400e;
+}
+
+.text- amber-800 {
+  color: #92400e;
+}
+
+.border- amber-800 {
+  border-color: #92400e;
+}
+
+.shadow- amber-800 {
+  box-shadow: 0 1px 3px 0 #92400e;
+}
+
+.bg- amber-900 {
+  background-color: #78350f;
+}
+
+.text- amber-900 {
+  color: #78350f;
+}
+
+.border- amber-900 {
+  border-color: #78350f;
+}
+
+.shadow- amber-900 {
+  box-shadow: 0 1px 3px 0 #78350f;
+}
+
+.bg- stone-50 {
+  background-color: #fafaf9;
+}
+
+.text- stone-50 {
+  color: #fafaf9;
+}
+
+.border- stone-50 {
+  border-color: #fafaf9;
+}
+
+.shadow- stone-50 {
+  box-shadow: 0 1px 3px 0 #fafaf9;
+}
+
+.bg- stone-100 {
+  background-color: #f5f5f4;
+}
+
+.text- stone-100 {
+  color: #f5f5f4;
+}
+
+.border- stone-100 {
+  border-color: #f5f5f4;
+}
+
+.shadow- stone-100 {
+  box-shadow: 0 1px 3px 0 #f5f5f4;
+}
+
+.bg- stone-200 {
+  background-color: #e7e5e4;
+}
+
+.text- stone-200 {
+  color: #e7e5e4;
+}
+
+.border- stone-200 {
+  border-color: #e7e5e4;
+}
+
+.shadow- stone-200 {
+  box-shadow: 0 1px 3px 0 #e7e5e4;
+}
+
+.bg- stone-300 {
+  background-color: #d6d3d1;
+}
+
+.text- stone-300 {
+  color: #d6d3d1;
+}
+
+.border- stone-300 {
+  border-color: #d6d3d1;
+}
+
+.shadow- stone-300 {
+  box-shadow: 0 1px 3px 0 #d6d3d1;
+}
+
+.bg- stone-400 {
+  background-color: #a8a29e;
+}
+
+.text- stone-400 {
+  color: #a8a29e;
+}
+
+.border- stone-400 {
+  border-color: #a8a29e;
+}
+
+.shadow- stone-400 {
+  box-shadow: 0 1px 3px 0 #a8a29e;
+}
+
+.bg- stone-500 {
+  background-color: #78716c;
+}
+
+.text- stone-500 {
+  color: #78716c;
+}
+
+.border- stone-500 {
+  border-color: #78716c;
+}
+
+.shadow- stone-500 {
+  box-shadow: 0 1px 3px 0 #78716c;
+}
+
+.bg- stone-600 {
+  background-color: #57534e;
+}
+
+.text- stone-600 {
+  color: #57534e;
+}
+
+.border- stone-600 {
+  border-color: #57534e;
+}
+
+.shadow- stone-600 {
+  box-shadow: 0 1px 3px 0 #57534e;
+}
+
+.bg- stone-700 {
+  background-color: #44403c;
+}
+
+.text- stone-700 {
+  color: #44403c;
+}
+
+.border- stone-700 {
+  border-color: #44403c;
+}
+
+.shadow- stone-700 {
+  box-shadow: 0 1px 3px 0 #44403c;
+}
+
+.bg- stone-800 {
+  background-color: #292524;
+}
+
+.text- stone-800 {
+  color: #292524;
+}
+
+.border- stone-800 {
+  border-color: #292524;
+}
+
+.shadow- stone-800 {
+  box-shadow: 0 1px 3px 0 #292524;
+}
+
+.bg- stone-900 {
+  background-color: #1c1917;
+}
+
+.text- stone-900 {
+  color: #1c1917;
+}
+
+.border- stone-900 {
+  border-color: #1c1917;
+}
+
+.shadow- stone-900 {
+  box-shadow: 0 1px 3px 0 #1c1917;
+}
+
+.bg- fuchsia-50 {
+  background-color: #fdf4ff;
+}
+
+.text- fuchsia-50 {
+  color: #fdf4ff;
+}
+
+.border- fuchsia-50 {
+  border-color: #fdf4ff;
+}
+
+.shadow- fuchsia-50 {
+  box-shadow: 0 1px 3px 0 #fdf4ff;
+}
+
+.bg- fuchsia-100 {
+  background-color: #fae8ff;
+}
+
+.text- fuchsia-100 {
+  color: #fae8ff;
+}
+
+.border- fuchsia-100 {
+  border-color: #fae8ff;
+}
+
+.shadow- fuchsia-100 {
+  box-shadow: 0 1px 3px 0 #fae8ff;
+}
+
+.bg- fuchsia-200 {
+  background-color: #f5d0fe;
+}
+
+.text- fuchsia-200 {
+  color: #f5d0fe;
+}
+
+.border- fuchsia-200 {
+  border-color: #f5d0fe;
+}
+
+.shadow- fuchsia-200 {
+  box-shadow: 0 1px 3px 0 #f5d0fe;
+}
+
+.bg- fuchsia-300 {
+  background-color: #f0abfc;
+}
+
+.text- fuchsia-300 {
+  color: #f0abfc;
+}
+
+.border- fuchsia-300 {
+  border-color: #f0abfc;
+}
+
+.shadow- fuchsia-300 {
+  box-shadow: 0 1px 3px 0 #f0abfc;
+}
+
+.bg- fuchsia-400 {
+  background-color: #e879f9;
+}
+
+.text- fuchsia-400 {
+  color: #e879f9;
+}
+
+.border- fuchsia-400 {
+  border-color: #e879f9;
+}
+
+.shadow- fuchsia-400 {
+  box-shadow: 0 1px 3px 0 #e879f9;
+}
+
+.bg- fuchsia-500 {
+  background-color: #d946ef;
+}
+
+.text- fuchsia-500 {
+  color: #d946ef;
+}
+
+.border- fuchsia-500 {
+  border-color: #d946ef;
+}
+
+.shadow- fuchsia-500 {
+  box-shadow: 0 1px 3px 0 #d946ef;
+}
+
+.bg- fuchsia-600 {
+  background-color: #c026d3;
+}
+
+.text- fuchsia-600 {
+  color: #c026d3;
+}
+
+.border- fuchsia-600 {
+  border-color: #c026d3;
+}
+
+.shadow- fuchsia-600 {
+  box-shadow: 0 1px 3px 0 #c026d3;
+}
+
+.bg- fuchsia-700 {
+  background-color: #a21caf;
+}
+
+.text- fuchsia-700 {
+  color: #a21caf;
+}
+
+.border- fuchsia-700 {
+  border-color: #a21caf;
+}
+
+.shadow- fuchsia-700 {
+  box-shadow: 0 1px 3px 0 #a21caf;
+}
+
+.bg- fuchsia-800 {
+  background-color: #86198f;
+}
+
+.text- fuchsia-800 {
+  color: #86198f;
+}
+
+.border- fuchsia-800 {
+  border-color: #86198f;
+}
+
+.shadow- fuchsia-800 {
+  box-shadow: 0 1px 3px 0 #86198f;
+}
+
+.bg- fuchsia-900 {
+  background-color: #701a75;
+}
+
+.text- fuchsia-900 {
+  color: #701a75;
+}
+
+.border- fuchsia-900 {
+  border-color: #701a75;
+}
+
+.shadow- fuchsia-900 {
+  box-shadow: 0 1px 3px 0 #701a75;
+}
+
+.p-1 {
+  padding: 3rem;
+}
+
+.m-1 {
+  margin: 3rem;
+}
+
+.mt-1 {
+  margin-top: 3rem;
+}
+
+.mb-1 {
+  margin-bottom: 3rem;
+}
+
+.ml-1 {
+  margin-left: 3rem;
+}
+
+.mr-1 {
+  margin-right: 3rem;
+}
+
+.mr-1 {
+  margin-right: 3rem;
+}
+
+.p-2 {
+  padding: 6rem;
+}
+
+.m-2 {
+  margin: 6rem;
+}
+
+.mt-2 {
+  margin-top: 6rem;
+}
+
+.mb-2 {
+  margin-bottom: 6rem;
+}
+
+.ml-2 {
+  margin-left: 6rem;
+}
+
+.mr-2 {
+  margin-right: 6rem;
+}
+
+.mr-2 {
+  margin-right: 6rem;
+}
+
+.p-3 {
+  padding: 9rem;
+}
+
+.m-3 {
+  margin: 9rem;
+}
+
+.mt-3 {
+  margin-top: 9rem;
+}
+
+.mb-3 {
+  margin-bottom: 9rem;
+}
+
+.ml-3 {
+  margin-left: 9rem;
+}
+
+.mr-3 {
+  margin-right: 9rem;
+}
+
+.mr-3 {
+  margin-right: 9rem;
+}
+
+.p-4 {
+  padding: 12rem;
+}
+
+.m-4 {
+  margin: 12rem;
+}
+
+.mt-4 {
+  margin-top: 12rem;
+}
+
+.mb-4 {
+  margin-bottom: 12rem;
+}
+
+.ml-4 {
+  margin-left: 12rem;
+}
+
+.mr-4 {
+  margin-right: 12rem;
+}
+
+.mr-4 {
+  margin-right: 12rem;
+}
+
+.p-5 {
+  padding: 15rem;
+}
+
+.m-5 {
+  margin: 15rem;
+}
+
+.mt-5 {
+  margin-top: 15rem;
+}
+
+.mb-5 {
+  margin-bottom: 15rem;
+}
+
+.ml-5 {
+  margin-left: 15rem;
+}
+
+.mr-5 {
+  margin-right: 15rem;
+}
+
+.mr-5 {
+  margin-right: 15rem;
+}
+
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow-base {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-xl {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.shadow-2xl {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.shadow-inner {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.shadow-none {
+  box-shadow: none;
+}
+
+.text-xs {
+  font-size: 9rem;
+}
+
+.text-sm {
+  font-size: 10.5rem;
+}
+
+.text-base {
+  font-size: 12rem;
+}
+
+.text-lg {
+  font-size: 13.5rem;
+}
+
+.text-xl {
+  font-size: 15rem;
+}
+
+.text-2xl {
+  font-size: 18rem;
+}
+
+.text-3xl {
+  font-size: 22.5rem;
+}
+
+.rounded-none {
+  border-radius: 0;
+}
+
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
+.rounded-base {
+  border-radius: 0.25rem;
+}
+
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
+.font-thin {
+  font-weight: 100;
+}
+
+.font-light {
+  font-weight: 300;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
+.font-medium {
+  font-weight: 500;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.font-extrabold {
+  font-weight: 800;
+}
+
+.font-black {
+  font-weight: 900;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.italic {
+  font-style: italic;
+}
+
+.not-italic {
+  font-style: normal;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+.capitalize {
+  text-transform: capitalize;
+}
+
+.normal-case {
+  text-transform: none;
+}
+
+.border-0 {
+  border-width: 0;
+}
+
+.border-1 {
+  border-width: 1px;
+}
+
+.border-2 {
+  border-width: 2px;
+}
+
+.border-4 {
+  border-width: 4px;
+}
+
+.border-8 {
+  border-width: 8px;
+}
+
+.grid {
+  display: grid;
+}
+
+.grid-cols-1 {
+  grid-template-columns: repeat(1, 1fr);
+}
+
+.col-span-1 {
+  grid-column: span 1/span 1;
+}
+
+.row-span-1 {
+  grid-row: span 1/span 1;
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.col-span-2 {
+  grid-column: span 2/span 2;
+}
+
+.row-span-2 {
+  grid-row: span 2/span 2;
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.col-span-3 {
+  grid-column: span 3/span 3;
+}
+
+.row-span-3 {
+  grid-row: span 3/span 3;
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.col-span-4 {
+  grid-column: span 4/span 4;
+}
+
+.row-span-4 {
+  grid-row: span 4/span 4;
+}
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, 1fr);
+}
+
+.col-span-5 {
+  grid-column: span 5/span 5;
+}
+
+.row-span-5 {
+  grid-row: span 5/span 5;
+}
+
+.grid-cols-6 {
+  grid-template-columns: repeat(6, 1fr);
+}
+
+.col-span-6 {
+  grid-column: span 6/span 6;
+}
+
+.row-span-6 {
+  grid-row: span 6/span 6;
+}
+
+.grid-cols-7 {
+  grid-template-columns: repeat(7, 1fr);
+}
+
+.col-span-7 {
+  grid-column: span 7/span 7;
+}
+
+.row-span-7 {
+  grid-row: span 7/span 7;
+}
+
+.grid-cols-8 {
+  grid-template-columns: repeat(8, 1fr);
+}
+
+.col-span-8 {
+  grid-column: span 8/span 8;
+}
+
+.row-span-8 {
+  grid-row: span 8/span 8;
+}
+
+.grid-cols-9 {
+  grid-template-columns: repeat(9, 1fr);
+}
+
+.col-span-9 {
+  grid-column: span 9/span 9;
+}
+
+.row-span-9 {
+  grid-row: span 9/span 9;
+}
+
+.grid-cols-10 {
+  grid-template-columns: repeat(10, 1fr);
+}
+
+.col-span-10 {
+  grid-column: span 10/span 10;
+}
+
+.row-span-10 {
+  grid-row: span 10/span 10;
+}
+
+.grid-cols-11 {
+  grid-template-columns: repeat(11, 1fr);
+}
+
+.col-span-11 {
+  grid-column: span 11/span 11;
+}
+
+.row-span-11 {
+  grid-row: span 11/span 11;
+}
+
+.grid-cols-12 {
+  grid-template-columns: repeat(12, 1fr);
+}
+
+.col-span-12 {
+  grid-column: span 12/span 12;
+}
+
+.row-span-12 {
+  grid-row: span 12/span 12;
+}
+
+/* === Grid Alignment === */
+.place-items-start {
+  place-items: start;
+}
+
+.place-items-center {
+  place-items: center;
+}
+
+.place-items-end {
+  place-items: end;
+}
+
+/* === Flex Display === */
+.flex {
+  display: flex;
+}
+
+.inline-flex {
+  display: inline-flex;
+}
+
+/* === Flex Direction === */
+.flex-row {
+  flex-direction: row;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+/* === Flex Wrap === */
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
+/* === Flex Grow/Shrink === */
+.flex-1 {
+  flex: 1 1 0%;
+}
+
+.flex-grow {
+  flex-grow: 1;
+}
+
+.flex-shrink {
+  flex-shrink: 1;
+}
+
+/* === Flex Basis === */
+.basis-1_2 {
+  flex-basis: 50%;
+}
+
+.basis-1_3 {
+  flex-basis: 33.3333%;
+}
+
+.basis-2_3 {
+  flex-basis: 66.6667%;
+}
+
+.basis-1_4 {
+  flex-basis: 25%;
+}
+
+.basis-3_4 {
+  flex-basis: 75%;
+}
+
+.basis-full {
+  flex-basis: 100%;
+}
+
+/* === Flex Justify === */
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-evenly {
+  justify-content: space-evenly;
+}
+
+/* === Flex Align Items === */
+.items-start {
+  align-items: flex-start;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.items-stretch {
+  align-items: stretch;
+}
+
+/* === Flex Align Self === */
+.self-start {
+  align-self: flex-start;
+}
+
+.self-center {
+  align-self: center;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
+/*# sourceMappingURL=striveui.css.map */