strivui 1.0.2 → 1.0.4

package/dist/striveui.css

@@ -0,0 +1,2130 @@
+.bg- blue-50 {
+  background-color: #eff6ff;
+}
+
+.text- blue-50 {
+  color: #eff6ff;
+}
+
+.border- blue-50 {
+  border-color: #eff6ff;
+}
+
+.bg- blue-100 {
+  background-color: #dbeafe;
+}
+
+.text- blue-100 {
+  color: #dbeafe;
+}
+
+.border- blue-100 {
+  border-color: #dbeafe;
+}
+
+.bg- blue-200 {
+  background-color: #bfdbfe;
+}
+
+.text- blue-200 {
+  color: #bfdbfe;
+}
+
+.border- blue-200 {
+  border-color: #bfdbfe;
+}
+
+.bg- blue-300 {
+  background-color: #93c5fd;
+}
+
+.text- blue-300 {
+  color: #93c5fd;
+}
+
+.border- blue-300 {
+  border-color: #93c5fd;
+}
+
+.bg- blue-400 {
+  background-color: #60a5fa;
+}
+
+.text- blue-400 {
+  color: #60a5fa;
+}
+
+.border- blue-400 {
+  border-color: #60a5fa;
+}
+
+.bg- blue-500 {
+  background-color: #3b82f6;
+}
+
+.text- blue-500 {
+  color: #3b82f6;
+}
+
+.border- blue-500 {
+  border-color: #3b82f6;
+}
+
+.bg- blue-600 {
+  background-color: #2563eb;
+}
+
+.text- blue-600 {
+  color: #2563eb;
+}
+
+.border- blue-600 {
+  border-color: #2563eb;
+}
+
+.bg- blue-700 {
+  background-color: #1d4ed8;
+}
+
+.text- blue-700 {
+  color: #1d4ed8;
+}
+
+.border- blue-700 {
+  border-color: #1d4ed8;
+}
+
+.bg- blue-800 {
+  background-color: #1e40af;
+}
+
+.text- blue-800 {
+  color: #1e40af;
+}
+
+.border- blue-800 {
+  border-color: #1e40af;
+}
+
+.bg- blue-900 {
+  background-color: #1e3a8a;
+}
+
+.text- blue-900 {
+  color: #1e3a8a;
+}
+
+.border- blue-900 {
+  border-color: #1e3a8a;
+}
+
+.bg- red-50 {
+  background-color: #fef2f2;
+}
+
+.text- red-50 {
+  color: #fef2f2;
+}
+
+.border- red-50 {
+  border-color: #fef2f2;
+}
+
+.bg- red-100 {
+  background-color: #fee2e2;
+}
+
+.text- red-100 {
+  color: #fee2e2;
+}
+
+.border- red-100 {
+  border-color: #fee2e2;
+}
+
+.bg- red-200 {
+  background-color: #fecaca;
+}
+
+.text- red-200 {
+  color: #fecaca;
+}
+
+.border- red-200 {
+  border-color: #fecaca;
+}
+
+.bg- red-300 {
+  background-color: #fca5a5;
+}
+
+.text- red-300 {
+  color: #fca5a5;
+}
+
+.border- red-300 {
+  border-color: #fca5a5;
+}
+
+.bg- red-400 {
+  background-color: #f87171;
+}
+
+.text- red-400 {
+  color: #f87171;
+}
+
+.border- red-400 {
+  border-color: #f87171;
+}
+
+.bg- red-500 {
+  background-color: #ef4444;
+}
+
+.text- red-500 {
+  color: #ef4444;
+}
+
+.border- red-500 {
+  border-color: #ef4444;
+}
+
+.bg- red-600 {
+  background-color: #dc2626;
+}
+
+.text- red-600 {
+  color: #dc2626;
+}
+
+.border- red-600 {
+  border-color: #dc2626;
+}
+
+.bg- red-700 {
+  background-color: #b91c1c;
+}
+
+.text- red-700 {
+  color: #b91c1c;
+}
+
+.border- red-700 {
+  border-color: #b91c1c;
+}
+
+.bg- red-800 {
+  background-color: #991b1b;
+}
+
+.text- red-800 {
+  color: #991b1b;
+}
+
+.border- red-800 {
+  border-color: #991b1b;
+}
+
+.bg- red-900 {
+  background-color: #7f1d1d;
+}
+
+.text- red-900 {
+  color: #7f1d1d;
+}
+
+.border- red-900 {
+  border-color: #7f1d1d;
+}
+
+.bg- green-50 {
+  background-color: #f0fdf4;
+}
+
+.text- green-50 {
+  color: #f0fdf4;
+}
+
+.border- green-50 {
+  border-color: #f0fdf4;
+}
+
+.bg- green-100 {
+  background-color: #dcfce7;
+}
+
+.text- green-100 {
+  color: #dcfce7;
+}
+
+.border- green-100 {
+  border-color: #dcfce7;
+}
+
+.bg- green-200 {
+  background-color: #bbf7d0;
+}
+
+.text- green-200 {
+  color: #bbf7d0;
+}
+
+.border- green-200 {
+  border-color: #bbf7d0;
+}
+
+.bg- green-300 {
+  background-color: #86efac;
+}
+
+.text- green-300 {
+  color: #86efac;
+}
+
+.border- green-300 {
+  border-color: #86efac;
+}
+
+.bg- green-400 {
+  background-color: #4ade80;
+}
+
+.text- green-400 {
+  color: #4ade80;
+}
+
+.border- green-400 {
+  border-color: #4ade80;
+}
+
+.bg- green-500 {
+  background-color: #22c55e;
+}
+
+.text- green-500 {
+  color: #22c55e;
+}
+
+.border- green-500 {
+  border-color: #22c55e;
+}
+
+.bg- green-600 {
+  background-color: #16a34a;
+}
+
+.text- green-600 {
+  color: #16a34a;
+}
+
+.border- green-600 {
+  border-color: #16a34a;
+}
+
+.bg- green-700 {
+  background-color: #15803d;
+}
+
+.text- green-700 {
+  color: #15803d;
+}
+
+.border- green-700 {
+  border-color: #15803d;
+}
+
+.bg- green-800 {
+  background-color: #166534;
+}
+
+.text- green-800 {
+  color: #166534;
+}
+
+.border- green-800 {
+  border-color: #166534;
+}
+
+.bg- green-900 {
+  background-color: #14532d;
+}
+
+.text- green-900 {
+  color: #14532d;
+}
+
+.border- green-900 {
+  border-color: #14532d;
+}
+
+.bg- yellow-50 {
+  background-color: #fefce8;
+}
+
+.text- yellow-50 {
+  color: #fefce8;
+}
+
+.border- yellow-50 {
+  border-color: #fefce8;
+}
+
+.bg- yellow-100 {
+  background-color: #fef9c3;
+}
+
+.text- yellow-100 {
+  color: #fef9c3;
+}
+
+.border- yellow-100 {
+  border-color: #fef9c3;
+}
+
+.bg- yellow-200 {
+  background-color: #fef08a;
+}
+
+.text- yellow-200 {
+  color: #fef08a;
+}
+
+.border- yellow-200 {
+  border-color: #fef08a;
+}
+
+.bg- yellow-300 {
+  background-color: #fde047;
+}
+
+.text- yellow-300 {
+  color: #fde047;
+}
+
+.border- yellow-300 {
+  border-color: #fde047;
+}
+
+.bg- yellow-400 {
+  background-color: #facc15;
+}
+
+.text- yellow-400 {
+  color: #facc15;
+}
+
+.border- yellow-400 {
+  border-color: #facc15;
+}
+
+.bg- yellow-500 {
+  background-color: #eab308;
+}
+
+.text- yellow-500 {
+  color: #eab308;
+}
+
+.border- yellow-500 {
+  border-color: #eab308;
+}
+
+.bg- yellow-600 {
+  background-color: #ca8a04;
+}
+
+.text- yellow-600 {
+  color: #ca8a04;
+}
+
+.border- yellow-600 {
+  border-color: #ca8a04;
+}
+
+.bg- yellow-700 {
+  background-color: #a16207;
+}
+
+.text- yellow-700 {
+  color: #a16207;
+}
+
+.border- yellow-700 {
+  border-color: #a16207;
+}
+
+.bg- yellow-800 {
+  background-color: #854d0e;
+}
+
+.text- yellow-800 {
+  color: #854d0e;
+}
+
+.border- yellow-800 {
+  border-color: #854d0e;
+}
+
+.bg- yellow-900 {
+  background-color: #713f12;
+}
+
+.text- yellow-900 {
+  color: #713f12;
+}
+
+.border- yellow-900 {
+  border-color: #713f12;
+}
+
+.bg- orange-50 {
+  background-color: #fff7ed;
+}
+
+.text- orange-50 {
+  color: #fff7ed;
+}
+
+.border- orange-50 {
+  border-color: #fff7ed;
+}
+
+.bg- orange-100 {
+  background-color: #ffedd5;
+}
+
+.text- orange-100 {
+  color: #ffedd5;
+}
+
+.border- orange-100 {
+  border-color: #ffedd5;
+}
+
+.bg- orange-200 {
+  background-color: #fed7aa;
+}
+
+.text- orange-200 {
+  color: #fed7aa;
+}
+
+.border- orange-200 {
+  border-color: #fed7aa;
+}
+
+.bg- orange-300 {
+  background-color: #fdba74;
+}
+
+.text- orange-300 {
+  color: #fdba74;
+}
+
+.border- orange-300 {
+  border-color: #fdba74;
+}
+
+.bg- orange-400 {
+  background-color: #fb923c;
+}
+
+.text- orange-400 {
+  color: #fb923c;
+}
+
+.border- orange-400 {
+  border-color: #fb923c;
+}
+
+.bg- orange-500 {
+  background-color: #f97316;
+}
+
+.text- orange-500 {
+  color: #f97316;
+}
+
+.border- orange-500 {
+  border-color: #f97316;
+}
+
+.bg- orange-600 {
+  background-color: #ea580c;
+}
+
+.text- orange-600 {
+  color: #ea580c;
+}
+
+.border- orange-600 {
+  border-color: #ea580c;
+}
+
+.bg- orange-700 {
+  background-color: #c2410c;
+}
+
+.text- orange-700 {
+  color: #c2410c;
+}
+
+.border- orange-700 {
+  border-color: #c2410c;
+}
+
+.bg- orange-800 {
+  background-color: #9a3412;
+}
+
+.text- orange-800 {
+  color: #9a3412;
+}
+
+.border- orange-800 {
+  border-color: #9a3412;
+}
+
+.bg- orange-900 {
+  background-color: #7c2d12;
+}
+
+.text- orange-900 {
+  color: #7c2d12;
+}
+
+.border- orange-900 {
+  border-color: #7c2d12;
+}
+
+.bg- purple-50 {
+  background-color: #faf5ff;
+}
+
+.text- purple-50 {
+  color: #faf5ff;
+}
+
+.border- purple-50 {
+  border-color: #faf5ff;
+}
+
+.bg- purple-100 {
+  background-color: #f3e8ff;
+}
+
+.text- purple-100 {
+  color: #f3e8ff;
+}
+
+.border- purple-100 {
+  border-color: #f3e8ff;
+}
+
+.bg- purple-200 {
+  background-color: #e9d5ff;
+}
+
+.text- purple-200 {
+  color: #e9d5ff;
+}
+
+.border- purple-200 {
+  border-color: #e9d5ff;
+}
+
+.bg- purple-300 {
+  background-color: #d8b4fe;
+}
+
+.text- purple-300 {
+  color: #d8b4fe;
+}
+
+.border- purple-300 {
+  border-color: #d8b4fe;
+}
+
+.bg- purple-400 {
+  background-color: #c084fc;
+}
+
+.text- purple-400 {
+  color: #c084fc;
+}
+
+.border- purple-400 {
+  border-color: #c084fc;
+}
+
+.bg- purple-500 {
+  background-color: #a855f7;
+}
+
+.text- purple-500 {
+  color: #a855f7;
+}
+
+.border- purple-500 {
+  border-color: #a855f7;
+}
+
+.bg- purple-600 {
+  background-color: #9333ea;
+}
+
+.text- purple-600 {
+  color: #9333ea;
+}
+
+.border- purple-600 {
+  border-color: #9333ea;
+}
+
+.bg- purple-700 {
+  background-color: #7e22ce;
+}
+
+.text- purple-700 {
+  color: #7e22ce;
+}
+
+.border- purple-700 {
+  border-color: #7e22ce;
+}
+
+.bg- purple-800 {
+  background-color: #6b21a8;
+}
+
+.text- purple-800 {
+  color: #6b21a8;
+}
+
+.border- purple-800 {
+  border-color: #6b21a8;
+}
+
+.bg- purple-900 {
+  background-color: #581c87;
+}
+
+.text- purple-900 {
+  color: #581c87;
+}
+
+.border- purple-900 {
+  border-color: #581c87;
+}
+
+.bg- pink-50 {
+  background-color: #fdf2f8;
+}
+
+.text- pink-50 {
+  color: #fdf2f8;
+}
+
+.border- pink-50 {
+  border-color: #fdf2f8;
+}
+
+.bg- pink-100 {
+  background-color: #fce7f3;
+}
+
+.text- pink-100 {
+  color: #fce7f3;
+}
+
+.border- pink-100 {
+  border-color: #fce7f3;
+}
+
+.bg- pink-200 {
+  background-color: #fbcfe8;
+}
+
+.text- pink-200 {
+  color: #fbcfe8;
+}
+
+.border- pink-200 {
+  border-color: #fbcfe8;
+}
+
+.bg- pink-300 {
+  background-color: #f9a8d4;
+}
+
+.text- pink-300 {
+  color: #f9a8d4;
+}
+
+.border- pink-300 {
+  border-color: #f9a8d4;
+}
+
+.bg- pink-400 {
+  background-color: #f472b6;
+}
+
+.text- pink-400 {
+  color: #f472b6;
+}
+
+.border- pink-400 {
+  border-color: #f472b6;
+}
+
+.bg- pink-500 {
+  background-color: #ec4899;
+}
+
+.text- pink-500 {
+  color: #ec4899;
+}
+
+.border- pink-500 {
+  border-color: #ec4899;
+}
+
+.bg- pink-600 {
+  background-color: #db2777;
+}
+
+.text- pink-600 {
+  color: #db2777;
+}
+
+.border- pink-600 {
+  border-color: #db2777;
+}
+
+.bg- pink-700 {
+  background-color: #be185d;
+}
+
+.text- pink-700 {
+  color: #be185d;
+}
+
+.border- pink-700 {
+  border-color: #be185d;
+}
+
+.bg- pink-800 {
+  background-color: #9d174d;
+}
+
+.text- pink-800 {
+  color: #9d174d;
+}
+
+.border- pink-800 {
+  border-color: #9d174d;
+}
+
+.bg- pink-900 {
+  background-color: #831843;
+}
+
+.text- pink-900 {
+  color: #831843;
+}
+
+.border- pink-900 {
+  border-color: #831843;
+}
+
+.bg- indigo-50 {
+  background-color: #eef2ff;
+}
+
+.text- indigo-50 {
+  color: #eef2ff;
+}
+
+.border- indigo-50 {
+  border-color: #eef2ff;
+}
+
+.bg- indigo-100 {
+  background-color: #e0e7ff;
+}
+
+.text- indigo-100 {
+  color: #e0e7ff;
+}
+
+.border- indigo-100 {
+  border-color: #e0e7ff;
+}
+
+.bg- indigo-200 {
+  background-color: #c7d2fe;
+}
+
+.text- indigo-200 {
+  color: #c7d2fe;
+}
+
+.border- indigo-200 {
+  border-color: #c7d2fe;
+}
+
+.bg- indigo-300 {
+  background-color: #a5b4fc;
+}
+
+.text- indigo-300 {
+  color: #a5b4fc;
+}
+
+.border- indigo-300 {
+  border-color: #a5b4fc;
+}
+
+.bg- indigo-400 {
+  background-color: #818cf8;
+}
+
+.text- indigo-400 {
+  color: #818cf8;
+}
+
+.border- indigo-400 {
+  border-color: #818cf8;
+}
+
+.bg- indigo-500 {
+  background-color: #6366f1;
+}
+
+.text- indigo-500 {
+  color: #6366f1;
+}
+
+.border- indigo-500 {
+  border-color: #6366f1;
+}
+
+.bg- indigo-600 {
+  background-color: #4f46e5;
+}
+
+.text- indigo-600 {
+  color: #4f46e5;
+}
+
+.border- indigo-600 {
+  border-color: #4f46e5;
+}
+
+.bg- indigo-700 {
+  background-color: #4338ca;
+}
+
+.text- indigo-700 {
+  color: #4338ca;
+}
+
+.border- indigo-700 {
+  border-color: #4338ca;
+}
+
+.bg- indigo-800 {
+  background-color: #3730a3;
+}
+
+.text- indigo-800 {
+  color: #3730a3;
+}
+
+.border- indigo-800 {
+  border-color: #3730a3;
+}
+
+.bg- indigo-900 {
+  background-color: #312e81;
+}
+
+.text- indigo-900 {
+  color: #312e81;
+}
+
+.border- indigo-900 {
+  border-color: #312e81;
+}
+
+.bg- cyan-50 {
+  background-color: #ecfeff;
+}
+
+.text- cyan-50 {
+  color: #ecfeff;
+}
+
+.border- cyan-50 {
+  border-color: #ecfeff;
+}
+
+.bg- cyan-100 {
+  background-color: #cffafe;
+}
+
+.text- cyan-100 {
+  color: #cffafe;
+}
+
+.border- cyan-100 {
+  border-color: #cffafe;
+}
+
+.bg- cyan-200 {
+  background-color: #a5f3fc;
+}
+
+.text- cyan-200 {
+  color: #a5f3fc;
+}
+
+.border- cyan-200 {
+  border-color: #a5f3fc;
+}
+
+.bg- cyan-300 {
+  background-color: #67e8f9;
+}
+
+.text- cyan-300 {
+  color: #67e8f9;
+}
+
+.border- cyan-300 {
+  border-color: #67e8f9;
+}
+
+.bg- cyan-400 {
+  background-color: #22d3ee;
+}
+
+.text- cyan-400 {
+  color: #22d3ee;
+}
+
+.border- cyan-400 {
+  border-color: #22d3ee;
+}
+
+.bg- cyan-500 {
+  background-color: #06b6d4;
+}
+
+.text- cyan-500 {
+  color: #06b6d4;
+}
+
+.border- cyan-500 {
+  border-color: #06b6d4;
+}
+
+.bg- cyan-600 {
+  background-color: #0891b2;
+}
+
+.text- cyan-600 {
+  color: #0891b2;
+}
+
+.border- cyan-600 {
+  border-color: #0891b2;
+}
+
+.bg- cyan-700 {
+  background-color: #0e7490;
+}
+
+.text- cyan-700 {
+  color: #0e7490;
+}
+
+.border- cyan-700 {
+  border-color: #0e7490;
+}
+
+.bg- cyan-800 {
+  background-color: #155e75;
+}
+
+.text- cyan-800 {
+  color: #155e75;
+}
+
+.border- cyan-800 {
+  border-color: #155e75;
+}
+
+.bg- cyan-900 {
+  background-color: #164e63;
+}
+
+.text- cyan-900 {
+  color: #164e63;
+}
+
+.border- cyan-900 {
+  border-color: #164e63;
+}
+
+.bg- teal-50 {
+  background-color: #f0fdfa;
+}
+
+.text- teal-50 {
+  color: #f0fdfa;
+}
+
+.border- teal-50 {
+  border-color: #f0fdfa;
+}
+
+.bg- teal-100 {
+  background-color: #ccfbf1;
+}
+
+.text- teal-100 {
+  color: #ccfbf1;
+}
+
+.border- teal-100 {
+  border-color: #ccfbf1;
+}
+
+.bg- teal-200 {
+  background-color: #99f6e4;
+}
+
+.text- teal-200 {
+  color: #99f6e4;
+}
+
+.border- teal-200 {
+  border-color: #99f6e4;
+}
+
+.bg- teal-300 {
+  background-color: #5eead4;
+}
+
+.text- teal-300 {
+  color: #5eead4;
+}
+
+.border- teal-300 {
+  border-color: #5eead4;
+}
+
+.bg- teal-400 {
+  background-color: #2dd4bf;
+}
+
+.text- teal-400 {
+  color: #2dd4bf;
+}
+
+.border- teal-400 {
+  border-color: #2dd4bf;
+}
+
+.bg- teal-500 {
+  background-color: #14b8a6;
+}
+
+.text- teal-500 {
+  color: #14b8a6;
+}
+
+.border- teal-500 {
+  border-color: #14b8a6;
+}
+
+.bg- teal-600 {
+  background-color: #0d9488;
+}
+
+.text- teal-600 {
+  color: #0d9488;
+}
+
+.border- teal-600 {
+  border-color: #0d9488;
+}
+
+.bg- teal-700 {
+  background-color: #0f766e;
+}
+
+.text- teal-700 {
+  color: #0f766e;
+}
+
+.border- teal-700 {
+  border-color: #0f766e;
+}
+
+.bg- teal-800 {
+  background-color: #115e59;
+}
+
+.text- teal-800 {
+  color: #115e59;
+}
+
+.border- teal-800 {
+  border-color: #115e59;
+}
+
+.bg- teal-900 {
+  background-color: #134e4a;
+}
+
+.text- teal-900 {
+  color: #134e4a;
+}
+
+.border- teal-900 {
+  border-color: #134e4a;
+}
+
+.bg- gray-50 {
+  background-color: #f9fafb;
+}
+
+.text- gray-50 {
+  color: #f9fafb;
+}
+
+.border- gray-50 {
+  border-color: #f9fafb;
+}
+
+.bg- gray-100 {
+  background-color: #f3f4f6;
+}
+
+.text- gray-100 {
+  color: #f3f4f6;
+}
+
+.border- gray-100 {
+  border-color: #f3f4f6;
+}
+
+.bg- gray-200 {
+  background-color: #e5e7eb;
+}
+
+.text- gray-200 {
+  color: #e5e7eb;
+}
+
+.border- gray-200 {
+  border-color: #e5e7eb;
+}
+
+.bg- gray-300 {
+  background-color: #d1d5db;
+}
+
+.text- gray-300 {
+  color: #d1d5db;
+}
+
+.border- gray-300 {
+  border-color: #d1d5db;
+}
+
+.bg- gray-400 {
+  background-color: #9ca3af;
+}
+
+.text- gray-400 {
+  color: #9ca3af;
+}
+
+.border- gray-400 {
+  border-color: #9ca3af;
+}
+
+.bg- gray-500 {
+  background-color: #6b7280;
+}
+
+.text- gray-500 {
+  color: #6b7280;
+}
+
+.border- gray-500 {
+  border-color: #6b7280;
+}
+
+.bg- gray-600 {
+  background-color: #4b5563;
+}
+
+.text- gray-600 {
+  color: #4b5563;
+}
+
+.border- gray-600 {
+  border-color: #4b5563;
+}
+
+.bg- gray-700 {
+  background-color: #374151;
+}
+
+.text- gray-700 {
+  color: #374151;
+}
+
+.border- gray-700 {
+  border-color: #374151;
+}
+
+.bg- gray-800 {
+  background-color: #1f2937;
+}
+
+.text- gray-800 {
+  color: #1f2937;
+}
+
+.border- gray-800 {
+  border-color: #1f2937;
+}
+
+.bg- gray-900 {
+  background-color: #111827;
+}
+
+.text- gray-900 {
+  color: #111827;
+}
+
+.border- gray-900 {
+  border-color: #111827;
+}
+
+.bg- amber-50 {
+  background-color: #fffbeb;
+}
+
+.text- amber-50 {
+  color: #fffbeb;
+}
+
+.border- amber-50 {
+  border-color: #fffbeb;
+}
+
+.bg- amber-100 {
+  background-color: #fef3c7;
+}
+
+.text- amber-100 {
+  color: #fef3c7;
+}
+
+.border- amber-100 {
+  border-color: #fef3c7;
+}
+
+.bg- amber-200 {
+  background-color: #fde68a;
+}
+
+.text- amber-200 {
+  color: #fde68a;
+}
+
+.border- amber-200 {
+  border-color: #fde68a;
+}
+
+.bg- amber-300 {
+  background-color: #fcd34d;
+}
+
+.text- amber-300 {
+  color: #fcd34d;
+}
+
+.border- amber-300 {
+  border-color: #fcd34d;
+}
+
+.bg- amber-400 {
+  background-color: #fbbf24;
+}
+
+.text- amber-400 {
+  color: #fbbf24;
+}
+
+.border- amber-400 {
+  border-color: #fbbf24;
+}
+
+.bg- amber-500 {
+  background-color: #f59e0b;
+}
+
+.text- amber-500 {
+  color: #f59e0b;
+}
+
+.border- amber-500 {
+  border-color: #f59e0b;
+}
+
+.bg- amber-600 {
+  background-color: #d97706;
+}
+
+.text- amber-600 {
+  color: #d97706;
+}
+
+.border- amber-600 {
+  border-color: #d97706;
+}
+
+.bg- amber-700 {
+  background-color: #b45309;
+}
+
+.text- amber-700 {
+  color: #b45309;
+}
+
+.border- amber-700 {
+  border-color: #b45309;
+}
+
+.bg- amber-800 {
+  background-color: #92400e;
+}
+
+.text- amber-800 {
+  color: #92400e;
+}
+
+.border- amber-800 {
+  border-color: #92400e;
+}
+
+.bg- amber-900 {
+  background-color: #78350f;
+}
+
+.text- amber-900 {
+  color: #78350f;
+}
+
+.border- amber-900 {
+  border-color: #78350f;
+}
+
+.bg- stone-50 {
+  background-color: #fafaf9;
+}
+
+.text- stone-50 {
+  color: #fafaf9;
+}
+
+.border- stone-50 {
+  border-color: #fafaf9;
+}
+
+.bg- stone-100 {
+  background-color: #f5f5f4;
+}
+
+.text- stone-100 {
+  color: #f5f5f4;
+}
+
+.border- stone-100 {
+  border-color: #f5f5f4;
+}
+
+.bg- stone-200 {
+  background-color: #e7e5e4;
+}
+
+.text- stone-200 {
+  color: #e7e5e4;
+}
+
+.border- stone-200 {
+  border-color: #e7e5e4;
+}
+
+.bg- stone-300 {
+  background-color: #d6d3d1;
+}
+
+.text- stone-300 {
+  color: #d6d3d1;
+}
+
+.border- stone-300 {
+  border-color: #d6d3d1;
+}
+
+.bg- stone-400 {
+  background-color: #a8a29e;
+}
+
+.text- stone-400 {
+  color: #a8a29e;
+}
+
+.border- stone-400 {
+  border-color: #a8a29e;
+}
+
+.bg- stone-500 {
+  background-color: #78716c;
+}
+
+.text- stone-500 {
+  color: #78716c;
+}
+
+.border- stone-500 {
+  border-color: #78716c;
+}
+
+.bg- stone-600 {
+  background-color: #57534e;
+}
+
+.text- stone-600 {
+  color: #57534e;
+}
+
+.border- stone-600 {
+  border-color: #57534e;
+}
+
+.bg- stone-700 {
+  background-color: #44403c;
+}
+
+.text- stone-700 {
+  color: #44403c;
+}
+
+.border- stone-700 {
+  border-color: #44403c;
+}
+
+.bg- stone-800 {
+  background-color: #292524;
+}
+
+.text- stone-800 {
+  color: #292524;
+}
+
+.border- stone-800 {
+  border-color: #292524;
+}
+
+.bg- stone-900 {
+  background-color: #1c1917;
+}
+
+.text- stone-900 {
+  color: #1c1917;
+}
+
+.border- stone-900 {
+  border-color: #1c1917;
+}
+
+.bg- fuchsia-50 {
+  background-color: #fdf4ff;
+}
+
+.text- fuchsia-50 {
+  color: #fdf4ff;
+}
+
+.border- fuchsia-50 {
+  border-color: #fdf4ff;
+}
+
+.bg- fuchsia-100 {
+  background-color: #fae8ff;
+}
+
+.text- fuchsia-100 {
+  color: #fae8ff;
+}
+
+.border- fuchsia-100 {
+  border-color: #fae8ff;
+}
+
+.bg- fuchsia-200 {
+  background-color: #f5d0fe;
+}
+
+.text- fuchsia-200 {
+  color: #f5d0fe;
+}
+
+.border- fuchsia-200 {
+  border-color: #f5d0fe;
+}
+
+.bg- fuchsia-300 {
+  background-color: #f0abfc;
+}
+
+.text- fuchsia-300 {
+  color: #f0abfc;
+}
+
+.border- fuchsia-300 {
+  border-color: #f0abfc;
+}
+
+.bg- fuchsia-400 {
+  background-color: #e879f9;
+}
+
+.text- fuchsia-400 {
+  color: #e879f9;
+}
+
+.border- fuchsia-400 {
+  border-color: #e879f9;
+}
+
+.bg- fuchsia-500 {
+  background-color: #d946ef;
+}
+
+.text- fuchsia-500 {
+  color: #d946ef;
+}
+
+.border- fuchsia-500 {
+  border-color: #d946ef;
+}
+
+.bg- fuchsia-600 {
+  background-color: #c026d3;
+}
+
+.text- fuchsia-600 {
+  color: #c026d3;
+}
+
+.border- fuchsia-600 {
+  border-color: #c026d3;
+}
+
+.bg- fuchsia-700 {
+  background-color: #a21caf;
+}
+
+.text- fuchsia-700 {
+  color: #a21caf;
+}
+
+.border- fuchsia-700 {
+  border-color: #a21caf;
+}
+
+.bg- fuchsia-800 {
+  background-color: #86198f;
+}
+
+.text- fuchsia-800 {
+  color: #86198f;
+}
+
+.border- fuchsia-800 {
+  border-color: #86198f;
+}
+
+.bg- fuchsia-900 {
+  background-color: #701a75;
+}
+
+.text- fuchsia-900 {
+  color: #701a75;
+}
+
+.border- fuchsia-900 {
+  border-color: #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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.font-normal {
+  font-weight: 400;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.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 */