diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css
index e04a8f29eeec..0970edf9cbe6 100644
--- a/__tests__/fixtures/tailwind-output-ie11.css
+++ b/__tests__/fixtures/tailwind-output-ie11.css
@@ -1318,11858 +1318,10354 @@ video {
   border-color: #702459;
 }
 
-.hover\:divide-transparent:hover > :not(template) ~ :not(template) {
-  border-color: transparent;
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
 }
 
-.hover\:divide-current:hover > :not(template) ~ :not(template) {
-  border-color: currentColor;
+.not-sr-only {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
 }
 
-.hover\:divide-black:hover > :not(template) ~ :not(template) {
-  border-color: #000;
+.focus\:sr-only:focus {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
 }
 
-.hover\:divide-white:hover > :not(template) ~ :not(template) {
-  border-color: #fff;
+.focus\:not-sr-only:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
 }
 
-.hover\:divide-gray-100:hover > :not(template) ~ :not(template) {
-  border-color: #f7fafc;
+.appearance-none {
+  appearance: none;
 }
 
-.hover\:divide-gray-200:hover > :not(template) ~ :not(template) {
-  border-color: #edf2f7;
+.bg-fixed {
+  background-attachment: fixed;
 }
 
-.hover\:divide-gray-300:hover > :not(template) ~ :not(template) {
-  border-color: #e2e8f0;
+.bg-local {
+  background-attachment: local;
 }
 
-.hover\:divide-gray-400:hover > :not(template) ~ :not(template) {
-  border-color: #cbd5e0;
+.bg-scroll {
+  background-attachment: scroll;
 }
 
-.hover\:divide-gray-500:hover > :not(template) ~ :not(template) {
-  border-color: #a0aec0;
+.bg-transparent {
+  background-color: transparent;
 }
 
-.hover\:divide-gray-600:hover > :not(template) ~ :not(template) {
-  border-color: #718096;
+.bg-current {
+  background-color: currentColor;
 }
 
-.hover\:divide-gray-700:hover > :not(template) ~ :not(template) {
-  border-color: #4a5568;
+.bg-black {
+  background-color: #000;
 }
 
-.hover\:divide-gray-800:hover > :not(template) ~ :not(template) {
-  border-color: #2d3748;
+.bg-white {
+  background-color: #fff;
 }
 
-.hover\:divide-gray-900:hover > :not(template) ~ :not(template) {
-  border-color: #1a202c;
+.bg-gray-100 {
+  background-color: #f7fafc;
 }
 
-.hover\:divide-red-100:hover > :not(template) ~ :not(template) {
-  border-color: #fff5f5;
+.bg-gray-200 {
+  background-color: #edf2f7;
 }
 
-.hover\:divide-red-200:hover > :not(template) ~ :not(template) {
-  border-color: #fed7d7;
+.bg-gray-300 {
+  background-color: #e2e8f0;
 }
 
-.hover\:divide-red-300:hover > :not(template) ~ :not(template) {
-  border-color: #feb2b2;
+.bg-gray-400 {
+  background-color: #cbd5e0;
 }
 
-.hover\:divide-red-400:hover > :not(template) ~ :not(template) {
-  border-color: #fc8181;
+.bg-gray-500 {
+  background-color: #a0aec0;
 }
 
-.hover\:divide-red-500:hover > :not(template) ~ :not(template) {
-  border-color: #f56565;
+.bg-gray-600 {
+  background-color: #718096;
 }
 
-.hover\:divide-red-600:hover > :not(template) ~ :not(template) {
-  border-color: #e53e3e;
+.bg-gray-700 {
+  background-color: #4a5568;
 }
 
-.hover\:divide-red-700:hover > :not(template) ~ :not(template) {
-  border-color: #c53030;
+.bg-gray-800 {
+  background-color: #2d3748;
 }
 
-.hover\:divide-red-800:hover > :not(template) ~ :not(template) {
-  border-color: #9b2c2c;
+.bg-gray-900 {
+  background-color: #1a202c;
 }
 
-.hover\:divide-red-900:hover > :not(template) ~ :not(template) {
-  border-color: #742a2a;
+.bg-red-100 {
+  background-color: #fff5f5;
 }
 
-.hover\:divide-orange-100:hover > :not(template) ~ :not(template) {
-  border-color: #fffaf0;
+.bg-red-200 {
+  background-color: #fed7d7;
 }
 
-.hover\:divide-orange-200:hover > :not(template) ~ :not(template) {
-  border-color: #feebc8;
+.bg-red-300 {
+  background-color: #feb2b2;
 }
 
-.hover\:divide-orange-300:hover > :not(template) ~ :not(template) {
-  border-color: #fbd38d;
+.bg-red-400 {
+  background-color: #fc8181;
 }
 
-.hover\:divide-orange-400:hover > :not(template) ~ :not(template) {
-  border-color: #f6ad55;
+.bg-red-500 {
+  background-color: #f56565;
 }
 
-.hover\:divide-orange-500:hover > :not(template) ~ :not(template) {
-  border-color: #ed8936;
+.bg-red-600 {
+  background-color: #e53e3e;
 }
 
-.hover\:divide-orange-600:hover > :not(template) ~ :not(template) {
-  border-color: #dd6b20;
+.bg-red-700 {
+  background-color: #c53030;
 }
 
-.hover\:divide-orange-700:hover > :not(template) ~ :not(template) {
-  border-color: #c05621;
+.bg-red-800 {
+  background-color: #9b2c2c;
 }
 
-.hover\:divide-orange-800:hover > :not(template) ~ :not(template) {
-  border-color: #9c4221;
+.bg-red-900 {
+  background-color: #742a2a;
 }
 
-.hover\:divide-orange-900:hover > :not(template) ~ :not(template) {
-  border-color: #7b341e;
+.bg-orange-100 {
+  background-color: #fffaf0;
 }
 
-.hover\:divide-yellow-100:hover > :not(template) ~ :not(template) {
-  border-color: #fffff0;
+.bg-orange-200 {
+  background-color: #feebc8;
 }
 
-.hover\:divide-yellow-200:hover > :not(template) ~ :not(template) {
-  border-color: #fefcbf;
+.bg-orange-300 {
+  background-color: #fbd38d;
 }
 
-.hover\:divide-yellow-300:hover > :not(template) ~ :not(template) {
-  border-color: #faf089;
+.bg-orange-400 {
+  background-color: #f6ad55;
 }
 
-.hover\:divide-yellow-400:hover > :not(template) ~ :not(template) {
-  border-color: #f6e05e;
+.bg-orange-500 {
+  background-color: #ed8936;
 }
 
-.hover\:divide-yellow-500:hover > :not(template) ~ :not(template) {
-  border-color: #ecc94b;
+.bg-orange-600 {
+  background-color: #dd6b20;
 }
 
-.hover\:divide-yellow-600:hover > :not(template) ~ :not(template) {
-  border-color: #d69e2e;
+.bg-orange-700 {
+  background-color: #c05621;
 }
 
-.hover\:divide-yellow-700:hover > :not(template) ~ :not(template) {
-  border-color: #b7791f;
+.bg-orange-800 {
+  background-color: #9c4221;
 }
 
-.hover\:divide-yellow-800:hover > :not(template) ~ :not(template) {
-  border-color: #975a16;
+.bg-orange-900 {
+  background-color: #7b341e;
 }
 
-.hover\:divide-yellow-900:hover > :not(template) ~ :not(template) {
-  border-color: #744210;
+.bg-yellow-100 {
+  background-color: #fffff0;
 }
 
-.hover\:divide-green-100:hover > :not(template) ~ :not(template) {
-  border-color: #f0fff4;
+.bg-yellow-200 {
+  background-color: #fefcbf;
 }
 
-.hover\:divide-green-200:hover > :not(template) ~ :not(template) {
-  border-color: #c6f6d5;
+.bg-yellow-300 {
+  background-color: #faf089;
 }
 
-.hover\:divide-green-300:hover > :not(template) ~ :not(template) {
-  border-color: #9ae6b4;
+.bg-yellow-400 {
+  background-color: #f6e05e;
 }
 
-.hover\:divide-green-400:hover > :not(template) ~ :not(template) {
-  border-color: #68d391;
+.bg-yellow-500 {
+  background-color: #ecc94b;
 }
 
-.hover\:divide-green-500:hover > :not(template) ~ :not(template) {
-  border-color: #48bb78;
+.bg-yellow-600 {
+  background-color: #d69e2e;
 }
 
-.hover\:divide-green-600:hover > :not(template) ~ :not(template) {
-  border-color: #38a169;
+.bg-yellow-700 {
+  background-color: #b7791f;
 }
 
-.hover\:divide-green-700:hover > :not(template) ~ :not(template) {
-  border-color: #2f855a;
+.bg-yellow-800 {
+  background-color: #975a16;
 }
 
-.hover\:divide-green-800:hover > :not(template) ~ :not(template) {
-  border-color: #276749;
+.bg-yellow-900 {
+  background-color: #744210;
 }
 
-.hover\:divide-green-900:hover > :not(template) ~ :not(template) {
-  border-color: #22543d;
+.bg-green-100 {
+  background-color: #f0fff4;
 }
 
-.hover\:divide-teal-100:hover > :not(template) ~ :not(template) {
-  border-color: #e6fffa;
+.bg-green-200 {
+  background-color: #c6f6d5;
 }
 
-.hover\:divide-teal-200:hover > :not(template) ~ :not(template) {
-  border-color: #b2f5ea;
+.bg-green-300 {
+  background-color: #9ae6b4;
 }
 
-.hover\:divide-teal-300:hover > :not(template) ~ :not(template) {
-  border-color: #81e6d9;
+.bg-green-400 {
+  background-color: #68d391;
 }
 
-.hover\:divide-teal-400:hover > :not(template) ~ :not(template) {
-  border-color: #4fd1c5;
+.bg-green-500 {
+  background-color: #48bb78;
 }
 
-.hover\:divide-teal-500:hover > :not(template) ~ :not(template) {
-  border-color: #38b2ac;
+.bg-green-600 {
+  background-color: #38a169;
 }
 
-.hover\:divide-teal-600:hover > :not(template) ~ :not(template) {
-  border-color: #319795;
+.bg-green-700 {
+  background-color: #2f855a;
 }
 
-.hover\:divide-teal-700:hover > :not(template) ~ :not(template) {
-  border-color: #2c7a7b;
+.bg-green-800 {
+  background-color: #276749;
 }
 
-.hover\:divide-teal-800:hover > :not(template) ~ :not(template) {
-  border-color: #285e61;
+.bg-green-900 {
+  background-color: #22543d;
 }
 
-.hover\:divide-teal-900:hover > :not(template) ~ :not(template) {
-  border-color: #234e52;
+.bg-teal-100 {
+  background-color: #e6fffa;
 }
 
-.hover\:divide-blue-100:hover > :not(template) ~ :not(template) {
-  border-color: #ebf8ff;
+.bg-teal-200 {
+  background-color: #b2f5ea;
 }
 
-.hover\:divide-blue-200:hover > :not(template) ~ :not(template) {
-  border-color: #bee3f8;
+.bg-teal-300 {
+  background-color: #81e6d9;
 }
 
-.hover\:divide-blue-300:hover > :not(template) ~ :not(template) {
-  border-color: #90cdf4;
+.bg-teal-400 {
+  background-color: #4fd1c5;
 }
 
-.hover\:divide-blue-400:hover > :not(template) ~ :not(template) {
-  border-color: #63b3ed;
+.bg-teal-500 {
+  background-color: #38b2ac;
 }
 
-.hover\:divide-blue-500:hover > :not(template) ~ :not(template) {
-  border-color: #4299e1;
+.bg-teal-600 {
+  background-color: #319795;
 }
 
-.hover\:divide-blue-600:hover > :not(template) ~ :not(template) {
-  border-color: #3182ce;
+.bg-teal-700 {
+  background-color: #2c7a7b;
 }
 
-.hover\:divide-blue-700:hover > :not(template) ~ :not(template) {
-  border-color: #2b6cb0;
+.bg-teal-800 {
+  background-color: #285e61;
 }
 
-.hover\:divide-blue-800:hover > :not(template) ~ :not(template) {
-  border-color: #2c5282;
+.bg-teal-900 {
+  background-color: #234e52;
 }
 
-.hover\:divide-blue-900:hover > :not(template) ~ :not(template) {
-  border-color: #2a4365;
+.bg-blue-100 {
+  background-color: #ebf8ff;
 }
 
-.hover\:divide-indigo-100:hover > :not(template) ~ :not(template) {
-  border-color: #ebf4ff;
+.bg-blue-200 {
+  background-color: #bee3f8;
 }
 
-.hover\:divide-indigo-200:hover > :not(template) ~ :not(template) {
-  border-color: #c3dafe;
+.bg-blue-300 {
+  background-color: #90cdf4;
 }
 
-.hover\:divide-indigo-300:hover > :not(template) ~ :not(template) {
-  border-color: #a3bffa;
+.bg-blue-400 {
+  background-color: #63b3ed;
 }
 
-.hover\:divide-indigo-400:hover > :not(template) ~ :not(template) {
-  border-color: #7f9cf5;
+.bg-blue-500 {
+  background-color: #4299e1;
 }
 
-.hover\:divide-indigo-500:hover > :not(template) ~ :not(template) {
-  border-color: #667eea;
+.bg-blue-600 {
+  background-color: #3182ce;
 }
 
-.hover\:divide-indigo-600:hover > :not(template) ~ :not(template) {
-  border-color: #5a67d8;
+.bg-blue-700 {
+  background-color: #2b6cb0;
 }
 
-.hover\:divide-indigo-700:hover > :not(template) ~ :not(template) {
-  border-color: #4c51bf;
+.bg-blue-800 {
+  background-color: #2c5282;
 }
 
-.hover\:divide-indigo-800:hover > :not(template) ~ :not(template) {
-  border-color: #434190;
+.bg-blue-900 {
+  background-color: #2a4365;
 }
 
-.hover\:divide-indigo-900:hover > :not(template) ~ :not(template) {
-  border-color: #3c366b;
+.bg-indigo-100 {
+  background-color: #ebf4ff;
 }
 
-.hover\:divide-purple-100:hover > :not(template) ~ :not(template) {
-  border-color: #faf5ff;
+.bg-indigo-200 {
+  background-color: #c3dafe;
 }
 
-.hover\:divide-purple-200:hover > :not(template) ~ :not(template) {
-  border-color: #e9d8fd;
+.bg-indigo-300 {
+  background-color: #a3bffa;
 }
 
-.hover\:divide-purple-300:hover > :not(template) ~ :not(template) {
-  border-color: #d6bcfa;
+.bg-indigo-400 {
+  background-color: #7f9cf5;
 }
 
-.hover\:divide-purple-400:hover > :not(template) ~ :not(template) {
-  border-color: #b794f4;
+.bg-indigo-500 {
+  background-color: #667eea;
 }
 
-.hover\:divide-purple-500:hover > :not(template) ~ :not(template) {
-  border-color: #9f7aea;
+.bg-indigo-600 {
+  background-color: #5a67d8;
 }
 
-.hover\:divide-purple-600:hover > :not(template) ~ :not(template) {
-  border-color: #805ad5;
+.bg-indigo-700 {
+  background-color: #4c51bf;
 }
 
-.hover\:divide-purple-700:hover > :not(template) ~ :not(template) {
-  border-color: #6b46c1;
+.bg-indigo-800 {
+  background-color: #434190;
 }
 
-.hover\:divide-purple-800:hover > :not(template) ~ :not(template) {
-  border-color: #553c9a;
+.bg-indigo-900 {
+  background-color: #3c366b;
 }
 
-.hover\:divide-purple-900:hover > :not(template) ~ :not(template) {
-  border-color: #44337a;
+.bg-purple-100 {
+  background-color: #faf5ff;
 }
 
-.hover\:divide-pink-100:hover > :not(template) ~ :not(template) {
-  border-color: #fff5f7;
+.bg-purple-200 {
+  background-color: #e9d8fd;
 }
 
-.hover\:divide-pink-200:hover > :not(template) ~ :not(template) {
-  border-color: #fed7e2;
+.bg-purple-300 {
+  background-color: #d6bcfa;
 }
 
-.hover\:divide-pink-300:hover > :not(template) ~ :not(template) {
-  border-color: #fbb6ce;
+.bg-purple-400 {
+  background-color: #b794f4;
 }
 
-.hover\:divide-pink-400:hover > :not(template) ~ :not(template) {
-  border-color: #f687b3;
+.bg-purple-500 {
+  background-color: #9f7aea;
 }
 
-.hover\:divide-pink-500:hover > :not(template) ~ :not(template) {
-  border-color: #ed64a6;
+.bg-purple-600 {
+  background-color: #805ad5;
 }
 
-.hover\:divide-pink-600:hover > :not(template) ~ :not(template) {
-  border-color: #d53f8c;
+.bg-purple-700 {
+  background-color: #6b46c1;
 }
 
-.hover\:divide-pink-700:hover > :not(template) ~ :not(template) {
-  border-color: #b83280;
+.bg-purple-800 {
+  background-color: #553c9a;
 }
 
-.hover\:divide-pink-800:hover > :not(template) ~ :not(template) {
-  border-color: #97266d;
+.bg-purple-900 {
+  background-color: #44337a;
 }
 
-.hover\:divide-pink-900:hover > :not(template) ~ :not(template) {
-  border-color: #702459;
+.bg-pink-100 {
+  background-color: #fff5f7;
 }
 
-.focus\:divide-transparent:focus > :not(template) ~ :not(template) {
-  border-color: transparent;
+.bg-pink-200 {
+  background-color: #fed7e2;
 }
 
-.focus\:divide-current:focus > :not(template) ~ :not(template) {
-  border-color: currentColor;
+.bg-pink-300 {
+  background-color: #fbb6ce;
 }
 
-.focus\:divide-black:focus > :not(template) ~ :not(template) {
-  border-color: #000;
+.bg-pink-400 {
+  background-color: #f687b3;
 }
 
-.focus\:divide-white:focus > :not(template) ~ :not(template) {
-  border-color: #fff;
+.bg-pink-500 {
+  background-color: #ed64a6;
 }
 
-.focus\:divide-gray-100:focus > :not(template) ~ :not(template) {
-  border-color: #f7fafc;
+.bg-pink-600 {
+  background-color: #d53f8c;
 }
 
-.focus\:divide-gray-200:focus > :not(template) ~ :not(template) {
-  border-color: #edf2f7;
+.bg-pink-700 {
+  background-color: #b83280;
 }
 
-.focus\:divide-gray-300:focus > :not(template) ~ :not(template) {
-  border-color: #e2e8f0;
+.bg-pink-800 {
+  background-color: #97266d;
 }
 
-.focus\:divide-gray-400:focus > :not(template) ~ :not(template) {
-  border-color: #cbd5e0;
+.bg-pink-900 {
+  background-color: #702459;
 }
 
-.focus\:divide-gray-500:focus > :not(template) ~ :not(template) {
-  border-color: #a0aec0;
+.hover\:bg-transparent:hover {
+  background-color: transparent;
 }
 
-.focus\:divide-gray-600:focus > :not(template) ~ :not(template) {
-  border-color: #718096;
+.hover\:bg-current:hover {
+  background-color: currentColor;
 }
 
-.focus\:divide-gray-700:focus > :not(template) ~ :not(template) {
-  border-color: #4a5568;
+.hover\:bg-black:hover {
+  background-color: #000;
 }
 
-.focus\:divide-gray-800:focus > :not(template) ~ :not(template) {
-  border-color: #2d3748;
+.hover\:bg-white:hover {
+  background-color: #fff;
 }
 
-.focus\:divide-gray-900:focus > :not(template) ~ :not(template) {
-  border-color: #1a202c;
+.hover\:bg-gray-100:hover {
+  background-color: #f7fafc;
 }
 
-.focus\:divide-red-100:focus > :not(template) ~ :not(template) {
-  border-color: #fff5f5;
+.hover\:bg-gray-200:hover {
+  background-color: #edf2f7;
 }
 
-.focus\:divide-red-200:focus > :not(template) ~ :not(template) {
-  border-color: #fed7d7;
+.hover\:bg-gray-300:hover {
+  background-color: #e2e8f0;
 }
 
-.focus\:divide-red-300:focus > :not(template) ~ :not(template) {
-  border-color: #feb2b2;
+.hover\:bg-gray-400:hover {
+  background-color: #cbd5e0;
 }
 
-.focus\:divide-red-400:focus > :not(template) ~ :not(template) {
-  border-color: #fc8181;
+.hover\:bg-gray-500:hover {
+  background-color: #a0aec0;
 }
 
-.focus\:divide-red-500:focus > :not(template) ~ :not(template) {
-  border-color: #f56565;
+.hover\:bg-gray-600:hover {
+  background-color: #718096;
 }
 
-.focus\:divide-red-600:focus > :not(template) ~ :not(template) {
-  border-color: #e53e3e;
+.hover\:bg-gray-700:hover {
+  background-color: #4a5568;
 }
 
-.focus\:divide-red-700:focus > :not(template) ~ :not(template) {
-  border-color: #c53030;
+.hover\:bg-gray-800:hover {
+  background-color: #2d3748;
 }
 
-.focus\:divide-red-800:focus > :not(template) ~ :not(template) {
-  border-color: #9b2c2c;
+.hover\:bg-gray-900:hover {
+  background-color: #1a202c;
 }
 
-.focus\:divide-red-900:focus > :not(template) ~ :not(template) {
-  border-color: #742a2a;
+.hover\:bg-red-100:hover {
+  background-color: #fff5f5;
 }
 
-.focus\:divide-orange-100:focus > :not(template) ~ :not(template) {
-  border-color: #fffaf0;
+.hover\:bg-red-200:hover {
+  background-color: #fed7d7;
 }
 
-.focus\:divide-orange-200:focus > :not(template) ~ :not(template) {
-  border-color: #feebc8;
+.hover\:bg-red-300:hover {
+  background-color: #feb2b2;
 }
 
-.focus\:divide-orange-300:focus > :not(template) ~ :not(template) {
-  border-color: #fbd38d;
+.hover\:bg-red-400:hover {
+  background-color: #fc8181;
 }
 
-.focus\:divide-orange-400:focus > :not(template) ~ :not(template) {
-  border-color: #f6ad55;
+.hover\:bg-red-500:hover {
+  background-color: #f56565;
 }
 
-.focus\:divide-orange-500:focus > :not(template) ~ :not(template) {
-  border-color: #ed8936;
+.hover\:bg-red-600:hover {
+  background-color: #e53e3e;
 }
 
-.focus\:divide-orange-600:focus > :not(template) ~ :not(template) {
-  border-color: #dd6b20;
+.hover\:bg-red-700:hover {
+  background-color: #c53030;
 }
 
-.focus\:divide-orange-700:focus > :not(template) ~ :not(template) {
-  border-color: #c05621;
+.hover\:bg-red-800:hover {
+  background-color: #9b2c2c;
 }
 
-.focus\:divide-orange-800:focus > :not(template) ~ :not(template) {
-  border-color: #9c4221;
+.hover\:bg-red-900:hover {
+  background-color: #742a2a;
 }
 
-.focus\:divide-orange-900:focus > :not(template) ~ :not(template) {
-  border-color: #7b341e;
+.hover\:bg-orange-100:hover {
+  background-color: #fffaf0;
 }
 
-.focus\:divide-yellow-100:focus > :not(template) ~ :not(template) {
-  border-color: #fffff0;
+.hover\:bg-orange-200:hover {
+  background-color: #feebc8;
 }
 
-.focus\:divide-yellow-200:focus > :not(template) ~ :not(template) {
-  border-color: #fefcbf;
+.hover\:bg-orange-300:hover {
+  background-color: #fbd38d;
 }
 
-.focus\:divide-yellow-300:focus > :not(template) ~ :not(template) {
-  border-color: #faf089;
+.hover\:bg-orange-400:hover {
+  background-color: #f6ad55;
 }
 
-.focus\:divide-yellow-400:focus > :not(template) ~ :not(template) {
-  border-color: #f6e05e;
+.hover\:bg-orange-500:hover {
+  background-color: #ed8936;
 }
 
-.focus\:divide-yellow-500:focus > :not(template) ~ :not(template) {
-  border-color: #ecc94b;
+.hover\:bg-orange-600:hover {
+  background-color: #dd6b20;
 }
 
-.focus\:divide-yellow-600:focus > :not(template) ~ :not(template) {
-  border-color: #d69e2e;
+.hover\:bg-orange-700:hover {
+  background-color: #c05621;
 }
 
-.focus\:divide-yellow-700:focus > :not(template) ~ :not(template) {
-  border-color: #b7791f;
+.hover\:bg-orange-800:hover {
+  background-color: #9c4221;
 }
 
-.focus\:divide-yellow-800:focus > :not(template) ~ :not(template) {
-  border-color: #975a16;
+.hover\:bg-orange-900:hover {
+  background-color: #7b341e;
 }
 
-.focus\:divide-yellow-900:focus > :not(template) ~ :not(template) {
-  border-color: #744210;
+.hover\:bg-yellow-100:hover {
+  background-color: #fffff0;
 }
 
-.focus\:divide-green-100:focus > :not(template) ~ :not(template) {
-  border-color: #f0fff4;
+.hover\:bg-yellow-200:hover {
+  background-color: #fefcbf;
 }
 
-.focus\:divide-green-200:focus > :not(template) ~ :not(template) {
-  border-color: #c6f6d5;
+.hover\:bg-yellow-300:hover {
+  background-color: #faf089;
 }
 
-.focus\:divide-green-300:focus > :not(template) ~ :not(template) {
-  border-color: #9ae6b4;
+.hover\:bg-yellow-400:hover {
+  background-color: #f6e05e;
 }
 
-.focus\:divide-green-400:focus > :not(template) ~ :not(template) {
-  border-color: #68d391;
+.hover\:bg-yellow-500:hover {
+  background-color: #ecc94b;
 }
 
-.focus\:divide-green-500:focus > :not(template) ~ :not(template) {
-  border-color: #48bb78;
+.hover\:bg-yellow-600:hover {
+  background-color: #d69e2e;
 }
 
-.focus\:divide-green-600:focus > :not(template) ~ :not(template) {
-  border-color: #38a169;
+.hover\:bg-yellow-700:hover {
+  background-color: #b7791f;
 }
 
-.focus\:divide-green-700:focus > :not(template) ~ :not(template) {
-  border-color: #2f855a;
+.hover\:bg-yellow-800:hover {
+  background-color: #975a16;
 }
 
-.focus\:divide-green-800:focus > :not(template) ~ :not(template) {
-  border-color: #276749;
+.hover\:bg-yellow-900:hover {
+  background-color: #744210;
 }
 
-.focus\:divide-green-900:focus > :not(template) ~ :not(template) {
-  border-color: #22543d;
+.hover\:bg-green-100:hover {
+  background-color: #f0fff4;
 }
 
-.focus\:divide-teal-100:focus > :not(template) ~ :not(template) {
-  border-color: #e6fffa;
+.hover\:bg-green-200:hover {
+  background-color: #c6f6d5;
 }
 
-.focus\:divide-teal-200:focus > :not(template) ~ :not(template) {
-  border-color: #b2f5ea;
+.hover\:bg-green-300:hover {
+  background-color: #9ae6b4;
 }
 
-.focus\:divide-teal-300:focus > :not(template) ~ :not(template) {
-  border-color: #81e6d9;
+.hover\:bg-green-400:hover {
+  background-color: #68d391;
 }
 
-.focus\:divide-teal-400:focus > :not(template) ~ :not(template) {
-  border-color: #4fd1c5;
+.hover\:bg-green-500:hover {
+  background-color: #48bb78;
 }
 
-.focus\:divide-teal-500:focus > :not(template) ~ :not(template) {
-  border-color: #38b2ac;
+.hover\:bg-green-600:hover {
+  background-color: #38a169;
 }
 
-.focus\:divide-teal-600:focus > :not(template) ~ :not(template) {
-  border-color: #319795;
+.hover\:bg-green-700:hover {
+  background-color: #2f855a;
 }
 
-.focus\:divide-teal-700:focus > :not(template) ~ :not(template) {
-  border-color: #2c7a7b;
+.hover\:bg-green-800:hover {
+  background-color: #276749;
 }
 
-.focus\:divide-teal-800:focus > :not(template) ~ :not(template) {
-  border-color: #285e61;
+.hover\:bg-green-900:hover {
+  background-color: #22543d;
 }
 
-.focus\:divide-teal-900:focus > :not(template) ~ :not(template) {
-  border-color: #234e52;
+.hover\:bg-teal-100:hover {
+  background-color: #e6fffa;
 }
 
-.focus\:divide-blue-100:focus > :not(template) ~ :not(template) {
-  border-color: #ebf8ff;
+.hover\:bg-teal-200:hover {
+  background-color: #b2f5ea;
 }
 
-.focus\:divide-blue-200:focus > :not(template) ~ :not(template) {
-  border-color: #bee3f8;
+.hover\:bg-teal-300:hover {
+  background-color: #81e6d9;
 }
 
-.focus\:divide-blue-300:focus > :not(template) ~ :not(template) {
-  border-color: #90cdf4;
+.hover\:bg-teal-400:hover {
+  background-color: #4fd1c5;
 }
 
-.focus\:divide-blue-400:focus > :not(template) ~ :not(template) {
-  border-color: #63b3ed;
+.hover\:bg-teal-500:hover {
+  background-color: #38b2ac;
 }
 
-.focus\:divide-blue-500:focus > :not(template) ~ :not(template) {
-  border-color: #4299e1;
+.hover\:bg-teal-600:hover {
+  background-color: #319795;
 }
 
-.focus\:divide-blue-600:focus > :not(template) ~ :not(template) {
-  border-color: #3182ce;
+.hover\:bg-teal-700:hover {
+  background-color: #2c7a7b;
 }
 
-.focus\:divide-blue-700:focus > :not(template) ~ :not(template) {
-  border-color: #2b6cb0;
+.hover\:bg-teal-800:hover {
+  background-color: #285e61;
 }
 
-.focus\:divide-blue-800:focus > :not(template) ~ :not(template) {
-  border-color: #2c5282;
+.hover\:bg-teal-900:hover {
+  background-color: #234e52;
 }
 
-.focus\:divide-blue-900:focus > :not(template) ~ :not(template) {
-  border-color: #2a4365;
-}
+.hover\:bg-blue-100:hover {
+  background-color: #ebf8ff;
+}
 
-.focus\:divide-indigo-100:focus > :not(template) ~ :not(template) {
-  border-color: #ebf4ff;
+.hover\:bg-blue-200:hover {
+  background-color: #bee3f8;
 }
 
-.focus\:divide-indigo-200:focus > :not(template) ~ :not(template) {
-  border-color: #c3dafe;
+.hover\:bg-blue-300:hover {
+  background-color: #90cdf4;
 }
 
-.focus\:divide-indigo-300:focus > :not(template) ~ :not(template) {
-  border-color: #a3bffa;
+.hover\:bg-blue-400:hover {
+  background-color: #63b3ed;
 }
 
-.focus\:divide-indigo-400:focus > :not(template) ~ :not(template) {
-  border-color: #7f9cf5;
+.hover\:bg-blue-500:hover {
+  background-color: #4299e1;
 }
 
-.focus\:divide-indigo-500:focus > :not(template) ~ :not(template) {
-  border-color: #667eea;
+.hover\:bg-blue-600:hover {
+  background-color: #3182ce;
 }
 
-.focus\:divide-indigo-600:focus > :not(template) ~ :not(template) {
-  border-color: #5a67d8;
+.hover\:bg-blue-700:hover {
+  background-color: #2b6cb0;
 }
 
-.focus\:divide-indigo-700:focus > :not(template) ~ :not(template) {
-  border-color: #4c51bf;
+.hover\:bg-blue-800:hover {
+  background-color: #2c5282;
 }
 
-.focus\:divide-indigo-800:focus > :not(template) ~ :not(template) {
-  border-color: #434190;
+.hover\:bg-blue-900:hover {
+  background-color: #2a4365;
 }
 
-.focus\:divide-indigo-900:focus > :not(template) ~ :not(template) {
-  border-color: #3c366b;
+.hover\:bg-indigo-100:hover {
+  background-color: #ebf4ff;
 }
 
-.focus\:divide-purple-100:focus > :not(template) ~ :not(template) {
-  border-color: #faf5ff;
+.hover\:bg-indigo-200:hover {
+  background-color: #c3dafe;
 }
 
-.focus\:divide-purple-200:focus > :not(template) ~ :not(template) {
-  border-color: #e9d8fd;
+.hover\:bg-indigo-300:hover {
+  background-color: #a3bffa;
 }
 
-.focus\:divide-purple-300:focus > :not(template) ~ :not(template) {
-  border-color: #d6bcfa;
+.hover\:bg-indigo-400:hover {
+  background-color: #7f9cf5;
 }
 
-.focus\:divide-purple-400:focus > :not(template) ~ :not(template) {
-  border-color: #b794f4;
+.hover\:bg-indigo-500:hover {
+  background-color: #667eea;
 }
 
-.focus\:divide-purple-500:focus > :not(template) ~ :not(template) {
-  border-color: #9f7aea;
+.hover\:bg-indigo-600:hover {
+  background-color: #5a67d8;
 }
 
-.focus\:divide-purple-600:focus > :not(template) ~ :not(template) {
-  border-color: #805ad5;
+.hover\:bg-indigo-700:hover {
+  background-color: #4c51bf;
 }
 
-.focus\:divide-purple-700:focus > :not(template) ~ :not(template) {
-  border-color: #6b46c1;
+.hover\:bg-indigo-800:hover {
+  background-color: #434190;
 }
 
-.focus\:divide-purple-800:focus > :not(template) ~ :not(template) {
-  border-color: #553c9a;
+.hover\:bg-indigo-900:hover {
+  background-color: #3c366b;
 }
 
-.focus\:divide-purple-900:focus > :not(template) ~ :not(template) {
-  border-color: #44337a;
+.hover\:bg-purple-100:hover {
+  background-color: #faf5ff;
 }
 
-.focus\:divide-pink-100:focus > :not(template) ~ :not(template) {
-  border-color: #fff5f7;
+.hover\:bg-purple-200:hover {
+  background-color: #e9d8fd;
 }
 
-.focus\:divide-pink-200:focus > :not(template) ~ :not(template) {
-  border-color: #fed7e2;
+.hover\:bg-purple-300:hover {
+  background-color: #d6bcfa;
 }
 
-.focus\:divide-pink-300:focus > :not(template) ~ :not(template) {
-  border-color: #fbb6ce;
+.hover\:bg-purple-400:hover {
+  background-color: #b794f4;
 }
 
-.focus\:divide-pink-400:focus > :not(template) ~ :not(template) {
-  border-color: #f687b3;
+.hover\:bg-purple-500:hover {
+  background-color: #9f7aea;
 }
 
-.focus\:divide-pink-500:focus > :not(template) ~ :not(template) {
-  border-color: #ed64a6;
+.hover\:bg-purple-600:hover {
+  background-color: #805ad5;
 }
 
-.focus\:divide-pink-600:focus > :not(template) ~ :not(template) {
-  border-color: #d53f8c;
+.hover\:bg-purple-700:hover {
+  background-color: #6b46c1;
 }
 
-.focus\:divide-pink-700:focus > :not(template) ~ :not(template) {
-  border-color: #b83280;
+.hover\:bg-purple-800:hover {
+  background-color: #553c9a;
 }
 
-.focus\:divide-pink-800:focus > :not(template) ~ :not(template) {
-  border-color: #97266d;
+.hover\:bg-purple-900:hover {
+  background-color: #44337a;
 }
 
-.focus\:divide-pink-900:focus > :not(template) ~ :not(template) {
-  border-color: #702459;
+.hover\:bg-pink-100:hover {
+  background-color: #fff5f7;
 }
 
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
+.hover\:bg-pink-200:hover {
+  background-color: #fed7e2;
 }
 
-.not-sr-only {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
+.hover\:bg-pink-300:hover {
+  background-color: #fbb6ce;
 }
 
-.focus\:sr-only:focus {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
+.hover\:bg-pink-400:hover {
+  background-color: #f687b3;
 }
 
-.focus\:not-sr-only:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
+.hover\:bg-pink-500:hover {
+  background-color: #ed64a6;
 }
 
-.appearance-none {
-  appearance: none;
+.hover\:bg-pink-600:hover {
+  background-color: #d53f8c;
 }
 
-.bg-fixed {
-  background-attachment: fixed;
+.hover\:bg-pink-700:hover {
+  background-color: #b83280;
 }
 
-.bg-local {
-  background-attachment: local;
+.hover\:bg-pink-800:hover {
+  background-color: #97266d;
 }
 
-.bg-scroll {
-  background-attachment: scroll;
+.hover\:bg-pink-900:hover {
+  background-color: #702459;
 }
 
-.bg-transparent {
+.focus\:bg-transparent:focus {
   background-color: transparent;
 }
 
-.bg-current {
+.focus\:bg-current:focus {
   background-color: currentColor;
 }
 
-.bg-black {
+.focus\:bg-black:focus {
   background-color: #000;
 }
 
-.bg-white {
+.focus\:bg-white:focus {
   background-color: #fff;
 }
 
-.bg-gray-100 {
+.focus\:bg-gray-100:focus {
   background-color: #f7fafc;
 }
 
-.bg-gray-200 {
+.focus\:bg-gray-200:focus {
   background-color: #edf2f7;
 }
 
-.bg-gray-300 {
+.focus\:bg-gray-300:focus {
   background-color: #e2e8f0;
 }
 
-.bg-gray-400 {
+.focus\:bg-gray-400:focus {
   background-color: #cbd5e0;
 }
 
-.bg-gray-500 {
+.focus\:bg-gray-500:focus {
   background-color: #a0aec0;
 }
 
-.bg-gray-600 {
+.focus\:bg-gray-600:focus {
   background-color: #718096;
 }
 
-.bg-gray-700 {
+.focus\:bg-gray-700:focus {
   background-color: #4a5568;
 }
 
-.bg-gray-800 {
+.focus\:bg-gray-800:focus {
   background-color: #2d3748;
 }
 
-.bg-gray-900 {
+.focus\:bg-gray-900:focus {
   background-color: #1a202c;
 }
 
-.bg-red-100 {
+.focus\:bg-red-100:focus {
   background-color: #fff5f5;
 }
 
-.bg-red-200 {
+.focus\:bg-red-200:focus {
   background-color: #fed7d7;
 }
 
-.bg-red-300 {
+.focus\:bg-red-300:focus {
   background-color: #feb2b2;
 }
 
-.bg-red-400 {
+.focus\:bg-red-400:focus {
   background-color: #fc8181;
 }
 
-.bg-red-500 {
+.focus\:bg-red-500:focus {
   background-color: #f56565;
 }
 
-.bg-red-600 {
+.focus\:bg-red-600:focus {
   background-color: #e53e3e;
 }
 
-.bg-red-700 {
+.focus\:bg-red-700:focus {
   background-color: #c53030;
 }
 
-.bg-red-800 {
+.focus\:bg-red-800:focus {
   background-color: #9b2c2c;
 }
 
-.bg-red-900 {
+.focus\:bg-red-900:focus {
   background-color: #742a2a;
 }
 
-.bg-orange-100 {
+.focus\:bg-orange-100:focus {
   background-color: #fffaf0;
 }
 
-.bg-orange-200 {
+.focus\:bg-orange-200:focus {
   background-color: #feebc8;
 }
 
-.bg-orange-300 {
+.focus\:bg-orange-300:focus {
   background-color: #fbd38d;
 }
 
-.bg-orange-400 {
+.focus\:bg-orange-400:focus {
   background-color: #f6ad55;
 }
 
-.bg-orange-500 {
+.focus\:bg-orange-500:focus {
   background-color: #ed8936;
 }
 
-.bg-orange-600 {
+.focus\:bg-orange-600:focus {
   background-color: #dd6b20;
 }
 
-.bg-orange-700 {
+.focus\:bg-orange-700:focus {
   background-color: #c05621;
 }
 
-.bg-orange-800 {
+.focus\:bg-orange-800:focus {
   background-color: #9c4221;
 }
 
-.bg-orange-900 {
+.focus\:bg-orange-900:focus {
   background-color: #7b341e;
 }
 
-.bg-yellow-100 {
+.focus\:bg-yellow-100:focus {
   background-color: #fffff0;
 }
 
-.bg-yellow-200 {
+.focus\:bg-yellow-200:focus {
   background-color: #fefcbf;
 }
 
-.bg-yellow-300 {
+.focus\:bg-yellow-300:focus {
   background-color: #faf089;
 }
 
-.bg-yellow-400 {
+.focus\:bg-yellow-400:focus {
   background-color: #f6e05e;
 }
 
-.bg-yellow-500 {
+.focus\:bg-yellow-500:focus {
   background-color: #ecc94b;
 }
 
-.bg-yellow-600 {
+.focus\:bg-yellow-600:focus {
   background-color: #d69e2e;
 }
 
-.bg-yellow-700 {
+.focus\:bg-yellow-700:focus {
   background-color: #b7791f;
 }
 
-.bg-yellow-800 {
+.focus\:bg-yellow-800:focus {
   background-color: #975a16;
 }
 
-.bg-yellow-900 {
+.focus\:bg-yellow-900:focus {
   background-color: #744210;
 }
 
-.bg-green-100 {
+.focus\:bg-green-100:focus {
   background-color: #f0fff4;
 }
 
-.bg-green-200 {
+.focus\:bg-green-200:focus {
   background-color: #c6f6d5;
 }
 
-.bg-green-300 {
+.focus\:bg-green-300:focus {
   background-color: #9ae6b4;
 }
 
-.bg-green-400 {
+.focus\:bg-green-400:focus {
   background-color: #68d391;
 }
 
-.bg-green-500 {
+.focus\:bg-green-500:focus {
   background-color: #48bb78;
 }
 
-.bg-green-600 {
+.focus\:bg-green-600:focus {
   background-color: #38a169;
 }
 
-.bg-green-700 {
+.focus\:bg-green-700:focus {
   background-color: #2f855a;
 }
 
-.bg-green-800 {
+.focus\:bg-green-800:focus {
   background-color: #276749;
 }
 
-.bg-green-900 {
+.focus\:bg-green-900:focus {
   background-color: #22543d;
 }
 
-.bg-teal-100 {
+.focus\:bg-teal-100:focus {
   background-color: #e6fffa;
 }
 
-.bg-teal-200 {
+.focus\:bg-teal-200:focus {
   background-color: #b2f5ea;
 }
 
-.bg-teal-300 {
+.focus\:bg-teal-300:focus {
   background-color: #81e6d9;
 }
 
-.bg-teal-400 {
+.focus\:bg-teal-400:focus {
   background-color: #4fd1c5;
 }
 
-.bg-teal-500 {
+.focus\:bg-teal-500:focus {
   background-color: #38b2ac;
 }
 
-.bg-teal-600 {
+.focus\:bg-teal-600:focus {
   background-color: #319795;
 }
 
-.bg-teal-700 {
+.focus\:bg-teal-700:focus {
   background-color: #2c7a7b;
 }
 
-.bg-teal-800 {
+.focus\:bg-teal-800:focus {
   background-color: #285e61;
 }
 
-.bg-teal-900 {
+.focus\:bg-teal-900:focus {
   background-color: #234e52;
 }
 
-.bg-blue-100 {
+.focus\:bg-blue-100:focus {
   background-color: #ebf8ff;
 }
 
-.bg-blue-200 {
+.focus\:bg-blue-200:focus {
   background-color: #bee3f8;
 }
 
-.bg-blue-300 {
+.focus\:bg-blue-300:focus {
   background-color: #90cdf4;
 }
 
-.bg-blue-400 {
+.focus\:bg-blue-400:focus {
   background-color: #63b3ed;
 }
 
-.bg-blue-500 {
+.focus\:bg-blue-500:focus {
   background-color: #4299e1;
 }
 
-.bg-blue-600 {
+.focus\:bg-blue-600:focus {
   background-color: #3182ce;
 }
 
-.bg-blue-700 {
+.focus\:bg-blue-700:focus {
   background-color: #2b6cb0;
 }
 
-.bg-blue-800 {
+.focus\:bg-blue-800:focus {
   background-color: #2c5282;
 }
 
-.bg-blue-900 {
+.focus\:bg-blue-900:focus {
   background-color: #2a4365;
 }
 
-.bg-indigo-100 {
+.focus\:bg-indigo-100:focus {
   background-color: #ebf4ff;
 }
 
-.bg-indigo-200 {
+.focus\:bg-indigo-200:focus {
   background-color: #c3dafe;
 }
 
-.bg-indigo-300 {
+.focus\:bg-indigo-300:focus {
   background-color: #a3bffa;
 }
 
-.bg-indigo-400 {
+.focus\:bg-indigo-400:focus {
   background-color: #7f9cf5;
 }
 
-.bg-indigo-500 {
+.focus\:bg-indigo-500:focus {
   background-color: #667eea;
 }
 
-.bg-indigo-600 {
+.focus\:bg-indigo-600:focus {
   background-color: #5a67d8;
 }
 
-.bg-indigo-700 {
+.focus\:bg-indigo-700:focus {
   background-color: #4c51bf;
 }
 
-.bg-indigo-800 {
+.focus\:bg-indigo-800:focus {
   background-color: #434190;
 }
 
-.bg-indigo-900 {
+.focus\:bg-indigo-900:focus {
   background-color: #3c366b;
 }
 
-.bg-purple-100 {
+.focus\:bg-purple-100:focus {
   background-color: #faf5ff;
 }
 
-.bg-purple-200 {
+.focus\:bg-purple-200:focus {
   background-color: #e9d8fd;
 }
 
-.bg-purple-300 {
+.focus\:bg-purple-300:focus {
   background-color: #d6bcfa;
 }
 
-.bg-purple-400 {
+.focus\:bg-purple-400:focus {
   background-color: #b794f4;
 }
 
-.bg-purple-500 {
+.focus\:bg-purple-500:focus {
   background-color: #9f7aea;
 }
 
-.bg-purple-600 {
+.focus\:bg-purple-600:focus {
   background-color: #805ad5;
 }
 
-.bg-purple-700 {
+.focus\:bg-purple-700:focus {
   background-color: #6b46c1;
 }
 
-.bg-purple-800 {
+.focus\:bg-purple-800:focus {
   background-color: #553c9a;
 }
 
-.bg-purple-900 {
+.focus\:bg-purple-900:focus {
   background-color: #44337a;
 }
 
-.bg-pink-100 {
+.focus\:bg-pink-100:focus {
   background-color: #fff5f7;
 }
 
-.bg-pink-200 {
+.focus\:bg-pink-200:focus {
   background-color: #fed7e2;
 }
 
-.bg-pink-300 {
+.focus\:bg-pink-300:focus {
   background-color: #fbb6ce;
 }
 
-.bg-pink-400 {
+.focus\:bg-pink-400:focus {
   background-color: #f687b3;
 }
 
-.bg-pink-500 {
+.focus\:bg-pink-500:focus {
   background-color: #ed64a6;
 }
 
-.bg-pink-600 {
+.focus\:bg-pink-600:focus {
   background-color: #d53f8c;
 }
 
-.bg-pink-700 {
+.focus\:bg-pink-700:focus {
   background-color: #b83280;
 }
 
-.bg-pink-800 {
+.focus\:bg-pink-800:focus {
   background-color: #97266d;
 }
 
-.bg-pink-900 {
+.focus\:bg-pink-900:focus {
   background-color: #702459;
 }
 
-.hover\:bg-transparent:hover {
-  background-color: transparent;
+.bg-bottom {
+  background-position: bottom;
 }
 
-.hover\:bg-current:hover {
-  background-color: currentColor;
+.bg-center {
+  background-position: center;
 }
 
-.hover\:bg-black:hover {
-  background-color: #000;
+.bg-left {
+  background-position: left;
 }
 
-.hover\:bg-white:hover {
-  background-color: #fff;
+.bg-left-bottom {
+  background-position: left bottom;
 }
 
-.hover\:bg-gray-100:hover {
-  background-color: #f7fafc;
+.bg-left-top {
+  background-position: left top;
 }
 
-.hover\:bg-gray-200:hover {
-  background-color: #edf2f7;
+.bg-right {
+  background-position: right;
 }
 
-.hover\:bg-gray-300:hover {
-  background-color: #e2e8f0;
+.bg-right-bottom {
+  background-position: right bottom;
 }
 
-.hover\:bg-gray-400:hover {
-  background-color: #cbd5e0;
+.bg-right-top {
+  background-position: right top;
 }
 
-.hover\:bg-gray-500:hover {
-  background-color: #a0aec0;
+.bg-top {
+  background-position: top;
 }
 
-.hover\:bg-gray-600:hover {
-  background-color: #718096;
+.bg-repeat {
+  background-repeat: repeat;
 }
 
-.hover\:bg-gray-700:hover {
-  background-color: #4a5568;
+.bg-no-repeat {
+  background-repeat: no-repeat;
 }
 
-.hover\:bg-gray-800:hover {
-  background-color: #2d3748;
+.bg-repeat-x {
+  background-repeat: repeat-x;
 }
 
-.hover\:bg-gray-900:hover {
-  background-color: #1a202c;
+.bg-repeat-y {
+  background-repeat: repeat-y;
 }
 
-.hover\:bg-red-100:hover {
-  background-color: #fff5f5;
+.bg-repeat-round {
+  background-repeat: round;
 }
 
-.hover\:bg-red-200:hover {
-  background-color: #fed7d7;
+.bg-repeat-space {
+  background-repeat: space;
 }
 
-.hover\:bg-red-300:hover {
-  background-color: #feb2b2;
+.bg-auto {
+  background-size: auto;
 }
 
-.hover\:bg-red-400:hover {
-  background-color: #fc8181;
+.bg-cover {
+  background-size: cover;
 }
 
-.hover\:bg-red-500:hover {
-  background-color: #f56565;
+.bg-contain {
+  background-size: contain;
 }
 
-.hover\:bg-red-600:hover {
-  background-color: #e53e3e;
+.border-collapse {
+  border-collapse: collapse;
 }
 
-.hover\:bg-red-700:hover {
-  background-color: #c53030;
+.border-separate {
+  border-collapse: separate;
 }
 
-.hover\:bg-red-800:hover {
-  background-color: #9b2c2c;
+.border-transparent {
+  border-color: transparent;
 }
 
-.hover\:bg-red-900:hover {
-  background-color: #742a2a;
+.border-current {
+  border-color: currentColor;
 }
 
-.hover\:bg-orange-100:hover {
-  background-color: #fffaf0;
+.border-black {
+  border-color: #000;
 }
 
-.hover\:bg-orange-200:hover {
-  background-color: #feebc8;
+.border-white {
+  border-color: #fff;
 }
 
-.hover\:bg-orange-300:hover {
-  background-color: #fbd38d;
+.border-gray-100 {
+  border-color: #f7fafc;
 }
 
-.hover\:bg-orange-400:hover {
-  background-color: #f6ad55;
+.border-gray-200 {
+  border-color: #edf2f7;
 }
 
-.hover\:bg-orange-500:hover {
-  background-color: #ed8936;
+.border-gray-300 {
+  border-color: #e2e8f0;
 }
 
-.hover\:bg-orange-600:hover {
-  background-color: #dd6b20;
+.border-gray-400 {
+  border-color: #cbd5e0;
 }
 
-.hover\:bg-orange-700:hover {
-  background-color: #c05621;
+.border-gray-500 {
+  border-color: #a0aec0;
 }
 
-.hover\:bg-orange-800:hover {
-  background-color: #9c4221;
+.border-gray-600 {
+  border-color: #718096;
 }
 
-.hover\:bg-orange-900:hover {
-  background-color: #7b341e;
+.border-gray-700 {
+  border-color: #4a5568;
 }
 
-.hover\:bg-yellow-100:hover {
-  background-color: #fffff0;
+.border-gray-800 {
+  border-color: #2d3748;
 }
 
-.hover\:bg-yellow-200:hover {
-  background-color: #fefcbf;
+.border-gray-900 {
+  border-color: #1a202c;
 }
 
-.hover\:bg-yellow-300:hover {
-  background-color: #faf089;
+.border-red-100 {
+  border-color: #fff5f5;
 }
 
-.hover\:bg-yellow-400:hover {
-  background-color: #f6e05e;
+.border-red-200 {
+  border-color: #fed7d7;
 }
 
-.hover\:bg-yellow-500:hover {
-  background-color: #ecc94b;
+.border-red-300 {
+  border-color: #feb2b2;
 }
 
-.hover\:bg-yellow-600:hover {
-  background-color: #d69e2e;
+.border-red-400 {
+  border-color: #fc8181;
 }
 
-.hover\:bg-yellow-700:hover {
-  background-color: #b7791f;
+.border-red-500 {
+  border-color: #f56565;
 }
 
-.hover\:bg-yellow-800:hover {
-  background-color: #975a16;
+.border-red-600 {
+  border-color: #e53e3e;
 }
 
-.hover\:bg-yellow-900:hover {
-  background-color: #744210;
+.border-red-700 {
+  border-color: #c53030;
 }
 
-.hover\:bg-green-100:hover {
-  background-color: #f0fff4;
+.border-red-800 {
+  border-color: #9b2c2c;
 }
 
-.hover\:bg-green-200:hover {
-  background-color: #c6f6d5;
+.border-red-900 {
+  border-color: #742a2a;
 }
 
-.hover\:bg-green-300:hover {
-  background-color: #9ae6b4;
+.border-orange-100 {
+  border-color: #fffaf0;
 }
 
-.hover\:bg-green-400:hover {
-  background-color: #68d391;
+.border-orange-200 {
+  border-color: #feebc8;
 }
 
-.hover\:bg-green-500:hover {
-  background-color: #48bb78;
+.border-orange-300 {
+  border-color: #fbd38d;
 }
 
-.hover\:bg-green-600:hover {
-  background-color: #38a169;
+.border-orange-400 {
+  border-color: #f6ad55;
 }
 
-.hover\:bg-green-700:hover {
-  background-color: #2f855a;
+.border-orange-500 {
+  border-color: #ed8936;
 }
 
-.hover\:bg-green-800:hover {
-  background-color: #276749;
+.border-orange-600 {
+  border-color: #dd6b20;
 }
 
-.hover\:bg-green-900:hover {
-  background-color: #22543d;
+.border-orange-700 {
+  border-color: #c05621;
 }
 
-.hover\:bg-teal-100:hover {
-  background-color: #e6fffa;
+.border-orange-800 {
+  border-color: #9c4221;
 }
 
-.hover\:bg-teal-200:hover {
-  background-color: #b2f5ea;
+.border-orange-900 {
+  border-color: #7b341e;
 }
 
-.hover\:bg-teal-300:hover {
-  background-color: #81e6d9;
+.border-yellow-100 {
+  border-color: #fffff0;
 }
 
-.hover\:bg-teal-400:hover {
-  background-color: #4fd1c5;
+.border-yellow-200 {
+  border-color: #fefcbf;
 }
 
-.hover\:bg-teal-500:hover {
-  background-color: #38b2ac;
+.border-yellow-300 {
+  border-color: #faf089;
 }
 
-.hover\:bg-teal-600:hover {
-  background-color: #319795;
+.border-yellow-400 {
+  border-color: #f6e05e;
 }
 
-.hover\:bg-teal-700:hover {
-  background-color: #2c7a7b;
+.border-yellow-500 {
+  border-color: #ecc94b;
 }
 
-.hover\:bg-teal-800:hover {
-  background-color: #285e61;
+.border-yellow-600 {
+  border-color: #d69e2e;
 }
 
-.hover\:bg-teal-900:hover {
-  background-color: #234e52;
+.border-yellow-700 {
+  border-color: #b7791f;
 }
 
-.hover\:bg-blue-100:hover {
-  background-color: #ebf8ff;
+.border-yellow-800 {
+  border-color: #975a16;
 }
 
-.hover\:bg-blue-200:hover {
-  background-color: #bee3f8;
+.border-yellow-900 {
+  border-color: #744210;
 }
 
-.hover\:bg-blue-300:hover {
-  background-color: #90cdf4;
+.border-green-100 {
+  border-color: #f0fff4;
 }
 
-.hover\:bg-blue-400:hover {
-  background-color: #63b3ed;
+.border-green-200 {
+  border-color: #c6f6d5;
 }
 
-.hover\:bg-blue-500:hover {
-  background-color: #4299e1;
+.border-green-300 {
+  border-color: #9ae6b4;
 }
 
-.hover\:bg-blue-600:hover {
-  background-color: #3182ce;
+.border-green-400 {
+  border-color: #68d391;
 }
 
-.hover\:bg-blue-700:hover {
-  background-color: #2b6cb0;
+.border-green-500 {
+  border-color: #48bb78;
 }
 
-.hover\:bg-blue-800:hover {
-  background-color: #2c5282;
+.border-green-600 {
+  border-color: #38a169;
 }
 
-.hover\:bg-blue-900:hover {
-  background-color: #2a4365;
+.border-green-700 {
+  border-color: #2f855a;
 }
 
-.hover\:bg-indigo-100:hover {
-  background-color: #ebf4ff;
+.border-green-800 {
+  border-color: #276749;
 }
 
-.hover\:bg-indigo-200:hover {
-  background-color: #c3dafe;
+.border-green-900 {
+  border-color: #22543d;
 }
 
-.hover\:bg-indigo-300:hover {
-  background-color: #a3bffa;
+.border-teal-100 {
+  border-color: #e6fffa;
 }
 
-.hover\:bg-indigo-400:hover {
-  background-color: #7f9cf5;
+.border-teal-200 {
+  border-color: #b2f5ea;
 }
 
-.hover\:bg-indigo-500:hover {
-  background-color: #667eea;
+.border-teal-300 {
+  border-color: #81e6d9;
 }
 
-.hover\:bg-indigo-600:hover {
-  background-color: #5a67d8;
+.border-teal-400 {
+  border-color: #4fd1c5;
 }
 
-.hover\:bg-indigo-700:hover {
-  background-color: #4c51bf;
+.border-teal-500 {
+  border-color: #38b2ac;
 }
 
-.hover\:bg-indigo-800:hover {
-  background-color: #434190;
+.border-teal-600 {
+  border-color: #319795;
 }
 
-.hover\:bg-indigo-900:hover {
-  background-color: #3c366b;
+.border-teal-700 {
+  border-color: #2c7a7b;
 }
 
-.hover\:bg-purple-100:hover {
-  background-color: #faf5ff;
+.border-teal-800 {
+  border-color: #285e61;
 }
 
-.hover\:bg-purple-200:hover {
-  background-color: #e9d8fd;
+.border-teal-900 {
+  border-color: #234e52;
 }
 
-.hover\:bg-purple-300:hover {
-  background-color: #d6bcfa;
+.border-blue-100 {
+  border-color: #ebf8ff;
 }
 
-.hover\:bg-purple-400:hover {
-  background-color: #b794f4;
+.border-blue-200 {
+  border-color: #bee3f8;
 }
 
-.hover\:bg-purple-500:hover {
-  background-color: #9f7aea;
+.border-blue-300 {
+  border-color: #90cdf4;
 }
 
-.hover\:bg-purple-600:hover {
-  background-color: #805ad5;
+.border-blue-400 {
+  border-color: #63b3ed;
 }
 
-.hover\:bg-purple-700:hover {
-  background-color: #6b46c1;
+.border-blue-500 {
+  border-color: #4299e1;
 }
 
-.hover\:bg-purple-800:hover {
-  background-color: #553c9a;
+.border-blue-600 {
+  border-color: #3182ce;
 }
 
-.hover\:bg-purple-900:hover {
-  background-color: #44337a;
+.border-blue-700 {
+  border-color: #2b6cb0;
 }
 
-.hover\:bg-pink-100:hover {
-  background-color: #fff5f7;
+.border-blue-800 {
+  border-color: #2c5282;
 }
 
-.hover\:bg-pink-200:hover {
-  background-color: #fed7e2;
+.border-blue-900 {
+  border-color: #2a4365;
 }
 
-.hover\:bg-pink-300:hover {
-  background-color: #fbb6ce;
+.border-indigo-100 {
+  border-color: #ebf4ff;
 }
 
-.hover\:bg-pink-400:hover {
-  background-color: #f687b3;
+.border-indigo-200 {
+  border-color: #c3dafe;
 }
 
-.hover\:bg-pink-500:hover {
-  background-color: #ed64a6;
+.border-indigo-300 {
+  border-color: #a3bffa;
 }
 
-.hover\:bg-pink-600:hover {
-  background-color: #d53f8c;
+.border-indigo-400 {
+  border-color: #7f9cf5;
 }
 
-.hover\:bg-pink-700:hover {
-  background-color: #b83280;
+.border-indigo-500 {
+  border-color: #667eea;
 }
 
-.hover\:bg-pink-800:hover {
-  background-color: #97266d;
+.border-indigo-600 {
+  border-color: #5a67d8;
 }
 
-.hover\:bg-pink-900:hover {
-  background-color: #702459;
+.border-indigo-700 {
+  border-color: #4c51bf;
 }
 
-.focus\:bg-transparent:focus {
-  background-color: transparent;
+.border-indigo-800 {
+  border-color: #434190;
 }
 
-.focus\:bg-current:focus {
-  background-color: currentColor;
+.border-indigo-900 {
+  border-color: #3c366b;
 }
 
-.focus\:bg-black:focus {
-  background-color: #000;
+.border-purple-100 {
+  border-color: #faf5ff;
 }
 
-.focus\:bg-white:focus {
-  background-color: #fff;
+.border-purple-200 {
+  border-color: #e9d8fd;
 }
 
-.focus\:bg-gray-100:focus {
-  background-color: #f7fafc;
+.border-purple-300 {
+  border-color: #d6bcfa;
 }
 
-.focus\:bg-gray-200:focus {
-  background-color: #edf2f7;
+.border-purple-400 {
+  border-color: #b794f4;
 }
 
-.focus\:bg-gray-300:focus {
-  background-color: #e2e8f0;
+.border-purple-500 {
+  border-color: #9f7aea;
 }
 
-.focus\:bg-gray-400:focus {
-  background-color: #cbd5e0;
+.border-purple-600 {
+  border-color: #805ad5;
 }
 
-.focus\:bg-gray-500:focus {
-  background-color: #a0aec0;
+.border-purple-700 {
+  border-color: #6b46c1;
 }
 
-.focus\:bg-gray-600:focus {
-  background-color: #718096;
+.border-purple-800 {
+  border-color: #553c9a;
 }
 
-.focus\:bg-gray-700:focus {
-  background-color: #4a5568;
+.border-purple-900 {
+  border-color: #44337a;
 }
 
-.focus\:bg-gray-800:focus {
-  background-color: #2d3748;
+.border-pink-100 {
+  border-color: #fff5f7;
 }
 
-.focus\:bg-gray-900:focus {
-  background-color: #1a202c;
+.border-pink-200 {
+  border-color: #fed7e2;
 }
 
-.focus\:bg-red-100:focus {
-  background-color: #fff5f5;
+.border-pink-300 {
+  border-color: #fbb6ce;
 }
 
-.focus\:bg-red-200:focus {
-  background-color: #fed7d7;
+.border-pink-400 {
+  border-color: #f687b3;
 }
 
-.focus\:bg-red-300:focus {
-  background-color: #feb2b2;
+.border-pink-500 {
+  border-color: #ed64a6;
 }
 
-.focus\:bg-red-400:focus {
-  background-color: #fc8181;
+.border-pink-600 {
+  border-color: #d53f8c;
 }
 
-.focus\:bg-red-500:focus {
-  background-color: #f56565;
+.border-pink-700 {
+  border-color: #b83280;
 }
 
-.focus\:bg-red-600:focus {
-  background-color: #e53e3e;
+.border-pink-800 {
+  border-color: #97266d;
 }
 
-.focus\:bg-red-700:focus {
-  background-color: #c53030;
+.border-pink-900 {
+  border-color: #702459;
 }
 
-.focus\:bg-red-800:focus {
-  background-color: #9b2c2c;
+.hover\:border-transparent:hover {
+  border-color: transparent;
 }
 
-.focus\:bg-red-900:focus {
-  background-color: #742a2a;
+.hover\:border-current:hover {
+  border-color: currentColor;
 }
 
-.focus\:bg-orange-100:focus {
-  background-color: #fffaf0;
+.hover\:border-black:hover {
+  border-color: #000;
 }
 
-.focus\:bg-orange-200:focus {
-  background-color: #feebc8;
+.hover\:border-white:hover {
+  border-color: #fff;
 }
 
-.focus\:bg-orange-300:focus {
-  background-color: #fbd38d;
+.hover\:border-gray-100:hover {
+  border-color: #f7fafc;
 }
 
-.focus\:bg-orange-400:focus {
-  background-color: #f6ad55;
+.hover\:border-gray-200:hover {
+  border-color: #edf2f7;
 }
 
-.focus\:bg-orange-500:focus {
-  background-color: #ed8936;
+.hover\:border-gray-300:hover {
+  border-color: #e2e8f0;
 }
 
-.focus\:bg-orange-600:focus {
-  background-color: #dd6b20;
+.hover\:border-gray-400:hover {
+  border-color: #cbd5e0;
 }
 
-.focus\:bg-orange-700:focus {
-  background-color: #c05621;
+.hover\:border-gray-500:hover {
+  border-color: #a0aec0;
 }
 
-.focus\:bg-orange-800:focus {
-  background-color: #9c4221;
+.hover\:border-gray-600:hover {
+  border-color: #718096;
 }
 
-.focus\:bg-orange-900:focus {
-  background-color: #7b341e;
+.hover\:border-gray-700:hover {
+  border-color: #4a5568;
 }
 
-.focus\:bg-yellow-100:focus {
-  background-color: #fffff0;
+.hover\:border-gray-800:hover {
+  border-color: #2d3748;
 }
 
-.focus\:bg-yellow-200:focus {
-  background-color: #fefcbf;
+.hover\:border-gray-900:hover {
+  border-color: #1a202c;
 }
 
-.focus\:bg-yellow-300:focus {
-  background-color: #faf089;
+.hover\:border-red-100:hover {
+  border-color: #fff5f5;
 }
 
-.focus\:bg-yellow-400:focus {
-  background-color: #f6e05e;
+.hover\:border-red-200:hover {
+  border-color: #fed7d7;
 }
 
-.focus\:bg-yellow-500:focus {
-  background-color: #ecc94b;
+.hover\:border-red-300:hover {
+  border-color: #feb2b2;
 }
 
-.focus\:bg-yellow-600:focus {
-  background-color: #d69e2e;
+.hover\:border-red-400:hover {
+  border-color: #fc8181;
 }
 
-.focus\:bg-yellow-700:focus {
-  background-color: #b7791f;
+.hover\:border-red-500:hover {
+  border-color: #f56565;
 }
 
-.focus\:bg-yellow-800:focus {
-  background-color: #975a16;
+.hover\:border-red-600:hover {
+  border-color: #e53e3e;
 }
 
-.focus\:bg-yellow-900:focus {
-  background-color: #744210;
+.hover\:border-red-700:hover {
+  border-color: #c53030;
 }
 
-.focus\:bg-green-100:focus {
-  background-color: #f0fff4;
+.hover\:border-red-800:hover {
+  border-color: #9b2c2c;
 }
 
-.focus\:bg-green-200:focus {
-  background-color: #c6f6d5;
+.hover\:border-red-900:hover {
+  border-color: #742a2a;
 }
 
-.focus\:bg-green-300:focus {
-  background-color: #9ae6b4;
+.hover\:border-orange-100:hover {
+  border-color: #fffaf0;
 }
 
-.focus\:bg-green-400:focus {
-  background-color: #68d391;
+.hover\:border-orange-200:hover {
+  border-color: #feebc8;
 }
 
-.focus\:bg-green-500:focus {
-  background-color: #48bb78;
+.hover\:border-orange-300:hover {
+  border-color: #fbd38d;
 }
 
-.focus\:bg-green-600:focus {
-  background-color: #38a169;
+.hover\:border-orange-400:hover {
+  border-color: #f6ad55;
 }
 
-.focus\:bg-green-700:focus {
-  background-color: #2f855a;
+.hover\:border-orange-500:hover {
+  border-color: #ed8936;
 }
 
-.focus\:bg-green-800:focus {
-  background-color: #276749;
+.hover\:border-orange-600:hover {
+  border-color: #dd6b20;
 }
 
-.focus\:bg-green-900:focus {
-  background-color: #22543d;
+.hover\:border-orange-700:hover {
+  border-color: #c05621;
 }
 
-.focus\:bg-teal-100:focus {
-  background-color: #e6fffa;
+.hover\:border-orange-800:hover {
+  border-color: #9c4221;
 }
 
-.focus\:bg-teal-200:focus {
-  background-color: #b2f5ea;
+.hover\:border-orange-900:hover {
+  border-color: #7b341e;
 }
 
-.focus\:bg-teal-300:focus {
-  background-color: #81e6d9;
+.hover\:border-yellow-100:hover {
+  border-color: #fffff0;
 }
 
-.focus\:bg-teal-400:focus {
-  background-color: #4fd1c5;
+.hover\:border-yellow-200:hover {
+  border-color: #fefcbf;
 }
 
-.focus\:bg-teal-500:focus {
-  background-color: #38b2ac;
+.hover\:border-yellow-300:hover {
+  border-color: #faf089;
 }
 
-.focus\:bg-teal-600:focus {
-  background-color: #319795;
+.hover\:border-yellow-400:hover {
+  border-color: #f6e05e;
 }
 
-.focus\:bg-teal-700:focus {
-  background-color: #2c7a7b;
+.hover\:border-yellow-500:hover {
+  border-color: #ecc94b;
 }
 
-.focus\:bg-teal-800:focus {
-  background-color: #285e61;
+.hover\:border-yellow-600:hover {
+  border-color: #d69e2e;
 }
 
-.focus\:bg-teal-900:focus {
-  background-color: #234e52;
+.hover\:border-yellow-700:hover {
+  border-color: #b7791f;
 }
 
-.focus\:bg-blue-100:focus {
-  background-color: #ebf8ff;
+.hover\:border-yellow-800:hover {
+  border-color: #975a16;
 }
 
-.focus\:bg-blue-200:focus {
-  background-color: #bee3f8;
+.hover\:border-yellow-900:hover {
+  border-color: #744210;
 }
 
-.focus\:bg-blue-300:focus {
-  background-color: #90cdf4;
+.hover\:border-green-100:hover {
+  border-color: #f0fff4;
 }
 
-.focus\:bg-blue-400:focus {
-  background-color: #63b3ed;
+.hover\:border-green-200:hover {
+  border-color: #c6f6d5;
 }
 
-.focus\:bg-blue-500:focus {
-  background-color: #4299e1;
+.hover\:border-green-300:hover {
+  border-color: #9ae6b4;
 }
 
-.focus\:bg-blue-600:focus {
-  background-color: #3182ce;
+.hover\:border-green-400:hover {
+  border-color: #68d391;
 }
 
-.focus\:bg-blue-700:focus {
-  background-color: #2b6cb0;
+.hover\:border-green-500:hover {
+  border-color: #48bb78;
 }
 
-.focus\:bg-blue-800:focus {
-  background-color: #2c5282;
+.hover\:border-green-600:hover {
+  border-color: #38a169;
 }
 
-.focus\:bg-blue-900:focus {
-  background-color: #2a4365;
+.hover\:border-green-700:hover {
+  border-color: #2f855a;
 }
 
-.focus\:bg-indigo-100:focus {
-  background-color: #ebf4ff;
+.hover\:border-green-800:hover {
+  border-color: #276749;
 }
 
-.focus\:bg-indigo-200:focus {
-  background-color: #c3dafe;
+.hover\:border-green-900:hover {
+  border-color: #22543d;
 }
 
-.focus\:bg-indigo-300:focus {
-  background-color: #a3bffa;
+.hover\:border-teal-100:hover {
+  border-color: #e6fffa;
 }
 
-.focus\:bg-indigo-400:focus {
-  background-color: #7f9cf5;
+.hover\:border-teal-200:hover {
+  border-color: #b2f5ea;
 }
 
-.focus\:bg-indigo-500:focus {
-  background-color: #667eea;
+.hover\:border-teal-300:hover {
+  border-color: #81e6d9;
 }
 
-.focus\:bg-indigo-600:focus {
-  background-color: #5a67d8;
+.hover\:border-teal-400:hover {
+  border-color: #4fd1c5;
 }
 
-.focus\:bg-indigo-700:focus {
-  background-color: #4c51bf;
+.hover\:border-teal-500:hover {
+  border-color: #38b2ac;
 }
 
-.focus\:bg-indigo-800:focus {
-  background-color: #434190;
+.hover\:border-teal-600:hover {
+  border-color: #319795;
 }
 
-.focus\:bg-indigo-900:focus {
-  background-color: #3c366b;
+.hover\:border-teal-700:hover {
+  border-color: #2c7a7b;
 }
 
-.focus\:bg-purple-100:focus {
-  background-color: #faf5ff;
+.hover\:border-teal-800:hover {
+  border-color: #285e61;
 }
 
-.focus\:bg-purple-200:focus {
-  background-color: #e9d8fd;
+.hover\:border-teal-900:hover {
+  border-color: #234e52;
 }
 
-.focus\:bg-purple-300:focus {
-  background-color: #d6bcfa;
+.hover\:border-blue-100:hover {
+  border-color: #ebf8ff;
 }
 
-.focus\:bg-purple-400:focus {
-  background-color: #b794f4;
+.hover\:border-blue-200:hover {
+  border-color: #bee3f8;
 }
 
-.focus\:bg-purple-500:focus {
-  background-color: #9f7aea;
+.hover\:border-blue-300:hover {
+  border-color: #90cdf4;
 }
 
-.focus\:bg-purple-600:focus {
-  background-color: #805ad5;
+.hover\:border-blue-400:hover {
+  border-color: #63b3ed;
 }
 
-.focus\:bg-purple-700:focus {
-  background-color: #6b46c1;
+.hover\:border-blue-500:hover {
+  border-color: #4299e1;
 }
 
-.focus\:bg-purple-800:focus {
-  background-color: #553c9a;
+.hover\:border-blue-600:hover {
+  border-color: #3182ce;
 }
 
-.focus\:bg-purple-900:focus {
-  background-color: #44337a;
+.hover\:border-blue-700:hover {
+  border-color: #2b6cb0;
 }
 
-.focus\:bg-pink-100:focus {
-  background-color: #fff5f7;
+.hover\:border-blue-800:hover {
+  border-color: #2c5282;
 }
 
-.focus\:bg-pink-200:focus {
-  background-color: #fed7e2;
+.hover\:border-blue-900:hover {
+  border-color: #2a4365;
 }
 
-.focus\:bg-pink-300:focus {
-  background-color: #fbb6ce;
+.hover\:border-indigo-100:hover {
+  border-color: #ebf4ff;
 }
 
-.focus\:bg-pink-400:focus {
-  background-color: #f687b3;
+.hover\:border-indigo-200:hover {
+  border-color: #c3dafe;
 }
 
-.focus\:bg-pink-500:focus {
-  background-color: #ed64a6;
+.hover\:border-indigo-300:hover {
+  border-color: #a3bffa;
 }
 
-.focus\:bg-pink-600:focus {
-  background-color: #d53f8c;
+.hover\:border-indigo-400:hover {
+  border-color: #7f9cf5;
 }
 
-.focus\:bg-pink-700:focus {
-  background-color: #b83280;
+.hover\:border-indigo-500:hover {
+  border-color: #667eea;
 }
 
-.focus\:bg-pink-800:focus {
-  background-color: #97266d;
+.hover\:border-indigo-600:hover {
+  border-color: #5a67d8;
 }
 
-.focus\:bg-pink-900:focus {
-  background-color: #702459;
+.hover\:border-indigo-700:hover {
+  border-color: #4c51bf;
 }
 
-.bg-bottom {
-  background-position: bottom;
+.hover\:border-indigo-800:hover {
+  border-color: #434190;
 }
 
-.bg-center {
-  background-position: center;
+.hover\:border-indigo-900:hover {
+  border-color: #3c366b;
 }
 
-.bg-left {
-  background-position: left;
+.hover\:border-purple-100:hover {
+  border-color: #faf5ff;
 }
 
-.bg-left-bottom {
-  background-position: left bottom;
+.hover\:border-purple-200:hover {
+  border-color: #e9d8fd;
 }
 
-.bg-left-top {
-  background-position: left top;
+.hover\:border-purple-300:hover {
+  border-color: #d6bcfa;
 }
 
-.bg-right {
-  background-position: right;
+.hover\:border-purple-400:hover {
+  border-color: #b794f4;
 }
 
-.bg-right-bottom {
-  background-position: right bottom;
+.hover\:border-purple-500:hover {
+  border-color: #9f7aea;
 }
 
-.bg-right-top {
-  background-position: right top;
+.hover\:border-purple-600:hover {
+  border-color: #805ad5;
 }
 
-.bg-top {
-  background-position: top;
+.hover\:border-purple-700:hover {
+  border-color: #6b46c1;
 }
 
-.bg-repeat {
-  background-repeat: repeat;
+.hover\:border-purple-800:hover {
+  border-color: #553c9a;
 }
 
-.bg-no-repeat {
-  background-repeat: no-repeat;
+.hover\:border-purple-900:hover {
+  border-color: #44337a;
 }
 
-.bg-repeat-x {
-  background-repeat: repeat-x;
+.hover\:border-pink-100:hover {
+  border-color: #fff5f7;
 }
 
-.bg-repeat-y {
-  background-repeat: repeat-y;
+.hover\:border-pink-200:hover {
+  border-color: #fed7e2;
 }
 
-.bg-repeat-round {
-  background-repeat: round;
+.hover\:border-pink-300:hover {
+  border-color: #fbb6ce;
 }
 
-.bg-repeat-space {
-  background-repeat: space;
+.hover\:border-pink-400:hover {
+  border-color: #f687b3;
 }
 
-.bg-auto {
-  background-size: auto;
+.hover\:border-pink-500:hover {
+  border-color: #ed64a6;
 }
 
-.bg-cover {
-  background-size: cover;
+.hover\:border-pink-600:hover {
+  border-color: #d53f8c;
 }
 
-.bg-contain {
-  background-size: contain;
+.hover\:border-pink-700:hover {
+  border-color: #b83280;
 }
 
-.border-collapse {
-  border-collapse: collapse;
+.hover\:border-pink-800:hover {
+  border-color: #97266d;
 }
 
-.border-separate {
-  border-collapse: separate;
+.hover\:border-pink-900:hover {
+  border-color: #702459;
 }
 
-.border-transparent {
+.focus\:border-transparent:focus {
   border-color: transparent;
 }
 
-.border-current {
+.focus\:border-current:focus {
   border-color: currentColor;
 }
 
-.border-black {
+.focus\:border-black:focus {
   border-color: #000;
 }
 
-.border-white {
+.focus\:border-white:focus {
   border-color: #fff;
 }
 
-.border-gray-100 {
+.focus\:border-gray-100:focus {
   border-color: #f7fafc;
 }
 
-.border-gray-200 {
+.focus\:border-gray-200:focus {
   border-color: #edf2f7;
 }
 
-.border-gray-300 {
+.focus\:border-gray-300:focus {
   border-color: #e2e8f0;
 }
 
-.border-gray-400 {
+.focus\:border-gray-400:focus {
   border-color: #cbd5e0;
 }
 
-.border-gray-500 {
+.focus\:border-gray-500:focus {
   border-color: #a0aec0;
 }
 
-.border-gray-600 {
+.focus\:border-gray-600:focus {
   border-color: #718096;
 }
 
-.border-gray-700 {
+.focus\:border-gray-700:focus {
   border-color: #4a5568;
 }
 
-.border-gray-800 {
+.focus\:border-gray-800:focus {
   border-color: #2d3748;
 }
 
-.border-gray-900 {
+.focus\:border-gray-900:focus {
   border-color: #1a202c;
 }
 
-.border-red-100 {
+.focus\:border-red-100:focus {
   border-color: #fff5f5;
 }
 
-.border-red-200 {
+.focus\:border-red-200:focus {
   border-color: #fed7d7;
 }
 
-.border-red-300 {
+.focus\:border-red-300:focus {
   border-color: #feb2b2;
 }
 
-.border-red-400 {
+.focus\:border-red-400:focus {
   border-color: #fc8181;
 }
 
-.border-red-500 {
+.focus\:border-red-500:focus {
   border-color: #f56565;
 }
 
-.border-red-600 {
+.focus\:border-red-600:focus {
   border-color: #e53e3e;
 }
 
-.border-red-700 {
+.focus\:border-red-700:focus {
   border-color: #c53030;
 }
 
-.border-red-800 {
+.focus\:border-red-800:focus {
   border-color: #9b2c2c;
 }
 
-.border-red-900 {
+.focus\:border-red-900:focus {
   border-color: #742a2a;
 }
 
-.border-orange-100 {
+.focus\:border-orange-100:focus {
   border-color: #fffaf0;
 }
 
-.border-orange-200 {
+.focus\:border-orange-200:focus {
   border-color: #feebc8;
 }
 
-.border-orange-300 {
+.focus\:border-orange-300:focus {
   border-color: #fbd38d;
 }
 
-.border-orange-400 {
+.focus\:border-orange-400:focus {
   border-color: #f6ad55;
 }
 
-.border-orange-500 {
+.focus\:border-orange-500:focus {
   border-color: #ed8936;
 }
 
-.border-orange-600 {
+.focus\:border-orange-600:focus {
   border-color: #dd6b20;
 }
 
-.border-orange-700 {
+.focus\:border-orange-700:focus {
   border-color: #c05621;
 }
 
-.border-orange-800 {
+.focus\:border-orange-800:focus {
   border-color: #9c4221;
 }
 
-.border-orange-900 {
+.focus\:border-orange-900:focus {
   border-color: #7b341e;
 }
 
-.border-yellow-100 {
+.focus\:border-yellow-100:focus {
   border-color: #fffff0;
 }
 
-.border-yellow-200 {
+.focus\:border-yellow-200:focus {
   border-color: #fefcbf;
 }
 
-.border-yellow-300 {
+.focus\:border-yellow-300:focus {
   border-color: #faf089;
 }
 
-.border-yellow-400 {
+.focus\:border-yellow-400:focus {
   border-color: #f6e05e;
 }
 
-.border-yellow-500 {
+.focus\:border-yellow-500:focus {
   border-color: #ecc94b;
 }
 
-.border-yellow-600 {
+.focus\:border-yellow-600:focus {
   border-color: #d69e2e;
 }
 
-.border-yellow-700 {
+.focus\:border-yellow-700:focus {
   border-color: #b7791f;
 }
 
-.border-yellow-800 {
+.focus\:border-yellow-800:focus {
   border-color: #975a16;
 }
 
-.border-yellow-900 {
+.focus\:border-yellow-900:focus {
   border-color: #744210;
 }
 
-.border-green-100 {
+.focus\:border-green-100:focus {
   border-color: #f0fff4;
 }
 
-.border-green-200 {
+.focus\:border-green-200:focus {
   border-color: #c6f6d5;
 }
 
-.border-green-300 {
+.focus\:border-green-300:focus {
   border-color: #9ae6b4;
 }
 
-.border-green-400 {
+.focus\:border-green-400:focus {
   border-color: #68d391;
 }
 
-.border-green-500 {
+.focus\:border-green-500:focus {
   border-color: #48bb78;
 }
 
-.border-green-600 {
+.focus\:border-green-600:focus {
   border-color: #38a169;
 }
 
-.border-green-700 {
+.focus\:border-green-700:focus {
   border-color: #2f855a;
 }
 
-.border-green-800 {
+.focus\:border-green-800:focus {
   border-color: #276749;
 }
 
-.border-green-900 {
+.focus\:border-green-900:focus {
   border-color: #22543d;
 }
 
-.border-teal-100 {
+.focus\:border-teal-100:focus {
   border-color: #e6fffa;
 }
 
-.border-teal-200 {
+.focus\:border-teal-200:focus {
   border-color: #b2f5ea;
 }
 
-.border-teal-300 {
+.focus\:border-teal-300:focus {
   border-color: #81e6d9;
 }
 
-.border-teal-400 {
+.focus\:border-teal-400:focus {
   border-color: #4fd1c5;
 }
 
-.border-teal-500 {
+.focus\:border-teal-500:focus {
   border-color: #38b2ac;
 }
 
-.border-teal-600 {
+.focus\:border-teal-600:focus {
   border-color: #319795;
 }
 
-.border-teal-700 {
+.focus\:border-teal-700:focus {
   border-color: #2c7a7b;
 }
 
-.border-teal-800 {
+.focus\:border-teal-800:focus {
   border-color: #285e61;
 }
 
-.border-teal-900 {
+.focus\:border-teal-900:focus {
   border-color: #234e52;
 }
 
-.border-blue-100 {
+.focus\:border-blue-100:focus {
   border-color: #ebf8ff;
 }
 
-.border-blue-200 {
+.focus\:border-blue-200:focus {
   border-color: #bee3f8;
 }
 
-.border-blue-300 {
+.focus\:border-blue-300:focus {
   border-color: #90cdf4;
 }
 
-.border-blue-400 {
+.focus\:border-blue-400:focus {
   border-color: #63b3ed;
 }
 
-.border-blue-500 {
+.focus\:border-blue-500:focus {
   border-color: #4299e1;
 }
 
-.border-blue-600 {
+.focus\:border-blue-600:focus {
   border-color: #3182ce;
 }
 
-.border-blue-700 {
+.focus\:border-blue-700:focus {
   border-color: #2b6cb0;
 }
 
-.border-blue-800 {
+.focus\:border-blue-800:focus {
   border-color: #2c5282;
 }
 
-.border-blue-900 {
+.focus\:border-blue-900:focus {
   border-color: #2a4365;
 }
 
-.border-indigo-100 {
+.focus\:border-indigo-100:focus {
   border-color: #ebf4ff;
 }
 
-.border-indigo-200 {
+.focus\:border-indigo-200:focus {
   border-color: #c3dafe;
 }
 
-.border-indigo-300 {
+.focus\:border-indigo-300:focus {
   border-color: #a3bffa;
 }
 
-.border-indigo-400 {
+.focus\:border-indigo-400:focus {
   border-color: #7f9cf5;
 }
 
-.border-indigo-500 {
+.focus\:border-indigo-500:focus {
   border-color: #667eea;
 }
 
-.border-indigo-600 {
+.focus\:border-indigo-600:focus {
   border-color: #5a67d8;
 }
 
-.border-indigo-700 {
+.focus\:border-indigo-700:focus {
   border-color: #4c51bf;
 }
 
-.border-indigo-800 {
+.focus\:border-indigo-800:focus {
   border-color: #434190;
 }
 
-.border-indigo-900 {
+.focus\:border-indigo-900:focus {
   border-color: #3c366b;
 }
 
-.border-purple-100 {
+.focus\:border-purple-100:focus {
   border-color: #faf5ff;
 }
 
-.border-purple-200 {
+.focus\:border-purple-200:focus {
   border-color: #e9d8fd;
 }
 
-.border-purple-300 {
+.focus\:border-purple-300:focus {
   border-color: #d6bcfa;
 }
 
-.border-purple-400 {
+.focus\:border-purple-400:focus {
   border-color: #b794f4;
 }
 
-.border-purple-500 {
+.focus\:border-purple-500:focus {
   border-color: #9f7aea;
 }
 
-.border-purple-600 {
+.focus\:border-purple-600:focus {
   border-color: #805ad5;
 }
 
-.border-purple-700 {
+.focus\:border-purple-700:focus {
   border-color: #6b46c1;
 }
 
-.border-purple-800 {
+.focus\:border-purple-800:focus {
   border-color: #553c9a;
 }
 
-.border-purple-900 {
+.focus\:border-purple-900:focus {
   border-color: #44337a;
 }
 
-.border-pink-100 {
+.focus\:border-pink-100:focus {
   border-color: #fff5f7;
 }
 
-.border-pink-200 {
+.focus\:border-pink-200:focus {
   border-color: #fed7e2;
 }
 
-.border-pink-300 {
+.focus\:border-pink-300:focus {
   border-color: #fbb6ce;
 }
 
-.border-pink-400 {
+.focus\:border-pink-400:focus {
   border-color: #f687b3;
 }
 
-.border-pink-500 {
+.focus\:border-pink-500:focus {
   border-color: #ed64a6;
 }
 
-.border-pink-600 {
+.focus\:border-pink-600:focus {
   border-color: #d53f8c;
 }
 
-.border-pink-700 {
+.focus\:border-pink-700:focus {
   border-color: #b83280;
 }
 
-.border-pink-800 {
+.focus\:border-pink-800:focus {
   border-color: #97266d;
 }
 
-.border-pink-900 {
+.focus\:border-pink-900:focus {
   border-color: #702459;
 }
 
-.hover\:border-transparent:hover {
-  border-color: transparent;
+.rounded-none {
+  border-radius: 0;
 }
 
-.hover\:border-current:hover {
-  border-color: currentColor;
+.rounded-sm {
+  border-radius: 0.125rem;
 }
 
-.hover\:border-black:hover {
-  border-color: #000;
+.rounded {
+  border-radius: 0.25rem;
 }
 
-.hover\:border-white:hover {
-  border-color: #fff;
+.rounded-md {
+  border-radius: 0.375rem;
 }
 
-.hover\:border-gray-100:hover {
-  border-color: #f7fafc;
+.rounded-lg {
+  border-radius: 0.5rem;
 }
 
-.hover\:border-gray-200:hover {
-  border-color: #edf2f7;
+.rounded-full {
+  border-radius: 9999px;
 }
 
-.hover\:border-gray-300:hover {
-  border-color: #e2e8f0;
+.rounded-t-none {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 
-.hover\:border-gray-400:hover {
-  border-color: #cbd5e0;
+.rounded-r-none {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-.hover\:border-gray-500:hover {
-  border-color: #a0aec0;
+.rounded-b-none {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
-.hover\:border-gray-600:hover {
-  border-color: #718096;
+.rounded-l-none {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
-.hover\:border-gray-700:hover {
-  border-color: #4a5568;
+.rounded-t-sm {
+  border-top-left-radius: 0.125rem;
+  border-top-right-radius: 0.125rem;
 }
 
-.hover\:border-gray-800:hover {
-  border-color: #2d3748;
+.rounded-r-sm {
+  border-top-right-radius: 0.125rem;
+  border-bottom-right-radius: 0.125rem;
 }
 
-.hover\:border-gray-900:hover {
-  border-color: #1a202c;
+.rounded-b-sm {
+  border-bottom-right-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
 }
 
-.hover\:border-red-100:hover {
-  border-color: #fff5f5;
+.rounded-l-sm {
+  border-top-left-radius: 0.125rem;
+  border-bottom-left-radius: 0.125rem;
 }
 
-.hover\:border-red-200:hover {
-  border-color: #fed7d7;
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
 }
 
-.hover\:border-red-300:hover {
-  border-color: #feb2b2;
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
 }
 
-.hover\:border-red-400:hover {
-  border-color: #fc8181;
+.rounded-b {
+  border-bottom-right-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
 }
 
-.hover\:border-red-500:hover {
-  border-color: #f56565;
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
 }
 
-.hover\:border-red-600:hover {
-  border-color: #e53e3e;
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
 }
 
-.hover\:border-red-700:hover {
-  border-color: #c53030;
+.rounded-r-md {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
 }
 
-.hover\:border-red-800:hover {
-  border-color: #9b2c2c;
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
 }
 
-.hover\:border-red-900:hover {
-  border-color: #742a2a;
+.rounded-l-md {
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
 }
 
-.hover\:border-orange-100:hover {
-  border-color: #fffaf0;
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
 }
 
-.hover\:border-orange-200:hover {
-  border-color: #feebc8;
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
 }
 
-.hover\:border-orange-300:hover {
-  border-color: #fbd38d;
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
 }
 
-.hover\:border-orange-400:hover {
-  border-color: #f6ad55;
+.rounded-l-lg {
+  border-top-left-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
 }
 
-.hover\:border-orange-500:hover {
-  border-color: #ed8936;
+.rounded-t-full {
+  border-top-left-radius: 9999px;
+  border-top-right-radius: 9999px;
 }
 
-.hover\:border-orange-600:hover {
-  border-color: #dd6b20;
+.rounded-r-full {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
 }
 
-.hover\:border-orange-700:hover {
-  border-color: #c05621;
+.rounded-b-full {
+  border-bottom-right-radius: 9999px;
+  border-bottom-left-radius: 9999px;
 }
 
-.hover\:border-orange-800:hover {
-  border-color: #9c4221;
+.rounded-l-full {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
 }
 
-.hover\:border-orange-900:hover {
-  border-color: #7b341e;
+.rounded-tl-none {
+  border-top-left-radius: 0;
 }
 
-.hover\:border-yellow-100:hover {
-  border-color: #fffff0;
+.rounded-tr-none {
+  border-top-right-radius: 0;
 }
 
-.hover\:border-yellow-200:hover {
-  border-color: #fefcbf;
+.rounded-br-none {
+  border-bottom-right-radius: 0;
 }
 
-.hover\:border-yellow-300:hover {
-  border-color: #faf089;
+.rounded-bl-none {
+  border-bottom-left-radius: 0;
 }
 
-.hover\:border-yellow-400:hover {
-  border-color: #f6e05e;
+.rounded-tl-sm {
+  border-top-left-radius: 0.125rem;
 }
 
-.hover\:border-yellow-500:hover {
-  border-color: #ecc94b;
+.rounded-tr-sm {
+  border-top-right-radius: 0.125rem;
 }
 
-.hover\:border-yellow-600:hover {
-  border-color: #d69e2e;
+.rounded-br-sm {
+  border-bottom-right-radius: 0.125rem;
 }
 
-.hover\:border-yellow-700:hover {
-  border-color: #b7791f;
+.rounded-bl-sm {
+  border-bottom-left-radius: 0.125rem;
 }
 
-.hover\:border-yellow-800:hover {
-  border-color: #975a16;
+.rounded-tl {
+  border-top-left-radius: 0.25rem;
 }
 
-.hover\:border-yellow-900:hover {
-  border-color: #744210;
+.rounded-tr {
+  border-top-right-radius: 0.25rem;
 }
 
-.hover\:border-green-100:hover {
-  border-color: #f0fff4;
+.rounded-br {
+  border-bottom-right-radius: 0.25rem;
 }
 
-.hover\:border-green-200:hover {
-  border-color: #c6f6d5;
+.rounded-bl {
+  border-bottom-left-radius: 0.25rem;
 }
 
-.hover\:border-green-300:hover {
-  border-color: #9ae6b4;
+.rounded-tl-md {
+  border-top-left-radius: 0.375rem;
 }
 
-.hover\:border-green-400:hover {
-  border-color: #68d391;
+.rounded-tr-md {
+  border-top-right-radius: 0.375rem;
 }
 
-.hover\:border-green-500:hover {
-  border-color: #48bb78;
+.rounded-br-md {
+  border-bottom-right-radius: 0.375rem;
 }
 
-.hover\:border-green-600:hover {
-  border-color: #38a169;
+.rounded-bl-md {
+  border-bottom-left-radius: 0.375rem;
 }
 
-.hover\:border-green-700:hover {
-  border-color: #2f855a;
+.rounded-tl-lg {
+  border-top-left-radius: 0.5rem;
 }
 
-.hover\:border-green-800:hover {
-  border-color: #276749;
+.rounded-tr-lg {
+  border-top-right-radius: 0.5rem;
 }
 
-.hover\:border-green-900:hover {
-  border-color: #22543d;
+.rounded-br-lg {
+  border-bottom-right-radius: 0.5rem;
 }
 
-.hover\:border-teal-100:hover {
-  border-color: #e6fffa;
+.rounded-bl-lg {
+  border-bottom-left-radius: 0.5rem;
 }
 
-.hover\:border-teal-200:hover {
-  border-color: #b2f5ea;
+.rounded-tl-full {
+  border-top-left-radius: 9999px;
 }
 
-.hover\:border-teal-300:hover {
-  border-color: #81e6d9;
+.rounded-tr-full {
+  border-top-right-radius: 9999px;
 }
 
-.hover\:border-teal-400:hover {
-  border-color: #4fd1c5;
+.rounded-br-full {
+  border-bottom-right-radius: 9999px;
 }
 
-.hover\:border-teal-500:hover {
-  border-color: #38b2ac;
+.rounded-bl-full {
+  border-bottom-left-radius: 9999px;
 }
 
-.hover\:border-teal-600:hover {
-  border-color: #319795;
+.border-solid {
+  border-style: solid;
 }
 
-.hover\:border-teal-700:hover {
-  border-color: #2c7a7b;
+.border-dashed {
+  border-style: dashed;
 }
 
-.hover\:border-teal-800:hover {
-  border-color: #285e61;
+.border-dotted {
+  border-style: dotted;
 }
 
-.hover\:border-teal-900:hover {
-  border-color: #234e52;
+.border-double {
+  border-style: double;
 }
 
-.hover\:border-blue-100:hover {
-  border-color: #ebf8ff;
+.border-none {
+  border-style: none;
 }
 
-.hover\:border-blue-200:hover {
-  border-color: #bee3f8;
+.border-0 {
+  border-width: 0;
 }
 
-.hover\:border-blue-300:hover {
-  border-color: #90cdf4;
+.border-2 {
+  border-width: 2px;
 }
 
-.hover\:border-blue-400:hover {
-  border-color: #63b3ed;
+.border-4 {
+  border-width: 4px;
 }
 
-.hover\:border-blue-500:hover {
-  border-color: #4299e1;
+.border-8 {
+  border-width: 8px;
 }
 
-.hover\:border-blue-600:hover {
-  border-color: #3182ce;
+.border {
+  border-width: 1px;
 }
 
-.hover\:border-blue-700:hover {
-  border-color: #2b6cb0;
+.border-t-0 {
+  border-top-width: 0;
 }
 
-.hover\:border-blue-800:hover {
-  border-color: #2c5282;
+.border-r-0 {
+  border-right-width: 0;
 }
 
-.hover\:border-blue-900:hover {
-  border-color: #2a4365;
+.border-b-0 {
+  border-bottom-width: 0;
 }
 
-.hover\:border-indigo-100:hover {
-  border-color: #ebf4ff;
+.border-l-0 {
+  border-left-width: 0;
 }
 
-.hover\:border-indigo-200:hover {
-  border-color: #c3dafe;
+.border-t-2 {
+  border-top-width: 2px;
 }
 
-.hover\:border-indigo-300:hover {
-  border-color: #a3bffa;
+.border-r-2 {
+  border-right-width: 2px;
 }
 
-.hover\:border-indigo-400:hover {
-  border-color: #7f9cf5;
+.border-b-2 {
+  border-bottom-width: 2px;
 }
 
-.hover\:border-indigo-500:hover {
-  border-color: #667eea;
+.border-l-2 {
+  border-left-width: 2px;
 }
 
-.hover\:border-indigo-600:hover {
-  border-color: #5a67d8;
+.border-t-4 {
+  border-top-width: 4px;
 }
 
-.hover\:border-indigo-700:hover {
-  border-color: #4c51bf;
+.border-r-4 {
+  border-right-width: 4px;
 }
 
-.hover\:border-indigo-800:hover {
-  border-color: #434190;
+.border-b-4 {
+  border-bottom-width: 4px;
 }
 
-.hover\:border-indigo-900:hover {
-  border-color: #3c366b;
+.border-l-4 {
+  border-left-width: 4px;
 }
 
-.hover\:border-purple-100:hover {
-  border-color: #faf5ff;
+.border-t-8 {
+  border-top-width: 8px;
 }
 
-.hover\:border-purple-200:hover {
-  border-color: #e9d8fd;
+.border-r-8 {
+  border-right-width: 8px;
 }
 
-.hover\:border-purple-300:hover {
-  border-color: #d6bcfa;
+.border-b-8 {
+  border-bottom-width: 8px;
 }
 
-.hover\:border-purple-400:hover {
-  border-color: #b794f4;
+.border-l-8 {
+  border-left-width: 8px;
 }
 
-.hover\:border-purple-500:hover {
-  border-color: #9f7aea;
+.border-t {
+  border-top-width: 1px;
 }
 
-.hover\:border-purple-600:hover {
-  border-color: #805ad5;
+.border-r {
+  border-right-width: 1px;
 }
 
-.hover\:border-purple-700:hover {
-  border-color: #6b46c1;
+.border-b {
+  border-bottom-width: 1px;
 }
 
-.hover\:border-purple-800:hover {
-  border-color: #553c9a;
+.border-l {
+  border-left-width: 1px;
 }
 
-.hover\:border-purple-900:hover {
-  border-color: #44337a;
+.box-border {
+  box-sizing: border-box;
 }
 
-.hover\:border-pink-100:hover {
-  border-color: #fff5f7;
+.box-content {
+  box-sizing: content-box;
 }
 
-.hover\:border-pink-200:hover {
-  border-color: #fed7e2;
+.cursor-auto {
+  cursor: auto;
 }
 
-.hover\:border-pink-300:hover {
-  border-color: #fbb6ce;
+.cursor-default {
+  cursor: default;
 }
 
-.hover\:border-pink-400:hover {
-  border-color: #f687b3;
+.cursor-pointer {
+  cursor: pointer;
 }
 
-.hover\:border-pink-500:hover {
-  border-color: #ed64a6;
+.cursor-wait {
+  cursor: wait;
 }
 
-.hover\:border-pink-600:hover {
-  border-color: #d53f8c;
+.cursor-text {
+  cursor: text;
 }
 
-.hover\:border-pink-700:hover {
-  border-color: #b83280;
+.cursor-move {
+  cursor: move;
 }
 
-.hover\:border-pink-800:hover {
-  border-color: #97266d;
+.cursor-not-allowed {
+  cursor: not-allowed;
 }
 
-.hover\:border-pink-900:hover {
-  border-color: #702459;
+.block {
+  display: block;
 }
 
-.focus\:border-transparent:focus {
-  border-color: transparent;
+.inline-block {
+  display: inline-block;
 }
 
-.focus\:border-current:focus {
-  border-color: currentColor;
+.inline {
+  display: inline;
 }
 
-.focus\:border-black:focus {
-  border-color: #000;
+.flex {
+  display: flex;
 }
 
-.focus\:border-white:focus {
-  border-color: #fff;
+.inline-flex {
+  display: inline-flex;
 }
 
-.focus\:border-gray-100:focus {
-  border-color: #f7fafc;
+.table {
+  display: table;
 }
 
-.focus\:border-gray-200:focus {
-  border-color: #edf2f7;
+.table-caption {
+  display: table-caption;
 }
 
-.focus\:border-gray-300:focus {
-  border-color: #e2e8f0;
+.table-cell {
+  display: table-cell;
 }
 
-.focus\:border-gray-400:focus {
-  border-color: #cbd5e0;
+.table-column {
+  display: table-column;
 }
 
-.focus\:border-gray-500:focus {
-  border-color: #a0aec0;
+.table-column-group {
+  display: table-column-group;
 }
 
-.focus\:border-gray-600:focus {
-  border-color: #718096;
+.table-footer-group {
+  display: table-footer-group;
 }
 
-.focus\:border-gray-700:focus {
-  border-color: #4a5568;
+.table-header-group {
+  display: table-header-group;
 }
 
-.focus\:border-gray-800:focus {
-  border-color: #2d3748;
+.table-row-group {
+  display: table-row-group;
 }
 
-.focus\:border-gray-900:focus {
-  border-color: #1a202c;
+.table-row {
+  display: table-row;
 }
 
-.focus\:border-red-100:focus {
-  border-color: #fff5f5;
+.hidden {
+  display: none;
 }
 
-.focus\:border-red-200:focus {
-  border-color: #fed7d7;
+.flex-row {
+  flex-direction: row;
 }
 
-.focus\:border-red-300:focus {
-  border-color: #feb2b2;
+.flex-row-reverse {
+  flex-direction: row-reverse;
 }
 
-.focus\:border-red-400:focus {
-  border-color: #fc8181;
+.flex-col {
+  flex-direction: column;
 }
 
-.focus\:border-red-500:focus {
-  border-color: #f56565;
+.flex-col-reverse {
+  flex-direction: column-reverse;
 }
 
-.focus\:border-red-600:focus {
-  border-color: #e53e3e;
+.flex-wrap {
+  flex-wrap: wrap;
 }
 
-.focus\:border-red-700:focus {
-  border-color: #c53030;
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
 }
 
-.focus\:border-red-800:focus {
-  border-color: #9b2c2c;
+.flex-no-wrap {
+  flex-wrap: nowrap;
 }
 
-.focus\:border-red-900:focus {
-  border-color: #742a2a;
+.items-start {
+  align-items: flex-start;
 }
 
-.focus\:border-orange-100:focus {
-  border-color: #fffaf0;
+.items-end {
+  align-items: flex-end;
 }
 
-.focus\:border-orange-200:focus {
-  border-color: #feebc8;
+.items-center {
+  align-items: center;
 }
 
-.focus\:border-orange-300:focus {
-  border-color: #fbd38d;
+.items-baseline {
+  align-items: baseline;
 }
 
-.focus\:border-orange-400:focus {
-  border-color: #f6ad55;
+.items-stretch {
+  align-items: stretch;
 }
 
-.focus\:border-orange-500:focus {
-  border-color: #ed8936;
+.self-auto {
+  align-self: auto;
 }
 
-.focus\:border-orange-600:focus {
-  border-color: #dd6b20;
+.self-start {
+  align-self: flex-start;
 }
 
-.focus\:border-orange-700:focus {
-  border-color: #c05621;
+.self-end {
+  align-self: flex-end;
 }
 
-.focus\:border-orange-800:focus {
-  border-color: #9c4221;
+.self-center {
+  align-self: center;
 }
 
-.focus\:border-orange-900:focus {
-  border-color: #7b341e;
+.self-stretch {
+  align-self: stretch;
 }
 
-.focus\:border-yellow-100:focus {
-  border-color: #fffff0;
+.justify-start {
+  justify-content: flex-start;
 }
 
-.focus\:border-yellow-200:focus {
-  border-color: #fefcbf;
+.justify-end {
+  justify-content: flex-end;
 }
 
-.focus\:border-yellow-300:focus {
-  border-color: #faf089;
+.justify-center {
+  justify-content: center;
 }
 
-.focus\:border-yellow-400:focus {
-  border-color: #f6e05e;
+.justify-between {
+  justify-content: space-between;
 }
 
-.focus\:border-yellow-500:focus {
-  border-color: #ecc94b;
+.justify-around {
+  justify-content: space-around;
 }
 
-.focus\:border-yellow-600:focus {
-  border-color: #d69e2e;
+.justify-evenly {
+  justify-content: space-evenly;
 }
 
-.focus\:border-yellow-700:focus {
-  border-color: #b7791f;
+.content-center {
+  align-content: center;
 }
 
-.focus\:border-yellow-800:focus {
-  border-color: #975a16;
+.content-start {
+  align-content: flex-start;
 }
 
-.focus\:border-yellow-900:focus {
-  border-color: #744210;
+.content-end {
+  align-content: flex-end;
 }
 
-.focus\:border-green-100:focus {
-  border-color: #f0fff4;
+.content-between {
+  align-content: space-between;
 }
 
-.focus\:border-green-200:focus {
-  border-color: #c6f6d5;
+.content-around {
+  align-content: space-around;
 }
 
-.focus\:border-green-300:focus {
-  border-color: #9ae6b4;
+.flex-1 {
+  flex: 1 1 0%;
 }
 
-.focus\:border-green-400:focus {
-  border-color: #68d391;
+.flex-auto {
+  flex: 1 1 auto;
 }
 
-.focus\:border-green-500:focus {
-  border-color: #48bb78;
+.flex-initial {
+  flex: 0 1 auto;
 }
 
-.focus\:border-green-600:focus {
-  border-color: #38a169;
+.flex-none {
+  flex: none;
 }
 
-.focus\:border-green-700:focus {
-  border-color: #2f855a;
+.flex-grow-0 {
+  flex-grow: 0;
 }
 
-.focus\:border-green-800:focus {
-  border-color: #276749;
+.flex-grow {
+  flex-grow: 1;
 }
 
-.focus\:border-green-900:focus {
-  border-color: #22543d;
+.flex-shrink-0 {
+  flex-shrink: 0;
 }
 
-.focus\:border-teal-100:focus {
-  border-color: #e6fffa;
+.flex-shrink {
+  flex-shrink: 1;
 }
 
-.focus\:border-teal-200:focus {
-  border-color: #b2f5ea;
+.order-1 {
+  order: 1;
 }
 
-.focus\:border-teal-300:focus {
-  border-color: #81e6d9;
+.order-2 {
+  order: 2;
 }
 
-.focus\:border-teal-400:focus {
-  border-color: #4fd1c5;
+.order-3 {
+  order: 3;
 }
 
-.focus\:border-teal-500:focus {
-  border-color: #38b2ac;
+.order-4 {
+  order: 4;
 }
 
-.focus\:border-teal-600:focus {
-  border-color: #319795;
+.order-5 {
+  order: 5;
 }
 
-.focus\:border-teal-700:focus {
-  border-color: #2c7a7b;
+.order-6 {
+  order: 6;
 }
 
-.focus\:border-teal-800:focus {
-  border-color: #285e61;
+.order-7 {
+  order: 7;
 }
 
-.focus\:border-teal-900:focus {
-  border-color: #234e52;
+.order-8 {
+  order: 8;
 }
 
-.focus\:border-blue-100:focus {
-  border-color: #ebf8ff;
+.order-9 {
+  order: 9;
 }
 
-.focus\:border-blue-200:focus {
-  border-color: #bee3f8;
+.order-10 {
+  order: 10;
 }
 
-.focus\:border-blue-300:focus {
-  border-color: #90cdf4;
+.order-11 {
+  order: 11;
 }
 
-.focus\:border-blue-400:focus {
-  border-color: #63b3ed;
+.order-12 {
+  order: 12;
 }
 
-.focus\:border-blue-500:focus {
-  border-color: #4299e1;
+.order-first {
+  order: -9999;
 }
 
-.focus\:border-blue-600:focus {
-  border-color: #3182ce;
+.order-last {
+  order: 9999;
 }
 
-.focus\:border-blue-700:focus {
-  border-color: #2b6cb0;
+.order-none {
+  order: 0;
 }
 
-.focus\:border-blue-800:focus {
-  border-color: #2c5282;
+.float-right {
+  float: right;
 }
 
-.focus\:border-blue-900:focus {
-  border-color: #2a4365;
+.float-left {
+  float: left;
 }
 
-.focus\:border-indigo-100:focus {
-  border-color: #ebf4ff;
+.float-none {
+  float: none;
 }
 
-.focus\:border-indigo-200:focus {
-  border-color: #c3dafe;
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
 }
 
-.focus\:border-indigo-300:focus {
-  border-color: #a3bffa;
+.clear-left {
+  clear: left;
 }
 
-.focus\:border-indigo-400:focus {
-  border-color: #7f9cf5;
+.clear-right {
+  clear: right;
 }
 
-.focus\:border-indigo-500:focus {
-  border-color: #667eea;
+.clear-both {
+  clear: both;
 }
 
-.focus\:border-indigo-600:focus {
-  border-color: #5a67d8;
+.clear-none {
+  clear: none;
 }
 
-.focus\:border-indigo-700:focus {
-  border-color: #4c51bf;
+.font-sans {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
-.focus\:border-indigo-800:focus {
-  border-color: #434190;
+.font-serif {
+  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
 }
 
-.focus\:border-indigo-900:focus {
-  border-color: #3c366b;
+.font-mono {
+  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-.focus\:border-purple-100:focus {
-  border-color: #faf5ff;
+.font-hairline {
+  font-weight: 100;
 }
 
-.focus\:border-purple-200:focus {
-  border-color: #e9d8fd;
+.font-thin {
+  font-weight: 200;
 }
 
-.focus\:border-purple-300:focus {
-  border-color: #d6bcfa;
+.font-light {
+  font-weight: 300;
 }
 
-.focus\:border-purple-400:focus {
-  border-color: #b794f4;
+.font-normal {
+  font-weight: 400;
 }
 
-.focus\:border-purple-500:focus {
-  border-color: #9f7aea;
+.font-medium {
+  font-weight: 500;
 }
 
-.focus\:border-purple-600:focus {
-  border-color: #805ad5;
+.font-semibold {
+  font-weight: 600;
 }
 
-.focus\:border-purple-700:focus {
-  border-color: #6b46c1;
+.font-bold {
+  font-weight: 700;
 }
 
-.focus\:border-purple-800:focus {
-  border-color: #553c9a;
+.font-extrabold {
+  font-weight: 800;
 }
 
-.focus\:border-purple-900:focus {
-  border-color: #44337a;
+.font-black {
+  font-weight: 900;
 }
 
-.focus\:border-pink-100:focus {
-  border-color: #fff5f7;
+.hover\:font-hairline:hover {
+  font-weight: 100;
 }
 
-.focus\:border-pink-200:focus {
-  border-color: #fed7e2;
+.hover\:font-thin:hover {
+  font-weight: 200;
 }
 
-.focus\:border-pink-300:focus {
-  border-color: #fbb6ce;
+.hover\:font-light:hover {
+  font-weight: 300;
 }
 
-.focus\:border-pink-400:focus {
-  border-color: #f687b3;
+.hover\:font-normal:hover {
+  font-weight: 400;
 }
 
-.focus\:border-pink-500:focus {
-  border-color: #ed64a6;
+.hover\:font-medium:hover {
+  font-weight: 500;
 }
 
-.focus\:border-pink-600:focus {
-  border-color: #d53f8c;
+.hover\:font-semibold:hover {
+  font-weight: 600;
 }
 
-.focus\:border-pink-700:focus {
-  border-color: #b83280;
+.hover\:font-bold:hover {
+  font-weight: 700;
 }
 
-.focus\:border-pink-800:focus {
-  border-color: #97266d;
+.hover\:font-extrabold:hover {
+  font-weight: 800;
 }
 
-.focus\:border-pink-900:focus {
-  border-color: #702459;
+.hover\:font-black:hover {
+  font-weight: 900;
 }
 
-.rounded-none {
-  border-radius: 0;
+.focus\:font-hairline:focus {
+  font-weight: 100;
 }
 
-.rounded-sm {
-  border-radius: 0.125rem;
+.focus\:font-thin:focus {
+  font-weight: 200;
 }
 
-.rounded {
-  border-radius: 0.25rem;
+.focus\:font-light:focus {
+  font-weight: 300;
 }
 
-.rounded-md {
-  border-radius: 0.375rem;
+.focus\:font-normal:focus {
+  font-weight: 400;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
+.focus\:font-medium:focus {
+  font-weight: 500;
 }
 
-.rounded-full {
-  border-radius: 9999px;
+.focus\:font-semibold:focus {
+  font-weight: 600;
 }
 
-.rounded-t-none {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+.focus\:font-bold:focus {
+  font-weight: 700;
 }
 
-.rounded-r-none {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+.focus\:font-extrabold:focus {
+  font-weight: 800;
 }
 
-.rounded-b-none {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+.focus\:font-black:focus {
+  font-weight: 900;
 }
 
-.rounded-l-none {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+.h-0 {
+  height: 0;
 }
 
-.rounded-t-sm {
-  border-top-left-radius: 0.125rem;
-  border-top-right-radius: 0.125rem;
+.h-1 {
+  height: 0.25rem;
 }
 
-.rounded-r-sm {
-  border-top-right-radius: 0.125rem;
-  border-bottom-right-radius: 0.125rem;
+.h-2 {
+  height: 0.5rem;
 }
 
-.rounded-b-sm {
-  border-bottom-right-radius: 0.125rem;
-  border-bottom-left-radius: 0.125rem;
+.h-3 {
+  height: 0.75rem;
 }
 
-.rounded-l-sm {
-  border-top-left-radius: 0.125rem;
-  border-bottom-left-radius: 0.125rem;
+.h-4 {
+  height: 1rem;
 }
 
-.rounded-t {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
+.h-5 {
+  height: 1.25rem;
 }
 
-.rounded-r {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
+.h-6 {
+  height: 1.5rem;
 }
 
-.rounded-b {
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
+.h-8 {
+  height: 2rem;
 }
 
-.rounded-l {
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
+.h-10 {
+  height: 2.5rem;
 }
 
-.rounded-t-md {
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
+.h-12 {
+  height: 3rem;
 }
 
-.rounded-r-md {
-  border-top-right-radius: 0.375rem;
-  border-bottom-right-radius: 0.375rem;
+.h-16 {
+  height: 4rem;
 }
 
-.rounded-b-md {
-  border-bottom-right-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
+.h-20 {
+  height: 5rem;
 }
 
-.rounded-l-md {
-  border-top-left-radius: 0.375rem;
-  border-bottom-left-radius: 0.375rem;
+.h-24 {
+  height: 6rem;
 }
 
-.rounded-t-lg {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
+.h-32 {
+  height: 8rem;
 }
 
-.rounded-r-lg {
-  border-top-right-radius: 0.5rem;
-  border-bottom-right-radius: 0.5rem;
+.h-40 {
+  height: 10rem;
 }
 
-.rounded-b-lg {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
+.h-48 {
+  height: 12rem;
 }
 
-.rounded-l-lg {
-  border-top-left-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
+.h-56 {
+  height: 14rem;
 }
 
-.rounded-t-full {
-  border-top-left-radius: 9999px;
-  border-top-right-radius: 9999px;
+.h-64 {
+  height: 16rem;
 }
 
-.rounded-r-full {
-  border-top-right-radius: 9999px;
-  border-bottom-right-radius: 9999px;
+.h-auto {
+  height: auto;
 }
 
-.rounded-b-full {
-  border-bottom-right-radius: 9999px;
-  border-bottom-left-radius: 9999px;
+.h-px {
+  height: 1px;
 }
 
-.rounded-l-full {
-  border-top-left-radius: 9999px;
-  border-bottom-left-radius: 9999px;
+.h-full {
+  height: 100%;
 }
 
-.rounded-tl-none {
-  border-top-left-radius: 0;
+.h-screen {
+  height: 100vh;
 }
 
-.rounded-tr-none {
-  border-top-right-radius: 0;
+.text-xs {
+  font-size: 0.75rem;
 }
 
-.rounded-br-none {
-  border-bottom-right-radius: 0;
+.text-sm {
+  font-size: 0.875rem;
 }
 
-.rounded-bl-none {
-  border-bottom-left-radius: 0;
+.text-base {
+  font-size: 1rem;
 }
 
-.rounded-tl-sm {
-  border-top-left-radius: 0.125rem;
+.text-lg {
+  font-size: 1.125rem;
 }
 
-.rounded-tr-sm {
-  border-top-right-radius: 0.125rem;
+.text-xl {
+  font-size: 1.25rem;
 }
 
-.rounded-br-sm {
-  border-bottom-right-radius: 0.125rem;
+.text-2xl {
+  font-size: 1.5rem;
 }
 
-.rounded-bl-sm {
-  border-bottom-left-radius: 0.125rem;
+.text-3xl {
+  font-size: 1.875rem;
 }
 
-.rounded-tl {
-  border-top-left-radius: 0.25rem;
+.text-4xl {
+  font-size: 2.25rem;
 }
 
-.rounded-tr {
-  border-top-right-radius: 0.25rem;
+.text-5xl {
+  font-size: 3rem;
 }
 
-.rounded-br {
-  border-bottom-right-radius: 0.25rem;
+.text-6xl {
+  font-size: 4rem;
 }
 
-.rounded-bl {
-  border-bottom-left-radius: 0.25rem;
+.leading-3 {
+  line-height: .75rem;
 }
 
-.rounded-tl-md {
-  border-top-left-radius: 0.375rem;
+.leading-4 {
+  line-height: 1rem;
 }
 
-.rounded-tr-md {
-  border-top-right-radius: 0.375rem;
+.leading-5 {
+  line-height: 1.25rem;
 }
 
-.rounded-br-md {
-  border-bottom-right-radius: 0.375rem;
+.leading-6 {
+  line-height: 1.5rem;
 }
 
-.rounded-bl-md {
-  border-bottom-left-radius: 0.375rem;
+.leading-7 {
+  line-height: 1.75rem;
 }
 
-.rounded-tl-lg {
-  border-top-left-radius: 0.5rem;
+.leading-8 {
+  line-height: 2rem;
 }
 
-.rounded-tr-lg {
-  border-top-right-radius: 0.5rem;
+.leading-9 {
+  line-height: 2.25rem;
 }
 
-.rounded-br-lg {
-  border-bottom-right-radius: 0.5rem;
+.leading-10 {
+  line-height: 2.5rem;
 }
 
-.rounded-bl-lg {
-  border-bottom-left-radius: 0.5rem;
+.leading-none {
+  line-height: 1;
 }
 
-.rounded-tl-full {
-  border-top-left-radius: 9999px;
+.leading-tight {
+  line-height: 1.25;
 }
 
-.rounded-tr-full {
-  border-top-right-radius: 9999px;
+.leading-snug {
+  line-height: 1.375;
 }
 
-.rounded-br-full {
-  border-bottom-right-radius: 9999px;
+.leading-normal {
+  line-height: 1.5;
 }
 
-.rounded-bl-full {
-  border-bottom-left-radius: 9999px;
+.leading-relaxed {
+  line-height: 1.625;
 }
 
-.border-solid {
-  border-style: solid;
+.leading-loose {
+  line-height: 2;
 }
 
-.border-dashed {
-  border-style: dashed;
+.list-inside {
+  list-style-position: inside;
 }
 
-.border-dotted {
-  border-style: dotted;
+.list-outside {
+  list-style-position: outside;
 }
 
-.border-double {
-  border-style: double;
+.list-none {
+  list-style-type: none;
 }
 
-.border-none {
-  border-style: none;
+.list-disc {
+  list-style-type: disc;
 }
 
-.border-0 {
-  border-width: 0;
+.list-decimal {
+  list-style-type: decimal;
 }
 
-.border-2 {
-  border-width: 2px;
+.m-0 {
+  margin: 0;
 }
 
-.border-4 {
-  border-width: 4px;
+.m-1 {
+  margin: 0.25rem;
 }
 
-.border-8 {
-  border-width: 8px;
+.m-2 {
+  margin: 0.5rem;
 }
 
-.border {
-  border-width: 1px;
+.m-3 {
+  margin: 0.75rem;
 }
 
-.border-t-0 {
-  border-top-width: 0;
+.m-4 {
+  margin: 1rem;
 }
 
-.border-r-0 {
-  border-right-width: 0;
+.m-5 {
+  margin: 1.25rem;
 }
 
-.border-b-0 {
-  border-bottom-width: 0;
+.m-6 {
+  margin: 1.5rem;
 }
 
-.border-l-0 {
-  border-left-width: 0;
+.m-8 {
+  margin: 2rem;
 }
 
-.border-t-2 {
-  border-top-width: 2px;
+.m-10 {
+  margin: 2.5rem;
 }
 
-.border-r-2 {
-  border-right-width: 2px;
+.m-12 {
+  margin: 3rem;
 }
 
-.border-b-2 {
-  border-bottom-width: 2px;
+.m-16 {
+  margin: 4rem;
 }
 
-.border-l-2 {
-  border-left-width: 2px;
+.m-20 {
+  margin: 5rem;
 }
 
-.border-t-4 {
-  border-top-width: 4px;
+.m-24 {
+  margin: 6rem;
 }
 
-.border-r-4 {
-  border-right-width: 4px;
+.m-32 {
+  margin: 8rem;
 }
 
-.border-b-4 {
-  border-bottom-width: 4px;
+.m-40 {
+  margin: 10rem;
 }
 
-.border-l-4 {
-  border-left-width: 4px;
+.m-48 {
+  margin: 12rem;
 }
 
-.border-t-8 {
-  border-top-width: 8px;
+.m-56 {
+  margin: 14rem;
 }
 
-.border-r-8 {
-  border-right-width: 8px;
+.m-64 {
+  margin: 16rem;
 }
 
-.border-b-8 {
-  border-bottom-width: 8px;
+.m-auto {
+  margin: auto;
 }
 
-.border-l-8 {
-  border-left-width: 8px;
+.m-px {
+  margin: 1px;
 }
 
-.border-t {
-  border-top-width: 1px;
+.-m-1 {
+  margin: -0.25rem;
 }
 
-.border-r {
-  border-right-width: 1px;
+.-m-2 {
+  margin: -0.5rem;
 }
 
-.border-b {
-  border-bottom-width: 1px;
+.-m-3 {
+  margin: -0.75rem;
 }
 
-.border-l {
-  border-left-width: 1px;
+.-m-4 {
+  margin: -1rem;
 }
 
-.box-border {
-  box-sizing: border-box;
+.-m-5 {
+  margin: -1.25rem;
 }
 
-.box-content {
-  box-sizing: content-box;
+.-m-6 {
+  margin: -1.5rem;
 }
 
-.cursor-auto {
-  cursor: auto;
+.-m-8 {
+  margin: -2rem;
 }
 
-.cursor-default {
-  cursor: default;
+.-m-10 {
+  margin: -2.5rem;
 }
 
-.cursor-pointer {
-  cursor: pointer;
+.-m-12 {
+  margin: -3rem;
 }
 
-.cursor-wait {
-  cursor: wait;
+.-m-16 {
+  margin: -4rem;
 }
 
-.cursor-text {
-  cursor: text;
+.-m-20 {
+  margin: -5rem;
 }
 
-.cursor-move {
-  cursor: move;
+.-m-24 {
+  margin: -6rem;
 }
 
-.cursor-not-allowed {
-  cursor: not-allowed;
+.-m-32 {
+  margin: -8rem;
 }
 
-.block {
-  display: block;
+.-m-40 {
+  margin: -10rem;
 }
 
-.inline-block {
-  display: inline-block;
+.-m-48 {
+  margin: -12rem;
 }
 
-.inline {
-  display: inline;
+.-m-56 {
+  margin: -14rem;
 }
 
-.flex {
-  display: flex;
+.-m-64 {
+  margin: -16rem;
 }
 
-.inline-flex {
-  display: inline-flex;
+.-m-px {
+  margin: -1px;
 }
 
-.table {
-  display: table;
+.my-0 {
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
-.table-caption {
-  display: table-caption;
+.mx-0 {
+  margin-left: 0;
+  margin-right: 0;
 }
 
-.table-cell {
-  display: table-cell;
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 
-.table-column {
-  display: table-column;
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
 }
 
-.table-column-group {
-  display: table-column-group;
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
-.table-footer-group {
-  display: table-footer-group;
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
 }
 
-.table-header-group {
-  display: table-header-group;
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
 }
 
-.table-row-group {
-  display: table-row-group;
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
 }
 
-.table-row {
-  display: table-row;
+.my-4 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
-.hidden {
-  display: none;
+.mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
 }
 
-.flex-row {
-  flex-direction: row;
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
 }
 
-.flex-row-reverse {
-  flex-direction: row-reverse;
+.mx-5 {
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
 }
 
-.flex-col {
-  flex-direction: column;
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
 }
 
-.flex-col-reverse {
-  flex-direction: column-reverse;
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
 }
 
-.flex-wrap {
-  flex-wrap: wrap;
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
 }
 
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse;
+.mx-8 {
+  margin-left: 2rem;
+  margin-right: 2rem;
 }
 
-.flex-no-wrap {
-  flex-wrap: nowrap;
+.my-10 {
+  margin-top: 2.5rem;
+  margin-bottom: 2.5rem;
 }
 
-.items-start {
-  align-items: flex-start;
+.mx-10 {
+  margin-left: 2.5rem;
+  margin-right: 2.5rem;
 }
 
-.items-end {
-  align-items: flex-end;
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
 }
 
-.items-center {
-  align-items: center;
+.mx-12 {
+  margin-left: 3rem;
+  margin-right: 3rem;
 }
 
-.items-baseline {
-  align-items: baseline;
+.my-16 {
+  margin-top: 4rem;
+  margin-bottom: 4rem;
 }
 
-.items-stretch {
-  align-items: stretch;
+.mx-16 {
+  margin-left: 4rem;
+  margin-right: 4rem;
 }
 
-.self-auto {
-  align-self: auto;
+.my-20 {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
 }
 
-.self-start {
-  align-self: flex-start;
+.mx-20 {
+  margin-left: 5rem;
+  margin-right: 5rem;
 }
 
-.self-end {
-  align-self: flex-end;
+.my-24 {
+  margin-top: 6rem;
+  margin-bottom: 6rem;
 }
 
-.self-center {
-  align-self: center;
+.mx-24 {
+  margin-left: 6rem;
+  margin-right: 6rem;
 }
 
-.self-stretch {
-  align-self: stretch;
+.my-32 {
+  margin-top: 8rem;
+  margin-bottom: 8rem;
 }
 
-.justify-start {
-  justify-content: flex-start;
+.mx-32 {
+  margin-left: 8rem;
+  margin-right: 8rem;
 }
 
-.justify-end {
-  justify-content: flex-end;
+.my-40 {
+  margin-top: 10rem;
+  margin-bottom: 10rem;
 }
 
-.justify-center {
-  justify-content: center;
+.mx-40 {
+  margin-left: 10rem;
+  margin-right: 10rem;
 }
 
-.justify-between {
-  justify-content: space-between;
+.my-48 {
+  margin-top: 12rem;
+  margin-bottom: 12rem;
 }
 
-.justify-around {
-  justify-content: space-around;
+.mx-48 {
+  margin-left: 12rem;
+  margin-right: 12rem;
 }
 
-.justify-evenly {
-  justify-content: space-evenly;
+.my-56 {
+  margin-top: 14rem;
+  margin-bottom: 14rem;
 }
 
-.content-center {
-  align-content: center;
+.mx-56 {
+  margin-left: 14rem;
+  margin-right: 14rem;
 }
 
-.content-start {
-  align-content: flex-start;
+.my-64 {
+  margin-top: 16rem;
+  margin-bottom: 16rem;
 }
 
-.content-end {
-  align-content: flex-end;
+.mx-64 {
+  margin-left: 16rem;
+  margin-right: 16rem;
 }
 
-.content-between {
-  align-content: space-between;
+.my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
 }
 
-.content-around {
-  align-content: space-around;
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
 }
 
-.flex-1 {
-  flex: 1 1 0%;
+.my-px {
+  margin-top: 1px;
+  margin-bottom: 1px;
 }
 
-.flex-auto {
-  flex: 1 1 auto;
+.mx-px {
+  margin-left: 1px;
+  margin-right: 1px;
 }
 
-.flex-initial {
-  flex: 0 1 auto;
+.-my-1 {
+  margin-top: -0.25rem;
+  margin-bottom: -0.25rem;
 }
 
-.flex-none {
-  flex: none;
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
 }
 
-.flex-grow-0 {
-  flex-grow: 0;
+.-my-2 {
+  margin-top: -0.5rem;
+  margin-bottom: -0.5rem;
 }
 
-.flex-grow {
-  flex-grow: 1;
+.-mx-2 {
+  margin-left: -0.5rem;
+  margin-right: -0.5rem;
 }
 
-.flex-shrink-0 {
-  flex-shrink: 0;
+.-my-3 {
+  margin-top: -0.75rem;
+  margin-bottom: -0.75rem;
 }
 
-.flex-shrink {
-  flex-shrink: 1;
+.-mx-3 {
+  margin-left: -0.75rem;
+  margin-right: -0.75rem;
 }
 
-.order-1 {
-  order: 1;
+.-my-4 {
+  margin-top: -1rem;
+  margin-bottom: -1rem;
 }
 
-.order-2 {
-  order: 2;
+.-mx-4 {
+  margin-left: -1rem;
+  margin-right: -1rem;
 }
 
-.order-3 {
-  order: 3;
+.-my-5 {
+  margin-top: -1.25rem;
+  margin-bottom: -1.25rem;
 }
 
-.order-4 {
-  order: 4;
+.-mx-5 {
+  margin-left: -1.25rem;
+  margin-right: -1.25rem;
 }
 
-.order-5 {
-  order: 5;
+.-my-6 {
+  margin-top: -1.5rem;
+  margin-bottom: -1.5rem;
 }
 
-.order-6 {
-  order: 6;
+.-mx-6 {
+  margin-left: -1.5rem;
+  margin-right: -1.5rem;
 }
 
-.order-7 {
-  order: 7;
+.-my-8 {
+  margin-top: -2rem;
+  margin-bottom: -2rem;
 }
 
-.order-8 {
-  order: 8;
+.-mx-8 {
+  margin-left: -2rem;
+  margin-right: -2rem;
 }
 
-.order-9 {
-  order: 9;
+.-my-10 {
+  margin-top: -2.5rem;
+  margin-bottom: -2.5rem;
 }
 
-.order-10 {
-  order: 10;
+.-mx-10 {
+  margin-left: -2.5rem;
+  margin-right: -2.5rem;
 }
 
-.order-11 {
-  order: 11;
+.-my-12 {
+  margin-top: -3rem;
+  margin-bottom: -3rem;
 }
 
-.order-12 {
-  order: 12;
+.-mx-12 {
+  margin-left: -3rem;
+  margin-right: -3rem;
 }
 
-.order-first {
-  order: -9999;
+.-my-16 {
+  margin-top: -4rem;
+  margin-bottom: -4rem;
 }
 
-.order-last {
-  order: 9999;
+.-mx-16 {
+  margin-left: -4rem;
+  margin-right: -4rem;
 }
 
-.order-none {
-  order: 0;
+.-my-20 {
+  margin-top: -5rem;
+  margin-bottom: -5rem;
 }
 
-.float-right {
-  float: right;
+.-mx-20 {
+  margin-left: -5rem;
+  margin-right: -5rem;
 }
 
-.float-left {
-  float: left;
+.-my-24 {
+  margin-top: -6rem;
+  margin-bottom: -6rem;
 }
 
-.float-none {
-  float: none;
+.-mx-24 {
+  margin-left: -6rem;
+  margin-right: -6rem;
 }
 
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
+.-my-32 {
+  margin-top: -8rem;
+  margin-bottom: -8rem;
 }
 
-.clear-left {
-  clear: left;
+.-mx-32 {
+  margin-left: -8rem;
+  margin-right: -8rem;
 }
 
-.clear-right {
-  clear: right;
+.-my-40 {
+  margin-top: -10rem;
+  margin-bottom: -10rem;
 }
 
-.clear-both {
-  clear: both;
+.-mx-40 {
+  margin-left: -10rem;
+  margin-right: -10rem;
 }
 
-.clear-none {
-  clear: none;
+.-my-48 {
+  margin-top: -12rem;
+  margin-bottom: -12rem;
 }
 
-.font-sans {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+.-mx-48 {
+  margin-left: -12rem;
+  margin-right: -12rem;
 }
 
-.font-serif {
-  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
+.-my-56 {
+  margin-top: -14rem;
+  margin-bottom: -14rem;
 }
 
-.font-mono {
-  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+.-mx-56 {
+  margin-left: -14rem;
+  margin-right: -14rem;
 }
 
-.font-hairline {
-  font-weight: 100;
+.-my-64 {
+  margin-top: -16rem;
+  margin-bottom: -16rem;
 }
 
-.font-thin {
-  font-weight: 200;
+.-mx-64 {
+  margin-left: -16rem;
+  margin-right: -16rem;
 }
 
-.font-light {
-  font-weight: 300;
+.-my-px {
+  margin-top: -1px;
+  margin-bottom: -1px;
 }
 
-.font-normal {
-  font-weight: 400;
+.-mx-px {
+  margin-left: -1px;
+  margin-right: -1px;
 }
 
-.font-medium {
-  font-weight: 500;
+.mt-0 {
+  margin-top: 0;
 }
 
-.font-semibold {
-  font-weight: 600;
+.mr-0 {
+  margin-right: 0;
 }
 
-.font-bold {
-  font-weight: 700;
+.mb-0 {
+  margin-bottom: 0;
 }
 
-.font-extrabold {
-  font-weight: 800;
+.ml-0 {
+  margin-left: 0;
 }
 
-.font-black {
-  font-weight: 900;
+.mt-1 {
+  margin-top: 0.25rem;
 }
 
-.hover\:font-hairline:hover {
-  font-weight: 100;
+.mr-1 {
+  margin-right: 0.25rem;
 }
 
-.hover\:font-thin:hover {
-  font-weight: 200;
+.mb-1 {
+  margin-bottom: 0.25rem;
 }
 
-.hover\:font-light:hover {
-  font-weight: 300;
+.ml-1 {
+  margin-left: 0.25rem;
 }
 
-.hover\:font-normal:hover {
-  font-weight: 400;
+.mt-2 {
+  margin-top: 0.5rem;
 }
 
-.hover\:font-medium:hover {
-  font-weight: 500;
+.mr-2 {
+  margin-right: 0.5rem;
 }
 
-.hover\:font-semibold:hover {
-  font-weight: 600;
+.mb-2 {
+  margin-bottom: 0.5rem;
 }
 
-.hover\:font-bold:hover {
-  font-weight: 700;
+.ml-2 {
+  margin-left: 0.5rem;
 }
 
-.hover\:font-extrabold:hover {
-  font-weight: 800;
+.mt-3 {
+  margin-top: 0.75rem;
 }
 
-.hover\:font-black:hover {
-  font-weight: 900;
+.mr-3 {
+  margin-right: 0.75rem;
 }
 
-.focus\:font-hairline:focus {
-  font-weight: 100;
+.mb-3 {
+  margin-bottom: 0.75rem;
 }
 
-.focus\:font-thin:focus {
-  font-weight: 200;
+.ml-3 {
+  margin-left: 0.75rem;
 }
 
-.focus\:font-light:focus {
-  font-weight: 300;
+.mt-4 {
+  margin-top: 1rem;
 }
 
-.focus\:font-normal:focus {
-  font-weight: 400;
+.mr-4 {
+  margin-right: 1rem;
 }
 
-.focus\:font-medium:focus {
-  font-weight: 500;
+.mb-4 {
+  margin-bottom: 1rem;
 }
 
-.focus\:font-semibold:focus {
-  font-weight: 600;
+.ml-4 {
+  margin-left: 1rem;
 }
 
-.focus\:font-bold:focus {
-  font-weight: 700;
+.mt-5 {
+  margin-top: 1.25rem;
 }
 
-.focus\:font-extrabold:focus {
-  font-weight: 800;
+.mr-5 {
+  margin-right: 1.25rem;
 }
 
-.focus\:font-black:focus {
-  font-weight: 900;
+.mb-5 {
+  margin-bottom: 1.25rem;
 }
 
-.h-0 {
-  height: 0;
+.ml-5 {
+  margin-left: 1.25rem;
 }
 
-.h-1 {
-  height: 0.25rem;
+.mt-6 {
+  margin-top: 1.5rem;
 }
 
-.h-2 {
-  height: 0.5rem;
+.mr-6 {
+  margin-right: 1.5rem;
 }
 
-.h-3 {
-  height: 0.75rem;
+.mb-6 {
+  margin-bottom: 1.5rem;
 }
 
-.h-4 {
-  height: 1rem;
+.ml-6 {
+  margin-left: 1.5rem;
 }
 
-.h-5 {
-  height: 1.25rem;
+.mt-8 {
+  margin-top: 2rem;
 }
 
-.h-6 {
-  height: 1.5rem;
+.mr-8 {
+  margin-right: 2rem;
 }
 
-.h-8 {
-  height: 2rem;
+.mb-8 {
+  margin-bottom: 2rem;
 }
 
-.h-10 {
-  height: 2.5rem;
+.ml-8 {
+  margin-left: 2rem;
 }
 
-.h-12 {
-  height: 3rem;
+.mt-10 {
+  margin-top: 2.5rem;
 }
 
-.h-16 {
-  height: 4rem;
+.mr-10 {
+  margin-right: 2.5rem;
 }
 
-.h-20 {
-  height: 5rem;
+.mb-10 {
+  margin-bottom: 2.5rem;
 }
 
-.h-24 {
-  height: 6rem;
+.ml-10 {
+  margin-left: 2.5rem;
 }
 
-.h-32 {
-  height: 8rem;
+.mt-12 {
+  margin-top: 3rem;
 }
 
-.h-40 {
-  height: 10rem;
+.mr-12 {
+  margin-right: 3rem;
 }
 
-.h-48 {
-  height: 12rem;
+.mb-12 {
+  margin-bottom: 3rem;
 }
 
-.h-56 {
-  height: 14rem;
+.ml-12 {
+  margin-left: 3rem;
 }
 
-.h-64 {
-  height: 16rem;
+.mt-16 {
+  margin-top: 4rem;
 }
 
-.h-auto {
-  height: auto;
+.mr-16 {
+  margin-right: 4rem;
 }
 
-.h-px {
-  height: 1px;
+.mb-16 {
+  margin-bottom: 4rem;
 }
 
-.h-full {
-  height: 100%;
+.ml-16 {
+  margin-left: 4rem;
 }
 
-.h-screen {
-  height: 100vh;
+.mt-20 {
+  margin-top: 5rem;
 }
 
-.text-xs {
-  font-size: 0.75rem;
+.mr-20 {
+  margin-right: 5rem;
 }
 
-.text-sm {
-  font-size: 0.875rem;
+.mb-20 {
+  margin-bottom: 5rem;
 }
 
-.text-base {
-  font-size: 1rem;
+.ml-20 {
+  margin-left: 5rem;
 }
 
-.text-lg {
-  font-size: 1.125rem;
+.mt-24 {
+  margin-top: 6rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
+.mr-24 {
+  margin-right: 6rem;
 }
 
-.text-2xl {
-  font-size: 1.5rem;
+.mb-24 {
+  margin-bottom: 6rem;
 }
 
-.text-3xl {
-  font-size: 1.875rem;
+.ml-24 {
+  margin-left: 6rem;
 }
 
-.text-4xl {
-  font-size: 2.25rem;
+.mt-32 {
+  margin-top: 8rem;
 }
 
-.text-5xl {
-  font-size: 3rem;
+.mr-32 {
+  margin-right: 8rem;
 }
 
-.text-6xl {
-  font-size: 4rem;
+.mb-32 {
+  margin-bottom: 8rem;
 }
 
-.leading-3 {
-  line-height: .75rem;
+.ml-32 {
+  margin-left: 8rem;
 }
 
-.leading-4 {
-  line-height: 1rem;
+.mt-40 {
+  margin-top: 10rem;
 }
 
-.leading-5 {
-  line-height: 1.25rem;
+.mr-40 {
+  margin-right: 10rem;
 }
 
-.leading-6 {
-  line-height: 1.5rem;
+.mb-40 {
+  margin-bottom: 10rem;
 }
 
-.leading-7 {
-  line-height: 1.75rem;
+.ml-40 {
+  margin-left: 10rem;
 }
 
-.leading-8 {
-  line-height: 2rem;
+.mt-48 {
+  margin-top: 12rem;
 }
 
-.leading-9 {
-  line-height: 2.25rem;
+.mr-48 {
+  margin-right: 12rem;
 }
 
-.leading-10 {
-  line-height: 2.5rem;
+.mb-48 {
+  margin-bottom: 12rem;
 }
 
-.leading-none {
-  line-height: 1;
+.ml-48 {
+  margin-left: 12rem;
 }
 
-.leading-tight {
-  line-height: 1.25;
+.mt-56 {
+  margin-top: 14rem;
 }
 
-.leading-snug {
-  line-height: 1.375;
+.mr-56 {
+  margin-right: 14rem;
 }
 
-.leading-normal {
-  line-height: 1.5;
+.mb-56 {
+  margin-bottom: 14rem;
 }
 
-.leading-relaxed {
-  line-height: 1.625;
+.ml-56 {
+  margin-left: 14rem;
 }
 
-.leading-loose {
-  line-height: 2;
+.mt-64 {
+  margin-top: 16rem;
 }
 
-.list-inside {
-  list-style-position: inside;
+.mr-64 {
+  margin-right: 16rem;
 }
 
-.list-outside {
-  list-style-position: outside;
+.mb-64 {
+  margin-bottom: 16rem;
 }
 
-.list-none {
-  list-style-type: none;
+.ml-64 {
+  margin-left: 16rem;
 }
 
-.list-disc {
-  list-style-type: disc;
+.mt-auto {
+  margin-top: auto;
 }
 
-.list-decimal {
-  list-style-type: decimal;
+.mr-auto {
+  margin-right: auto;
 }
 
-.m-0 {
-  margin: 0;
+.mb-auto {
+  margin-bottom: auto;
 }
 
-.m-1 {
-  margin: 0.25rem;
+.ml-auto {
+  margin-left: auto;
 }
 
-.m-2 {
-  margin: 0.5rem;
+.mt-px {
+  margin-top: 1px;
 }
 
-.m-3 {
-  margin: 0.75rem;
+.mr-px {
+  margin-right: 1px;
 }
 
-.m-4 {
-  margin: 1rem;
+.mb-px {
+  margin-bottom: 1px;
 }
 
-.m-5 {
-  margin: 1.25rem;
+.ml-px {
+  margin-left: 1px;
 }
 
-.m-6 {
-  margin: 1.5rem;
+.-mt-1 {
+  margin-top: -0.25rem;
 }
 
-.m-8 {
-  margin: 2rem;
+.-mr-1 {
+  margin-right: -0.25rem;
 }
 
-.m-10 {
-  margin: 2.5rem;
+.-mb-1 {
+  margin-bottom: -0.25rem;
 }
 
-.m-12 {
-  margin: 3rem;
+.-ml-1 {
+  margin-left: -0.25rem;
 }
 
-.m-16 {
-  margin: 4rem;
+.-mt-2 {
+  margin-top: -0.5rem;
 }
 
-.m-20 {
-  margin: 5rem;
+.-mr-2 {
+  margin-right: -0.5rem;
 }
 
-.m-24 {
-  margin: 6rem;
+.-mb-2 {
+  margin-bottom: -0.5rem;
 }
 
-.m-32 {
-  margin: 8rem;
+.-ml-2 {
+  margin-left: -0.5rem;
 }
 
-.m-40 {
-  margin: 10rem;
+.-mt-3 {
+  margin-top: -0.75rem;
 }
 
-.m-48 {
-  margin: 12rem;
+.-mr-3 {
+  margin-right: -0.75rem;
 }
 
-.m-56 {
-  margin: 14rem;
+.-mb-3 {
+  margin-bottom: -0.75rem;
 }
 
-.m-64 {
-  margin: 16rem;
+.-ml-3 {
+  margin-left: -0.75rem;
 }
 
-.m-auto {
-  margin: auto;
+.-mt-4 {
+  margin-top: -1rem;
 }
 
-.m-px {
-  margin: 1px;
+.-mr-4 {
+  margin-right: -1rem;
 }
 
-.-m-1 {
-  margin: -0.25rem;
+.-mb-4 {
+  margin-bottom: -1rem;
 }
 
-.-m-2 {
-  margin: -0.5rem;
+.-ml-4 {
+  margin-left: -1rem;
 }
 
-.-m-3 {
-  margin: -0.75rem;
+.-mt-5 {
+  margin-top: -1.25rem;
 }
 
-.-m-4 {
-  margin: -1rem;
+.-mr-5 {
+  margin-right: -1.25rem;
 }
 
-.-m-5 {
-  margin: -1.25rem;
+.-mb-5 {
+  margin-bottom: -1.25rem;
 }
 
-.-m-6 {
-  margin: -1.5rem;
+.-ml-5 {
+  margin-left: -1.25rem;
 }
 
-.-m-8 {
-  margin: -2rem;
+.-mt-6 {
+  margin-top: -1.5rem;
 }
 
-.-m-10 {
-  margin: -2.5rem;
+.-mr-6 {
+  margin-right: -1.5rem;
 }
 
-.-m-12 {
-  margin: -3rem;
+.-mb-6 {
+  margin-bottom: -1.5rem;
 }
 
-.-m-16 {
-  margin: -4rem;
+.-ml-6 {
+  margin-left: -1.5rem;
 }
 
-.-m-20 {
-  margin: -5rem;
+.-mt-8 {
+  margin-top: -2rem;
 }
 
-.-m-24 {
-  margin: -6rem;
+.-mr-8 {
+  margin-right: -2rem;
 }
 
-.-m-32 {
-  margin: -8rem;
+.-mb-8 {
+  margin-bottom: -2rem;
 }
 
-.-m-40 {
-  margin: -10rem;
+.-ml-8 {
+  margin-left: -2rem;
 }
 
-.-m-48 {
-  margin: -12rem;
+.-mt-10 {
+  margin-top: -2.5rem;
 }
 
-.-m-56 {
-  margin: -14rem;
+.-mr-10 {
+  margin-right: -2.5rem;
 }
 
-.-m-64 {
-  margin: -16rem;
+.-mb-10 {
+  margin-bottom: -2.5rem;
 }
 
-.-m-px {
-  margin: -1px;
+.-ml-10 {
+  margin-left: -2.5rem;
 }
 
-.my-0 {
-  margin-top: 0;
-  margin-bottom: 0;
+.-mt-12 {
+  margin-top: -3rem;
 }
 
-.mx-0 {
-  margin-left: 0;
-  margin-right: 0;
+.-mr-12 {
+  margin-right: -3rem;
 }
 
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
+.-mb-12 {
+  margin-bottom: -3rem;
 }
 
-.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
+.-ml-12 {
+  margin-left: -3rem;
 }
 
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+.-mt-16 {
+  margin-top: -4rem;
 }
 
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.-mr-16 {
+  margin-right: -4rem;
 }
 
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
+.-mb-16 {
+  margin-bottom: -4rem;
 }
 
-.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
+.-ml-16 {
+  margin-left: -4rem;
 }
 
-.my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+.-mt-20 {
+  margin-top: -5rem;
 }
 
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
+.-mr-20 {
+  margin-right: -5rem;
 }
 
-.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
+.-mb-20 {
+  margin-bottom: -5rem;
 }
 
-.mx-5 {
-  margin-left: 1.25rem;
-  margin-right: 1.25rem;
+.-ml-20 {
+  margin-left: -5rem;
 }
 
-.my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
+.-mt-24 {
+  margin-top: -6rem;
 }
 
-.mx-6 {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
+.-mr-24 {
+  margin-right: -6rem;
 }
 
-.my-8 {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+.-mb-24 {
+  margin-bottom: -6rem;
 }
 
-.mx-8 {
-  margin-left: 2rem;
-  margin-right: 2rem;
+.-ml-24 {
+  margin-left: -6rem;
 }
 
-.my-10 {
-  margin-top: 2.5rem;
-  margin-bottom: 2.5rem;
+.-mt-32 {
+  margin-top: -8rem;
 }
 
-.mx-10 {
-  margin-left: 2.5rem;
-  margin-right: 2.5rem;
+.-mr-32 {
+  margin-right: -8rem;
 }
 
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
+.-mb-32 {
+  margin-bottom: -8rem;
 }
 
-.mx-12 {
-  margin-left: 3rem;
-  margin-right: 3rem;
+.-ml-32 {
+  margin-left: -8rem;
 }
 
-.my-16 {
-  margin-top: 4rem;
-  margin-bottom: 4rem;
+.-mt-40 {
+  margin-top: -10rem;
 }
 
-.mx-16 {
-  margin-left: 4rem;
-  margin-right: 4rem;
+.-mr-40 {
+  margin-right: -10rem;
 }
 
-.my-20 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
+.-mb-40 {
+  margin-bottom: -10rem;
 }
 
-.mx-20 {
-  margin-left: 5rem;
-  margin-right: 5rem;
+.-ml-40 {
+  margin-left: -10rem;
 }
 
-.my-24 {
-  margin-top: 6rem;
-  margin-bottom: 6rem;
+.-mt-48 {
+  margin-top: -12rem;
 }
 
-.mx-24 {
-  margin-left: 6rem;
-  margin-right: 6rem;
+.-mr-48 {
+  margin-right: -12rem;
 }
 
-.my-32 {
-  margin-top: 8rem;
-  margin-bottom: 8rem;
+.-mb-48 {
+  margin-bottom: -12rem;
 }
 
-.mx-32 {
-  margin-left: 8rem;
-  margin-right: 8rem;
+.-ml-48 {
+  margin-left: -12rem;
 }
 
-.my-40 {
-  margin-top: 10rem;
-  margin-bottom: 10rem;
+.-mt-56 {
+  margin-top: -14rem;
 }
 
-.mx-40 {
-  margin-left: 10rem;
-  margin-right: 10rem;
+.-mr-56 {
+  margin-right: -14rem;
 }
 
-.my-48 {
-  margin-top: 12rem;
-  margin-bottom: 12rem;
+.-mb-56 {
+  margin-bottom: -14rem;
 }
 
-.mx-48 {
-  margin-left: 12rem;
-  margin-right: 12rem;
+.-ml-56 {
+  margin-left: -14rem;
 }
 
-.my-56 {
-  margin-top: 14rem;
-  margin-bottom: 14rem;
+.-mt-64 {
+  margin-top: -16rem;
 }
 
-.mx-56 {
-  margin-left: 14rem;
-  margin-right: 14rem;
+.-mr-64 {
+  margin-right: -16rem;
 }
 
-.my-64 {
-  margin-top: 16rem;
-  margin-bottom: 16rem;
+.-mb-64 {
+  margin-bottom: -16rem;
 }
 
-.mx-64 {
-  margin-left: 16rem;
-  margin-right: 16rem;
+.-ml-64 {
+  margin-left: -16rem;
 }
 
-.my-auto {
-  margin-top: auto;
-  margin-bottom: auto;
+.-mt-px {
+  margin-top: -1px;
 }
 
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
+.-mr-px {
+  margin-right: -1px;
 }
 
-.my-px {
-  margin-top: 1px;
-  margin-bottom: 1px;
+.-mb-px {
+  margin-bottom: -1px;
 }
 
-.mx-px {
-  margin-left: 1px;
-  margin-right: 1px;
+.-ml-px {
+  margin-left: -1px;
 }
 
-.-my-1 {
-  margin-top: -0.25rem;
-  margin-bottom: -0.25rem;
+.max-h-full {
+  max-height: 100%;
 }
 
-.-mx-1 {
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
+.max-h-screen {
+  max-height: 100vh;
 }
 
-.-my-2 {
-  margin-top: -0.5rem;
-  margin-bottom: -0.5rem;
+.max-w-none {
+  max-width: none;
 }
 
-.-mx-2 {
-  margin-left: -0.5rem;
-  margin-right: -0.5rem;
+.max-w-xs {
+  max-width: 20rem;
 }
 
-.-my-3 {
-  margin-top: -0.75rem;
-  margin-bottom: -0.75rem;
+.max-w-sm {
+  max-width: 24rem;
 }
 
-.-mx-3 {
-  margin-left: -0.75rem;
-  margin-right: -0.75rem;
+.max-w-md {
+  max-width: 28rem;
 }
 
-.-my-4 {
-  margin-top: -1rem;
-  margin-bottom: -1rem;
+.max-w-lg {
+  max-width: 32rem;
 }
 
-.-mx-4 {
-  margin-left: -1rem;
-  margin-right: -1rem;
+.max-w-xl {
+  max-width: 36rem;
 }
 
-.-my-5 {
-  margin-top: -1.25rem;
-  margin-bottom: -1.25rem;
+.max-w-2xl {
+  max-width: 42rem;
 }
 
-.-mx-5 {
-  margin-left: -1.25rem;
-  margin-right: -1.25rem;
+.max-w-3xl {
+  max-width: 48rem;
 }
 
-.-my-6 {
-  margin-top: -1.5rem;
-  margin-bottom: -1.5rem;
+.max-w-4xl {
+  max-width: 56rem;
 }
 
-.-mx-6 {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
+.max-w-5xl {
+  max-width: 64rem;
 }
 
-.-my-8 {
-  margin-top: -2rem;
-  margin-bottom: -2rem;
+.max-w-6xl {
+  max-width: 72rem;
 }
 
-.-mx-8 {
-  margin-left: -2rem;
-  margin-right: -2rem;
+.max-w-full {
+  max-width: 100%;
 }
 
-.-my-10 {
-  margin-top: -2.5rem;
-  margin-bottom: -2.5rem;
+.max-w-screen-sm {
+  max-width: 640px;
 }
 
-.-mx-10 {
-  margin-left: -2.5rem;
-  margin-right: -2.5rem;
+.max-w-screen-md {
+  max-width: 768px;
 }
 
-.-my-12 {
-  margin-top: -3rem;
-  margin-bottom: -3rem;
+.max-w-screen-lg {
+  max-width: 1024px;
 }
 
-.-mx-12 {
-  margin-left: -3rem;
-  margin-right: -3rem;
+.max-w-screen-xl {
+  max-width: 1280px;
 }
 
-.-my-16 {
-  margin-top: -4rem;
-  margin-bottom: -4rem;
+.min-h-0 {
+  min-height: 0;
 }
 
-.-mx-16 {
-  margin-left: -4rem;
-  margin-right: -4rem;
+.min-h-full {
+  min-height: 100%;
 }
 
-.-my-20 {
-  margin-top: -5rem;
-  margin-bottom: -5rem;
+.min-h-screen {
+  min-height: 100vh;
 }
 
-.-mx-20 {
-  margin-left: -5rem;
-  margin-right: -5rem;
+.min-w-0 {
+  min-width: 0;
 }
 
-.-my-24 {
-  margin-top: -6rem;
-  margin-bottom: -6rem;
+.min-w-full {
+  min-width: 100%;
 }
 
-.-mx-24 {
-  margin-left: -6rem;
-  margin-right: -6rem;
+.opacity-0 {
+  opacity: 0;
 }
 
-.-my-32 {
-  margin-top: -8rem;
-  margin-bottom: -8rem;
+.opacity-25 {
+  opacity: 0.25;
 }
 
-.-mx-32 {
-  margin-left: -8rem;
-  margin-right: -8rem;
+.opacity-50 {
+  opacity: 0.5;
 }
 
-.-my-40 {
-  margin-top: -10rem;
-  margin-bottom: -10rem;
+.opacity-75 {
+  opacity: 0.75;
 }
 
-.-mx-40 {
-  margin-left: -10rem;
-  margin-right: -10rem;
+.opacity-100 {
+  opacity: 1;
 }
 
-.-my-48 {
-  margin-top: -12rem;
-  margin-bottom: -12rem;
+.hover\:opacity-0:hover {
+  opacity: 0;
 }
 
-.-mx-48 {
-  margin-left: -12rem;
-  margin-right: -12rem;
+.hover\:opacity-25:hover {
+  opacity: 0.25;
 }
 
-.-my-56 {
-  margin-top: -14rem;
-  margin-bottom: -14rem;
+.hover\:opacity-50:hover {
+  opacity: 0.5;
 }
 
-.-mx-56 {
-  margin-left: -14rem;
-  margin-right: -14rem;
+.hover\:opacity-75:hover {
+  opacity: 0.75;
 }
 
-.-my-64 {
-  margin-top: -16rem;
-  margin-bottom: -16rem;
+.hover\:opacity-100:hover {
+  opacity: 1;
 }
 
-.-mx-64 {
-  margin-left: -16rem;
-  margin-right: -16rem;
+.focus\:opacity-0:focus {
+  opacity: 0;
 }
 
-.-my-px {
-  margin-top: -1px;
-  margin-bottom: -1px;
+.focus\:opacity-25:focus {
+  opacity: 0.25;
 }
 
-.-mx-px {
-  margin-left: -1px;
-  margin-right: -1px;
+.focus\:opacity-50:focus {
+  opacity: 0.5;
 }
 
-.mt-0 {
-  margin-top: 0;
+.focus\:opacity-75:focus {
+  opacity: 0.75;
 }
 
-.mr-0 {
-  margin-right: 0;
+.focus\:opacity-100:focus {
+  opacity: 1;
 }
 
-.mb-0 {
-  margin-bottom: 0;
+.outline-none {
+  outline: 0;
 }
 
-.ml-0 {
-  margin-left: 0;
+.focus\:outline-none:focus {
+  outline: 0;
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
+.overflow-auto {
+  overflow: auto;
 }
 
-.mr-1 {
-  margin-right: 0.25rem;
+.overflow-hidden {
+  overflow: hidden;
 }
 
-.mb-1 {
-  margin-bottom: 0.25rem;
+.overflow-visible {
+  overflow: visible;
 }
 
-.ml-1 {
-  margin-left: 0.25rem;
+.overflow-scroll {
+  overflow: scroll;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.overflow-x-auto {
+  overflow-x: auto;
 }
 
-.mr-2 {
-  margin-right: 0.5rem;
+.overflow-y-auto {
+  overflow-y: auto;
 }
 
-.mb-2 {
-  margin-bottom: 0.5rem;
+.overflow-x-hidden {
+  overflow-x: hidden;
 }
 
-.ml-2 {
-  margin-left: 0.5rem;
+.overflow-y-hidden {
+  overflow-y: hidden;
 }
 
-.mt-3 {
-  margin-top: 0.75rem;
+.overflow-x-visible {
+  overflow-x: visible;
 }
 
-.mr-3 {
-  margin-right: 0.75rem;
+.overflow-y-visible {
+  overflow-y: visible;
 }
 
-.mb-3 {
-  margin-bottom: 0.75rem;
+.overflow-x-scroll {
+  overflow-x: scroll;
 }
 
-.ml-3 {
-  margin-left: 0.75rem;
+.overflow-y-scroll {
+  overflow-y: scroll;
 }
 
-.mt-4 {
-  margin-top: 1rem;
+.scrolling-touch {
+  -webkit-overflow-scrolling: touch;
 }
 
-.mr-4 {
-  margin-right: 1rem;
+.scrolling-auto {
+  -webkit-overflow-scrolling: auto;
 }
 
-.mb-4 {
-  margin-bottom: 1rem;
+.p-0 {
+  padding: 0;
 }
 
-.ml-4 {
-  margin-left: 1rem;
+.p-1 {
+  padding: 0.25rem;
 }
 
-.mt-5 {
-  margin-top: 1.25rem;
+.p-2 {
+  padding: 0.5rem;
 }
 
-.mr-5 {
-  margin-right: 1.25rem;
+.p-3 {
+  padding: 0.75rem;
 }
 
-.mb-5 {
-  margin-bottom: 1.25rem;
+.p-4 {
+  padding: 1rem;
 }
 
-.ml-5 {
-  margin-left: 1.25rem;
+.p-5 {
+  padding: 1.25rem;
 }
 
-.mt-6 {
-  margin-top: 1.5rem;
+.p-6 {
+  padding: 1.5rem;
 }
 
-.mr-6 {
-  margin-right: 1.5rem;
+.p-8 {
+  padding: 2rem;
 }
 
-.mb-6 {
-  margin-bottom: 1.5rem;
+.p-10 {
+  padding: 2.5rem;
 }
 
-.ml-6 {
-  margin-left: 1.5rem;
+.p-12 {
+  padding: 3rem;
 }
 
-.mt-8 {
-  margin-top: 2rem;
+.p-16 {
+  padding: 4rem;
 }
 
-.mr-8 {
-  margin-right: 2rem;
+.p-20 {
+  padding: 5rem;
 }
 
-.mb-8 {
-  margin-bottom: 2rem;
+.p-24 {
+  padding: 6rem;
 }
 
-.ml-8 {
-  margin-left: 2rem;
+.p-32 {
+  padding: 8rem;
 }
 
-.mt-10 {
-  margin-top: 2.5rem;
+.p-40 {
+  padding: 10rem;
 }
 
-.mr-10 {
-  margin-right: 2.5rem;
+.p-48 {
+  padding: 12rem;
 }
 
-.mb-10 {
-  margin-bottom: 2.5rem;
+.p-56 {
+  padding: 14rem;
 }
 
-.ml-10 {
-  margin-left: 2.5rem;
+.p-64 {
+  padding: 16rem;
 }
 
-.mt-12 {
-  margin-top: 3rem;
+.p-px {
+  padding: 1px;
 }
 
-.mr-12 {
-  margin-right: 3rem;
+.py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
-.mb-12 {
-  margin-bottom: 3rem;
+.px-0 {
+  padding-left: 0;
+  padding-right: 0;
 }
 
-.ml-12 {
-  margin-left: 3rem;
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 
-.mt-16 {
-  margin-top: 4rem;
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
 }
 
-.mr-16 {
-  margin-right: 4rem;
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
 }
 
-.mb-16 {
-  margin-bottom: 4rem;
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
 
-.ml-16 {
-  margin-left: 4rem;
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
 }
 
-.mt-20 {
-  margin-top: 5rem;
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 }
 
-.mr-20 {
-  margin-right: 5rem;
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 
-.mb-20 {
-  margin-bottom: 5rem;
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 
-.ml-20 {
-  margin-left: 5rem;
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
 }
 
-.mt-24 {
-  margin-top: 6rem;
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
 }
 
-.mr-24 {
-  margin-right: 6rem;
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
 }
 
-.mb-24 {
-  margin-bottom: 6rem;
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
 }
 
-.ml-24 {
-  margin-left: 6rem;
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
 }
 
-.mt-32 {
-  margin-top: 8rem;
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
 }
 
-.mr-32 {
-  margin-right: 8rem;
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
 }
 
-.mb-32 {
-  margin-bottom: 8rem;
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
 }
 
-.ml-32 {
-  margin-left: 8rem;
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
 }
 
-.mt-40 {
-  margin-top: 10rem;
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
 }
 
-.mr-40 {
-  margin-right: 10rem;
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
 }
 
-.mb-40 {
-  margin-bottom: 10rem;
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
 }
 
-.ml-40 {
-  margin-left: 10rem;
+.py-20 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
 }
 
-.mt-48 {
-  margin-top: 12rem;
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
 }
 
-.mr-48 {
-  margin-right: 12rem;
+.py-24 {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
 }
 
-.mb-48 {
-  margin-bottom: 12rem;
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
 }
 
-.ml-48 {
-  margin-left: 12rem;
+.py-32 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
 }
 
-.mt-56 {
-  margin-top: 14rem;
+.px-32 {
+  padding-left: 8rem;
+  padding-right: 8rem;
 }
 
-.mr-56 {
-  margin-right: 14rem;
+.py-40 {
+  padding-top: 10rem;
+  padding-bottom: 10rem;
 }
 
-.mb-56 {
-  margin-bottom: 14rem;
+.px-40 {
+  padding-left: 10rem;
+  padding-right: 10rem;
 }
 
-.ml-56 {
-  margin-left: 14rem;
+.py-48 {
+  padding-top: 12rem;
+  padding-bottom: 12rem;
 }
 
-.mt-64 {
-  margin-top: 16rem;
+.px-48 {
+  padding-left: 12rem;
+  padding-right: 12rem;
 }
 
-.mr-64 {
-  margin-right: 16rem;
+.py-56 {
+  padding-top: 14rem;
+  padding-bottom: 14rem;
 }
 
-.mb-64 {
-  margin-bottom: 16rem;
+.px-56 {
+  padding-left: 14rem;
+  padding-right: 14rem;
 }
 
-.ml-64 {
-  margin-left: 16rem;
+.py-64 {
+  padding-top: 16rem;
+  padding-bottom: 16rem;
 }
 
-.mt-auto {
-  margin-top: auto;
+.px-64 {
+  padding-left: 16rem;
+  padding-right: 16rem;
 }
 
-.mr-auto {
-  margin-right: auto;
+.py-px {
+  padding-top: 1px;
+  padding-bottom: 1px;
 }
 
-.mb-auto {
-  margin-bottom: auto;
+.px-px {
+  padding-left: 1px;
+  padding-right: 1px;
 }
 
-.ml-auto {
-  margin-left: auto;
+.pt-0 {
+  padding-top: 0;
 }
 
-.mt-px {
-  margin-top: 1px;
+.pr-0 {
+  padding-right: 0;
 }
 
-.mr-px {
-  margin-right: 1px;
+.pb-0 {
+  padding-bottom: 0;
 }
 
-.mb-px {
-  margin-bottom: 1px;
+.pl-0 {
+  padding-left: 0;
 }
 
-.ml-px {
-  margin-left: 1px;
+.pt-1 {
+  padding-top: 0.25rem;
 }
 
-.-mt-1 {
-  margin-top: -0.25rem;
+.pr-1 {
+  padding-right: 0.25rem;
 }
 
-.-mr-1 {
-  margin-right: -0.25rem;
+.pb-1 {
+  padding-bottom: 0.25rem;
 }
 
-.-mb-1 {
-  margin-bottom: -0.25rem;
+.pl-1 {
+  padding-left: 0.25rem;
 }
 
-.-ml-1 {
-  margin-left: -0.25rem;
+.pt-2 {
+  padding-top: 0.5rem;
 }
 
-.-mt-2 {
-  margin-top: -0.5rem;
+.pr-2 {
+  padding-right: 0.5rem;
 }
 
-.-mr-2 {
-  margin-right: -0.5rem;
+.pb-2 {
+  padding-bottom: 0.5rem;
 }
 
-.-mb-2 {
-  margin-bottom: -0.5rem;
+.pl-2 {
+  padding-left: 0.5rem;
 }
 
-.-ml-2 {
-  margin-left: -0.5rem;
+.pt-3 {
+  padding-top: 0.75rem;
 }
 
-.-mt-3 {
-  margin-top: -0.75rem;
+.pr-3 {
+  padding-right: 0.75rem;
 }
 
-.-mr-3 {
-  margin-right: -0.75rem;
+.pb-3 {
+  padding-bottom: 0.75rem;
 }
 
-.-mb-3 {
-  margin-bottom: -0.75rem;
+.pl-3 {
+  padding-left: 0.75rem;
 }
 
-.-ml-3 {
-  margin-left: -0.75rem;
+.pt-4 {
+  padding-top: 1rem;
 }
 
-.-mt-4 {
-  margin-top: -1rem;
+.pr-4 {
+  padding-right: 1rem;
 }
 
-.-mr-4 {
-  margin-right: -1rem;
+.pb-4 {
+  padding-bottom: 1rem;
 }
 
-.-mb-4 {
-  margin-bottom: -1rem;
+.pl-4 {
+  padding-left: 1rem;
 }
 
-.-ml-4 {
-  margin-left: -1rem;
+.pt-5 {
+  padding-top: 1.25rem;
 }
 
-.-mt-5 {
-  margin-top: -1.25rem;
+.pr-5 {
+  padding-right: 1.25rem;
 }
 
-.-mr-5 {
-  margin-right: -1.25rem;
+.pb-5 {
+  padding-bottom: 1.25rem;
 }
 
-.-mb-5 {
-  margin-bottom: -1.25rem;
+.pl-5 {
+  padding-left: 1.25rem;
 }
 
-.-ml-5 {
-  margin-left: -1.25rem;
+.pt-6 {
+  padding-top: 1.5rem;
 }
 
-.-mt-6 {
-  margin-top: -1.5rem;
+.pr-6 {
+  padding-right: 1.5rem;
 }
 
-.-mr-6 {
-  margin-right: -1.5rem;
+.pb-6 {
+  padding-bottom: 1.5rem;
 }
 
-.-mb-6 {
-  margin-bottom: -1.5rem;
+.pl-6 {
+  padding-left: 1.5rem;
 }
 
-.-ml-6 {
-  margin-left: -1.5rem;
+.pt-8 {
+  padding-top: 2rem;
 }
 
-.-mt-8 {
-  margin-top: -2rem;
+.pr-8 {
+  padding-right: 2rem;
 }
 
-.-mr-8 {
-  margin-right: -2rem;
+.pb-8 {
+  padding-bottom: 2rem;
 }
 
-.-mb-8 {
-  margin-bottom: -2rem;
+.pl-8 {
+  padding-left: 2rem;
 }
 
-.-ml-8 {
-  margin-left: -2rem;
+.pt-10 {
+  padding-top: 2.5rem;
 }
 
-.-mt-10 {
-  margin-top: -2.5rem;
+.pr-10 {
+  padding-right: 2.5rem;
 }
 
-.-mr-10 {
-  margin-right: -2.5rem;
+.pb-10 {
+  padding-bottom: 2.5rem;
 }
 
-.-mb-10 {
-  margin-bottom: -2.5rem;
+.pl-10 {
+  padding-left: 2.5rem;
 }
 
-.-ml-10 {
-  margin-left: -2.5rem;
+.pt-12 {
+  padding-top: 3rem;
 }
 
-.-mt-12 {
-  margin-top: -3rem;
+.pr-12 {
+  padding-right: 3rem;
 }
 
-.-mr-12 {
-  margin-right: -3rem;
+.pb-12 {
+  padding-bottom: 3rem;
 }
 
-.-mb-12 {
-  margin-bottom: -3rem;
+.pl-12 {
+  padding-left: 3rem;
 }
 
-.-ml-12 {
-  margin-left: -3rem;
+.pt-16 {
+  padding-top: 4rem;
 }
 
-.-mt-16 {
-  margin-top: -4rem;
+.pr-16 {
+  padding-right: 4rem;
 }
 
-.-mr-16 {
-  margin-right: -4rem;
+.pb-16 {
+  padding-bottom: 4rem;
 }
 
-.-mb-16 {
-  margin-bottom: -4rem;
+.pl-16 {
+  padding-left: 4rem;
 }
 
-.-ml-16 {
-  margin-left: -4rem;
+.pt-20 {
+  padding-top: 5rem;
 }
 
-.-mt-20 {
-  margin-top: -5rem;
+.pr-20 {
+  padding-right: 5rem;
 }
 
-.-mr-20 {
-  margin-right: -5rem;
+.pb-20 {
+  padding-bottom: 5rem;
 }
 
-.-mb-20 {
-  margin-bottom: -5rem;
+.pl-20 {
+  padding-left: 5rem;
 }
 
-.-ml-20 {
-  margin-left: -5rem;
+.pt-24 {
+  padding-top: 6rem;
 }
 
-.-mt-24 {
-  margin-top: -6rem;
+.pr-24 {
+  padding-right: 6rem;
 }
 
-.-mr-24 {
-  margin-right: -6rem;
+.pb-24 {
+  padding-bottom: 6rem;
 }
 
-.-mb-24 {
-  margin-bottom: -6rem;
+.pl-24 {
+  padding-left: 6rem;
 }
 
-.-ml-24 {
-  margin-left: -6rem;
+.pt-32 {
+  padding-top: 8rem;
 }
 
-.-mt-32 {
-  margin-top: -8rem;
+.pr-32 {
+  padding-right: 8rem;
 }
 
-.-mr-32 {
-  margin-right: -8rem;
+.pb-32 {
+  padding-bottom: 8rem;
 }
 
-.-mb-32 {
-  margin-bottom: -8rem;
+.pl-32 {
+  padding-left: 8rem;
 }
 
-.-ml-32 {
-  margin-left: -8rem;
+.pt-40 {
+  padding-top: 10rem;
 }
 
-.-mt-40 {
-  margin-top: -10rem;
+.pr-40 {
+  padding-right: 10rem;
 }
 
-.-mr-40 {
-  margin-right: -10rem;
+.pb-40 {
+  padding-bottom: 10rem;
 }
 
-.-mb-40 {
-  margin-bottom: -10rem;
+.pl-40 {
+  padding-left: 10rem;
 }
 
-.-ml-40 {
-  margin-left: -10rem;
+.pt-48 {
+  padding-top: 12rem;
 }
 
-.-mt-48 {
-  margin-top: -12rem;
+.pr-48 {
+  padding-right: 12rem;
 }
 
-.-mr-48 {
-  margin-right: -12rem;
+.pb-48 {
+  padding-bottom: 12rem;
 }
 
-.-mb-48 {
-  margin-bottom: -12rem;
+.pl-48 {
+  padding-left: 12rem;
 }
 
-.-ml-48 {
-  margin-left: -12rem;
+.pt-56 {
+  padding-top: 14rem;
 }
 
-.-mt-56 {
-  margin-top: -14rem;
+.pr-56 {
+  padding-right: 14rem;
 }
 
-.-mr-56 {
-  margin-right: -14rem;
+.pb-56 {
+  padding-bottom: 14rem;
 }
 
-.-mb-56 {
-  margin-bottom: -14rem;
+.pl-56 {
+  padding-left: 14rem;
 }
 
-.-ml-56 {
-  margin-left: -14rem;
+.pt-64 {
+  padding-top: 16rem;
 }
 
-.-mt-64 {
-  margin-top: -16rem;
+.pr-64 {
+  padding-right: 16rem;
 }
 
-.-mr-64 {
-  margin-right: -16rem;
+.pb-64 {
+  padding-bottom: 16rem;
 }
 
-.-mb-64 {
-  margin-bottom: -16rem;
+.pl-64 {
+  padding-left: 16rem;
 }
 
-.-ml-64 {
-  margin-left: -16rem;
+.pt-px {
+  padding-top: 1px;
 }
 
-.-mt-px {
-  margin-top: -1px;
+.pr-px {
+  padding-right: 1px;
 }
 
-.-mr-px {
-  margin-right: -1px;
+.pb-px {
+  padding-bottom: 1px;
 }
 
-.-mb-px {
-  margin-bottom: -1px;
+.pl-px {
+  padding-left: 1px;
 }
 
-.-ml-px {
-  margin-left: -1px;
+.placeholder-transparent::placeholder {
+  color: transparent;
 }
 
-.max-h-full {
-  max-height: 100%;
+.placeholder-current::placeholder {
+  color: currentColor;
 }
 
-.max-h-screen {
-  max-height: 100vh;
+.placeholder-black::placeholder {
+  color: #000;
 }
 
-.max-w-none {
-  max-width: none;
+.placeholder-white::placeholder {
+  color: #fff;
 }
 
-.max-w-xs {
-  max-width: 20rem;
+.placeholder-gray-100::placeholder {
+  color: #f7fafc;
 }
 
-.max-w-sm {
-  max-width: 24rem;
+.placeholder-gray-200::placeholder {
+  color: #edf2f7;
 }
 
-.max-w-md {
-  max-width: 28rem;
+.placeholder-gray-300::placeholder {
+  color: #e2e8f0;
 }
 
-.max-w-lg {
-  max-width: 32rem;
+.placeholder-gray-400::placeholder {
+  color: #cbd5e0;
 }
 
-.max-w-xl {
-  max-width: 36rem;
+.placeholder-gray-500::placeholder {
+  color: #a0aec0;
 }
 
-.max-w-2xl {
-  max-width: 42rem;
+.placeholder-gray-600::placeholder {
+  color: #718096;
 }
 
-.max-w-3xl {
-  max-width: 48rem;
+.placeholder-gray-700::placeholder {
+  color: #4a5568;
 }
 
-.max-w-4xl {
-  max-width: 56rem;
+.placeholder-gray-800::placeholder {
+  color: #2d3748;
 }
 
-.max-w-5xl {
-  max-width: 64rem;
+.placeholder-gray-900::placeholder {
+  color: #1a202c;
 }
 
-.max-w-6xl {
-  max-width: 72rem;
+.placeholder-red-100::placeholder {
+  color: #fff5f5;
 }
 
-.max-w-full {
-  max-width: 100%;
+.placeholder-red-200::placeholder {
+  color: #fed7d7;
 }
 
-.max-w-screen-sm {
-  max-width: 640px;
+.placeholder-red-300::placeholder {
+  color: #feb2b2;
 }
 
-.max-w-screen-md {
-  max-width: 768px;
+.placeholder-red-400::placeholder {
+  color: #fc8181;
 }
 
-.max-w-screen-lg {
-  max-width: 1024px;
+.placeholder-red-500::placeholder {
+  color: #f56565;
 }
 
-.max-w-screen-xl {
-  max-width: 1280px;
+.placeholder-red-600::placeholder {
+  color: #e53e3e;
 }
 
-.min-h-0 {
-  min-height: 0;
+.placeholder-red-700::placeholder {
+  color: #c53030;
 }
 
-.min-h-full {
-  min-height: 100%;
+.placeholder-red-800::placeholder {
+  color: #9b2c2c;
 }
 
-.min-h-screen {
-  min-height: 100vh;
+.placeholder-red-900::placeholder {
+  color: #742a2a;
 }
 
-.min-w-0 {
-  min-width: 0;
+.placeholder-orange-100::placeholder {
+  color: #fffaf0;
 }
 
-.min-w-full {
-  min-width: 100%;
+.placeholder-orange-200::placeholder {
+  color: #feebc8;
 }
 
-.opacity-0 {
-  opacity: 0;
+.placeholder-orange-300::placeholder {
+  color: #fbd38d;
 }
 
-.opacity-25 {
-  opacity: 0.25;
+.placeholder-orange-400::placeholder {
+  color: #f6ad55;
 }
 
-.opacity-50 {
-  opacity: 0.5;
+.placeholder-orange-500::placeholder {
+  color: #ed8936;
 }
 
-.opacity-75 {
-  opacity: 0.75;
+.placeholder-orange-600::placeholder {
+  color: #dd6b20;
 }
 
-.opacity-100 {
-  opacity: 1;
+.placeholder-orange-700::placeholder {
+  color: #c05621;
 }
 
-.hover\:opacity-0:hover {
-  opacity: 0;
+.placeholder-orange-800::placeholder {
+  color: #9c4221;
 }
 
-.hover\:opacity-25:hover {
-  opacity: 0.25;
+.placeholder-orange-900::placeholder {
+  color: #7b341e;
 }
 
-.hover\:opacity-50:hover {
-  opacity: 0.5;
+.placeholder-yellow-100::placeholder {
+  color: #fffff0;
 }
 
-.hover\:opacity-75:hover {
-  opacity: 0.75;
+.placeholder-yellow-200::placeholder {
+  color: #fefcbf;
 }
 
-.hover\:opacity-100:hover {
-  opacity: 1;
+.placeholder-yellow-300::placeholder {
+  color: #faf089;
 }
 
-.focus\:opacity-0:focus {
-  opacity: 0;
+.placeholder-yellow-400::placeholder {
+  color: #f6e05e;
 }
 
-.focus\:opacity-25:focus {
-  opacity: 0.25;
+.placeholder-yellow-500::placeholder {
+  color: #ecc94b;
 }
 
-.focus\:opacity-50:focus {
-  opacity: 0.5;
+.placeholder-yellow-600::placeholder {
+  color: #d69e2e;
 }
 
-.focus\:opacity-75:focus {
-  opacity: 0.75;
+.placeholder-yellow-700::placeholder {
+  color: #b7791f;
 }
 
-.focus\:opacity-100:focus {
-  opacity: 1;
+.placeholder-yellow-800::placeholder {
+  color: #975a16;
 }
 
-.outline-none {
-  outline: 0;
+.placeholder-yellow-900::placeholder {
+  color: #744210;
 }
 
-.focus\:outline-none:focus {
-  outline: 0;
+.placeholder-green-100::placeholder {
+  color: #f0fff4;
 }
 
-.overflow-auto {
-  overflow: auto;
+.placeholder-green-200::placeholder {
+  color: #c6f6d5;
 }
 
-.overflow-hidden {
-  overflow: hidden;
+.placeholder-green-300::placeholder {
+  color: #9ae6b4;
 }
 
-.overflow-visible {
-  overflow: visible;
+.placeholder-green-400::placeholder {
+  color: #68d391;
 }
 
-.overflow-scroll {
-  overflow: scroll;
+.placeholder-green-500::placeholder {
+  color: #48bb78;
 }
 
-.overflow-x-auto {
-  overflow-x: auto;
+.placeholder-green-600::placeholder {
+  color: #38a169;
 }
 
-.overflow-y-auto {
-  overflow-y: auto;
+.placeholder-green-700::placeholder {
+  color: #2f855a;
 }
 
-.overflow-x-hidden {
-  overflow-x: hidden;
+.placeholder-green-800::placeholder {
+  color: #276749;
 }
 
-.overflow-y-hidden {
-  overflow-y: hidden;
+.placeholder-green-900::placeholder {
+  color: #22543d;
 }
 
-.overflow-x-visible {
-  overflow-x: visible;
+.placeholder-teal-100::placeholder {
+  color: #e6fffa;
 }
 
-.overflow-y-visible {
-  overflow-y: visible;
+.placeholder-teal-200::placeholder {
+  color: #b2f5ea;
 }
 
-.overflow-x-scroll {
-  overflow-x: scroll;
+.placeholder-teal-300::placeholder {
+  color: #81e6d9;
 }
 
-.overflow-y-scroll {
-  overflow-y: scroll;
+.placeholder-teal-400::placeholder {
+  color: #4fd1c5;
 }
 
-.scrolling-touch {
-  -webkit-overflow-scrolling: touch;
+.placeholder-teal-500::placeholder {
+  color: #38b2ac;
 }
 
-.scrolling-auto {
-  -webkit-overflow-scrolling: auto;
+.placeholder-teal-600::placeholder {
+  color: #319795;
 }
 
-.p-0 {
-  padding: 0;
+.placeholder-teal-700::placeholder {
+  color: #2c7a7b;
 }
 
-.p-1 {
-  padding: 0.25rem;
+.placeholder-teal-800::placeholder {
+  color: #285e61;
 }
 
-.p-2 {
-  padding: 0.5rem;
+.placeholder-teal-900::placeholder {
+  color: #234e52;
 }
 
-.p-3 {
-  padding: 0.75rem;
+.placeholder-blue-100::placeholder {
+  color: #ebf8ff;
 }
 
-.p-4 {
-  padding: 1rem;
+.placeholder-blue-200::placeholder {
+  color: #bee3f8;
 }
 
-.p-5 {
-  padding: 1.25rem;
+.placeholder-blue-300::placeholder {
+  color: #90cdf4;
 }
 
-.p-6 {
-  padding: 1.5rem;
+.placeholder-blue-400::placeholder {
+  color: #63b3ed;
 }
 
-.p-8 {
-  padding: 2rem;
+.placeholder-blue-500::placeholder {
+  color: #4299e1;
 }
 
-.p-10 {
-  padding: 2.5rem;
+.placeholder-blue-600::placeholder {
+  color: #3182ce;
 }
 
-.p-12 {
-  padding: 3rem;
+.placeholder-blue-700::placeholder {
+  color: #2b6cb0;
 }
 
-.p-16 {
-  padding: 4rem;
+.placeholder-blue-800::placeholder {
+  color: #2c5282;
 }
 
-.p-20 {
-  padding: 5rem;
+.placeholder-blue-900::placeholder {
+  color: #2a4365;
 }
 
-.p-24 {
-  padding: 6rem;
+.placeholder-indigo-100::placeholder {
+  color: #ebf4ff;
 }
 
-.p-32 {
-  padding: 8rem;
+.placeholder-indigo-200::placeholder {
+  color: #c3dafe;
 }
 
-.p-40 {
-  padding: 10rem;
+.placeholder-indigo-300::placeholder {
+  color: #a3bffa;
 }
 
-.p-48 {
-  padding: 12rem;
+.placeholder-indigo-400::placeholder {
+  color: #7f9cf5;
 }
 
-.p-56 {
-  padding: 14rem;
+.placeholder-indigo-500::placeholder {
+  color: #667eea;
 }
 
-.p-64 {
-  padding: 16rem;
+.placeholder-indigo-600::placeholder {
+  color: #5a67d8;
 }
 
-.p-px {
-  padding: 1px;
+.placeholder-indigo-700::placeholder {
+  color: #4c51bf;
 }
 
-.py-0 {
-  padding-top: 0;
-  padding-bottom: 0;
+.placeholder-indigo-800::placeholder {
+  color: #434190;
 }
 
-.px-0 {
-  padding-left: 0;
-  padding-right: 0;
+.placeholder-indigo-900::placeholder {
+  color: #3c366b;
 }
 
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+.placeholder-purple-100::placeholder {
+  color: #faf5ff;
 }
 
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+.placeholder-purple-200::placeholder {
+  color: #e9d8fd;
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+.placeholder-purple-300::placeholder {
+  color: #d6bcfa;
 }
 
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+.placeholder-purple-400::placeholder {
+  color: #b794f4;
 }
 
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+.placeholder-purple-500::placeholder {
+  color: #9f7aea;
 }
 
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+.placeholder-purple-600::placeholder {
+  color: #805ad5;
 }
 
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+.placeholder-purple-700::placeholder {
+  color: #6b46c1;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
+.placeholder-purple-800::placeholder {
+  color: #553c9a;
 }
 
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
+.placeholder-purple-900::placeholder {
+  color: #44337a;
 }
 
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+.placeholder-pink-100::placeholder {
+  color: #fff5f7;
 }
 
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
+.placeholder-pink-200::placeholder {
+  color: #fed7e2;
 }
 
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+.placeholder-pink-300::placeholder {
+  color: #fbb6ce;
 }
 
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+.placeholder-pink-400::placeholder {
+  color: #f687b3;
 }
 
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
+.placeholder-pink-500::placeholder {
+  color: #ed64a6;
 }
 
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
+.placeholder-pink-600::placeholder {
+  color: #d53f8c;
 }
 
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
+.placeholder-pink-700::placeholder {
+  color: #b83280;
 }
 
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+.placeholder-pink-800::placeholder {
+  color: #97266d;
 }
 
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
+.placeholder-pink-900::placeholder {
+  color: #702459;
 }
 
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
+.focus\:placeholder-transparent:focus::placeholder {
+  color: transparent;
 }
 
-.px-16 {
-  padding-left: 4rem;
-  padding-right: 4rem;
+.focus\:placeholder-current:focus::placeholder {
+  color: currentColor;
 }
 
-.py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
+.focus\:placeholder-black:focus::placeholder {
+  color: #000;
 }
 
-.px-20 {
-  padding-left: 5rem;
-  padding-right: 5rem;
+.focus\:placeholder-white:focus::placeholder {
+  color: #fff;
 }
 
-.py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
+.focus\:placeholder-gray-100:focus::placeholder {
+  color: #f7fafc;
 }
 
-.px-24 {
-  padding-left: 6rem;
-  padding-right: 6rem;
+.focus\:placeholder-gray-200:focus::placeholder {
+  color: #edf2f7;
 }
 
-.py-32 {
-  padding-top: 8rem;
-  padding-bottom: 8rem;
+.focus\:placeholder-gray-300:focus::placeholder {
+  color: #e2e8f0;
 }
 
-.px-32 {
-  padding-left: 8rem;
-  padding-right: 8rem;
+.focus\:placeholder-gray-400:focus::placeholder {
+  color: #cbd5e0;
 }
 
-.py-40 {
-  padding-top: 10rem;
-  padding-bottom: 10rem;
+.focus\:placeholder-gray-500:focus::placeholder {
+  color: #a0aec0;
 }
 
-.px-40 {
-  padding-left: 10rem;
-  padding-right: 10rem;
+.focus\:placeholder-gray-600:focus::placeholder {
+  color: #718096;
 }
 
-.py-48 {
-  padding-top: 12rem;
-  padding-bottom: 12rem;
+.focus\:placeholder-gray-700:focus::placeholder {
+  color: #4a5568;
 }
 
-.px-48 {
-  padding-left: 12rem;
-  padding-right: 12rem;
+.focus\:placeholder-gray-800:focus::placeholder {
+  color: #2d3748;
 }
 
-.py-56 {
-  padding-top: 14rem;
-  padding-bottom: 14rem;
+.focus\:placeholder-gray-900:focus::placeholder {
+  color: #1a202c;
 }
 
-.px-56 {
-  padding-left: 14rem;
-  padding-right: 14rem;
+.focus\:placeholder-red-100:focus::placeholder {
+  color: #fff5f5;
 }
 
-.py-64 {
-  padding-top: 16rem;
-  padding-bottom: 16rem;
+.focus\:placeholder-red-200:focus::placeholder {
+  color: #fed7d7;
 }
 
-.px-64 {
-  padding-left: 16rem;
-  padding-right: 16rem;
+.focus\:placeholder-red-300:focus::placeholder {
+  color: #feb2b2;
 }
 
-.py-px {
-  padding-top: 1px;
-  padding-bottom: 1px;
+.focus\:placeholder-red-400:focus::placeholder {
+  color: #fc8181;
 }
 
-.px-px {
-  padding-left: 1px;
-  padding-right: 1px;
+.focus\:placeholder-red-500:focus::placeholder {
+  color: #f56565;
 }
 
-.pt-0 {
-  padding-top: 0;
+.focus\:placeholder-red-600:focus::placeholder {
+  color: #e53e3e;
 }
 
-.pr-0 {
-  padding-right: 0;
+.focus\:placeholder-red-700:focus::placeholder {
+  color: #c53030;
 }
 
-.pb-0 {
-  padding-bottom: 0;
+.focus\:placeholder-red-800:focus::placeholder {
+  color: #9b2c2c;
 }
 
-.pl-0 {
-  padding-left: 0;
+.focus\:placeholder-red-900:focus::placeholder {
+  color: #742a2a;
 }
 
-.pt-1 {
-  padding-top: 0.25rem;
+.focus\:placeholder-orange-100:focus::placeholder {
+  color: #fffaf0;
 }
 
-.pr-1 {
-  padding-right: 0.25rem;
+.focus\:placeholder-orange-200:focus::placeholder {
+  color: #feebc8;
 }
 
-.pb-1 {
-  padding-bottom: 0.25rem;
+.focus\:placeholder-orange-300:focus::placeholder {
+  color: #fbd38d;
 }
 
-.pl-1 {
-  padding-left: 0.25rem;
+.focus\:placeholder-orange-400:focus::placeholder {
+  color: #f6ad55;
 }
 
-.pt-2 {
-  padding-top: 0.5rem;
+.focus\:placeholder-orange-500:focus::placeholder {
+  color: #ed8936;
 }
 
-.pr-2 {
-  padding-right: 0.5rem;
+.focus\:placeholder-orange-600:focus::placeholder {
+  color: #dd6b20;
 }
 
-.pb-2 {
-  padding-bottom: 0.5rem;
+.focus\:placeholder-orange-700:focus::placeholder {
+  color: #c05621;
 }
 
-.pl-2 {
-  padding-left: 0.5rem;
+.focus\:placeholder-orange-800:focus::placeholder {
+  color: #9c4221;
 }
 
-.pt-3 {
-  padding-top: 0.75rem;
+.focus\:placeholder-orange-900:focus::placeholder {
+  color: #7b341e;
 }
 
-.pr-3 {
-  padding-right: 0.75rem;
+.focus\:placeholder-yellow-100:focus::placeholder {
+  color: #fffff0;
 }
 
-.pb-3 {
-  padding-bottom: 0.75rem;
+.focus\:placeholder-yellow-200:focus::placeholder {
+  color: #fefcbf;
 }
 
-.pl-3 {
-  padding-left: 0.75rem;
+.focus\:placeholder-yellow-300:focus::placeholder {
+  color: #faf089;
 }
 
-.pt-4 {
-  padding-top: 1rem;
+.focus\:placeholder-yellow-400:focus::placeholder {
+  color: #f6e05e;
 }
 
-.pr-4 {
-  padding-right: 1rem;
+.focus\:placeholder-yellow-500:focus::placeholder {
+  color: #ecc94b;
 }
 
-.pb-4 {
-  padding-bottom: 1rem;
+.focus\:placeholder-yellow-600:focus::placeholder {
+  color: #d69e2e;
 }
 
-.pl-4 {
-  padding-left: 1rem;
+.focus\:placeholder-yellow-700:focus::placeholder {
+  color: #b7791f;
 }
 
-.pt-5 {
-  padding-top: 1.25rem;
+.focus\:placeholder-yellow-800:focus::placeholder {
+  color: #975a16;
 }
 
-.pr-5 {
-  padding-right: 1.25rem;
+.focus\:placeholder-yellow-900:focus::placeholder {
+  color: #744210;
 }
 
-.pb-5 {
-  padding-bottom: 1.25rem;
+.focus\:placeholder-green-100:focus::placeholder {
+  color: #f0fff4;
 }
 
-.pl-5 {
-  padding-left: 1.25rem;
+.focus\:placeholder-green-200:focus::placeholder {
+  color: #c6f6d5;
 }
 
-.pt-6 {
-  padding-top: 1.5rem;
+.focus\:placeholder-green-300:focus::placeholder {
+  color: #9ae6b4;
 }
 
-.pr-6 {
-  padding-right: 1.5rem;
+.focus\:placeholder-green-400:focus::placeholder {
+  color: #68d391;
 }
 
-.pb-6 {
-  padding-bottom: 1.5rem;
+.focus\:placeholder-green-500:focus::placeholder {
+  color: #48bb78;
 }
 
-.pl-6 {
-  padding-left: 1.5rem;
+.focus\:placeholder-green-600:focus::placeholder {
+  color: #38a169;
 }
 
-.pt-8 {
-  padding-top: 2rem;
+.focus\:placeholder-green-700:focus::placeholder {
+  color: #2f855a;
 }
 
-.pr-8 {
-  padding-right: 2rem;
+.focus\:placeholder-green-800:focus::placeholder {
+  color: #276749;
 }
 
-.pb-8 {
-  padding-bottom: 2rem;
+.focus\:placeholder-green-900:focus::placeholder {
+  color: #22543d;
 }
 
-.pl-8 {
-  padding-left: 2rem;
+.focus\:placeholder-teal-100:focus::placeholder {
+  color: #e6fffa;
 }
 
-.pt-10 {
-  padding-top: 2.5rem;
+.focus\:placeholder-teal-200:focus::placeholder {
+  color: #b2f5ea;
 }
 
-.pr-10 {
-  padding-right: 2.5rem;
+.focus\:placeholder-teal-300:focus::placeholder {
+  color: #81e6d9;
 }
 
-.pb-10 {
-  padding-bottom: 2.5rem;
+.focus\:placeholder-teal-400:focus::placeholder {
+  color: #4fd1c5;
 }
 
-.pl-10 {
-  padding-left: 2.5rem;
+.focus\:placeholder-teal-500:focus::placeholder {
+  color: #38b2ac;
 }
 
-.pt-12 {
-  padding-top: 3rem;
+.focus\:placeholder-teal-600:focus::placeholder {
+  color: #319795;
 }
 
-.pr-12 {
-  padding-right: 3rem;
+.focus\:placeholder-teal-700:focus::placeholder {
+  color: #2c7a7b;
 }
 
-.pb-12 {
-  padding-bottom: 3rem;
+.focus\:placeholder-teal-800:focus::placeholder {
+  color: #285e61;
 }
 
-.pl-12 {
-  padding-left: 3rem;
+.focus\:placeholder-teal-900:focus::placeholder {
+  color: #234e52;
 }
 
-.pt-16 {
-  padding-top: 4rem;
+.focus\:placeholder-blue-100:focus::placeholder {
+  color: #ebf8ff;
 }
 
-.pr-16 {
-  padding-right: 4rem;
+.focus\:placeholder-blue-200:focus::placeholder {
+  color: #bee3f8;
 }
 
-.pb-16 {
-  padding-bottom: 4rem;
+.focus\:placeholder-blue-300:focus::placeholder {
+  color: #90cdf4;
 }
 
-.pl-16 {
-  padding-left: 4rem;
+.focus\:placeholder-blue-400:focus::placeholder {
+  color: #63b3ed;
 }
 
-.pt-20 {
-  padding-top: 5rem;
+.focus\:placeholder-blue-500:focus::placeholder {
+  color: #4299e1;
 }
 
-.pr-20 {
-  padding-right: 5rem;
+.focus\:placeholder-blue-600:focus::placeholder {
+  color: #3182ce;
 }
 
-.pb-20 {
-  padding-bottom: 5rem;
+.focus\:placeholder-blue-700:focus::placeholder {
+  color: #2b6cb0;
 }
 
-.pl-20 {
-  padding-left: 5rem;
+.focus\:placeholder-blue-800:focus::placeholder {
+  color: #2c5282;
 }
 
-.pt-24 {
-  padding-top: 6rem;
+.focus\:placeholder-blue-900:focus::placeholder {
+  color: #2a4365;
 }
 
-.pr-24 {
-  padding-right: 6rem;
+.focus\:placeholder-indigo-100:focus::placeholder {
+  color: #ebf4ff;
 }
 
-.pb-24 {
-  padding-bottom: 6rem;
+.focus\:placeholder-indigo-200:focus::placeholder {
+  color: #c3dafe;
 }
 
-.pl-24 {
-  padding-left: 6rem;
+.focus\:placeholder-indigo-300:focus::placeholder {
+  color: #a3bffa;
 }
 
-.pt-32 {
-  padding-top: 8rem;
+.focus\:placeholder-indigo-400:focus::placeholder {
+  color: #7f9cf5;
 }
 
-.pr-32 {
-  padding-right: 8rem;
+.focus\:placeholder-indigo-500:focus::placeholder {
+  color: #667eea;
 }
 
-.pb-32 {
-  padding-bottom: 8rem;
+.focus\:placeholder-indigo-600:focus::placeholder {
+  color: #5a67d8;
 }
 
-.pl-32 {
-  padding-left: 8rem;
+.focus\:placeholder-indigo-700:focus::placeholder {
+  color: #4c51bf;
 }
 
-.pt-40 {
-  padding-top: 10rem;
+.focus\:placeholder-indigo-800:focus::placeholder {
+  color: #434190;
 }
 
-.pr-40 {
-  padding-right: 10rem;
+.focus\:placeholder-indigo-900:focus::placeholder {
+  color: #3c366b;
 }
 
-.pb-40 {
-  padding-bottom: 10rem;
+.focus\:placeholder-purple-100:focus::placeholder {
+  color: #faf5ff;
 }
 
-.pl-40 {
-  padding-left: 10rem;
+.focus\:placeholder-purple-200:focus::placeholder {
+  color: #e9d8fd;
 }
 
-.pt-48 {
-  padding-top: 12rem;
+.focus\:placeholder-purple-300:focus::placeholder {
+  color: #d6bcfa;
 }
 
-.pr-48 {
-  padding-right: 12rem;
+.focus\:placeholder-purple-400:focus::placeholder {
+  color: #b794f4;
 }
 
-.pb-48 {
-  padding-bottom: 12rem;
+.focus\:placeholder-purple-500:focus::placeholder {
+  color: #9f7aea;
 }
 
-.pl-48 {
-  padding-left: 12rem;
+.focus\:placeholder-purple-600:focus::placeholder {
+  color: #805ad5;
 }
 
-.pt-56 {
-  padding-top: 14rem;
+.focus\:placeholder-purple-700:focus::placeholder {
+  color: #6b46c1;
 }
 
-.pr-56 {
-  padding-right: 14rem;
+.focus\:placeholder-purple-800:focus::placeholder {
+  color: #553c9a;
 }
 
-.pb-56 {
-  padding-bottom: 14rem;
+.focus\:placeholder-purple-900:focus::placeholder {
+  color: #44337a;
 }
 
-.pl-56 {
-  padding-left: 14rem;
+.focus\:placeholder-pink-100:focus::placeholder {
+  color: #fff5f7;
 }
 
-.pt-64 {
-  padding-top: 16rem;
+.focus\:placeholder-pink-200:focus::placeholder {
+  color: #fed7e2;
 }
 
-.pr-64 {
-  padding-right: 16rem;
+.focus\:placeholder-pink-300:focus::placeholder {
+  color: #fbb6ce;
 }
 
-.pb-64 {
-  padding-bottom: 16rem;
+.focus\:placeholder-pink-400:focus::placeholder {
+  color: #f687b3;
 }
 
-.pl-64 {
-  padding-left: 16rem;
+.focus\:placeholder-pink-500:focus::placeholder {
+  color: #ed64a6;
 }
 
-.pt-px {
-  padding-top: 1px;
+.focus\:placeholder-pink-600:focus::placeholder {
+  color: #d53f8c;
 }
 
-.pr-px {
-  padding-right: 1px;
+.focus\:placeholder-pink-700:focus::placeholder {
+  color: #b83280;
 }
 
-.pb-px {
-  padding-bottom: 1px;
+.focus\:placeholder-pink-800:focus::placeholder {
+  color: #97266d;
 }
 
-.pl-px {
-  padding-left: 1px;
+.focus\:placeholder-pink-900:focus::placeholder {
+  color: #702459;
 }
 
-.placeholder-transparent::placeholder {
+.pointer-events-none {
+  pointer-events: none;
+}
+
+.pointer-events-auto {
+  pointer-events: auto;
+}
+
+.static {
+  position: static;
+}
+
+.fixed {
+  position: fixed;
+}
+
+.absolute {
+  position: absolute;
+}
+
+.relative {
+  position: relative;
+}
+
+.inset-0 {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.inset-auto {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+}
+
+.inset-y-0 {
+  top: 0;
+  bottom: 0;
+}
+
+.inset-x-0 {
+  right: 0;
+  left: 0;
+}
+
+.inset-y-auto {
+  top: auto;
+  bottom: auto;
+}
+
+.inset-x-auto {
+  right: auto;
+  left: auto;
+}
+
+.top-0 {
+  top: 0;
+}
+
+.right-0 {
+  right: 0;
+}
+
+.bottom-0 {
+  bottom: 0;
+}
+
+.left-0 {
+  left: 0;
+}
+
+.top-auto {
+  top: auto;
+}
+
+.right-auto {
+  right: auto;
+}
+
+.bottom-auto {
+  bottom: auto;
+}
+
+.left-auto {
+  left: auto;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.resize-y {
+  resize: vertical;
+}
+
+.resize-x {
+  resize: horizontal;
+}
+
+.resize {
+  resize: both;
+}
+
+.shadow-xs {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.shadow {
+  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-outline {
+  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.shadow-none {
+  box-shadow: none;
+}
+
+.hover\:shadow-xs:hover {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-sm:hover {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow:hover {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-md:hover {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-lg:hover {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.hover\:shadow-xl:hover {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.hover\:shadow-2xl:hover {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.hover\:shadow-inner:hover {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.hover\:shadow-outline:hover {
+  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.hover\:shadow-none:hover {
+  box-shadow: none;
+}
+
+.focus\:shadow-xs:focus {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-sm:focus {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow:focus {
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-md:focus {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-lg:focus {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.focus\:shadow-xl:focus {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.focus\:shadow-2xl:focus {
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+}
+
+.focus\:shadow-inner:focus {
+  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+}
+
+.focus\:shadow-outline:focus {
+  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+}
+
+.focus\:shadow-none:focus {
+  box-shadow: none;
+}
+
+.fill-current {
+  fill: currentColor;
+}
+
+.stroke-current {
+  stroke: currentColor;
+}
+
+.stroke-0 {
+  stroke-width: 0;
+}
+
+.stroke-1 {
+  stroke-width: 1;
+}
+
+.stroke-2 {
+  stroke-width: 2;
+}
+
+.table-auto {
+  table-layout: auto;
+}
+
+.table-fixed {
+  table-layout: fixed;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.text-transparent {
   color: transparent;
 }
 
-.placeholder-current::placeholder {
+.text-current {
   color: currentColor;
 }
 
-.placeholder-black::placeholder {
+.text-black {
   color: #000;
 }
 
-.placeholder-white::placeholder {
+.text-white {
   color: #fff;
 }
 
-.placeholder-gray-100::placeholder {
+.text-gray-100 {
   color: #f7fafc;
 }
 
-.placeholder-gray-200::placeholder {
+.text-gray-200 {
   color: #edf2f7;
 }
 
-.placeholder-gray-300::placeholder {
+.text-gray-300 {
   color: #e2e8f0;
 }
 
-.placeholder-gray-400::placeholder {
+.text-gray-400 {
   color: #cbd5e0;
 }
 
-.placeholder-gray-500::placeholder {
+.text-gray-500 {
   color: #a0aec0;
 }
 
-.placeholder-gray-600::placeholder {
+.text-gray-600 {
   color: #718096;
 }
 
-.placeholder-gray-700::placeholder {
+.text-gray-700 {
   color: #4a5568;
 }
 
-.placeholder-gray-800::placeholder {
+.text-gray-800 {
   color: #2d3748;
 }
 
-.placeholder-gray-900::placeholder {
+.text-gray-900 {
   color: #1a202c;
 }
 
-.placeholder-red-100::placeholder {
+.text-red-100 {
   color: #fff5f5;
 }
 
-.placeholder-red-200::placeholder {
+.text-red-200 {
   color: #fed7d7;
 }
 
-.placeholder-red-300::placeholder {
+.text-red-300 {
   color: #feb2b2;
 }
 
-.placeholder-red-400::placeholder {
+.text-red-400 {
   color: #fc8181;
 }
 
-.placeholder-red-500::placeholder {
+.text-red-500 {
   color: #f56565;
 }
 
-.placeholder-red-600::placeholder {
+.text-red-600 {
   color: #e53e3e;
 }
 
-.placeholder-red-700::placeholder {
+.text-red-700 {
   color: #c53030;
 }
 
-.placeholder-red-800::placeholder {
+.text-red-800 {
   color: #9b2c2c;
 }
 
-.placeholder-red-900::placeholder {
+.text-red-900 {
   color: #742a2a;
 }
 
-.placeholder-orange-100::placeholder {
+.text-orange-100 {
   color: #fffaf0;
 }
 
-.placeholder-orange-200::placeholder {
+.text-orange-200 {
   color: #feebc8;
 }
 
-.placeholder-orange-300::placeholder {
+.text-orange-300 {
   color: #fbd38d;
 }
 
-.placeholder-orange-400::placeholder {
+.text-orange-400 {
   color: #f6ad55;
 }
 
-.placeholder-orange-500::placeholder {
+.text-orange-500 {
   color: #ed8936;
 }
 
-.placeholder-orange-600::placeholder {
+.text-orange-600 {
   color: #dd6b20;
 }
 
-.placeholder-orange-700::placeholder {
+.text-orange-700 {
   color: #c05621;
 }
 
-.placeholder-orange-800::placeholder {
+.text-orange-800 {
   color: #9c4221;
 }
 
-.placeholder-orange-900::placeholder {
+.text-orange-900 {
   color: #7b341e;
 }
 
-.placeholder-yellow-100::placeholder {
+.text-yellow-100 {
   color: #fffff0;
 }
 
-.placeholder-yellow-200::placeholder {
+.text-yellow-200 {
   color: #fefcbf;
 }
 
-.placeholder-yellow-300::placeholder {
+.text-yellow-300 {
   color: #faf089;
 }
 
-.placeholder-yellow-400::placeholder {
+.text-yellow-400 {
   color: #f6e05e;
 }
 
-.placeholder-yellow-500::placeholder {
+.text-yellow-500 {
   color: #ecc94b;
 }
 
-.placeholder-yellow-600::placeholder {
+.text-yellow-600 {
   color: #d69e2e;
 }
 
-.placeholder-yellow-700::placeholder {
+.text-yellow-700 {
   color: #b7791f;
 }
 
-.placeholder-yellow-800::placeholder {
+.text-yellow-800 {
   color: #975a16;
 }
 
-.placeholder-yellow-900::placeholder {
+.text-yellow-900 {
   color: #744210;
 }
 
-.placeholder-green-100::placeholder {
+.text-green-100 {
   color: #f0fff4;
 }
 
-.placeholder-green-200::placeholder {
+.text-green-200 {
   color: #c6f6d5;
 }
 
-.placeholder-green-300::placeholder {
+.text-green-300 {
   color: #9ae6b4;
 }
 
-.placeholder-green-400::placeholder {
+.text-green-400 {
   color: #68d391;
 }
 
-.placeholder-green-500::placeholder {
+.text-green-500 {
   color: #48bb78;
 }
 
-.placeholder-green-600::placeholder {
+.text-green-600 {
   color: #38a169;
 }
 
-.placeholder-green-700::placeholder {
+.text-green-700 {
   color: #2f855a;
 }
 
-.placeholder-green-800::placeholder {
+.text-green-800 {
   color: #276749;
 }
 
-.placeholder-green-900::placeholder {
+.text-green-900 {
   color: #22543d;
 }
 
-.placeholder-teal-100::placeholder {
+.text-teal-100 {
   color: #e6fffa;
 }
 
-.placeholder-teal-200::placeholder {
+.text-teal-200 {
   color: #b2f5ea;
 }
 
-.placeholder-teal-300::placeholder {
+.text-teal-300 {
   color: #81e6d9;
 }
 
-.placeholder-teal-400::placeholder {
+.text-teal-400 {
   color: #4fd1c5;
 }
 
-.placeholder-teal-500::placeholder {
+.text-teal-500 {
   color: #38b2ac;
 }
 
-.placeholder-teal-600::placeholder {
+.text-teal-600 {
   color: #319795;
 }
 
-.placeholder-teal-700::placeholder {
+.text-teal-700 {
   color: #2c7a7b;
 }
 
-.placeholder-teal-800::placeholder {
+.text-teal-800 {
   color: #285e61;
 }
 
-.placeholder-teal-900::placeholder {
+.text-teal-900 {
   color: #234e52;
 }
 
-.placeholder-blue-100::placeholder {
+.text-blue-100 {
   color: #ebf8ff;
 }
 
-.placeholder-blue-200::placeholder {
+.text-blue-200 {
   color: #bee3f8;
 }
 
-.placeholder-blue-300::placeholder {
+.text-blue-300 {
   color: #90cdf4;
 }
 
-.placeholder-blue-400::placeholder {
+.text-blue-400 {
   color: #63b3ed;
 }
 
-.placeholder-blue-500::placeholder {
+.text-blue-500 {
   color: #4299e1;
 }
 
-.placeholder-blue-600::placeholder {
+.text-blue-600 {
   color: #3182ce;
 }
 
-.placeholder-blue-700::placeholder {
+.text-blue-700 {
   color: #2b6cb0;
 }
 
-.placeholder-blue-800::placeholder {
+.text-blue-800 {
   color: #2c5282;
 }
 
-.placeholder-blue-900::placeholder {
+.text-blue-900 {
   color: #2a4365;
 }
 
-.placeholder-indigo-100::placeholder {
+.text-indigo-100 {
   color: #ebf4ff;
 }
 
-.placeholder-indigo-200::placeholder {
+.text-indigo-200 {
   color: #c3dafe;
 }
 
-.placeholder-indigo-300::placeholder {
+.text-indigo-300 {
   color: #a3bffa;
 }
 
-.placeholder-indigo-400::placeholder {
+.text-indigo-400 {
   color: #7f9cf5;
 }
 
-.placeholder-indigo-500::placeholder {
+.text-indigo-500 {
   color: #667eea;
 }
 
-.placeholder-indigo-600::placeholder {
+.text-indigo-600 {
   color: #5a67d8;
 }
 
-.placeholder-indigo-700::placeholder {
+.text-indigo-700 {
   color: #4c51bf;
 }
 
-.placeholder-indigo-800::placeholder {
+.text-indigo-800 {
   color: #434190;
 }
 
-.placeholder-indigo-900::placeholder {
+.text-indigo-900 {
   color: #3c366b;
 }
 
-.placeholder-purple-100::placeholder {
+.text-purple-100 {
   color: #faf5ff;
 }
 
-.placeholder-purple-200::placeholder {
+.text-purple-200 {
   color: #e9d8fd;
 }
 
-.placeholder-purple-300::placeholder {
+.text-purple-300 {
   color: #d6bcfa;
 }
 
-.placeholder-purple-400::placeholder {
+.text-purple-400 {
   color: #b794f4;
 }
 
-.placeholder-purple-500::placeholder {
+.text-purple-500 {
   color: #9f7aea;
 }
 
-.placeholder-purple-600::placeholder {
+.text-purple-600 {
   color: #805ad5;
 }
 
-.placeholder-purple-700::placeholder {
+.text-purple-700 {
   color: #6b46c1;
 }
 
-.placeholder-purple-800::placeholder {
+.text-purple-800 {
   color: #553c9a;
 }
 
-.placeholder-purple-900::placeholder {
+.text-purple-900 {
   color: #44337a;
 }
 
-.placeholder-pink-100::placeholder {
+.text-pink-100 {
   color: #fff5f7;
 }
 
-.placeholder-pink-200::placeholder {
+.text-pink-200 {
   color: #fed7e2;
 }
 
-.placeholder-pink-300::placeholder {
+.text-pink-300 {
   color: #fbb6ce;
 }
 
-.placeholder-pink-400::placeholder {
+.text-pink-400 {
   color: #f687b3;
 }
 
-.placeholder-pink-500::placeholder {
+.text-pink-500 {
   color: #ed64a6;
 }
 
-.placeholder-pink-600::placeholder {
+.text-pink-600 {
   color: #d53f8c;
 }
 
-.placeholder-pink-700::placeholder {
+.text-pink-700 {
   color: #b83280;
 }
 
-.placeholder-pink-800::placeholder {
+.text-pink-800 {
   color: #97266d;
 }
 
-.placeholder-pink-900::placeholder {
+.text-pink-900 {
   color: #702459;
 }
 
-.focus\:placeholder-transparent:focus::placeholder {
+.hover\:text-transparent:hover {
   color: transparent;
 }
 
-.focus\:placeholder-current:focus::placeholder {
+.hover\:text-current:hover {
   color: currentColor;
 }
 
-.focus\:placeholder-black:focus::placeholder {
+.hover\:text-black:hover {
   color: #000;
 }
 
-.focus\:placeholder-white:focus::placeholder {
+.hover\:text-white:hover {
   color: #fff;
 }
 
-.focus\:placeholder-gray-100:focus::placeholder {
+.hover\:text-gray-100:hover {
   color: #f7fafc;
 }
 
-.focus\:placeholder-gray-200:focus::placeholder {
+.hover\:text-gray-200:hover {
   color: #edf2f7;
 }
 
-.focus\:placeholder-gray-300:focus::placeholder {
+.hover\:text-gray-300:hover {
   color: #e2e8f0;
 }
 
-.focus\:placeholder-gray-400:focus::placeholder {
+.hover\:text-gray-400:hover {
   color: #cbd5e0;
 }
 
-.focus\:placeholder-gray-500:focus::placeholder {
+.hover\:text-gray-500:hover {
   color: #a0aec0;
 }
 
-.focus\:placeholder-gray-600:focus::placeholder {
+.hover\:text-gray-600:hover {
   color: #718096;
 }
 
-.focus\:placeholder-gray-700:focus::placeholder {
+.hover\:text-gray-700:hover {
   color: #4a5568;
 }
 
-.focus\:placeholder-gray-800:focus::placeholder {
+.hover\:text-gray-800:hover {
   color: #2d3748;
 }
 
-.focus\:placeholder-gray-900:focus::placeholder {
+.hover\:text-gray-900:hover {
   color: #1a202c;
 }
 
-.focus\:placeholder-red-100:focus::placeholder {
+.hover\:text-red-100:hover {
   color: #fff5f5;
 }
 
-.focus\:placeholder-red-200:focus::placeholder {
+.hover\:text-red-200:hover {
   color: #fed7d7;
 }
 
-.focus\:placeholder-red-300:focus::placeholder {
+.hover\:text-red-300:hover {
   color: #feb2b2;
 }
 
-.focus\:placeholder-red-400:focus::placeholder {
+.hover\:text-red-400:hover {
   color: #fc8181;
 }
 
-.focus\:placeholder-red-500:focus::placeholder {
+.hover\:text-red-500:hover {
   color: #f56565;
 }
 
-.focus\:placeholder-red-600:focus::placeholder {
+.hover\:text-red-600:hover {
   color: #e53e3e;
 }
 
-.focus\:placeholder-red-700:focus::placeholder {
+.hover\:text-red-700:hover {
   color: #c53030;
 }
 
-.focus\:placeholder-red-800:focus::placeholder {
+.hover\:text-red-800:hover {
   color: #9b2c2c;
 }
 
-.focus\:placeholder-red-900:focus::placeholder {
+.hover\:text-red-900:hover {
   color: #742a2a;
 }
 
-.focus\:placeholder-orange-100:focus::placeholder {
+.hover\:text-orange-100:hover {
   color: #fffaf0;
 }
 
-.focus\:placeholder-orange-200:focus::placeholder {
+.hover\:text-orange-200:hover {
   color: #feebc8;
 }
 
-.focus\:placeholder-orange-300:focus::placeholder {
+.hover\:text-orange-300:hover {
   color: #fbd38d;
 }
 
-.focus\:placeholder-orange-400:focus::placeholder {
+.hover\:text-orange-400:hover {
   color: #f6ad55;
 }
 
-.focus\:placeholder-orange-500:focus::placeholder {
+.hover\:text-orange-500:hover {
   color: #ed8936;
 }
 
-.focus\:placeholder-orange-600:focus::placeholder {
+.hover\:text-orange-600:hover {
   color: #dd6b20;
 }
 
-.focus\:placeholder-orange-700:focus::placeholder {
+.hover\:text-orange-700:hover {
   color: #c05621;
 }
 
-.focus\:placeholder-orange-800:focus::placeholder {
+.hover\:text-orange-800:hover {
   color: #9c4221;
 }
 
-.focus\:placeholder-orange-900:focus::placeholder {
+.hover\:text-orange-900:hover {
   color: #7b341e;
 }
 
-.focus\:placeholder-yellow-100:focus::placeholder {
+.hover\:text-yellow-100:hover {
   color: #fffff0;
 }
 
-.focus\:placeholder-yellow-200:focus::placeholder {
+.hover\:text-yellow-200:hover {
   color: #fefcbf;
 }
 
-.focus\:placeholder-yellow-300:focus::placeholder {
+.hover\:text-yellow-300:hover {
   color: #faf089;
 }
 
-.focus\:placeholder-yellow-400:focus::placeholder {
+.hover\:text-yellow-400:hover {
   color: #f6e05e;
 }
 
-.focus\:placeholder-yellow-500:focus::placeholder {
+.hover\:text-yellow-500:hover {
   color: #ecc94b;
 }
 
-.focus\:placeholder-yellow-600:focus::placeholder {
+.hover\:text-yellow-600:hover {
   color: #d69e2e;
 }
 
-.focus\:placeholder-yellow-700:focus::placeholder {
+.hover\:text-yellow-700:hover {
   color: #b7791f;
 }
 
-.focus\:placeholder-yellow-800:focus::placeholder {
+.hover\:text-yellow-800:hover {
   color: #975a16;
 }
 
-.focus\:placeholder-yellow-900:focus::placeholder {
+.hover\:text-yellow-900:hover {
   color: #744210;
 }
 
-.focus\:placeholder-green-100:focus::placeholder {
+.hover\:text-green-100:hover {
   color: #f0fff4;
 }
 
-.focus\:placeholder-green-200:focus::placeholder {
+.hover\:text-green-200:hover {
   color: #c6f6d5;
 }
 
-.focus\:placeholder-green-300:focus::placeholder {
+.hover\:text-green-300:hover {
   color: #9ae6b4;
 }
 
-.focus\:placeholder-green-400:focus::placeholder {
+.hover\:text-green-400:hover {
   color: #68d391;
 }
 
-.focus\:placeholder-green-500:focus::placeholder {
+.hover\:text-green-500:hover {
   color: #48bb78;
 }
 
-.focus\:placeholder-green-600:focus::placeholder {
+.hover\:text-green-600:hover {
   color: #38a169;
 }
 
-.focus\:placeholder-green-700:focus::placeholder {
+.hover\:text-green-700:hover {
   color: #2f855a;
 }
 
-.focus\:placeholder-green-800:focus::placeholder {
+.hover\:text-green-800:hover {
   color: #276749;
 }
 
-.focus\:placeholder-green-900:focus::placeholder {
+.hover\:text-green-900:hover {
   color: #22543d;
 }
 
-.focus\:placeholder-teal-100:focus::placeholder {
+.hover\:text-teal-100:hover {
   color: #e6fffa;
 }
 
-.focus\:placeholder-teal-200:focus::placeholder {
+.hover\:text-teal-200:hover {
   color: #b2f5ea;
 }
 
-.focus\:placeholder-teal-300:focus::placeholder {
+.hover\:text-teal-300:hover {
   color: #81e6d9;
 }
 
-.focus\:placeholder-teal-400:focus::placeholder {
+.hover\:text-teal-400:hover {
   color: #4fd1c5;
 }
 
-.focus\:placeholder-teal-500:focus::placeholder {
+.hover\:text-teal-500:hover {
   color: #38b2ac;
 }
 
-.focus\:placeholder-teal-600:focus::placeholder {
+.hover\:text-teal-600:hover {
   color: #319795;
 }
 
-.focus\:placeholder-teal-700:focus::placeholder {
+.hover\:text-teal-700:hover {
   color: #2c7a7b;
 }
 
-.focus\:placeholder-teal-800:focus::placeholder {
+.hover\:text-teal-800:hover {
   color: #285e61;
 }
 
-.focus\:placeholder-teal-900:focus::placeholder {
+.hover\:text-teal-900:hover {
   color: #234e52;
 }
 
-.focus\:placeholder-blue-100:focus::placeholder {
+.hover\:text-blue-100:hover {
   color: #ebf8ff;
 }
 
-.focus\:placeholder-blue-200:focus::placeholder {
+.hover\:text-blue-200:hover {
   color: #bee3f8;
 }
 
-.focus\:placeholder-blue-300:focus::placeholder {
+.hover\:text-blue-300:hover {
   color: #90cdf4;
 }
 
-.focus\:placeholder-blue-400:focus::placeholder {
+.hover\:text-blue-400:hover {
   color: #63b3ed;
 }
 
-.focus\:placeholder-blue-500:focus::placeholder {
+.hover\:text-blue-500:hover {
   color: #4299e1;
 }
 
-.focus\:placeholder-blue-600:focus::placeholder {
+.hover\:text-blue-600:hover {
   color: #3182ce;
 }
 
-.focus\:placeholder-blue-700:focus::placeholder {
+.hover\:text-blue-700:hover {
   color: #2b6cb0;
 }
 
-.focus\:placeholder-blue-800:focus::placeholder {
+.hover\:text-blue-800:hover {
   color: #2c5282;
 }
 
-.focus\:placeholder-blue-900:focus::placeholder {
+.hover\:text-blue-900:hover {
   color: #2a4365;
 }
 
-.focus\:placeholder-indigo-100:focus::placeholder {
+.hover\:text-indigo-100:hover {
   color: #ebf4ff;
 }
 
-.focus\:placeholder-indigo-200:focus::placeholder {
+.hover\:text-indigo-200:hover {
   color: #c3dafe;
 }
 
-.focus\:placeholder-indigo-300:focus::placeholder {
+.hover\:text-indigo-300:hover {
   color: #a3bffa;
 }
 
-.focus\:placeholder-indigo-400:focus::placeholder {
+.hover\:text-indigo-400:hover {
   color: #7f9cf5;
 }
 
-.focus\:placeholder-indigo-500:focus::placeholder {
+.hover\:text-indigo-500:hover {
   color: #667eea;
 }
 
-.focus\:placeholder-indigo-600:focus::placeholder {
+.hover\:text-indigo-600:hover {
   color: #5a67d8;
 }
 
-.focus\:placeholder-indigo-700:focus::placeholder {
+.hover\:text-indigo-700:hover {
   color: #4c51bf;
 }
 
-.focus\:placeholder-indigo-800:focus::placeholder {
+.hover\:text-indigo-800:hover {
   color: #434190;
 }
 
-.focus\:placeholder-indigo-900:focus::placeholder {
+.hover\:text-indigo-900:hover {
   color: #3c366b;
 }
 
-.focus\:placeholder-purple-100:focus::placeholder {
+.hover\:text-purple-100:hover {
   color: #faf5ff;
 }
 
-.focus\:placeholder-purple-200:focus::placeholder {
+.hover\:text-purple-200:hover {
   color: #e9d8fd;
 }
 
-.focus\:placeholder-purple-300:focus::placeholder {
+.hover\:text-purple-300:hover {
   color: #d6bcfa;
 }
 
-.focus\:placeholder-purple-400:focus::placeholder {
+.hover\:text-purple-400:hover {
   color: #b794f4;
 }
 
-.focus\:placeholder-purple-500:focus::placeholder {
+.hover\:text-purple-500:hover {
   color: #9f7aea;
 }
 
-.focus\:placeholder-purple-600:focus::placeholder {
+.hover\:text-purple-600:hover {
   color: #805ad5;
 }
 
-.focus\:placeholder-purple-700:focus::placeholder {
+.hover\:text-purple-700:hover {
   color: #6b46c1;
 }
 
-.focus\:placeholder-purple-800:focus::placeholder {
+.hover\:text-purple-800:hover {
   color: #553c9a;
 }
 
-.focus\:placeholder-purple-900:focus::placeholder {
+.hover\:text-purple-900:hover {
   color: #44337a;
 }
 
-.focus\:placeholder-pink-100:focus::placeholder {
+.hover\:text-pink-100:hover {
   color: #fff5f7;
 }
 
-.focus\:placeholder-pink-200:focus::placeholder {
+.hover\:text-pink-200:hover {
   color: #fed7e2;
 }
 
-.focus\:placeholder-pink-300:focus::placeholder {
+.hover\:text-pink-300:hover {
   color: #fbb6ce;
 }
 
-.focus\:placeholder-pink-400:focus::placeholder {
+.hover\:text-pink-400:hover {
   color: #f687b3;
 }
 
-.focus\:placeholder-pink-500:focus::placeholder {
+.hover\:text-pink-500:hover {
   color: #ed64a6;
 }
 
-.focus\:placeholder-pink-600:focus::placeholder {
+.hover\:text-pink-600:hover {
   color: #d53f8c;
 }
 
-.focus\:placeholder-pink-700:focus::placeholder {
+.hover\:text-pink-700:hover {
   color: #b83280;
 }
 
-.focus\:placeholder-pink-800:focus::placeholder {
+.hover\:text-pink-800:hover {
   color: #97266d;
 }
 
-.focus\:placeholder-pink-900:focus::placeholder {
+.hover\:text-pink-900:hover {
   color: #702459;
 }
 
-.pointer-events-none {
-  pointer-events: none;
+.focus\:text-transparent:focus {
+  color: transparent;
 }
 
-.pointer-events-auto {
-  pointer-events: auto;
+.focus\:text-current:focus {
+  color: currentColor;
 }
 
-.static {
-  position: static;
+.focus\:text-black:focus {
+  color: #000;
 }
 
-.fixed {
-  position: fixed;
+.focus\:text-white:focus {
+  color: #fff;
 }
 
-.absolute {
-  position: absolute;
+.focus\:text-gray-100:focus {
+  color: #f7fafc;
 }
 
-.relative {
-  position: relative;
+.focus\:text-gray-200:focus {
+  color: #edf2f7;
 }
 
-.inset-0 {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+.focus\:text-gray-300:focus {
+  color: #e2e8f0;
 }
 
-.inset-auto {
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
+.focus\:text-gray-400:focus {
+  color: #cbd5e0;
 }
 
-.inset-y-0 {
-  top: 0;
-  bottom: 0;
+.focus\:text-gray-500:focus {
+  color: #a0aec0;
 }
 
-.inset-x-0 {
-  right: 0;
-  left: 0;
+.focus\:text-gray-600:focus {
+  color: #718096;
 }
 
-.inset-y-auto {
-  top: auto;
-  bottom: auto;
+.focus\:text-gray-700:focus {
+  color: #4a5568;
 }
 
-.inset-x-auto {
-  right: auto;
-  left: auto;
+.focus\:text-gray-800:focus {
+  color: #2d3748;
 }
 
-.top-0 {
-  top: 0;
+.focus\:text-gray-900:focus {
+  color: #1a202c;
 }
 
-.right-0 {
-  right: 0;
+.focus\:text-red-100:focus {
+  color: #fff5f5;
 }
 
-.bottom-0 {
-  bottom: 0;
+.focus\:text-red-200:focus {
+  color: #fed7d7;
 }
 
-.left-0 {
-  left: 0;
+.focus\:text-red-300:focus {
+  color: #feb2b2;
 }
 
-.top-auto {
-  top: auto;
+.focus\:text-red-400:focus {
+  color: #fc8181;
 }
 
-.right-auto {
-  right: auto;
+.focus\:text-red-500:focus {
+  color: #f56565;
 }
 
-.bottom-auto {
-  bottom: auto;
+.focus\:text-red-600:focus {
+  color: #e53e3e;
 }
 
-.left-auto {
-  left: auto;
+.focus\:text-red-700:focus {
+  color: #c53030;
 }
 
-.resize-none {
-  resize: none;
+.focus\:text-red-800:focus {
+  color: #9b2c2c;
 }
 
-.resize-y {
-  resize: vertical;
+.focus\:text-red-900:focus {
+  color: #742a2a;
 }
 
-.resize-x {
-  resize: horizontal;
+.focus\:text-orange-100:focus {
+  color: #fffaf0;
 }
 
-.resize {
-  resize: both;
+.focus\:text-orange-200:focus {
+  color: #feebc8;
 }
 
-.shadow-xs {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+.focus\:text-orange-300:focus {
+  color: #fbd38d;
 }
 
-.shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+.focus\:text-orange-400:focus {
+  color: #f6ad55;
 }
 
-.shadow {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+.focus\:text-orange-500:focus {
+  color: #ed8936;
 }
 
-.shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+.focus\:text-orange-600:focus {
+  color: #dd6b20;
 }
 
-.shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+.focus\:text-orange-700:focus {
+  color: #c05621;
 }
 
-.shadow-xl {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+.focus\:text-orange-800:focus {
+  color: #9c4221;
 }
 
-.shadow-2xl {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+.focus\:text-orange-900:focus {
+  color: #7b341e;
 }
 
-.shadow-inner {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+.focus\:text-yellow-100:focus {
+  color: #fffff0;
 }
 
-.shadow-outline {
-  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+.focus\:text-yellow-200:focus {
+  color: #fefcbf;
 }
 
-.shadow-none {
-  box-shadow: none;
+.focus\:text-yellow-300:focus {
+  color: #faf089;
 }
 
-.hover\:shadow-xs:hover {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+.focus\:text-yellow-400:focus {
+  color: #f6e05e;
 }
 
-.hover\:shadow-sm:hover {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+.focus\:text-yellow-500:focus {
+  color: #ecc94b;
 }
 
-.hover\:shadow:hover {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+.focus\:text-yellow-600:focus {
+  color: #d69e2e;
 }
 
-.hover\:shadow-md:hover {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+.focus\:text-yellow-700:focus {
+  color: #b7791f;
 }
 
-.hover\:shadow-lg:hover {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+.focus\:text-yellow-800:focus {
+  color: #975a16;
 }
 
-.hover\:shadow-xl:hover {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+.focus\:text-yellow-900:focus {
+  color: #744210;
 }
 
-.hover\:shadow-2xl:hover {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+.focus\:text-green-100:focus {
+  color: #f0fff4;
 }
 
-.hover\:shadow-inner:hover {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+.focus\:text-green-200:focus {
+  color: #c6f6d5;
 }
 
-.hover\:shadow-outline:hover {
-  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+.focus\:text-green-300:focus {
+  color: #9ae6b4;
 }
 
-.hover\:shadow-none:hover {
-  box-shadow: none;
+.focus\:text-green-400:focus {
+  color: #68d391;
 }
 
-.focus\:shadow-xs:focus {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+.focus\:text-green-500:focus {
+  color: #48bb78;
 }
 
-.focus\:shadow-sm:focus {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+.focus\:text-green-600:focus {
+  color: #38a169;
 }
 
-.focus\:shadow:focus {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+.focus\:text-green-700:focus {
+  color: #2f855a;
 }
 
-.focus\:shadow-md:focus {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+.focus\:text-green-800:focus {
+  color: #276749;
 }
 
-.focus\:shadow-lg:focus {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+.focus\:text-green-900:focus {
+  color: #22543d;
 }
 
-.focus\:shadow-xl:focus {
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+.focus\:text-teal-100:focus {
+  color: #e6fffa;
 }
 
-.focus\:shadow-2xl:focus {
-  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+.focus\:text-teal-200:focus {
+  color: #b2f5ea;
 }
 
-.focus\:shadow-inner:focus {
-  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+.focus\:text-teal-300:focus {
+  color: #81e6d9;
 }
 
-.focus\:shadow-outline:focus {
-  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+.focus\:text-teal-400:focus {
+  color: #4fd1c5;
 }
 
-.focus\:shadow-none:focus {
-  box-shadow: none;
+.focus\:text-teal-500:focus {
+  color: #38b2ac;
 }
 
-.fill-current {
-  fill: currentColor;
+.focus\:text-teal-600:focus {
+  color: #319795;
 }
 
-.stroke-current {
-  stroke: currentColor;
+.focus\:text-teal-700:focus {
+  color: #2c7a7b;
 }
 
-.stroke-0 {
-  stroke-width: 0;
+.focus\:text-teal-800:focus {
+  color: #285e61;
 }
 
-.stroke-1 {
-  stroke-width: 1;
+.focus\:text-teal-900:focus {
+  color: #234e52;
 }
 
-.stroke-2 {
-  stroke-width: 2;
+.focus\:text-blue-100:focus {
+  color: #ebf8ff;
 }
 
-.table-auto {
-  table-layout: auto;
+.focus\:text-blue-200:focus {
+  color: #bee3f8;
 }
 
-.table-fixed {
-  table-layout: fixed;
+.focus\:text-blue-300:focus {
+  color: #90cdf4;
 }
 
-.text-left {
-  text-align: left;
+.focus\:text-blue-400:focus {
+  color: #63b3ed;
 }
 
-.text-center {
-  text-align: center;
+.focus\:text-blue-500:focus {
+  color: #4299e1;
 }
 
-.text-right {
-  text-align: right;
+.focus\:text-blue-600:focus {
+  color: #3182ce;
 }
 
-.text-justify {
-  text-align: justify;
+.focus\:text-blue-700:focus {
+  color: #2b6cb0;
 }
 
-.text-transparent {
-  color: transparent;
+.focus\:text-blue-800:focus {
+  color: #2c5282;
 }
 
-.text-current {
-  color: currentColor;
+.focus\:text-blue-900:focus {
+  color: #2a4365;
 }
 
-.text-black {
-  color: #000;
+.focus\:text-indigo-100:focus {
+  color: #ebf4ff;
 }
 
-.text-white {
-  color: #fff;
+.focus\:text-indigo-200:focus {
+  color: #c3dafe;
 }
 
-.text-gray-100 {
-  color: #f7fafc;
+.focus\:text-indigo-300:focus {
+  color: #a3bffa;
 }
 
-.text-gray-200 {
-  color: #edf2f7;
+.focus\:text-indigo-400:focus {
+  color: #7f9cf5;
 }
 
-.text-gray-300 {
-  color: #e2e8f0;
+.focus\:text-indigo-500:focus {
+  color: #667eea;
 }
 
-.text-gray-400 {
-  color: #cbd5e0;
+.focus\:text-indigo-600:focus {
+  color: #5a67d8;
 }
 
-.text-gray-500 {
-  color: #a0aec0;
+.focus\:text-indigo-700:focus {
+  color: #4c51bf;
 }
 
-.text-gray-600 {
-  color: #718096;
+.focus\:text-indigo-800:focus {
+  color: #434190;
 }
 
-.text-gray-700 {
-  color: #4a5568;
+.focus\:text-indigo-900:focus {
+  color: #3c366b;
 }
 
-.text-gray-800 {
-  color: #2d3748;
+.focus\:text-purple-100:focus {
+  color: #faf5ff;
 }
 
-.text-gray-900 {
-  color: #1a202c;
+.focus\:text-purple-200:focus {
+  color: #e9d8fd;
 }
 
-.text-red-100 {
-  color: #fff5f5;
+.focus\:text-purple-300:focus {
+  color: #d6bcfa;
 }
 
-.text-red-200 {
-  color: #fed7d7;
+.focus\:text-purple-400:focus {
+  color: #b794f4;
 }
 
-.text-red-300 {
-  color: #feb2b2;
+.focus\:text-purple-500:focus {
+  color: #9f7aea;
 }
 
-.text-red-400 {
-  color: #fc8181;
+.focus\:text-purple-600:focus {
+  color: #805ad5;
 }
 
-.text-red-500 {
-  color: #f56565;
+.focus\:text-purple-700:focus {
+  color: #6b46c1;
 }
 
-.text-red-600 {
-  color: #e53e3e;
+.focus\:text-purple-800:focus {
+  color: #553c9a;
 }
 
-.text-red-700 {
-  color: #c53030;
+.focus\:text-purple-900:focus {
+  color: #44337a;
 }
 
-.text-red-800 {
-  color: #9b2c2c;
+.focus\:text-pink-100:focus {
+  color: #fff5f7;
 }
 
-.text-red-900 {
-  color: #742a2a;
+.focus\:text-pink-200:focus {
+  color: #fed7e2;
 }
 
-.text-orange-100 {
-  color: #fffaf0;
+.focus\:text-pink-300:focus {
+  color: #fbb6ce;
 }
 
-.text-orange-200 {
-  color: #feebc8;
+.focus\:text-pink-400:focus {
+  color: #f687b3;
 }
 
-.text-orange-300 {
-  color: #fbd38d;
+.focus\:text-pink-500:focus {
+  color: #ed64a6;
 }
 
-.text-orange-400 {
-  color: #f6ad55;
+.focus\:text-pink-600:focus {
+  color: #d53f8c;
 }
 
-.text-orange-500 {
-  color: #ed8936;
+.focus\:text-pink-700:focus {
+  color: #b83280;
 }
 
-.text-orange-600 {
-  color: #dd6b20;
+.focus\:text-pink-800:focus {
+  color: #97266d;
 }
 
-.text-orange-700 {
-  color: #c05621;
+.focus\:text-pink-900:focus {
+  color: #702459;
 }
 
-.text-orange-800 {
-  color: #9c4221;
+.italic {
+  font-style: italic;
 }
 
-.text-orange-900 {
-  color: #7b341e;
+.not-italic {
+  font-style: normal;
 }
 
-.text-yellow-100 {
-  color: #fffff0;
+.uppercase {
+  text-transform: uppercase;
 }
 
-.text-yellow-200 {
-  color: #fefcbf;
+.lowercase {
+  text-transform: lowercase;
 }
 
-.text-yellow-300 {
-  color: #faf089;
+.capitalize {
+  text-transform: capitalize;
 }
 
-.text-yellow-400 {
-  color: #f6e05e;
+.normal-case {
+  text-transform: none;
 }
 
-.text-yellow-500 {
-  color: #ecc94b;
+.underline {
+  text-decoration: underline;
 }
 
-.text-yellow-600 {
-  color: #d69e2e;
+.line-through {
+  text-decoration: line-through;
 }
 
-.text-yellow-700 {
-  color: #b7791f;
+.no-underline {
+  text-decoration: none;
 }
 
-.text-yellow-800 {
-  color: #975a16;
+.hover\:underline:hover {
+  text-decoration: underline;
 }
 
-.text-yellow-900 {
-  color: #744210;
+.hover\:line-through:hover {
+  text-decoration: line-through;
 }
 
-.text-green-100 {
-  color: #f0fff4;
+.hover\:no-underline:hover {
+  text-decoration: none;
 }
 
-.text-green-200 {
-  color: #c6f6d5;
+.focus\:underline:focus {
+  text-decoration: underline;
 }
 
-.text-green-300 {
-  color: #9ae6b4;
+.focus\:line-through:focus {
+  text-decoration: line-through;
 }
 
-.text-green-400 {
-  color: #68d391;
+.focus\:no-underline:focus {
+  text-decoration: none;
 }
 
-.text-green-500 {
-  color: #48bb78;
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
-.text-green-600 {
-  color: #38a169;
+.subpixel-antialiased {
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
 }
 
-.text-green-700 {
-  color: #2f855a;
+.tracking-tighter {
+  letter-spacing: -0.05em;
 }
 
-.text-green-800 {
-  color: #276749;
+.tracking-tight {
+  letter-spacing: -0.025em;
 }
 
-.text-green-900 {
-  color: #22543d;
+.tracking-normal {
+  letter-spacing: 0;
 }
 
-.text-teal-100 {
-  color: #e6fffa;
+.tracking-wide {
+  letter-spacing: 0.025em;
 }
 
-.text-teal-200 {
-  color: #b2f5ea;
+.tracking-wider {
+  letter-spacing: 0.05em;
 }
 
-.text-teal-300 {
-  color: #81e6d9;
+.tracking-widest {
+  letter-spacing: 0.1em;
 }
 
-.text-teal-400 {
-  color: #4fd1c5;
+.select-none {
+  user-select: none;
 }
 
-.text-teal-500 {
-  color: #38b2ac;
+.select-text {
+  user-select: text;
 }
 
-.text-teal-600 {
-  color: #319795;
+.select-all {
+  user-select: all;
 }
 
-.text-teal-700 {
-  color: #2c7a7b;
+.select-auto {
+  user-select: auto;
 }
 
-.text-teal-800 {
-  color: #285e61;
+.align-baseline {
+  vertical-align: baseline;
 }
 
-.text-teal-900 {
-  color: #234e52;
+.align-top {
+  vertical-align: top;
 }
 
-.text-blue-100 {
-  color: #ebf8ff;
+.align-middle {
+  vertical-align: middle;
 }
 
-.text-blue-200 {
-  color: #bee3f8;
+.align-bottom {
+  vertical-align: bottom;
 }
 
-.text-blue-300 {
-  color: #90cdf4;
+.align-text-top {
+  vertical-align: text-top;
 }
 
-.text-blue-400 {
-  color: #63b3ed;
+.align-text-bottom {
+  vertical-align: text-bottom;
 }
 
-.text-blue-500 {
-  color: #4299e1;
+.visible {
+  visibility: visible;
 }
 
-.text-blue-600 {
-  color: #3182ce;
+.invisible {
+  visibility: hidden;
 }
 
-.text-blue-700 {
-  color: #2b6cb0;
+.whitespace-normal {
+  white-space: normal;
 }
 
-.text-blue-800 {
-  color: #2c5282;
+.whitespace-no-wrap {
+  white-space: nowrap;
 }
 
-.text-blue-900 {
-  color: #2a4365;
+.whitespace-pre {
+  white-space: pre;
 }
 
-.text-indigo-100 {
-  color: #ebf4ff;
+.whitespace-pre-line {
+  white-space: pre-line;
 }
 
-.text-indigo-200 {
-  color: #c3dafe;
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
 }
 
-.text-indigo-300 {
-  color: #a3bffa;
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
 }
 
-.text-indigo-400 {
-  color: #7f9cf5;
+.break-words {
+  overflow-wrap: break-word;
 }
 
-.text-indigo-500 {
-  color: #667eea;
+.break-all {
+  word-break: break-all;
 }
 
-.text-indigo-600 {
-  color: #5a67d8;
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.text-indigo-700 {
-  color: #4c51bf;
+.w-0 {
+  width: 0;
 }
 
-.text-indigo-800 {
-  color: #434190;
+.w-1 {
+  width: 0.25rem;
 }
 
-.text-indigo-900 {
-  color: #3c366b;
+.w-2 {
+  width: 0.5rem;
 }
 
-.text-purple-100 {
-  color: #faf5ff;
+.w-3 {
+  width: 0.75rem;
 }
 
-.text-purple-200 {
-  color: #e9d8fd;
+.w-4 {
+  width: 1rem;
 }
 
-.text-purple-300 {
-  color: #d6bcfa;
+.w-5 {
+  width: 1.25rem;
 }
 
-.text-purple-400 {
-  color: #b794f4;
+.w-6 {
+  width: 1.5rem;
 }
 
-.text-purple-500 {
-  color: #9f7aea;
+.w-8 {
+  width: 2rem;
 }
 
-.text-purple-600 {
-  color: #805ad5;
+.w-10 {
+  width: 2.5rem;
 }
 
-.text-purple-700 {
-  color: #6b46c1;
+.w-12 {
+  width: 3rem;
 }
 
-.text-purple-800 {
-  color: #553c9a;
+.w-16 {
+  width: 4rem;
 }
 
-.text-purple-900 {
-  color: #44337a;
+.w-20 {
+  width: 5rem;
 }
 
-.text-pink-100 {
-  color: #fff5f7;
+.w-24 {
+  width: 6rem;
 }
 
-.text-pink-200 {
-  color: #fed7e2;
+.w-32 {
+  width: 8rem;
 }
 
-.text-pink-300 {
-  color: #fbb6ce;
+.w-40 {
+  width: 10rem;
 }
 
-.text-pink-400 {
-  color: #f687b3;
+.w-48 {
+  width: 12rem;
 }
 
-.text-pink-500 {
-  color: #ed64a6;
+.w-56 {
+  width: 14rem;
 }
 
-.text-pink-600 {
-  color: #d53f8c;
+.w-64 {
+  width: 16rem;
 }
 
-.text-pink-700 {
-  color: #b83280;
+.w-auto {
+  width: auto;
 }
 
-.text-pink-800 {
-  color: #97266d;
+.w-px {
+  width: 1px;
 }
 
-.text-pink-900 {
-  color: #702459;
+.w-1\/2 {
+  width: 50%;
 }
 
-.hover\:text-transparent:hover {
-  color: transparent;
+.w-1\/3 {
+  width: 33.333333%;
 }
 
-.hover\:text-current:hover {
-  color: currentColor;
+.w-2\/3 {
+  width: 66.666667%;
 }
 
-.hover\:text-black:hover {
-  color: #000;
+.w-1\/4 {
+  width: 25%;
 }
 
-.hover\:text-white:hover {
-  color: #fff;
+.w-2\/4 {
+  width: 50%;
 }
 
-.hover\:text-gray-100:hover {
-  color: #f7fafc;
+.w-3\/4 {
+  width: 75%;
 }
 
-.hover\:text-gray-200:hover {
-  color: #edf2f7;
+.w-1\/5 {
+  width: 20%;
 }
 
-.hover\:text-gray-300:hover {
-  color: #e2e8f0;
+.w-2\/5 {
+  width: 40%;
 }
 
-.hover\:text-gray-400:hover {
-  color: #cbd5e0;
+.w-3\/5 {
+  width: 60%;
 }
 
-.hover\:text-gray-500:hover {
-  color: #a0aec0;
+.w-4\/5 {
+  width: 80%;
 }
 
-.hover\:text-gray-600:hover {
-  color: #718096;
+.w-1\/6 {
+  width: 16.666667%;
 }
 
-.hover\:text-gray-700:hover {
-  color: #4a5568;
+.w-2\/6 {
+  width: 33.333333%;
 }
 
-.hover\:text-gray-800:hover {
-  color: #2d3748;
+.w-3\/6 {
+  width: 50%;
 }
 
-.hover\:text-gray-900:hover {
-  color: #1a202c;
+.w-4\/6 {
+  width: 66.666667%;
 }
 
-.hover\:text-red-100:hover {
-  color: #fff5f5;
+.w-5\/6 {
+  width: 83.333333%;
 }
 
-.hover\:text-red-200:hover {
-  color: #fed7d7;
+.w-1\/12 {
+  width: 8.333333%;
 }
 
-.hover\:text-red-300:hover {
-  color: #feb2b2;
+.w-2\/12 {
+  width: 16.666667%;
 }
 
-.hover\:text-red-400:hover {
-  color: #fc8181;
+.w-3\/12 {
+  width: 25%;
 }
 
-.hover\:text-red-500:hover {
-  color: #f56565;
+.w-4\/12 {
+  width: 33.333333%;
 }
 
-.hover\:text-red-600:hover {
-  color: #e53e3e;
+.w-5\/12 {
+  width: 41.666667%;
 }
 
-.hover\:text-red-700:hover {
-  color: #c53030;
+.w-6\/12 {
+  width: 50%;
 }
 
-.hover\:text-red-800:hover {
-  color: #9b2c2c;
+.w-7\/12 {
+  width: 58.333333%;
 }
 
-.hover\:text-red-900:hover {
-  color: #742a2a;
+.w-8\/12 {
+  width: 66.666667%;
 }
 
-.hover\:text-orange-100:hover {
-  color: #fffaf0;
+.w-9\/12 {
+  width: 75%;
 }
 
-.hover\:text-orange-200:hover {
-  color: #feebc8;
+.w-10\/12 {
+  width: 83.333333%;
 }
 
-.hover\:text-orange-300:hover {
-  color: #fbd38d;
+.w-11\/12 {
+  width: 91.666667%;
 }
 
-.hover\:text-orange-400:hover {
-  color: #f6ad55;
+.w-full {
+  width: 100%;
 }
 
-.hover\:text-orange-500:hover {
-  color: #ed8936;
+.w-screen {
+  width: 100vw;
 }
 
-.hover\:text-orange-600:hover {
-  color: #dd6b20;
+.z-0 {
+  z-index: 0;
 }
 
-.hover\:text-orange-700:hover {
-  color: #c05621;
+.z-10 {
+  z-index: 10;
 }
 
-.hover\:text-orange-800:hover {
-  color: #9c4221;
+.z-20 {
+  z-index: 20;
 }
 
-.hover\:text-orange-900:hover {
-  color: #7b341e;
+.z-30 {
+  z-index: 30;
 }
 
-.hover\:text-yellow-100:hover {
-  color: #fffff0;
+.z-40 {
+  z-index: 40;
 }
 
-.hover\:text-yellow-200:hover {
-  color: #fefcbf;
+.z-50 {
+  z-index: 50;
 }
 
-.hover\:text-yellow-300:hover {
-  color: #faf089;
+.z-auto {
+  z-index: auto;
 }
 
-.hover\:text-yellow-400:hover {
-  color: #f6e05e;
+.origin-center {
+  transform-origin: center;
 }
 
-.hover\:text-yellow-500:hover {
-  color: #ecc94b;
+.origin-top {
+  transform-origin: top;
 }
 
-.hover\:text-yellow-600:hover {
-  color: #d69e2e;
+.origin-top-right {
+  transform-origin: top right;
 }
 
-.hover\:text-yellow-700:hover {
-  color: #b7791f;
+.origin-right {
+  transform-origin: right;
 }
 
-.hover\:text-yellow-800:hover {
-  color: #975a16;
+.origin-bottom-right {
+  transform-origin: bottom right;
 }
 
-.hover\:text-yellow-900:hover {
-  color: #744210;
+.origin-bottom {
+  transform-origin: bottom;
 }
 
-.hover\:text-green-100:hover {
-  color: #f0fff4;
+.origin-bottom-left {
+  transform-origin: bottom left;
 }
 
-.hover\:text-green-200:hover {
-  color: #c6f6d5;
+.origin-left {
+  transform-origin: left;
 }
 
-.hover\:text-green-300:hover {
-  color: #9ae6b4;
+.origin-top-left {
+  transform-origin: top left;
 }
 
-.hover\:text-green-400:hover {
-  color: #68d391;
+.scale-0 {
+  transform: scale(0);
 }
 
-.hover\:text-green-500:hover {
-  color: #48bb78;
+.scale-50 {
+  transform: scale(.5);
 }
 
-.hover\:text-green-600:hover {
-  color: #38a169;
+.scale-75 {
+  transform: scale(.75);
 }
 
-.hover\:text-green-700:hover {
-  color: #2f855a;
+.scale-90 {
+  transform: scale(.9);
 }
 
-.hover\:text-green-800:hover {
-  color: #276749;
+.scale-95 {
+  transform: scale(.95);
 }
 
-.hover\:text-green-900:hover {
-  color: #22543d;
+.scale-100 {
+  transform: scale(1);
 }
 
-.hover\:text-teal-100:hover {
-  color: #e6fffa;
+.scale-105 {
+  transform: scale(1.05);
 }
 
-.hover\:text-teal-200:hover {
-  color: #b2f5ea;
+.scale-110 {
+  transform: scale(1.1);
 }
 
-.hover\:text-teal-300:hover {
-  color: #81e6d9;
+.scale-125 {
+  transform: scale(1.25);
 }
 
-.hover\:text-teal-400:hover {
-  color: #4fd1c5;
+.scale-150 {
+  transform: scale(1.5);
 }
 
-.hover\:text-teal-500:hover {
-  color: #38b2ac;
+.scale-x-0 {
+  transform: scaleX(0);
 }
 
-.hover\:text-teal-600:hover {
-  color: #319795;
+.scale-x-50 {
+  transform: scaleX(.5);
 }
 
-.hover\:text-teal-700:hover {
-  color: #2c7a7b;
+.scale-x-75 {
+  transform: scaleX(.75);
 }
 
-.hover\:text-teal-800:hover {
-  color: #285e61;
+.scale-x-90 {
+  transform: scaleX(.9);
 }
 
-.hover\:text-teal-900:hover {
-  color: #234e52;
+.scale-x-95 {
+  transform: scaleX(.95);
 }
 
-.hover\:text-blue-100:hover {
-  color: #ebf8ff;
+.scale-x-100 {
+  transform: scaleX(1);
 }
 
-.hover\:text-blue-200:hover {
-  color: #bee3f8;
+.scale-x-105 {
+  transform: scaleX(1.05);
 }
 
-.hover\:text-blue-300:hover {
-  color: #90cdf4;
+.scale-x-110 {
+  transform: scaleX(1.1);
 }
 
-.hover\:text-blue-400:hover {
-  color: #63b3ed;
+.scale-x-125 {
+  transform: scaleX(1.25);
 }
 
-.hover\:text-blue-500:hover {
-  color: #4299e1;
+.scale-x-150 {
+  transform: scaleX(1.5);
 }
 
-.hover\:text-blue-600:hover {
-  color: #3182ce;
+.scale-y-0 {
+  transform: scaleY(0);
 }
 
-.hover\:text-blue-700:hover {
-  color: #2b6cb0;
+.scale-y-50 {
+  transform: scaleY(.5);
 }
 
-.hover\:text-blue-800:hover {
-  color: #2c5282;
+.scale-y-75 {
+  transform: scaleY(.75);
 }
 
-.hover\:text-blue-900:hover {
-  color: #2a4365;
+.scale-y-90 {
+  transform: scaleY(.9);
 }
 
-.hover\:text-indigo-100:hover {
-  color: #ebf4ff;
+.scale-y-95 {
+  transform: scaleY(.95);
 }
 
-.hover\:text-indigo-200:hover {
-  color: #c3dafe;
+.scale-y-100 {
+  transform: scaleY(1);
 }
 
-.hover\:text-indigo-300:hover {
-  color: #a3bffa;
+.scale-y-105 {
+  transform: scaleY(1.05);
 }
 
-.hover\:text-indigo-400:hover {
-  color: #7f9cf5;
+.scale-y-110 {
+  transform: scaleY(1.1);
 }
 
-.hover\:text-indigo-500:hover {
-  color: #667eea;
+.scale-y-125 {
+  transform: scaleY(1.25);
 }
 
-.hover\:text-indigo-600:hover {
-  color: #5a67d8;
+.scale-y-150 {
+  transform: scaleY(1.5);
 }
 
-.hover\:text-indigo-700:hover {
-  color: #4c51bf;
+.hover\:scale-0:hover {
+  transform: scale(0);
 }
 
-.hover\:text-indigo-800:hover {
-  color: #434190;
+.hover\:scale-50:hover {
+  transform: scale(.5);
 }
 
-.hover\:text-indigo-900:hover {
-  color: #3c366b;
+.hover\:scale-75:hover {
+  transform: scale(.75);
 }
 
-.hover\:text-purple-100:hover {
-  color: #faf5ff;
+.hover\:scale-90:hover {
+  transform: scale(.9);
 }
 
-.hover\:text-purple-200:hover {
-  color: #e9d8fd;
+.hover\:scale-95:hover {
+  transform: scale(.95);
 }
 
-.hover\:text-purple-300:hover {
-  color: #d6bcfa;
+.hover\:scale-100:hover {
+  transform: scale(1);
 }
 
-.hover\:text-purple-400:hover {
-  color: #b794f4;
+.hover\:scale-105:hover {
+  transform: scale(1.05);
 }
 
-.hover\:text-purple-500:hover {
-  color: #9f7aea;
+.hover\:scale-110:hover {
+  transform: scale(1.1);
 }
 
-.hover\:text-purple-600:hover {
-  color: #805ad5;
+.hover\:scale-125:hover {
+  transform: scale(1.25);
 }
 
-.hover\:text-purple-700:hover {
-  color: #6b46c1;
+.hover\:scale-150:hover {
+  transform: scale(1.5);
 }
 
-.hover\:text-purple-800:hover {
-  color: #553c9a;
+.hover\:scale-x-0:hover {
+  transform: scaleX(0);
 }
 
-.hover\:text-purple-900:hover {
-  color: #44337a;
+.hover\:scale-x-50:hover {
+  transform: scaleX(.5);
 }
 
-.hover\:text-pink-100:hover {
-  color: #fff5f7;
+.hover\:scale-x-75:hover {
+  transform: scaleX(.75);
 }
 
-.hover\:text-pink-200:hover {
-  color: #fed7e2;
+.hover\:scale-x-90:hover {
+  transform: scaleX(.9);
 }
 
-.hover\:text-pink-300:hover {
-  color: #fbb6ce;
+.hover\:scale-x-95:hover {
+  transform: scaleX(.95);
 }
 
-.hover\:text-pink-400:hover {
-  color: #f687b3;
+.hover\:scale-x-100:hover {
+  transform: scaleX(1);
 }
 
-.hover\:text-pink-500:hover {
-  color: #ed64a6;
+.hover\:scale-x-105:hover {
+  transform: scaleX(1.05);
 }
 
-.hover\:text-pink-600:hover {
-  color: #d53f8c;
+.hover\:scale-x-110:hover {
+  transform: scaleX(1.1);
 }
 
-.hover\:text-pink-700:hover {
-  color: #b83280;
+.hover\:scale-x-125:hover {
+  transform: scaleX(1.25);
 }
 
-.hover\:text-pink-800:hover {
-  color: #97266d;
+.hover\:scale-x-150:hover {
+  transform: scaleX(1.5);
 }
 
-.hover\:text-pink-900:hover {
-  color: #702459;
+.hover\:scale-y-0:hover {
+  transform: scaleY(0);
 }
 
-.focus\:text-transparent:focus {
-  color: transparent;
+.hover\:scale-y-50:hover {
+  transform: scaleY(.5);
 }
 
-.focus\:text-current:focus {
-  color: currentColor;
+.hover\:scale-y-75:hover {
+  transform: scaleY(.75);
 }
 
-.focus\:text-black:focus {
-  color: #000;
+.hover\:scale-y-90:hover {
+  transform: scaleY(.9);
 }
 
-.focus\:text-white:focus {
-  color: #fff;
+.hover\:scale-y-95:hover {
+  transform: scaleY(.95);
 }
 
-.focus\:text-gray-100:focus {
-  color: #f7fafc;
+.hover\:scale-y-100:hover {
+  transform: scaleY(1);
 }
 
-.focus\:text-gray-200:focus {
-  color: #edf2f7;
+.hover\:scale-y-105:hover {
+  transform: scaleY(1.05);
 }
 
-.focus\:text-gray-300:focus {
-  color: #e2e8f0;
+.hover\:scale-y-110:hover {
+  transform: scaleY(1.1);
 }
 
-.focus\:text-gray-400:focus {
-  color: #cbd5e0;
+.hover\:scale-y-125:hover {
+  transform: scaleY(1.25);
 }
 
-.focus\:text-gray-500:focus {
-  color: #a0aec0;
+.hover\:scale-y-150:hover {
+  transform: scaleY(1.5);
 }
 
-.focus\:text-gray-600:focus {
-  color: #718096;
+.focus\:scale-0:focus {
+  transform: scale(0);
 }
 
-.focus\:text-gray-700:focus {
-  color: #4a5568;
+.focus\:scale-50:focus {
+  transform: scale(.5);
 }
 
-.focus\:text-gray-800:focus {
-  color: #2d3748;
+.focus\:scale-75:focus {
+  transform: scale(.75);
 }
 
-.focus\:text-gray-900:focus {
-  color: #1a202c;
+.focus\:scale-90:focus {
+  transform: scale(.9);
 }
 
-.focus\:text-red-100:focus {
-  color: #fff5f5;
+.focus\:scale-95:focus {
+  transform: scale(.95);
 }
 
-.focus\:text-red-200:focus {
-  color: #fed7d7;
+.focus\:scale-100:focus {
+  transform: scale(1);
 }
 
-.focus\:text-red-300:focus {
-  color: #feb2b2;
+.focus\:scale-105:focus {
+  transform: scale(1.05);
 }
 
-.focus\:text-red-400:focus {
-  color: #fc8181;
+.focus\:scale-110:focus {
+  transform: scale(1.1);
 }
 
-.focus\:text-red-500:focus {
-  color: #f56565;
+.focus\:scale-125:focus {
+  transform: scale(1.25);
 }
 
-.focus\:text-red-600:focus {
-  color: #e53e3e;
+.focus\:scale-150:focus {
+  transform: scale(1.5);
 }
 
-.focus\:text-red-700:focus {
-  color: #c53030;
+.focus\:scale-x-0:focus {
+  transform: scaleX(0);
 }
 
-.focus\:text-red-800:focus {
-  color: #9b2c2c;
+.focus\:scale-x-50:focus {
+  transform: scaleX(.5);
 }
 
-.focus\:text-red-900:focus {
-  color: #742a2a;
+.focus\:scale-x-75:focus {
+  transform: scaleX(.75);
 }
 
-.focus\:text-orange-100:focus {
-  color: #fffaf0;
+.focus\:scale-x-90:focus {
+  transform: scaleX(.9);
 }
 
-.focus\:text-orange-200:focus {
-  color: #feebc8;
+.focus\:scale-x-95:focus {
+  transform: scaleX(.95);
 }
 
-.focus\:text-orange-300:focus {
-  color: #fbd38d;
+.focus\:scale-x-100:focus {
+  transform: scaleX(1);
 }
 
-.focus\:text-orange-400:focus {
-  color: #f6ad55;
+.focus\:scale-x-105:focus {
+  transform: scaleX(1.05);
 }
 
-.focus\:text-orange-500:focus {
-  color: #ed8936;
+.focus\:scale-x-110:focus {
+  transform: scaleX(1.1);
 }
 
-.focus\:text-orange-600:focus {
-  color: #dd6b20;
+.focus\:scale-x-125:focus {
+  transform: scaleX(1.25);
 }
 
-.focus\:text-orange-700:focus {
-  color: #c05621;
+.focus\:scale-x-150:focus {
+  transform: scaleX(1.5);
 }
 
-.focus\:text-orange-800:focus {
-  color: #9c4221;
+.focus\:scale-y-0:focus {
+  transform: scaleY(0);
 }
 
-.focus\:text-orange-900:focus {
-  color: #7b341e;
+.focus\:scale-y-50:focus {
+  transform: scaleY(.5);
 }
 
-.focus\:text-yellow-100:focus {
-  color: #fffff0;
+.focus\:scale-y-75:focus {
+  transform: scaleY(.75);
 }
 
-.focus\:text-yellow-200:focus {
-  color: #fefcbf;
+.focus\:scale-y-90:focus {
+  transform: scaleY(.9);
 }
 
-.focus\:text-yellow-300:focus {
-  color: #faf089;
+.focus\:scale-y-95:focus {
+  transform: scaleY(.95);
 }
 
-.focus\:text-yellow-400:focus {
-  color: #f6e05e;
+.focus\:scale-y-100:focus {
+  transform: scaleY(1);
 }
 
-.focus\:text-yellow-500:focus {
-  color: #ecc94b;
+.focus\:scale-y-105:focus {
+  transform: scaleY(1.05);
 }
 
-.focus\:text-yellow-600:focus {
-  color: #d69e2e;
+.focus\:scale-y-110:focus {
+  transform: scaleY(1.1);
 }
 
-.focus\:text-yellow-700:focus {
-  color: #b7791f;
+.focus\:scale-y-125:focus {
+  transform: scaleY(1.25);
 }
 
-.focus\:text-yellow-800:focus {
-  color: #975a16;
+.focus\:scale-y-150:focus {
+  transform: scaleY(1.5);
 }
 
-.focus\:text-yellow-900:focus {
-  color: #744210;
+.rotate-0 {
+  transform: rotate(0);
 }
 
-.focus\:text-green-100:focus {
-  color: #f0fff4;
+.rotate-45 {
+  transform: rotate(45deg);
 }
 
-.focus\:text-green-200:focus {
-  color: #c6f6d5;
+.rotate-90 {
+  transform: rotate(90deg);
 }
 
-.focus\:text-green-300:focus {
-  color: #9ae6b4;
+.rotate-180 {
+  transform: rotate(180deg);
 }
 
-.focus\:text-green-400:focus {
-  color: #68d391;
+.-rotate-180 {
+  transform: rotate(-180deg);
 }
 
-.focus\:text-green-500:focus {
-  color: #48bb78;
+.-rotate-90 {
+  transform: rotate(-90deg);
 }
 
-.focus\:text-green-600:focus {
-  color: #38a169;
+.-rotate-45 {
+  transform: rotate(-45deg);
 }
 
-.focus\:text-green-700:focus {
-  color: #2f855a;
+.hover\:rotate-0:hover {
+  transform: rotate(0);
 }
 
-.focus\:text-green-800:focus {
-  color: #276749;
+.hover\:rotate-45:hover {
+  transform: rotate(45deg);
 }
 
-.focus\:text-green-900:focus {
-  color: #22543d;
+.hover\:rotate-90:hover {
+  transform: rotate(90deg);
 }
 
-.focus\:text-teal-100:focus {
-  color: #e6fffa;
+.hover\:rotate-180:hover {
+  transform: rotate(180deg);
 }
 
-.focus\:text-teal-200:focus {
-  color: #b2f5ea;
+.hover\:-rotate-180:hover {
+  transform: rotate(-180deg);
 }
 
-.focus\:text-teal-300:focus {
-  color: #81e6d9;
+.hover\:-rotate-90:hover {
+  transform: rotate(-90deg);
 }
 
-.focus\:text-teal-400:focus {
-  color: #4fd1c5;
+.hover\:-rotate-45:hover {
+  transform: rotate(-45deg);
 }
 
-.focus\:text-teal-500:focus {
-  color: #38b2ac;
+.focus\:rotate-0:focus {
+  transform: rotate(0);
 }
 
-.focus\:text-teal-600:focus {
-  color: #319795;
+.focus\:rotate-45:focus {
+  transform: rotate(45deg);
 }
 
-.focus\:text-teal-700:focus {
-  color: #2c7a7b;
+.focus\:rotate-90:focus {
+  transform: rotate(90deg);
 }
 
-.focus\:text-teal-800:focus {
-  color: #285e61;
+.focus\:rotate-180:focus {
+  transform: rotate(180deg);
 }
 
-.focus\:text-teal-900:focus {
-  color: #234e52;
+.focus\:-rotate-180:focus {
+  transform: rotate(-180deg);
 }
 
-.focus\:text-blue-100:focus {
-  color: #ebf8ff;
+.focus\:-rotate-90:focus {
+  transform: rotate(-90deg);
 }
 
-.focus\:text-blue-200:focus {
-  color: #bee3f8;
+.focus\:-rotate-45:focus {
+  transform: rotate(-45deg);
 }
 
-.focus\:text-blue-300:focus {
-  color: #90cdf4;
+.translate-x-0 {
+  transform: translateX(0);
 }
 
-.focus\:text-blue-400:focus {
-  color: #63b3ed;
+.translate-x-1 {
+  transform: translateX(0.25rem);
 }
 
-.focus\:text-blue-500:focus {
-  color: #4299e1;
+.translate-x-2 {
+  transform: translateX(0.5rem);
 }
 
-.focus\:text-blue-600:focus {
-  color: #3182ce;
+.translate-x-3 {
+  transform: translateX(0.75rem);
 }
 
-.focus\:text-blue-700:focus {
-  color: #2b6cb0;
+.translate-x-4 {
+  transform: translateX(1rem);
 }
 
-.focus\:text-blue-800:focus {
-  color: #2c5282;
+.translate-x-5 {
+  transform: translateX(1.25rem);
 }
 
-.focus\:text-blue-900:focus {
-  color: #2a4365;
+.translate-x-6 {
+  transform: translateX(1.5rem);
 }
 
-.focus\:text-indigo-100:focus {
-  color: #ebf4ff;
+.translate-x-8 {
+  transform: translateX(2rem);
 }
 
-.focus\:text-indigo-200:focus {
-  color: #c3dafe;
+.translate-x-10 {
+  transform: translateX(2.5rem);
 }
 
-.focus\:text-indigo-300:focus {
-  color: #a3bffa;
+.translate-x-12 {
+  transform: translateX(3rem);
 }
 
-.focus\:text-indigo-400:focus {
-  color: #7f9cf5;
+.translate-x-16 {
+  transform: translateX(4rem);
 }
 
-.focus\:text-indigo-500:focus {
-  color: #667eea;
+.translate-x-20 {
+  transform: translateX(5rem);
 }
 
-.focus\:text-indigo-600:focus {
-  color: #5a67d8;
+.translate-x-24 {
+  transform: translateX(6rem);
 }
 
-.focus\:text-indigo-700:focus {
-  color: #4c51bf;
+.translate-x-32 {
+  transform: translateX(8rem);
 }
 
-.focus\:text-indigo-800:focus {
-  color: #434190;
+.translate-x-40 {
+  transform: translateX(10rem);
 }
 
-.focus\:text-indigo-900:focus {
-  color: #3c366b;
+.translate-x-48 {
+  transform: translateX(12rem);
 }
 
-.focus\:text-purple-100:focus {
-  color: #faf5ff;
+.translate-x-56 {
+  transform: translateX(14rem);
 }
 
-.focus\:text-purple-200:focus {
-  color: #e9d8fd;
+.translate-x-64 {
+  transform: translateX(16rem);
 }
 
-.focus\:text-purple-300:focus {
-  color: #d6bcfa;
+.translate-x-px {
+  transform: translateX(1px);
 }
 
-.focus\:text-purple-400:focus {
-  color: #b794f4;
+.-translate-x-1 {
+  transform: translateX(-0.25rem);
 }
 
-.focus\:text-purple-500:focus {
-  color: #9f7aea;
+.-translate-x-2 {
+  transform: translateX(-0.5rem);
 }
 
-.focus\:text-purple-600:focus {
-  color: #805ad5;
+.-translate-x-3 {
+  transform: translateX(-0.75rem);
 }
 
-.focus\:text-purple-700:focus {
-  color: #6b46c1;
+.-translate-x-4 {
+  transform: translateX(-1rem);
 }
 
-.focus\:text-purple-800:focus {
-  color: #553c9a;
+.-translate-x-5 {
+  transform: translateX(-1.25rem);
 }
 
-.focus\:text-purple-900:focus {
-  color: #44337a;
+.-translate-x-6 {
+  transform: translateX(-1.5rem);
 }
 
-.focus\:text-pink-100:focus {
-  color: #fff5f7;
+.-translate-x-8 {
+  transform: translateX(-2rem);
 }
 
-.focus\:text-pink-200:focus {
-  color: #fed7e2;
+.-translate-x-10 {
+  transform: translateX(-2.5rem);
 }
 
-.focus\:text-pink-300:focus {
-  color: #fbb6ce;
+.-translate-x-12 {
+  transform: translateX(-3rem);
 }
 
-.focus\:text-pink-400:focus {
-  color: #f687b3;
+.-translate-x-16 {
+  transform: translateX(-4rem);
 }
 
-.focus\:text-pink-500:focus {
-  color: #ed64a6;
+.-translate-x-20 {
+  transform: translateX(-5rem);
 }
 
-.focus\:text-pink-600:focus {
-  color: #d53f8c;
+.-translate-x-24 {
+  transform: translateX(-6rem);
 }
 
-.focus\:text-pink-700:focus {
-  color: #b83280;
+.-translate-x-32 {
+  transform: translateX(-8rem);
 }
 
-.focus\:text-pink-800:focus {
-  color: #97266d;
+.-translate-x-40 {
+  transform: translateX(-10rem);
 }
 
-.focus\:text-pink-900:focus {
-  color: #702459;
+.-translate-x-48 {
+  transform: translateX(-12rem);
 }
 
-.italic {
-  font-style: italic;
+.-translate-x-56 {
+  transform: translateX(-14rem);
 }
 
-.not-italic {
-  font-style: normal;
+.-translate-x-64 {
+  transform: translateX(-16rem);
 }
 
-.uppercase {
-  text-transform: uppercase;
+.-translate-x-px {
+  transform: translateX(-1px);
 }
 
-.lowercase {
-  text-transform: lowercase;
+.-translate-x-full {
+  transform: translateX(-100%);
 }
 
-.capitalize {
-  text-transform: capitalize;
+.-translate-x-1\/2 {
+  transform: translateX(-50%);
 }
 
-.normal-case {
-  text-transform: none;
+.translate-x-1\/2 {
+  transform: translateX(50%);
 }
 
-.underline {
-  text-decoration: underline;
+.translate-x-full {
+  transform: translateX(100%);
 }
 
-.line-through {
-  text-decoration: line-through;
+.translate-y-0 {
+  transform: translateY(0);
 }
 
-.no-underline {
-  text-decoration: none;
+.translate-y-1 {
+  transform: translateY(0.25rem);
 }
 
-.hover\:underline:hover {
-  text-decoration: underline;
+.translate-y-2 {
+  transform: translateY(0.5rem);
 }
 
-.hover\:line-through:hover {
-  text-decoration: line-through;
+.translate-y-3 {
+  transform: translateY(0.75rem);
 }
 
-.hover\:no-underline:hover {
-  text-decoration: none;
+.translate-y-4 {
+  transform: translateY(1rem);
 }
 
-.focus\:underline:focus {
-  text-decoration: underline;
+.translate-y-5 {
+  transform: translateY(1.25rem);
 }
 
-.focus\:line-through:focus {
-  text-decoration: line-through;
+.translate-y-6 {
+  transform: translateY(1.5rem);
 }
 
-.focus\:no-underline:focus {
-  text-decoration: none;
+.translate-y-8 {
+  transform: translateY(2rem);
 }
 
-.antialiased {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.translate-y-10 {
+  transform: translateY(2.5rem);
 }
 
-.subpixel-antialiased {
-  -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto;
+.translate-y-12 {
+  transform: translateY(3rem);
 }
 
-.tracking-tighter {
-  letter-spacing: -0.05em;
+.translate-y-16 {
+  transform: translateY(4rem);
 }
 
-.tracking-tight {
-  letter-spacing: -0.025em;
+.translate-y-20 {
+  transform: translateY(5rem);
 }
 
-.tracking-normal {
-  letter-spacing: 0;
+.translate-y-24 {
+  transform: translateY(6rem);
 }
 
-.tracking-wide {
-  letter-spacing: 0.025em;
+.translate-y-32 {
+  transform: translateY(8rem);
 }
 
-.tracking-wider {
-  letter-spacing: 0.05em;
+.translate-y-40 {
+  transform: translateY(10rem);
 }
 
-.tracking-widest {
-  letter-spacing: 0.1em;
+.translate-y-48 {
+  transform: translateY(12rem);
 }
 
-.select-none {
-  user-select: none;
+.translate-y-56 {
+  transform: translateY(14rem);
 }
 
-.select-text {
-  user-select: text;
+.translate-y-64 {
+  transform: translateY(16rem);
 }
 
-.select-all {
-  user-select: all;
+.translate-y-px {
+  transform: translateY(1px);
 }
 
-.select-auto {
-  user-select: auto;
+.-translate-y-1 {
+  transform: translateY(-0.25rem);
 }
 
-.align-baseline {
-  vertical-align: baseline;
+.-translate-y-2 {
+  transform: translateY(-0.5rem);
 }
 
-.align-top {
-  vertical-align: top;
+.-translate-y-3 {
+  transform: translateY(-0.75rem);
 }
 
-.align-middle {
-  vertical-align: middle;
+.-translate-y-4 {
+  transform: translateY(-1rem);
 }
 
-.align-bottom {
-  vertical-align: bottom;
+.-translate-y-5 {
+  transform: translateY(-1.25rem);
 }
 
-.align-text-top {
-  vertical-align: text-top;
+.-translate-y-6 {
+  transform: translateY(-1.5rem);
 }
 
-.align-text-bottom {
-  vertical-align: text-bottom;
+.-translate-y-8 {
+  transform: translateY(-2rem);
 }
 
-.visible {
-  visibility: visible;
+.-translate-y-10 {
+  transform: translateY(-2.5rem);
 }
 
-.invisible {
-  visibility: hidden;
+.-translate-y-12 {
+  transform: translateY(-3rem);
 }
 
-.whitespace-normal {
-  white-space: normal;
+.-translate-y-16 {
+  transform: translateY(-4rem);
 }
 
-.whitespace-no-wrap {
-  white-space: nowrap;
+.-translate-y-20 {
+  transform: translateY(-5rem);
 }
 
-.whitespace-pre {
-  white-space: pre;
+.-translate-y-24 {
+  transform: translateY(-6rem);
 }
 
-.whitespace-pre-line {
-  white-space: pre-line;
+.-translate-y-32 {
+  transform: translateY(-8rem);
 }
 
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
+.-translate-y-40 {
+  transform: translateY(-10rem);
 }
 
-.break-normal {
-  overflow-wrap: normal;
-  word-break: normal;
+.-translate-y-48 {
+  transform: translateY(-12rem);
 }
 
-.break-words {
-  overflow-wrap: break-word;
+.-translate-y-56 {
+  transform: translateY(-14rem);
 }
 
-.break-all {
-  word-break: break-all;
+.-translate-y-64 {
+  transform: translateY(-16rem);
 }
 
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.-translate-y-px {
+  transform: translateY(-1px);
 }
 
-.w-0 {
-  width: 0;
+.-translate-y-full {
+  transform: translateY(-100%);
 }
 
-.w-1 {
-  width: 0.25rem;
+.-translate-y-1\/2 {
+  transform: translateY(-50%);
 }
 
-.w-2 {
-  width: 0.5rem;
+.translate-y-1\/2 {
+  transform: translateY(50%);
 }
 
-.w-3 {
-  width: 0.75rem;
+.translate-y-full {
+  transform: translateY(100%);
 }
 
-.w-4 {
-  width: 1rem;
+.hover\:translate-x-0:hover {
+  transform: translateX(0);
 }
 
-.w-5 {
-  width: 1.25rem;
+.hover\:translate-x-1:hover {
+  transform: translateX(0.25rem);
 }
 
-.w-6 {
-  width: 1.5rem;
+.hover\:translate-x-2:hover {
+  transform: translateX(0.5rem);
 }
 
-.w-8 {
-  width: 2rem;
+.hover\:translate-x-3:hover {
+  transform: translateX(0.75rem);
 }
 
-.w-10 {
-  width: 2.5rem;
+.hover\:translate-x-4:hover {
+  transform: translateX(1rem);
 }
 
-.w-12 {
-  width: 3rem;
+.hover\:translate-x-5:hover {
+  transform: translateX(1.25rem);
 }
 
-.w-16 {
-  width: 4rem;
+.hover\:translate-x-6:hover {
+  transform: translateX(1.5rem);
 }
 
-.w-20 {
-  width: 5rem;
+.hover\:translate-x-8:hover {
+  transform: translateX(2rem);
 }
 
-.w-24 {
-  width: 6rem;
+.hover\:translate-x-10:hover {
+  transform: translateX(2.5rem);
 }
 
-.w-32 {
-  width: 8rem;
+.hover\:translate-x-12:hover {
+  transform: translateX(3rem);
 }
 
-.w-40 {
-  width: 10rem;
+.hover\:translate-x-16:hover {
+  transform: translateX(4rem);
 }
 
-.w-48 {
-  width: 12rem;
+.hover\:translate-x-20:hover {
+  transform: translateX(5rem);
 }
 
-.w-56 {
-  width: 14rem;
+.hover\:translate-x-24:hover {
+  transform: translateX(6rem);
 }
 
-.w-64 {
-  width: 16rem;
+.hover\:translate-x-32:hover {
+  transform: translateX(8rem);
 }
 
-.w-auto {
-  width: auto;
+.hover\:translate-x-40:hover {
+  transform: translateX(10rem);
 }
 
-.w-px {
-  width: 1px;
+.hover\:translate-x-48:hover {
+  transform: translateX(12rem);
 }
 
-.w-1\/2 {
-  width: 50%;
+.hover\:translate-x-56:hover {
+  transform: translateX(14rem);
 }
 
-.w-1\/3 {
-  width: 33.333333%;
+.hover\:translate-x-64:hover {
+  transform: translateX(16rem);
 }
 
-.w-2\/3 {
-  width: 66.666667%;
+.hover\:translate-x-px:hover {
+  transform: translateX(1px);
 }
 
-.w-1\/4 {
-  width: 25%;
+.hover\:-translate-x-1:hover {
+  transform: translateX(-0.25rem);
 }
 
-.w-2\/4 {
-  width: 50%;
+.hover\:-translate-x-2:hover {
+  transform: translateX(-0.5rem);
 }
 
-.w-3\/4 {
-  width: 75%;
+.hover\:-translate-x-3:hover {
+  transform: translateX(-0.75rem);
 }
 
-.w-1\/5 {
-  width: 20%;
+.hover\:-translate-x-4:hover {
+  transform: translateX(-1rem);
 }
 
-.w-2\/5 {
-  width: 40%;
+.hover\:-translate-x-5:hover {
+  transform: translateX(-1.25rem);
 }
 
-.w-3\/5 {
-  width: 60%;
+.hover\:-translate-x-6:hover {
+  transform: translateX(-1.5rem);
 }
 
-.w-4\/5 {
-  width: 80%;
+.hover\:-translate-x-8:hover {
+  transform: translateX(-2rem);
 }
 
-.w-1\/6 {
-  width: 16.666667%;
+.hover\:-translate-x-10:hover {
+  transform: translateX(-2.5rem);
 }
 
-.w-2\/6 {
-  width: 33.333333%;
+.hover\:-translate-x-12:hover {
+  transform: translateX(-3rem);
 }
 
-.w-3\/6 {
-  width: 50%;
+.hover\:-translate-x-16:hover {
+  transform: translateX(-4rem);
 }
 
-.w-4\/6 {
-  width: 66.666667%;
+.hover\:-translate-x-20:hover {
+  transform: translateX(-5rem);
 }
 
-.w-5\/6 {
-  width: 83.333333%;
+.hover\:-translate-x-24:hover {
+  transform: translateX(-6rem);
 }
 
-.w-1\/12 {
-  width: 8.333333%;
+.hover\:-translate-x-32:hover {
+  transform: translateX(-8rem);
 }
 
-.w-2\/12 {
-  width: 16.666667%;
+.hover\:-translate-x-40:hover {
+  transform: translateX(-10rem);
 }
 
-.w-3\/12 {
-  width: 25%;
+.hover\:-translate-x-48:hover {
+  transform: translateX(-12rem);
 }
 
-.w-4\/12 {
-  width: 33.333333%;
+.hover\:-translate-x-56:hover {
+  transform: translateX(-14rem);
 }
 
-.w-5\/12 {
-  width: 41.666667%;
+.hover\:-translate-x-64:hover {
+  transform: translateX(-16rem);
 }
 
-.w-6\/12 {
-  width: 50%;
+.hover\:-translate-x-px:hover {
+  transform: translateX(-1px);
 }
 
-.w-7\/12 {
-  width: 58.333333%;
+.hover\:-translate-x-full:hover {
+  transform: translateX(-100%);
 }
 
-.w-8\/12 {
-  width: 66.666667%;
+.hover\:-translate-x-1\/2:hover {
+  transform: translateX(-50%);
 }
 
-.w-9\/12 {
-  width: 75%;
+.hover\:translate-x-1\/2:hover {
+  transform: translateX(50%);
 }
 
-.w-10\/12 {
-  width: 83.333333%;
+.hover\:translate-x-full:hover {
+  transform: translateX(100%);
 }
 
-.w-11\/12 {
-  width: 91.666667%;
+.hover\:translate-y-0:hover {
+  transform: translateY(0);
 }
 
-.w-full {
-  width: 100%;
+.hover\:translate-y-1:hover {
+  transform: translateY(0.25rem);
 }
 
-.w-screen {
-  width: 100vw;
+.hover\:translate-y-2:hover {
+  transform: translateY(0.5rem);
 }
 
-.z-0 {
-  z-index: 0;
+.hover\:translate-y-3:hover {
+  transform: translateY(0.75rem);
 }
 
-.z-10 {
-  z-index: 10;
+.hover\:translate-y-4:hover {
+  transform: translateY(1rem);
 }
 
-.z-20 {
-  z-index: 20;
+.hover\:translate-y-5:hover {
+  transform: translateY(1.25rem);
 }
 
-.z-30 {
-  z-index: 30;
+.hover\:translate-y-6:hover {
+  transform: translateY(1.5rem);
 }
 
-.z-40 {
-  z-index: 40;
+.hover\:translate-y-8:hover {
+  transform: translateY(2rem);
 }
 
-.z-50 {
-  z-index: 50;
+.hover\:translate-y-10:hover {
+  transform: translateY(2.5rem);
 }
 
-.z-auto {
-  z-index: auto;
+.hover\:translate-y-12:hover {
+  transform: translateY(3rem);
 }
 
-.origin-center {
-  transform-origin: center;
+.hover\:translate-y-16:hover {
+  transform: translateY(4rem);
 }
 
-.origin-top {
-  transform-origin: top;
+.hover\:translate-y-20:hover {
+  transform: translateY(5rem);
 }
 
-.origin-top-right {
-  transform-origin: top right;
+.hover\:translate-y-24:hover {
+  transform: translateY(6rem);
 }
 
-.origin-right {
-  transform-origin: right;
+.hover\:translate-y-32:hover {
+  transform: translateY(8rem);
 }
 
-.origin-bottom-right {
-  transform-origin: bottom right;
+.hover\:translate-y-40:hover {
+  transform: translateY(10rem);
 }
 
-.origin-bottom {
-  transform-origin: bottom;
+.hover\:translate-y-48:hover {
+  transform: translateY(12rem);
 }
 
-.origin-bottom-left {
-  transform-origin: bottom left;
+.hover\:translate-y-56:hover {
+  transform: translateY(14rem);
 }
 
-.origin-left {
-  transform-origin: left;
+.hover\:translate-y-64:hover {
+  transform: translateY(16rem);
 }
 
-.origin-top-left {
-  transform-origin: top left;
+.hover\:translate-y-px:hover {
+  transform: translateY(1px);
 }
 
-.scale-0 {
-  transform: scale(0);
+.hover\:-translate-y-1:hover {
+  transform: translateY(-0.25rem);
 }
 
-.scale-50 {
-  transform: scale(.5);
+.hover\:-translate-y-2:hover {
+  transform: translateY(-0.5rem);
 }
 
-.scale-75 {
-  transform: scale(.75);
+.hover\:-translate-y-3:hover {
+  transform: translateY(-0.75rem);
 }
 
-.scale-90 {
-  transform: scale(.9);
+.hover\:-translate-y-4:hover {
+  transform: translateY(-1rem);
 }
 
-.scale-95 {
-  transform: scale(.95);
+.hover\:-translate-y-5:hover {
+  transform: translateY(-1.25rem);
 }
 
-.scale-100 {
-  transform: scale(1);
+.hover\:-translate-y-6:hover {
+  transform: translateY(-1.5rem);
 }
 
-.scale-105 {
-  transform: scale(1.05);
+.hover\:-translate-y-8:hover {
+  transform: translateY(-2rem);
 }
 
-.scale-110 {
-  transform: scale(1.1);
+.hover\:-translate-y-10:hover {
+  transform: translateY(-2.5rem);
 }
 
-.scale-125 {
-  transform: scale(1.25);
+.hover\:-translate-y-12:hover {
+  transform: translateY(-3rem);
 }
 
-.scale-150 {
-  transform: scale(1.5);
+.hover\:-translate-y-16:hover {
+  transform: translateY(-4rem);
 }
 
-.scale-x-0 {
-  transform: scaleX(0);
+.hover\:-translate-y-20:hover {
+  transform: translateY(-5rem);
 }
 
-.scale-x-50 {
-  transform: scaleX(.5);
+.hover\:-translate-y-24:hover {
+  transform: translateY(-6rem);
 }
 
-.scale-x-75 {
-  transform: scaleX(.75);
+.hover\:-translate-y-32:hover {
+  transform: translateY(-8rem);
 }
 
-.scale-x-90 {
-  transform: scaleX(.9);
+.hover\:-translate-y-40:hover {
+  transform: translateY(-10rem);
 }
 
-.scale-x-95 {
-  transform: scaleX(.95);
+.hover\:-translate-y-48:hover {
+  transform: translateY(-12rem);
 }
 
-.scale-x-100 {
-  transform: scaleX(1);
+.hover\:-translate-y-56:hover {
+  transform: translateY(-14rem);
 }
 
-.scale-x-105 {
-  transform: scaleX(1.05);
+.hover\:-translate-y-64:hover {
+  transform: translateY(-16rem);
 }
 
-.scale-x-110 {
-  transform: scaleX(1.1);
+.hover\:-translate-y-px:hover {
+  transform: translateY(-1px);
 }
 
-.scale-x-125 {
-  transform: scaleX(1.25);
+.hover\:-translate-y-full:hover {
+  transform: translateY(-100%);
 }
 
-.scale-x-150 {
-  transform: scaleX(1.5);
+.hover\:-translate-y-1\/2:hover {
+  transform: translateY(-50%);
 }
 
-.scale-y-0 {
-  transform: scaleY(0);
+.hover\:translate-y-1\/2:hover {
+  transform: translateY(50%);
 }
 
-.scale-y-50 {
-  transform: scaleY(.5);
+.hover\:translate-y-full:hover {
+  transform: translateY(100%);
 }
 
-.scale-y-75 {
-  transform: scaleY(.75);
+.focus\:translate-x-0:focus {
+  transform: translateX(0);
 }
 
-.scale-y-90 {
-  transform: scaleY(.9);
+.focus\:translate-x-1:focus {
+  transform: translateX(0.25rem);
 }
 
-.scale-y-95 {
-  transform: scaleY(.95);
+.focus\:translate-x-2:focus {
+  transform: translateX(0.5rem);
 }
 
-.scale-y-100 {
-  transform: scaleY(1);
+.focus\:translate-x-3:focus {
+  transform: translateX(0.75rem);
 }
 
-.scale-y-105 {
-  transform: scaleY(1.05);
+.focus\:translate-x-4:focus {
+  transform: translateX(1rem);
 }
 
-.scale-y-110 {
-  transform: scaleY(1.1);
+.focus\:translate-x-5:focus {
+  transform: translateX(1.25rem);
 }
 
-.scale-y-125 {
-  transform: scaleY(1.25);
+.focus\:translate-x-6:focus {
+  transform: translateX(1.5rem);
 }
 
-.scale-y-150 {
-  transform: scaleY(1.5);
+.focus\:translate-x-8:focus {
+  transform: translateX(2rem);
 }
 
-.hover\:scale-0:hover {
-  transform: scale(0);
+.focus\:translate-x-10:focus {
+  transform: translateX(2.5rem);
 }
 
-.hover\:scale-50:hover {
-  transform: scale(.5);
+.focus\:translate-x-12:focus {
+  transform: translateX(3rem);
 }
 
-.hover\:scale-75:hover {
-  transform: scale(.75);
+.focus\:translate-x-16:focus {
+  transform: translateX(4rem);
 }
 
-.hover\:scale-90:hover {
-  transform: scale(.9);
+.focus\:translate-x-20:focus {
+  transform: translateX(5rem);
 }
 
-.hover\:scale-95:hover {
-  transform: scale(.95);
+.focus\:translate-x-24:focus {
+  transform: translateX(6rem);
 }
 
-.hover\:scale-100:hover {
-  transform: scale(1);
+.focus\:translate-x-32:focus {
+  transform: translateX(8rem);
 }
 
-.hover\:scale-105:hover {
-  transform: scale(1.05);
+.focus\:translate-x-40:focus {
+  transform: translateX(10rem);
 }
 
-.hover\:scale-110:hover {
-  transform: scale(1.1);
+.focus\:translate-x-48:focus {
+  transform: translateX(12rem);
 }
 
-.hover\:scale-125:hover {
-  transform: scale(1.25);
+.focus\:translate-x-56:focus {
+  transform: translateX(14rem);
 }
 
-.hover\:scale-150:hover {
-  transform: scale(1.5);
+.focus\:translate-x-64:focus {
+  transform: translateX(16rem);
 }
 
-.hover\:scale-x-0:hover {
-  transform: scaleX(0);
+.focus\:translate-x-px:focus {
+  transform: translateX(1px);
 }
 
-.hover\:scale-x-50:hover {
-  transform: scaleX(.5);
+.focus\:-translate-x-1:focus {
+  transform: translateX(-0.25rem);
 }
 
-.hover\:scale-x-75:hover {
-  transform: scaleX(.75);
+.focus\:-translate-x-2:focus {
+  transform: translateX(-0.5rem);
 }
 
-.hover\:scale-x-90:hover {
-  transform: scaleX(.9);
+.focus\:-translate-x-3:focus {
+  transform: translateX(-0.75rem);
 }
 
-.hover\:scale-x-95:hover {
-  transform: scaleX(.95);
+.focus\:-translate-x-4:focus {
+  transform: translateX(-1rem);
 }
 
-.hover\:scale-x-100:hover {
-  transform: scaleX(1);
+.focus\:-translate-x-5:focus {
+  transform: translateX(-1.25rem);
 }
 
-.hover\:scale-x-105:hover {
-  transform: scaleX(1.05);
+.focus\:-translate-x-6:focus {
+  transform: translateX(-1.5rem);
 }
 
-.hover\:scale-x-110:hover {
-  transform: scaleX(1.1);
+.focus\:-translate-x-8:focus {
+  transform: translateX(-2rem);
 }
 
-.hover\:scale-x-125:hover {
-  transform: scaleX(1.25);
+.focus\:-translate-x-10:focus {
+  transform: translateX(-2.5rem);
 }
 
-.hover\:scale-x-150:hover {
-  transform: scaleX(1.5);
+.focus\:-translate-x-12:focus {
+  transform: translateX(-3rem);
 }
 
-.hover\:scale-y-0:hover {
-  transform: scaleY(0);
+.focus\:-translate-x-16:focus {
+  transform: translateX(-4rem);
 }
 
-.hover\:scale-y-50:hover {
-  transform: scaleY(.5);
+.focus\:-translate-x-20:focus {
+  transform: translateX(-5rem);
 }
 
-.hover\:scale-y-75:hover {
-  transform: scaleY(.75);
+.focus\:-translate-x-24:focus {
+  transform: translateX(-6rem);
 }
 
-.hover\:scale-y-90:hover {
-  transform: scaleY(.9);
+.focus\:-translate-x-32:focus {
+  transform: translateX(-8rem);
 }
 
-.hover\:scale-y-95:hover {
-  transform: scaleY(.95);
+.focus\:-translate-x-40:focus {
+  transform: translateX(-10rem);
 }
 
-.hover\:scale-y-100:hover {
-  transform: scaleY(1);
+.focus\:-translate-x-48:focus {
+  transform: translateX(-12rem);
 }
 
-.hover\:scale-y-105:hover {
-  transform: scaleY(1.05);
+.focus\:-translate-x-56:focus {
+  transform: translateX(-14rem);
 }
 
-.hover\:scale-y-110:hover {
-  transform: scaleY(1.1);
+.focus\:-translate-x-64:focus {
+  transform: translateX(-16rem);
 }
 
-.hover\:scale-y-125:hover {
-  transform: scaleY(1.25);
+.focus\:-translate-x-px:focus {
+  transform: translateX(-1px);
 }
 
-.hover\:scale-y-150:hover {
-  transform: scaleY(1.5);
+.focus\:-translate-x-full:focus {
+  transform: translateX(-100%);
 }
 
-.focus\:scale-0:focus {
-  transform: scale(0);
+.focus\:-translate-x-1\/2:focus {
+  transform: translateX(-50%);
 }
 
-.focus\:scale-50:focus {
-  transform: scale(.5);
+.focus\:translate-x-1\/2:focus {
+  transform: translateX(50%);
 }
 
-.focus\:scale-75:focus {
-  transform: scale(.75);
+.focus\:translate-x-full:focus {
+  transform: translateX(100%);
 }
 
-.focus\:scale-90:focus {
-  transform: scale(.9);
+.focus\:translate-y-0:focus {
+  transform: translateY(0);
 }
 
-.focus\:scale-95:focus {
-  transform: scale(.95);
+.focus\:translate-y-1:focus {
+  transform: translateY(0.25rem);
 }
 
-.focus\:scale-100:focus {
-  transform: scale(1);
+.focus\:translate-y-2:focus {
+  transform: translateY(0.5rem);
 }
 
-.focus\:scale-105:focus {
-  transform: scale(1.05);
+.focus\:translate-y-3:focus {
+  transform: translateY(0.75rem);
 }
 
-.focus\:scale-110:focus {
-  transform: scale(1.1);
+.focus\:translate-y-4:focus {
+  transform: translateY(1rem);
 }
 
-.focus\:scale-125:focus {
-  transform: scale(1.25);
+.focus\:translate-y-5:focus {
+  transform: translateY(1.25rem);
 }
 
-.focus\:scale-150:focus {
-  transform: scale(1.5);
+.focus\:translate-y-6:focus {
+  transform: translateY(1.5rem);
 }
 
-.focus\:scale-x-0:focus {
-  transform: scaleX(0);
+.focus\:translate-y-8:focus {
+  transform: translateY(2rem);
 }
 
-.focus\:scale-x-50:focus {
-  transform: scaleX(.5);
+.focus\:translate-y-10:focus {
+  transform: translateY(2.5rem);
 }
 
-.focus\:scale-x-75:focus {
-  transform: scaleX(.75);
+.focus\:translate-y-12:focus {
+  transform: translateY(3rem);
 }
 
-.focus\:scale-x-90:focus {
-  transform: scaleX(.9);
+.focus\:translate-y-16:focus {
+  transform: translateY(4rem);
 }
 
-.focus\:scale-x-95:focus {
-  transform: scaleX(.95);
+.focus\:translate-y-20:focus {
+  transform: translateY(5rem);
 }
 
-.focus\:scale-x-100:focus {
-  transform: scaleX(1);
+.focus\:translate-y-24:focus {
+  transform: translateY(6rem);
 }
 
-.focus\:scale-x-105:focus {
-  transform: scaleX(1.05);
+.focus\:translate-y-32:focus {
+  transform: translateY(8rem);
 }
 
-.focus\:scale-x-110:focus {
-  transform: scaleX(1.1);
+.focus\:translate-y-40:focus {
+  transform: translateY(10rem);
 }
 
-.focus\:scale-x-125:focus {
-  transform: scaleX(1.25);
+.focus\:translate-y-48:focus {
+  transform: translateY(12rem);
 }
 
-.focus\:scale-x-150:focus {
-  transform: scaleX(1.5);
+.focus\:translate-y-56:focus {
+  transform: translateY(14rem);
 }
 
-.focus\:scale-y-0:focus {
-  transform: scaleY(0);
+.focus\:translate-y-64:focus {
+  transform: translateY(16rem);
 }
 
-.focus\:scale-y-50:focus {
-  transform: scaleY(.5);
+.focus\:translate-y-px:focus {
+  transform: translateY(1px);
 }
 
-.focus\:scale-y-75:focus {
-  transform: scaleY(.75);
+.focus\:-translate-y-1:focus {
+  transform: translateY(-0.25rem);
 }
 
-.focus\:scale-y-90:focus {
-  transform: scaleY(.9);
+.focus\:-translate-y-2:focus {
+  transform: translateY(-0.5rem);
 }
 
-.focus\:scale-y-95:focus {
-  transform: scaleY(.95);
+.focus\:-translate-y-3:focus {
+  transform: translateY(-0.75rem);
 }
 
-.focus\:scale-y-100:focus {
-  transform: scaleY(1);
+.focus\:-translate-y-4:focus {
+  transform: translateY(-1rem);
 }
 
-.focus\:scale-y-105:focus {
-  transform: scaleY(1.05);
+.focus\:-translate-y-5:focus {
+  transform: translateY(-1.25rem);
 }
 
-.focus\:scale-y-110:focus {
-  transform: scaleY(1.1);
+.focus\:-translate-y-6:focus {
+  transform: translateY(-1.5rem);
 }
 
-.focus\:scale-y-125:focus {
-  transform: scaleY(1.25);
+.focus\:-translate-y-8:focus {
+  transform: translateY(-2rem);
 }
 
-.focus\:scale-y-150:focus {
-  transform: scaleY(1.5);
+.focus\:-translate-y-10:focus {
+  transform: translateY(-2.5rem);
 }
 
-.rotate-0 {
-  transform: rotate(0);
+.focus\:-translate-y-12:focus {
+  transform: translateY(-3rem);
 }
 
-.rotate-45 {
-  transform: rotate(45deg);
+.focus\:-translate-y-16:focus {
+  transform: translateY(-4rem);
 }
 
-.rotate-90 {
-  transform: rotate(90deg);
+.focus\:-translate-y-20:focus {
+  transform: translateY(-5rem);
 }
 
-.rotate-180 {
-  transform: rotate(180deg);
+.focus\:-translate-y-24:focus {
+  transform: translateY(-6rem);
 }
 
-.-rotate-180 {
-  transform: rotate(-180deg);
+.focus\:-translate-y-32:focus {
+  transform: translateY(-8rem);
 }
 
-.-rotate-90 {
-  transform: rotate(-90deg);
+.focus\:-translate-y-40:focus {
+  transform: translateY(-10rem);
 }
 
-.-rotate-45 {
-  transform: rotate(-45deg);
+.focus\:-translate-y-48:focus {
+  transform: translateY(-12rem);
 }
 
-.hover\:rotate-0:hover {
-  transform: rotate(0);
+.focus\:-translate-y-56:focus {
+  transform: translateY(-14rem);
 }
 
-.hover\:rotate-45:hover {
-  transform: rotate(45deg);
+.focus\:-translate-y-64:focus {
+  transform: translateY(-16rem);
 }
 
-.hover\:rotate-90:hover {
-  transform: rotate(90deg);
+.focus\:-translate-y-px:focus {
+  transform: translateY(-1px);
 }
 
-.hover\:rotate-180:hover {
-  transform: rotate(180deg);
+.focus\:-translate-y-full:focus {
+  transform: translateY(-100%);
 }
 
-.hover\:-rotate-180:hover {
-  transform: rotate(-180deg);
+.focus\:-translate-y-1\/2:focus {
+  transform: translateY(-50%);
 }
 
-.hover\:-rotate-90:hover {
-  transform: rotate(-90deg);
+.focus\:translate-y-1\/2:focus {
+  transform: translateY(50%);
 }
 
-.hover\:-rotate-45:hover {
-  transform: rotate(-45deg);
+.focus\:translate-y-full:focus {
+  transform: translateY(100%);
 }
 
-.focus\:rotate-0:focus {
-  transform: rotate(0);
+.skew-x-0 {
+  transform: skewX(0);
 }
 
-.focus\:rotate-45:focus {
-  transform: rotate(45deg);
+.skew-x-3 {
+  transform: skewX(3deg);
 }
 
-.focus\:rotate-90:focus {
-  transform: rotate(90deg);
+.skew-x-6 {
+  transform: skewX(6deg);
 }
 
-.focus\:rotate-180:focus {
-  transform: rotate(180deg);
+.skew-x-12 {
+  transform: skewX(12deg);
 }
 
-.focus\:-rotate-180:focus {
-  transform: rotate(-180deg);
+.-skew-x-12 {
+  transform: skewX(-12deg);
 }
 
-.focus\:-rotate-90:focus {
-  transform: rotate(-90deg);
+.-skew-x-6 {
+  transform: skewX(-6deg);
 }
 
-.focus\:-rotate-45:focus {
-  transform: rotate(-45deg);
+.-skew-x-3 {
+  transform: skewX(-3deg);
 }
 
-.translate-x-0 {
-  transform: translateX(0);
+.skew-y-0 {
+  transform: skewY(0);
 }
 
-.translate-x-1 {
-  transform: translateX(0.25rem);
+.skew-y-3 {
+  transform: skewY(3deg);
 }
 
-.translate-x-2 {
-  transform: translateX(0.5rem);
+.skew-y-6 {
+  transform: skewY(6deg);
 }
 
-.translate-x-3 {
-  transform: translateX(0.75rem);
+.skew-y-12 {
+  transform: skewY(12deg);
 }
 
-.translate-x-4 {
-  transform: translateX(1rem);
+.-skew-y-12 {
+  transform: skewY(-12deg);
 }
 
-.translate-x-5 {
-  transform: translateX(1.25rem);
+.-skew-y-6 {
+  transform: skewY(-6deg);
 }
 
-.translate-x-6 {
-  transform: translateX(1.5rem);
+.-skew-y-3 {
+  transform: skewY(-3deg);
 }
 
-.translate-x-8 {
-  transform: translateX(2rem);
+.hover\:skew-x-0:hover {
+  transform: skewX(0);
 }
 
-.translate-x-10 {
-  transform: translateX(2.5rem);
+.hover\:skew-x-3:hover {
+  transform: skewX(3deg);
 }
 
-.translate-x-12 {
-  transform: translateX(3rem);
+.hover\:skew-x-6:hover {
+  transform: skewX(6deg);
 }
 
-.translate-x-16 {
-  transform: translateX(4rem);
+.hover\:skew-x-12:hover {
+  transform: skewX(12deg);
 }
 
-.translate-x-20 {
-  transform: translateX(5rem);
+.hover\:-skew-x-12:hover {
+  transform: skewX(-12deg);
 }
 
-.translate-x-24 {
-  transform: translateX(6rem);
+.hover\:-skew-x-6:hover {
+  transform: skewX(-6deg);
 }
 
-.translate-x-32 {
-  transform: translateX(8rem);
+.hover\:-skew-x-3:hover {
+  transform: skewX(-3deg);
 }
 
-.translate-x-40 {
-  transform: translateX(10rem);
+.hover\:skew-y-0:hover {
+  transform: skewY(0);
 }
 
-.translate-x-48 {
-  transform: translateX(12rem);
+.hover\:skew-y-3:hover {
+  transform: skewY(3deg);
 }
 
-.translate-x-56 {
-  transform: translateX(14rem);
+.hover\:skew-y-6:hover {
+  transform: skewY(6deg);
 }
 
-.translate-x-64 {
-  transform: translateX(16rem);
+.hover\:skew-y-12:hover {
+  transform: skewY(12deg);
 }
 
-.translate-x-px {
-  transform: translateX(1px);
-}
-
-.-translate-x-1 {
-  transform: translateX(-0.25rem);
-}
-
-.-translate-x-2 {
-  transform: translateX(-0.5rem);
-}
-
-.-translate-x-3 {
-  transform: translateX(-0.75rem);
-}
-
-.-translate-x-4 {
-  transform: translateX(-1rem);
-}
-
-.-translate-x-5 {
-  transform: translateX(-1.25rem);
-}
-
-.-translate-x-6 {
-  transform: translateX(-1.5rem);
-}
-
-.-translate-x-8 {
-  transform: translateX(-2rem);
-}
-
-.-translate-x-10 {
-  transform: translateX(-2.5rem);
-}
-
-.-translate-x-12 {
-  transform: translateX(-3rem);
-}
-
-.-translate-x-16 {
-  transform: translateX(-4rem);
-}
-
-.-translate-x-20 {
-  transform: translateX(-5rem);
-}
-
-.-translate-x-24 {
-  transform: translateX(-6rem);
-}
-
-.-translate-x-32 {
-  transform: translateX(-8rem);
-}
-
-.-translate-x-40 {
-  transform: translateX(-10rem);
-}
-
-.-translate-x-48 {
-  transform: translateX(-12rem);
-}
-
-.-translate-x-56 {
-  transform: translateX(-14rem);
-}
-
-.-translate-x-64 {
-  transform: translateX(-16rem);
-}
-
-.-translate-x-px {
-  transform: translateX(-1px);
-}
-
-.-translate-x-full {
-  transform: translateX(-100%);
-}
-
-.-translate-x-1\/2 {
-  transform: translateX(-50%);
-}
-
-.translate-x-1\/2 {
-  transform: translateX(50%);
-}
-
-.translate-x-full {
-  transform: translateX(100%);
-}
-
-.translate-y-0 {
-  transform: translateY(0);
-}
-
-.translate-y-1 {
-  transform: translateY(0.25rem);
-}
-
-.translate-y-2 {
-  transform: translateY(0.5rem);
-}
-
-.translate-y-3 {
-  transform: translateY(0.75rem);
-}
-
-.translate-y-4 {
-  transform: translateY(1rem);
-}
-
-.translate-y-5 {
-  transform: translateY(1.25rem);
-}
-
-.translate-y-6 {
-  transform: translateY(1.5rem);
-}
-
-.translate-y-8 {
-  transform: translateY(2rem);
-}
-
-.translate-y-10 {
-  transform: translateY(2.5rem);
-}
-
-.translate-y-12 {
-  transform: translateY(3rem);
-}
-
-.translate-y-16 {
-  transform: translateY(4rem);
-}
-
-.translate-y-20 {
-  transform: translateY(5rem);
-}
-
-.translate-y-24 {
-  transform: translateY(6rem);
-}
-
-.translate-y-32 {
-  transform: translateY(8rem);
-}
-
-.translate-y-40 {
-  transform: translateY(10rem);
-}
-
-.translate-y-48 {
-  transform: translateY(12rem);
-}
-
-.translate-y-56 {
-  transform: translateY(14rem);
-}
-
-.translate-y-64 {
-  transform: translateY(16rem);
-}
-
-.translate-y-px {
-  transform: translateY(1px);
-}
-
-.-translate-y-1 {
-  transform: translateY(-0.25rem);
-}
-
-.-translate-y-2 {
-  transform: translateY(-0.5rem);
-}
-
-.-translate-y-3 {
-  transform: translateY(-0.75rem);
-}
-
-.-translate-y-4 {
-  transform: translateY(-1rem);
-}
-
-.-translate-y-5 {
-  transform: translateY(-1.25rem);
-}
-
-.-translate-y-6 {
-  transform: translateY(-1.5rem);
-}
-
-.-translate-y-8 {
-  transform: translateY(-2rem);
-}
-
-.-translate-y-10 {
-  transform: translateY(-2.5rem);
-}
-
-.-translate-y-12 {
-  transform: translateY(-3rem);
-}
-
-.-translate-y-16 {
-  transform: translateY(-4rem);
-}
-
-.-translate-y-20 {
-  transform: translateY(-5rem);
-}
-
-.-translate-y-24 {
-  transform: translateY(-6rem);
-}
-
-.-translate-y-32 {
-  transform: translateY(-8rem);
-}
-
-.-translate-y-40 {
-  transform: translateY(-10rem);
-}
-
-.-translate-y-48 {
-  transform: translateY(-12rem);
-}
-
-.-translate-y-56 {
-  transform: translateY(-14rem);
-}
-
-.-translate-y-64 {
-  transform: translateY(-16rem);
-}
-
-.-translate-y-px {
-  transform: translateY(-1px);
-}
-
-.-translate-y-full {
-  transform: translateY(-100%);
-}
-
-.-translate-y-1\/2 {
-  transform: translateY(-50%);
-}
-
-.translate-y-1\/2 {
-  transform: translateY(50%);
-}
-
-.translate-y-full {
-  transform: translateY(100%);
-}
-
-.hover\:translate-x-0:hover {
-  transform: translateX(0);
-}
-
-.hover\:translate-x-1:hover {
-  transform: translateX(0.25rem);
-}
-
-.hover\:translate-x-2:hover {
-  transform: translateX(0.5rem);
-}
-
-.hover\:translate-x-3:hover {
-  transform: translateX(0.75rem);
-}
-
-.hover\:translate-x-4:hover {
-  transform: translateX(1rem);
-}
-
-.hover\:translate-x-5:hover {
-  transform: translateX(1.25rem);
-}
-
-.hover\:translate-x-6:hover {
-  transform: translateX(1.5rem);
-}
-
-.hover\:translate-x-8:hover {
-  transform: translateX(2rem);
-}
-
-.hover\:translate-x-10:hover {
-  transform: translateX(2.5rem);
-}
-
-.hover\:translate-x-12:hover {
-  transform: translateX(3rem);
-}
-
-.hover\:translate-x-16:hover {
-  transform: translateX(4rem);
-}
-
-.hover\:translate-x-20:hover {
-  transform: translateX(5rem);
-}
-
-.hover\:translate-x-24:hover {
-  transform: translateX(6rem);
-}
-
-.hover\:translate-x-32:hover {
-  transform: translateX(8rem);
-}
-
-.hover\:translate-x-40:hover {
-  transform: translateX(10rem);
-}
-
-.hover\:translate-x-48:hover {
-  transform: translateX(12rem);
-}
-
-.hover\:translate-x-56:hover {
-  transform: translateX(14rem);
-}
-
-.hover\:translate-x-64:hover {
-  transform: translateX(16rem);
-}
-
-.hover\:translate-x-px:hover {
-  transform: translateX(1px);
-}
-
-.hover\:-translate-x-1:hover {
-  transform: translateX(-0.25rem);
-}
-
-.hover\:-translate-x-2:hover {
-  transform: translateX(-0.5rem);
-}
-
-.hover\:-translate-x-3:hover {
-  transform: translateX(-0.75rem);
-}
-
-.hover\:-translate-x-4:hover {
-  transform: translateX(-1rem);
-}
-
-.hover\:-translate-x-5:hover {
-  transform: translateX(-1.25rem);
-}
-
-.hover\:-translate-x-6:hover {
-  transform: translateX(-1.5rem);
-}
-
-.hover\:-translate-x-8:hover {
-  transform: translateX(-2rem);
-}
-
-.hover\:-translate-x-10:hover {
-  transform: translateX(-2.5rem);
-}
-
-.hover\:-translate-x-12:hover {
-  transform: translateX(-3rem);
-}
-
-.hover\:-translate-x-16:hover {
-  transform: translateX(-4rem);
-}
-
-.hover\:-translate-x-20:hover {
-  transform: translateX(-5rem);
-}
-
-.hover\:-translate-x-24:hover {
-  transform: translateX(-6rem);
-}
-
-.hover\:-translate-x-32:hover {
-  transform: translateX(-8rem);
-}
-
-.hover\:-translate-x-40:hover {
-  transform: translateX(-10rem);
-}
-
-.hover\:-translate-x-48:hover {
-  transform: translateX(-12rem);
-}
-
-.hover\:-translate-x-56:hover {
-  transform: translateX(-14rem);
-}
-
-.hover\:-translate-x-64:hover {
-  transform: translateX(-16rem);
-}
-
-.hover\:-translate-x-px:hover {
-  transform: translateX(-1px);
-}
-
-.hover\:-translate-x-full:hover {
-  transform: translateX(-100%);
-}
-
-.hover\:-translate-x-1\/2:hover {
-  transform: translateX(-50%);
-}
-
-.hover\:translate-x-1\/2:hover {
-  transform: translateX(50%);
-}
-
-.hover\:translate-x-full:hover {
-  transform: translateX(100%);
-}
-
-.hover\:translate-y-0:hover {
-  transform: translateY(0);
-}
-
-.hover\:translate-y-1:hover {
-  transform: translateY(0.25rem);
-}
-
-.hover\:translate-y-2:hover {
-  transform: translateY(0.5rem);
-}
-
-.hover\:translate-y-3:hover {
-  transform: translateY(0.75rem);
-}
-
-.hover\:translate-y-4:hover {
-  transform: translateY(1rem);
-}
-
-.hover\:translate-y-5:hover {
-  transform: translateY(1.25rem);
-}
-
-.hover\:translate-y-6:hover {
-  transform: translateY(1.5rem);
-}
-
-.hover\:translate-y-8:hover {
-  transform: translateY(2rem);
+.hover\:-skew-y-12:hover {
+  transform: skewY(-12deg);
 }
 
-.hover\:translate-y-10:hover {
-  transform: translateY(2.5rem);
+.hover\:-skew-y-6:hover {
+  transform: skewY(-6deg);
 }
 
-.hover\:translate-y-12:hover {
-  transform: translateY(3rem);
+.hover\:-skew-y-3:hover {
+  transform: skewY(-3deg);
 }
 
-.hover\:translate-y-16:hover {
-  transform: translateY(4rem);
+.focus\:skew-x-0:focus {
+  transform: skewX(0);
 }
 
-.hover\:translate-y-20:hover {
-  transform: translateY(5rem);
+.focus\:skew-x-3:focus {
+  transform: skewX(3deg);
 }
 
-.hover\:translate-y-24:hover {
-  transform: translateY(6rem);
+.focus\:skew-x-6:focus {
+  transform: skewX(6deg);
 }
 
-.hover\:translate-y-32:hover {
-  transform: translateY(8rem);
+.focus\:skew-x-12:focus {
+  transform: skewX(12deg);
 }
 
-.hover\:translate-y-40:hover {
-  transform: translateY(10rem);
+.focus\:-skew-x-12:focus {
+  transform: skewX(-12deg);
 }
 
-.hover\:translate-y-48:hover {
-  transform: translateY(12rem);
+.focus\:-skew-x-6:focus {
+  transform: skewX(-6deg);
 }
 
-.hover\:translate-y-56:hover {
-  transform: translateY(14rem);
+.focus\:-skew-x-3:focus {
+  transform: skewX(-3deg);
 }
 
-.hover\:translate-y-64:hover {
-  transform: translateY(16rem);
+.focus\:skew-y-0:focus {
+  transform: skewY(0);
 }
 
-.hover\:translate-y-px:hover {
-  transform: translateY(1px);
+.focus\:skew-y-3:focus {
+  transform: skewY(3deg);
 }
 
-.hover\:-translate-y-1:hover {
-  transform: translateY(-0.25rem);
+.focus\:skew-y-6:focus {
+  transform: skewY(6deg);
 }
 
-.hover\:-translate-y-2:hover {
-  transform: translateY(-0.5rem);
+.focus\:skew-y-12:focus {
+  transform: skewY(12deg);
 }
 
-.hover\:-translate-y-3:hover {
-  transform: translateY(-0.75rem);
+.focus\:-skew-y-12:focus {
+  transform: skewY(-12deg);
 }
 
-.hover\:-translate-y-4:hover {
-  transform: translateY(-1rem);
+.focus\:-skew-y-6:focus {
+  transform: skewY(-6deg);
 }
 
-.hover\:-translate-y-5:hover {
-  transform: translateY(-1.25rem);
-}
-
-.hover\:-translate-y-6:hover {
-  transform: translateY(-1.5rem);
-}
-
-.hover\:-translate-y-8:hover {
-  transform: translateY(-2rem);
-}
-
-.hover\:-translate-y-10:hover {
-  transform: translateY(-2.5rem);
-}
-
-.hover\:-translate-y-12:hover {
-  transform: translateY(-3rem);
-}
-
-.hover\:-translate-y-16:hover {
-  transform: translateY(-4rem);
-}
-
-.hover\:-translate-y-20:hover {
-  transform: translateY(-5rem);
-}
-
-.hover\:-translate-y-24:hover {
-  transform: translateY(-6rem);
-}
-
-.hover\:-translate-y-32:hover {
-  transform: translateY(-8rem);
-}
-
-.hover\:-translate-y-40:hover {
-  transform: translateY(-10rem);
-}
-
-.hover\:-translate-y-48:hover {
-  transform: translateY(-12rem);
-}
-
-.hover\:-translate-y-56:hover {
-  transform: translateY(-14rem);
-}
-
-.hover\:-translate-y-64:hover {
-  transform: translateY(-16rem);
-}
-
-.hover\:-translate-y-px:hover {
-  transform: translateY(-1px);
-}
-
-.hover\:-translate-y-full:hover {
-  transform: translateY(-100%);
-}
-
-.hover\:-translate-y-1\/2:hover {
-  transform: translateY(-50%);
-}
-
-.hover\:translate-y-1\/2:hover {
-  transform: translateY(50%);
-}
-
-.hover\:translate-y-full:hover {
-  transform: translateY(100%);
-}
-
-.focus\:translate-x-0:focus {
-  transform: translateX(0);
-}
-
-.focus\:translate-x-1:focus {
-  transform: translateX(0.25rem);
-}
-
-.focus\:translate-x-2:focus {
-  transform: translateX(0.5rem);
-}
-
-.focus\:translate-x-3:focus {
-  transform: translateX(0.75rem);
-}
-
-.focus\:translate-x-4:focus {
-  transform: translateX(1rem);
-}
-
-.focus\:translate-x-5:focus {
-  transform: translateX(1.25rem);
-}
-
-.focus\:translate-x-6:focus {
-  transform: translateX(1.5rem);
-}
-
-.focus\:translate-x-8:focus {
-  transform: translateX(2rem);
-}
-
-.focus\:translate-x-10:focus {
-  transform: translateX(2.5rem);
-}
-
-.focus\:translate-x-12:focus {
-  transform: translateX(3rem);
-}
-
-.focus\:translate-x-16:focus {
-  transform: translateX(4rem);
-}
-
-.focus\:translate-x-20:focus {
-  transform: translateX(5rem);
-}
-
-.focus\:translate-x-24:focus {
-  transform: translateX(6rem);
-}
-
-.focus\:translate-x-32:focus {
-  transform: translateX(8rem);
-}
-
-.focus\:translate-x-40:focus {
-  transform: translateX(10rem);
-}
-
-.focus\:translate-x-48:focus {
-  transform: translateX(12rem);
-}
-
-.focus\:translate-x-56:focus {
-  transform: translateX(14rem);
-}
-
-.focus\:translate-x-64:focus {
-  transform: translateX(16rem);
-}
-
-.focus\:translate-x-px:focus {
-  transform: translateX(1px);
-}
-
-.focus\:-translate-x-1:focus {
-  transform: translateX(-0.25rem);
-}
-
-.focus\:-translate-x-2:focus {
-  transform: translateX(-0.5rem);
-}
-
-.focus\:-translate-x-3:focus {
-  transform: translateX(-0.75rem);
-}
-
-.focus\:-translate-x-4:focus {
-  transform: translateX(-1rem);
-}
-
-.focus\:-translate-x-5:focus {
-  transform: translateX(-1.25rem);
-}
-
-.focus\:-translate-x-6:focus {
-  transform: translateX(-1.5rem);
-}
-
-.focus\:-translate-x-8:focus {
-  transform: translateX(-2rem);
-}
-
-.focus\:-translate-x-10:focus {
-  transform: translateX(-2.5rem);
-}
-
-.focus\:-translate-x-12:focus {
-  transform: translateX(-3rem);
-}
-
-.focus\:-translate-x-16:focus {
-  transform: translateX(-4rem);
-}
-
-.focus\:-translate-x-20:focus {
-  transform: translateX(-5rem);
-}
-
-.focus\:-translate-x-24:focus {
-  transform: translateX(-6rem);
-}
-
-.focus\:-translate-x-32:focus {
-  transform: translateX(-8rem);
-}
-
-.focus\:-translate-x-40:focus {
-  transform: translateX(-10rem);
-}
-
-.focus\:-translate-x-48:focus {
-  transform: translateX(-12rem);
-}
-
-.focus\:-translate-x-56:focus {
-  transform: translateX(-14rem);
-}
-
-.focus\:-translate-x-64:focus {
-  transform: translateX(-16rem);
-}
-
-.focus\:-translate-x-px:focus {
-  transform: translateX(-1px);
-}
-
-.focus\:-translate-x-full:focus {
-  transform: translateX(-100%);
-}
-
-.focus\:-translate-x-1\/2:focus {
-  transform: translateX(-50%);
-}
-
-.focus\:translate-x-1\/2:focus {
-  transform: translateX(50%);
-}
-
-.focus\:translate-x-full:focus {
-  transform: translateX(100%);
-}
-
-.focus\:translate-y-0:focus {
-  transform: translateY(0);
-}
-
-.focus\:translate-y-1:focus {
-  transform: translateY(0.25rem);
-}
-
-.focus\:translate-y-2:focus {
-  transform: translateY(0.5rem);
-}
-
-.focus\:translate-y-3:focus {
-  transform: translateY(0.75rem);
-}
-
-.focus\:translate-y-4:focus {
-  transform: translateY(1rem);
-}
-
-.focus\:translate-y-5:focus {
-  transform: translateY(1.25rem);
-}
-
-.focus\:translate-y-6:focus {
-  transform: translateY(1.5rem);
-}
-
-.focus\:translate-y-8:focus {
-  transform: translateY(2rem);
-}
-
-.focus\:translate-y-10:focus {
-  transform: translateY(2.5rem);
-}
-
-.focus\:translate-y-12:focus {
-  transform: translateY(3rem);
-}
-
-.focus\:translate-y-16:focus {
-  transform: translateY(4rem);
-}
-
-.focus\:translate-y-20:focus {
-  transform: translateY(5rem);
-}
-
-.focus\:translate-y-24:focus {
-  transform: translateY(6rem);
-}
-
-.focus\:translate-y-32:focus {
-  transform: translateY(8rem);
-}
-
-.focus\:translate-y-40:focus {
-  transform: translateY(10rem);
-}
-
-.focus\:translate-y-48:focus {
-  transform: translateY(12rem);
-}
-
-.focus\:translate-y-56:focus {
-  transform: translateY(14rem);
-}
-
-.focus\:translate-y-64:focus {
-  transform: translateY(16rem);
-}
-
-.focus\:translate-y-px:focus {
-  transform: translateY(1px);
-}
-
-.focus\:-translate-y-1:focus {
-  transform: translateY(-0.25rem);
-}
-
-.focus\:-translate-y-2:focus {
-  transform: translateY(-0.5rem);
-}
-
-.focus\:-translate-y-3:focus {
-  transform: translateY(-0.75rem);
-}
-
-.focus\:-translate-y-4:focus {
-  transform: translateY(-1rem);
-}
-
-.focus\:-translate-y-5:focus {
-  transform: translateY(-1.25rem);
-}
-
-.focus\:-translate-y-6:focus {
-  transform: translateY(-1.5rem);
-}
-
-.focus\:-translate-y-8:focus {
-  transform: translateY(-2rem);
-}
-
-.focus\:-translate-y-10:focus {
-  transform: translateY(-2.5rem);
-}
-
-.focus\:-translate-y-12:focus {
-  transform: translateY(-3rem);
-}
-
-.focus\:-translate-y-16:focus {
-  transform: translateY(-4rem);
-}
-
-.focus\:-translate-y-20:focus {
-  transform: translateY(-5rem);
-}
-
-.focus\:-translate-y-24:focus {
-  transform: translateY(-6rem);
-}
-
-.focus\:-translate-y-32:focus {
-  transform: translateY(-8rem);
-}
-
-.focus\:-translate-y-40:focus {
-  transform: translateY(-10rem);
-}
-
-.focus\:-translate-y-48:focus {
-  transform: translateY(-12rem);
-}
-
-.focus\:-translate-y-56:focus {
-  transform: translateY(-14rem);
-}
-
-.focus\:-translate-y-64:focus {
-  transform: translateY(-16rem);
-}
-
-.focus\:-translate-y-px:focus {
-  transform: translateY(-1px);
-}
-
-.focus\:-translate-y-full:focus {
-  transform: translateY(-100%);
-}
-
-.focus\:-translate-y-1\/2:focus {
-  transform: translateY(-50%);
-}
-
-.focus\:translate-y-1\/2:focus {
-  transform: translateY(50%);
-}
-
-.focus\:translate-y-full:focus {
-  transform: translateY(100%);
-}
-
-.skew-x-0 {
-  transform: skewX(0);
-}
-
-.skew-x-3 {
-  transform: skewX(3deg);
-}
-
-.skew-x-6 {
-  transform: skewX(6deg);
-}
-
-.skew-x-12 {
-  transform: skewX(12deg);
-}
-
-.-skew-x-12 {
-  transform: skewX(-12deg);
-}
-
-.-skew-x-6 {
-  transform: skewX(-6deg);
-}
-
-.-skew-x-3 {
-  transform: skewX(-3deg);
-}
-
-.skew-y-0 {
-  transform: skewY(0);
-}
-
-.skew-y-3 {
-  transform: skewY(3deg);
-}
-
-.skew-y-6 {
-  transform: skewY(6deg);
-}
-
-.skew-y-12 {
-  transform: skewY(12deg);
-}
-
-.-skew-y-12 {
-  transform: skewY(-12deg);
-}
-
-.-skew-y-6 {
-  transform: skewY(-6deg);
-}
-
-.-skew-y-3 {
-  transform: skewY(-3deg);
-}
-
-.hover\:skew-x-0:hover {
-  transform: skewX(0);
-}
-
-.hover\:skew-x-3:hover {
-  transform: skewX(3deg);
-}
-
-.hover\:skew-x-6:hover {
-  transform: skewX(6deg);
-}
-
-.hover\:skew-x-12:hover {
-  transform: skewX(12deg);
-}
-
-.hover\:-skew-x-12:hover {
-  transform: skewX(-12deg);
-}
-
-.hover\:-skew-x-6:hover {
-  transform: skewX(-6deg);
-}
-
-.hover\:-skew-x-3:hover {
-  transform: skewX(-3deg);
-}
-
-.hover\:skew-y-0:hover {
-  transform: skewY(0);
-}
-
-.hover\:skew-y-3:hover {
-  transform: skewY(3deg);
-}
-
-.hover\:skew-y-6:hover {
-  transform: skewY(6deg);
-}
-
-.hover\:skew-y-12:hover {
-  transform: skewY(12deg);
-}
-
-.hover\:-skew-y-12:hover {
-  transform: skewY(-12deg);
-}
-
-.hover\:-skew-y-6:hover {
-  transform: skewY(-6deg);
-}
-
-.hover\:-skew-y-3:hover {
-  transform: skewY(-3deg);
-}
-
-.focus\:skew-x-0:focus {
-  transform: skewX(0);
-}
-
-.focus\:skew-x-3:focus {
-  transform: skewX(3deg);
-}
-
-.focus\:skew-x-6:focus {
-  transform: skewX(6deg);
-}
-
-.focus\:skew-x-12:focus {
-  transform: skewX(12deg);
-}
-
-.focus\:-skew-x-12:focus {
-  transform: skewX(-12deg);
-}
-
-.focus\:-skew-x-6:focus {
-  transform: skewX(-6deg);
-}
-
-.focus\:-skew-x-3:focus {
-  transform: skewX(-3deg);
-}
-
-.focus\:skew-y-0:focus {
-  transform: skewY(0);
-}
-
-.focus\:skew-y-3:focus {
-  transform: skewY(3deg);
-}
-
-.focus\:skew-y-6:focus {
-  transform: skewY(6deg);
-}
-
-.focus\:skew-y-12:focus {
-  transform: skewY(12deg);
-}
-
-.focus\:-skew-y-12:focus {
-  transform: skewY(-12deg);
-}
-
-.focus\:-skew-y-6:focus {
-  transform: skewY(-6deg);
-}
-
-.focus\:-skew-y-3:focus {
-  transform: skewY(-3deg);
-}
-
-.transition-none {
-  transition-property: none;
-}
-
-.transition-all {
-  transition-property: all;
-}
-
-.transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-}
-
-.transition-colors {
-  transition-property: background-color, border-color, color, fill, stroke;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-}
-
-.transition-transform {
-  transition-property: transform;
-}
-
-.ease-linear {
-  transition-timing-function: linear;
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.duration-75 {
-  transition-duration: 75ms;
-}
-
-.duration-100 {
-  transition-duration: 100ms;
-}
-
-.duration-150 {
-  transition-duration: 150ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.duration-500 {
-  transition-duration: 500ms;
-}
-
-.duration-700 {
-  transition-duration: 700ms;
-}
-
-.duration-1000 {
-  transition-duration: 1000ms;
-}
-
-.delay-75 {
-  transition-delay: 75ms;
-}
-
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-150 {
-  transition-delay: 150ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
-.delay-300 {
-  transition-delay: 300ms;
-}
-
-.delay-500 {
-  transition-delay: 500ms;
-}
-
-.delay-700 {
-  transition-delay: 700ms;
-}
-
-.delay-1000 {
-  transition-delay: 1000ms;
-}
-
-.example {
-  font-weight: 700;
-  color: #f56565;
-}
-
-@media (min-width: 640px) {
-  .sm\:space-y-0 > :not(template) ~ :not(template) {
-    margin-top: 0;
-  }
-
-  .sm\:space-x-0 > :not(template) ~ :not(template) {
-    margin-left: 0;
-  }
-
-  .sm\:space-y-1 > :not(template) ~ :not(template) {
-    margin-top: 0.25rem;
-  }
-
-  .sm\:space-x-1 > :not(template) ~ :not(template) {
-    margin-left: 0.25rem;
-  }
-
-  .sm\:space-y-2 > :not(template) ~ :not(template) {
-    margin-top: 0.5rem;
-  }
-
-  .sm\:space-x-2 > :not(template) ~ :not(template) {
-    margin-left: 0.5rem;
-  }
-
-  .sm\:space-y-3 > :not(template) ~ :not(template) {
-    margin-top: 0.75rem;
-  }
-
-  .sm\:space-x-3 > :not(template) ~ :not(template) {
-    margin-left: 0.75rem;
-  }
-
-  .sm\:space-y-4 > :not(template) ~ :not(template) {
-    margin-top: 1rem;
-  }
-
-  .sm\:space-x-4 > :not(template) ~ :not(template) {
-    margin-left: 1rem;
-  }
-
-  .sm\:space-y-5 > :not(template) ~ :not(template) {
-    margin-top: 1.25rem;
-  }
-
-  .sm\:space-x-5 > :not(template) ~ :not(template) {
-    margin-left: 1.25rem;
-  }
-
-  .sm\:space-y-6 > :not(template) ~ :not(template) {
-    margin-top: 1.5rem;
-  }
-
-  .sm\:space-x-6 > :not(template) ~ :not(template) {
-    margin-left: 1.5rem;
-  }
-
-  .sm\:space-y-8 > :not(template) ~ :not(template) {
-    margin-top: 2rem;
-  }
-
-  .sm\:space-x-8 > :not(template) ~ :not(template) {
-    margin-left: 2rem;
-  }
-
-  .sm\:space-y-10 > :not(template) ~ :not(template) {
-    margin-top: 2.5rem;
-  }
-
-  .sm\:space-x-10 > :not(template) ~ :not(template) {
-    margin-left: 2.5rem;
-  }
-
-  .sm\:space-y-12 > :not(template) ~ :not(template) {
-    margin-top: 3rem;
-  }
-
-  .sm\:space-x-12 > :not(template) ~ :not(template) {
-    margin-left: 3rem;
-  }
-
-  .sm\:space-y-16 > :not(template) ~ :not(template) {
-    margin-top: 4rem;
-  }
-
-  .sm\:space-x-16 > :not(template) ~ :not(template) {
-    margin-left: 4rem;
-  }
-
-  .sm\:space-y-20 > :not(template) ~ :not(template) {
-    margin-top: 5rem;
-  }
-
-  .sm\:space-x-20 > :not(template) ~ :not(template) {
-    margin-left: 5rem;
-  }
-
-  .sm\:space-y-24 > :not(template) ~ :not(template) {
-    margin-top: 6rem;
-  }
-
-  .sm\:space-x-24 > :not(template) ~ :not(template) {
-    margin-left: 6rem;
-  }
-
-  .sm\:space-y-32 > :not(template) ~ :not(template) {
-    margin-top: 8rem;
-  }
-
-  .sm\:space-x-32 > :not(template) ~ :not(template) {
-    margin-left: 8rem;
-  }
-
-  .sm\:space-y-40 > :not(template) ~ :not(template) {
-    margin-top: 10rem;
-  }
-
-  .sm\:space-x-40 > :not(template) ~ :not(template) {
-    margin-left: 10rem;
-  }
-
-  .sm\:space-y-48 > :not(template) ~ :not(template) {
-    margin-top: 12rem;
-  }
-
-  .sm\:space-x-48 > :not(template) ~ :not(template) {
-    margin-left: 12rem;
-  }
-
-  .sm\:space-y-56 > :not(template) ~ :not(template) {
-    margin-top: 14rem;
-  }
-
-  .sm\:space-x-56 > :not(template) ~ :not(template) {
-    margin-left: 14rem;
-  }
-
-  .sm\:space-y-64 > :not(template) ~ :not(template) {
-    margin-top: 16rem;
-  }
-
-  .sm\:space-x-64 > :not(template) ~ :not(template) {
-    margin-left: 16rem;
-  }
-
-  .sm\:space-y-px > :not(template) ~ :not(template) {
-    margin-top: 1px;
-  }
-
-  .sm\:space-x-px > :not(template) ~ :not(template) {
-    margin-left: 1px;
-  }
-
-  .sm\:-space-y-1 > :not(template) ~ :not(template) {
-    margin-top: -0.25rem;
-  }
-
-  .sm\:-space-x-1 > :not(template) ~ :not(template) {
-    margin-left: -0.25rem;
-  }
-
-  .sm\:-space-y-2 > :not(template) ~ :not(template) {
-    margin-top: -0.5rem;
-  }
-
-  .sm\:-space-x-2 > :not(template) ~ :not(template) {
-    margin-left: -0.5rem;
-  }
-
-  .sm\:-space-y-3 > :not(template) ~ :not(template) {
-    margin-top: -0.75rem;
-  }
-
-  .sm\:-space-x-3 > :not(template) ~ :not(template) {
-    margin-left: -0.75rem;
-  }
-
-  .sm\:-space-y-4 > :not(template) ~ :not(template) {
-    margin-top: -1rem;
-  }
-
-  .sm\:-space-x-4 > :not(template) ~ :not(template) {
-    margin-left: -1rem;
-  }
-
-  .sm\:-space-y-5 > :not(template) ~ :not(template) {
-    margin-top: -1.25rem;
-  }
-
-  .sm\:-space-x-5 > :not(template) ~ :not(template) {
-    margin-left: -1.25rem;
-  }
-
-  .sm\:-space-y-6 > :not(template) ~ :not(template) {
-    margin-top: -1.5rem;
-  }
-
-  .sm\:-space-x-6 > :not(template) ~ :not(template) {
-    margin-left: -1.5rem;
-  }
-
-  .sm\:-space-y-8 > :not(template) ~ :not(template) {
-    margin-top: -2rem;
-  }
-
-  .sm\:-space-x-8 > :not(template) ~ :not(template) {
-    margin-left: -2rem;
-  }
-
-  .sm\:-space-y-10 > :not(template) ~ :not(template) {
-    margin-top: -2.5rem;
-  }
-
-  .sm\:-space-x-10 > :not(template) ~ :not(template) {
-    margin-left: -2.5rem;
-  }
-
-  .sm\:-space-y-12 > :not(template) ~ :not(template) {
-    margin-top: -3rem;
-  }
-
-  .sm\:-space-x-12 > :not(template) ~ :not(template) {
-    margin-left: -3rem;
-  }
-
-  .sm\:-space-y-16 > :not(template) ~ :not(template) {
-    margin-top: -4rem;
-  }
-
-  .sm\:-space-x-16 > :not(template) ~ :not(template) {
-    margin-left: -4rem;
-  }
-
-  .sm\:-space-y-20 > :not(template) ~ :not(template) {
-    margin-top: -5rem;
-  }
-
-  .sm\:-space-x-20 > :not(template) ~ :not(template) {
-    margin-left: -5rem;
-  }
-
-  .sm\:-space-y-24 > :not(template) ~ :not(template) {
-    margin-top: -6rem;
-  }
-
-  .sm\:-space-x-24 > :not(template) ~ :not(template) {
-    margin-left: -6rem;
-  }
-
-  .sm\:-space-y-32 > :not(template) ~ :not(template) {
-    margin-top: -8rem;
-  }
-
-  .sm\:-space-x-32 > :not(template) ~ :not(template) {
-    margin-left: -8rem;
-  }
-
-  .sm\:-space-y-40 > :not(template) ~ :not(template) {
-    margin-top: -10rem;
-  }
-
-  .sm\:-space-x-40 > :not(template) ~ :not(template) {
-    margin-left: -10rem;
-  }
-
-  .sm\:-space-y-48 > :not(template) ~ :not(template) {
-    margin-top: -12rem;
-  }
-
-  .sm\:-space-x-48 > :not(template) ~ :not(template) {
-    margin-left: -12rem;
-  }
-
-  .sm\:-space-y-56 > :not(template) ~ :not(template) {
-    margin-top: -14rem;
-  }
-
-  .sm\:-space-x-56 > :not(template) ~ :not(template) {
-    margin-left: -14rem;
-  }
-
-  .sm\:-space-y-64 > :not(template) ~ :not(template) {
-    margin-top: -16rem;
-  }
-
-  .sm\:-space-x-64 > :not(template) ~ :not(template) {
-    margin-left: -16rem;
-  }
-
-  .sm\:-space-y-px > :not(template) ~ :not(template) {
-    margin-top: -1px;
-  }
-
-  .sm\:-space-x-px > :not(template) ~ :not(template) {
-    margin-left: -1px;
-  }
-
-  .sm\:divide-y-0 > :not(template) ~ :not(template) {
-    border-top-width: 0;
-  }
-
-  .sm\:divide-x-0 > :not(template) ~ :not(template) {
-    border-left-width: 0;
-  }
-
-  .sm\:divide-y-2 > :not(template) ~ :not(template) {
-    border-top-width: 2px;
-  }
-
-  .sm\:divide-x-2 > :not(template) ~ :not(template) {
-    border-left-width: 2px;
-  }
-
-  .sm\:divide-y-4 > :not(template) ~ :not(template) {
-    border-top-width: 4px;
-  }
-
-  .sm\:divide-x-4 > :not(template) ~ :not(template) {
-    border-left-width: 4px;
-  }
-
-  .sm\:divide-y-8 > :not(template) ~ :not(template) {
-    border-top-width: 8px;
-  }
-
-  .sm\:divide-x-8 > :not(template) ~ :not(template) {
-    border-left-width: 8px;
-  }
-
-  .sm\:divide-y > :not(template) ~ :not(template) {
-    border-top-width: 1px;
-  }
-
-  .sm\:divide-x > :not(template) ~ :not(template) {
-    border-left-width: 1px;
-  }
-
-  .sm\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
-
-  .sm\:divide-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
-
-  .sm\:divide-black > :not(template) ~ :not(template) {
-    border-color: #000;
-  }
-
-  .sm\:divide-white > :not(template) ~ :not(template) {
-    border-color: #fff;
-  }
-
-  .sm\:divide-gray-100 > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
-  }
-
-  .sm\:divide-gray-200 > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
-  }
-
-  .sm\:divide-gray-300 > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
-  }
-
-  .sm\:divide-gray-400 > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
-  }
-
-  .sm\:divide-gray-500 > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
-  }
-
-  .sm\:divide-gray-600 > :not(template) ~ :not(template) {
-    border-color: #718096;
-  }
-
-  .sm\:divide-gray-700 > :not(template) ~ :not(template) {
-    border-color: #4a5568;
-  }
-
-  .sm\:divide-gray-800 > :not(template) ~ :not(template) {
-    border-color: #2d3748;
-  }
-
-  .sm\:divide-gray-900 > :not(template) ~ :not(template) {
-    border-color: #1a202c;
-  }
-
-  .sm\:divide-red-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
-  }
-
-  .sm\:divide-red-200 > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
-  }
-
-  .sm\:divide-red-300 > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
-  }
-
-  .sm\:divide-red-400 > :not(template) ~ :not(template) {
-    border-color: #fc8181;
-  }
-
-  .sm\:divide-red-500 > :not(template) ~ :not(template) {
-    border-color: #f56565;
-  }
-
-  .sm\:divide-red-600 > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
-  }
-
-  .sm\:divide-red-700 > :not(template) ~ :not(template) {
-    border-color: #c53030;
-  }
-
-  .sm\:divide-red-800 > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
-  }
-
-  .sm\:divide-red-900 > :not(template) ~ :not(template) {
-    border-color: #742a2a;
-  }
-
-  .sm\:divide-orange-100 > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
-  }
-
-  .sm\:divide-orange-200 > :not(template) ~ :not(template) {
-    border-color: #feebc8;
-  }
-
-  .sm\:divide-orange-300 > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
-  }
-
-  .sm\:divide-orange-400 > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
-  }
-
-  .sm\:divide-orange-500 > :not(template) ~ :not(template) {
-    border-color: #ed8936;
-  }
-
-  .sm\:divide-orange-600 > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
-  }
-
-  .sm\:divide-orange-700 > :not(template) ~ :not(template) {
-    border-color: #c05621;
-  }
-
-  .sm\:divide-orange-800 > :not(template) ~ :not(template) {
-    border-color: #9c4221;
-  }
-
-  .sm\:divide-orange-900 > :not(template) ~ :not(template) {
-    border-color: #7b341e;
-  }
-
-  .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
-    border-color: #fffff0;
-  }
-
-  .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
-  }
-
-  .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
-    border-color: #faf089;
-  }
-
-  .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
-  }
-
-  .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
-  }
-
-  .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
-  }
-
-  .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
-    border-color: #b7791f;
-  }
-
-  .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
-    border-color: #975a16;
-  }
-
-  .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
-    border-color: #744210;
-  }
-
-  .sm\:divide-green-100 > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
-  }
-
-  .sm\:divide-green-200 > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
-  }
-
-  .sm\:divide-green-300 > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
-  }
-
-  .sm\:divide-green-400 > :not(template) ~ :not(template) {
-    border-color: #68d391;
-  }
-
-  .sm\:divide-green-500 > :not(template) ~ :not(template) {
-    border-color: #48bb78;
-  }
-
-  .sm\:divide-green-600 > :not(template) ~ :not(template) {
-    border-color: #38a169;
-  }
-
-  .sm\:divide-green-700 > :not(template) ~ :not(template) {
-    border-color: #2f855a;
-  }
-
-  .sm\:divide-green-800 > :not(template) ~ :not(template) {
-    border-color: #276749;
-  }
-
-  .sm\:divide-green-900 > :not(template) ~ :not(template) {
-    border-color: #22543d;
-  }
-
-  .sm\:divide-teal-100 > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
-  }
-
-  .sm\:divide-teal-200 > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
-  }
-
-  .sm\:divide-teal-300 > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
-  }
-
-  .sm\:divide-teal-400 > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
-  }
-
-  .sm\:divide-teal-500 > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
-  }
-
-  .sm\:divide-teal-600 > :not(template) ~ :not(template) {
-    border-color: #319795;
-  }
-
-  .sm\:divide-teal-700 > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
-  }
-
-  .sm\:divide-teal-800 > :not(template) ~ :not(template) {
-    border-color: #285e61;
-  }
-
-  .sm\:divide-teal-900 > :not(template) ~ :not(template) {
-    border-color: #234e52;
-  }
-
-  .sm\:divide-blue-100 > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
-  }
-
-  .sm\:divide-blue-200 > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
-  }
-
-  .sm\:divide-blue-300 > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
-  }
-
-  .sm\:divide-blue-400 > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
-  }
-
-  .sm\:divide-blue-500 > :not(template) ~ :not(template) {
-    border-color: #4299e1;
-  }
-
-  .sm\:divide-blue-600 > :not(template) ~ :not(template) {
-    border-color: #3182ce;
-  }
-
-  .sm\:divide-blue-700 > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
-  }
-
-  .sm\:divide-blue-800 > :not(template) ~ :not(template) {
-    border-color: #2c5282;
-  }
-
-  .sm\:divide-blue-900 > :not(template) ~ :not(template) {
-    border-color: #2a4365;
-  }
-
-  .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
-  }
-
-  .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
-  }
-
-  .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
-  }
-
-  .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
-  }
-
-  .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
-    border-color: #667eea;
-  }
-
-  .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
-  }
-
-  .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
-  }
-
-  .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
-    border-color: #434190;
-  }
-
-  .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
-    border-color: #3c366b;
-  }
+.focus\:-skew-y-3:focus {
+  transform: skewY(-3deg);
+}
 
-  .sm\:divide-purple-100 > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
-  }
+.transition-none {
+  transition-property: none;
+}
 
-  .sm\:divide-purple-200 > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
-  }
+.transition-all {
+  transition-property: all;
+}
 
-  .sm\:divide-purple-300 > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
-  }
+.transition {
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
 
-  .sm\:divide-purple-400 > :not(template) ~ :not(template) {
-    border-color: #b794f4;
-  }
+.transition-colors {
+  transition-property: background-color, border-color, color, fill, stroke;
+}
 
-  .sm\:divide-purple-500 > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
-  }
+.transition-opacity {
+  transition-property: opacity;
+}
 
-  .sm\:divide-purple-600 > :not(template) ~ :not(template) {
-    border-color: #805ad5;
-  }
+.transition-shadow {
+  transition-property: box-shadow;
+}
 
-  .sm\:divide-purple-700 > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
-  }
+.transition-transform {
+  transition-property: transform;
+}
 
-  .sm\:divide-purple-800 > :not(template) ~ :not(template) {
-    border-color: #553c9a;
-  }
+.ease-linear {
+  transition-timing-function: linear;
+}
 
-  .sm\:divide-purple-900 > :not(template) ~ :not(template) {
-    border-color: #44337a;
-  }
+.ease-in {
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+}
 
-  .sm\:divide-pink-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
-  }
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 
-  .sm\:divide-pink-200 > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
-  }
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 
-  .sm\:divide-pink-300 > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
-  }
+.duration-75 {
+  transition-duration: 75ms;
+}
 
-  .sm\:divide-pink-400 > :not(template) ~ :not(template) {
-    border-color: #f687b3;
-  }
+.duration-100 {
+  transition-duration: 100ms;
+}
 
-  .sm\:divide-pink-500 > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
-  }
+.duration-150 {
+  transition-duration: 150ms;
+}
 
-  .sm\:divide-pink-600 > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
-  }
+.duration-200 {
+  transition-duration: 200ms;
+}
 
-  .sm\:divide-pink-700 > :not(template) ~ :not(template) {
-    border-color: #b83280;
-  }
+.duration-300 {
+  transition-duration: 300ms;
+}
 
-  .sm\:divide-pink-800 > :not(template) ~ :not(template) {
-    border-color: #97266d;
-  }
+.duration-500 {
+  transition-duration: 500ms;
+}
 
-  .sm\:divide-pink-900 > :not(template) ~ :not(template) {
-    border-color: #702459;
-  }
+.duration-700 {
+  transition-duration: 700ms;
+}
 
-  .sm\:hover\:divide-transparent:hover > :not(template) ~ :not(template) {
-    border-color: transparent;
-  }
+.duration-1000 {
+  transition-duration: 1000ms;
+}
 
-  .sm\:hover\:divide-current:hover > :not(template) ~ :not(template) {
-    border-color: currentColor;
-  }
+.delay-75 {
+  transition-delay: 75ms;
+}
 
-  .sm\:hover\:divide-black:hover > :not(template) ~ :not(template) {
-    border-color: #000;
-  }
+.delay-100 {
+  transition-delay: 100ms;
+}
 
-  .sm\:hover\:divide-white:hover > :not(template) ~ :not(template) {
-    border-color: #fff;
-  }
+.delay-150 {
+  transition-delay: 150ms;
+}
 
-  .sm\:hover\:divide-gray-100:hover > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
-  }
+.delay-200 {
+  transition-delay: 200ms;
+}
 
-  .sm\:hover\:divide-gray-200:hover > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
-  }
+.delay-300 {
+  transition-delay: 300ms;
+}
 
-  .sm\:hover\:divide-gray-300:hover > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
-  }
+.delay-500 {
+  transition-delay: 500ms;
+}
 
-  .sm\:hover\:divide-gray-400:hover > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
-  }
+.delay-700 {
+  transition-delay: 700ms;
+}
 
-  .sm\:hover\:divide-gray-500:hover > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
-  }
+.delay-1000 {
+  transition-delay: 1000ms;
+}
 
-  .sm\:hover\:divide-gray-600:hover > :not(template) ~ :not(template) {
-    border-color: #718096;
-  }
+.example {
+  font-weight: 700;
+  color: #f56565;
+}
 
-  .sm\:hover\:divide-gray-700:hover > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+@media (min-width: 640px) {
+  .sm\:space-y-0 > :not(template) ~ :not(template) {
+    margin-top: 0;
   }
 
-  .sm\:hover\:divide-gray-800:hover > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .sm\:space-x-0 > :not(template) ~ :not(template) {
+    margin-left: 0;
   }
 
-  .sm\:hover\:divide-gray-900:hover > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .sm\:space-y-1 > :not(template) ~ :not(template) {
+    margin-top: 0.25rem;
   }
 
-  .sm\:hover\:divide-red-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .sm\:space-x-1 > :not(template) ~ :not(template) {
+    margin-left: 0.25rem;
   }
 
-  .sm\:hover\:divide-red-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .sm\:space-y-2 > :not(template) ~ :not(template) {
+    margin-top: 0.5rem;
   }
 
-  .sm\:hover\:divide-red-300:hover > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .sm\:space-x-2 > :not(template) ~ :not(template) {
+    margin-left: 0.5rem;
   }
 
-  .sm\:hover\:divide-red-400:hover > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .sm\:space-y-3 > :not(template) ~ :not(template) {
+    margin-top: 0.75rem;
   }
 
-  .sm\:hover\:divide-red-500:hover > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .sm\:space-x-3 > :not(template) ~ :not(template) {
+    margin-left: 0.75rem;
   }
 
-  .sm\:hover\:divide-red-600:hover > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .sm\:space-y-4 > :not(template) ~ :not(template) {
+    margin-top: 1rem;
   }
 
-  .sm\:hover\:divide-red-700:hover > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .sm\:space-x-4 > :not(template) ~ :not(template) {
+    margin-left: 1rem;
   }
 
-  .sm\:hover\:divide-red-800:hover > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .sm\:space-y-5 > :not(template) ~ :not(template) {
+    margin-top: 1.25rem;
   }
 
-  .sm\:hover\:divide-red-900:hover > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .sm\:space-x-5 > :not(template) ~ :not(template) {
+    margin-left: 1.25rem;
   }
 
-  .sm\:hover\:divide-orange-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .sm\:space-y-6 > :not(template) ~ :not(template) {
+    margin-top: 1.5rem;
   }
 
-  .sm\:hover\:divide-orange-200:hover > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .sm\:space-x-6 > :not(template) ~ :not(template) {
+    margin-left: 1.5rem;
   }
 
-  .sm\:hover\:divide-orange-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .sm\:space-y-8 > :not(template) ~ :not(template) {
+    margin-top: 2rem;
   }
 
-  .sm\:hover\:divide-orange-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .sm\:space-x-8 > :not(template) ~ :not(template) {
+    margin-left: 2rem;
   }
 
-  .sm\:hover\:divide-orange-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .sm\:space-y-10 > :not(template) ~ :not(template) {
+    margin-top: 2.5rem;
   }
 
-  .sm\:hover\:divide-orange-600:hover > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .sm\:space-x-10 > :not(template) ~ :not(template) {
+    margin-left: 2.5rem;
   }
 
-  .sm\:hover\:divide-orange-700:hover > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .sm\:space-y-12 > :not(template) ~ :not(template) {
+    margin-top: 3rem;
   }
 
-  .sm\:hover\:divide-orange-800:hover > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .sm\:space-x-12 > :not(template) ~ :not(template) {
+    margin-left: 3rem;
   }
 
-  .sm\:hover\:divide-orange-900:hover > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .sm\:space-y-16 > :not(template) ~ :not(template) {
+    margin-top: 4rem;
   }
 
-  .sm\:hover\:divide-yellow-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .sm\:space-x-16 > :not(template) ~ :not(template) {
+    margin-left: 4rem;
   }
 
-  .sm\:hover\:divide-yellow-200:hover > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .sm\:space-y-20 > :not(template) ~ :not(template) {
+    margin-top: 5rem;
   }
 
-  .sm\:hover\:divide-yellow-300:hover > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .sm\:space-x-20 > :not(template) ~ :not(template) {
+    margin-left: 5rem;
   }
 
-  .sm\:hover\:divide-yellow-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .sm\:space-y-24 > :not(template) ~ :not(template) {
+    margin-top: 6rem;
   }
 
-  .sm\:hover\:divide-yellow-500:hover > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .sm\:space-x-24 > :not(template) ~ :not(template) {
+    margin-left: 6rem;
   }
 
-  .sm\:hover\:divide-yellow-600:hover > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .sm\:space-y-32 > :not(template) ~ :not(template) {
+    margin-top: 8rem;
   }
 
-  .sm\:hover\:divide-yellow-700:hover > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .sm\:space-x-32 > :not(template) ~ :not(template) {
+    margin-left: 8rem;
   }
 
-  .sm\:hover\:divide-yellow-800:hover > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .sm\:space-y-40 > :not(template) ~ :not(template) {
+    margin-top: 10rem;
   }
 
-  .sm\:hover\:divide-yellow-900:hover > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .sm\:space-x-40 > :not(template) ~ :not(template) {
+    margin-left: 10rem;
   }
 
-  .sm\:hover\:divide-green-100:hover > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .sm\:space-y-48 > :not(template) ~ :not(template) {
+    margin-top: 12rem;
   }
 
-  .sm\:hover\:divide-green-200:hover > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .sm\:space-x-48 > :not(template) ~ :not(template) {
+    margin-left: 12rem;
   }
 
-  .sm\:hover\:divide-green-300:hover > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .sm\:space-y-56 > :not(template) ~ :not(template) {
+    margin-top: 14rem;
   }
 
-  .sm\:hover\:divide-green-400:hover > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .sm\:space-x-56 > :not(template) ~ :not(template) {
+    margin-left: 14rem;
   }
 
-  .sm\:hover\:divide-green-500:hover > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .sm\:space-y-64 > :not(template) ~ :not(template) {
+    margin-top: 16rem;
   }
 
-  .sm\:hover\:divide-green-600:hover > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .sm\:space-x-64 > :not(template) ~ :not(template) {
+    margin-left: 16rem;
   }
 
-  .sm\:hover\:divide-green-700:hover > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .sm\:space-y-px > :not(template) ~ :not(template) {
+    margin-top: 1px;
   }
 
-  .sm\:hover\:divide-green-800:hover > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .sm\:space-x-px > :not(template) ~ :not(template) {
+    margin-left: 1px;
   }
 
-  .sm\:hover\:divide-green-900:hover > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .sm\:-space-y-1 > :not(template) ~ :not(template) {
+    margin-top: -0.25rem;
   }
 
-  .sm\:hover\:divide-teal-100:hover > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .sm\:-space-x-1 > :not(template) ~ :not(template) {
+    margin-left: -0.25rem;
   }
 
-  .sm\:hover\:divide-teal-200:hover > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .sm\:-space-y-2 > :not(template) ~ :not(template) {
+    margin-top: -0.5rem;
   }
 
-  .sm\:hover\:divide-teal-300:hover > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .sm\:-space-x-2 > :not(template) ~ :not(template) {
+    margin-left: -0.5rem;
   }
 
-  .sm\:hover\:divide-teal-400:hover > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .sm\:-space-y-3 > :not(template) ~ :not(template) {
+    margin-top: -0.75rem;
   }
 
-  .sm\:hover\:divide-teal-500:hover > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .sm\:-space-x-3 > :not(template) ~ :not(template) {
+    margin-left: -0.75rem;
   }
 
-  .sm\:hover\:divide-teal-600:hover > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .sm\:-space-y-4 > :not(template) ~ :not(template) {
+    margin-top: -1rem;
   }
 
-  .sm\:hover\:divide-teal-700:hover > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .sm\:-space-x-4 > :not(template) ~ :not(template) {
+    margin-left: -1rem;
   }
 
-  .sm\:hover\:divide-teal-800:hover > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .sm\:-space-y-5 > :not(template) ~ :not(template) {
+    margin-top: -1.25rem;
   }
 
-  .sm\:hover\:divide-teal-900:hover > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .sm\:-space-x-5 > :not(template) ~ :not(template) {
+    margin-left: -1.25rem;
   }
 
-  .sm\:hover\:divide-blue-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .sm\:-space-y-6 > :not(template) ~ :not(template) {
+    margin-top: -1.5rem;
   }
 
-  .sm\:hover\:divide-blue-200:hover > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .sm\:-space-x-6 > :not(template) ~ :not(template) {
+    margin-left: -1.5rem;
   }
 
-  .sm\:hover\:divide-blue-300:hover > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .sm\:-space-y-8 > :not(template) ~ :not(template) {
+    margin-top: -2rem;
   }
 
-  .sm\:hover\:divide-blue-400:hover > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .sm\:-space-x-8 > :not(template) ~ :not(template) {
+    margin-left: -2rem;
   }
 
-  .sm\:hover\:divide-blue-500:hover > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .sm\:-space-y-10 > :not(template) ~ :not(template) {
+    margin-top: -2.5rem;
   }
 
-  .sm\:hover\:divide-blue-600:hover > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .sm\:-space-x-10 > :not(template) ~ :not(template) {
+    margin-left: -2.5rem;
   }
 
-  .sm\:hover\:divide-blue-700:hover > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .sm\:-space-y-12 > :not(template) ~ :not(template) {
+    margin-top: -3rem;
   }
 
-  .sm\:hover\:divide-blue-800:hover > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .sm\:-space-x-12 > :not(template) ~ :not(template) {
+    margin-left: -3rem;
   }
 
-  .sm\:hover\:divide-blue-900:hover > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .sm\:-space-y-16 > :not(template) ~ :not(template) {
+    margin-top: -4rem;
   }
 
-  .sm\:hover\:divide-indigo-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .sm\:-space-x-16 > :not(template) ~ :not(template) {
+    margin-left: -4rem;
   }
 
-  .sm\:hover\:divide-indigo-200:hover > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .sm\:-space-y-20 > :not(template) ~ :not(template) {
+    margin-top: -5rem;
   }
 
-  .sm\:hover\:divide-indigo-300:hover > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .sm\:-space-x-20 > :not(template) ~ :not(template) {
+    margin-left: -5rem;
   }
 
-  .sm\:hover\:divide-indigo-400:hover > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .sm\:-space-y-24 > :not(template) ~ :not(template) {
+    margin-top: -6rem;
   }
 
-  .sm\:hover\:divide-indigo-500:hover > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .sm\:-space-x-24 > :not(template) ~ :not(template) {
+    margin-left: -6rem;
   }
 
-  .sm\:hover\:divide-indigo-600:hover > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .sm\:-space-y-32 > :not(template) ~ :not(template) {
+    margin-top: -8rem;
   }
 
-  .sm\:hover\:divide-indigo-700:hover > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .sm\:-space-x-32 > :not(template) ~ :not(template) {
+    margin-left: -8rem;
   }
 
-  .sm\:hover\:divide-indigo-800:hover > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .sm\:-space-y-40 > :not(template) ~ :not(template) {
+    margin-top: -10rem;
   }
 
-  .sm\:hover\:divide-indigo-900:hover > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .sm\:-space-x-40 > :not(template) ~ :not(template) {
+    margin-left: -10rem;
   }
 
-  .sm\:hover\:divide-purple-100:hover > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .sm\:-space-y-48 > :not(template) ~ :not(template) {
+    margin-top: -12rem;
   }
 
-  .sm\:hover\:divide-purple-200:hover > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .sm\:-space-x-48 > :not(template) ~ :not(template) {
+    margin-left: -12rem;
   }
 
-  .sm\:hover\:divide-purple-300:hover > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .sm\:-space-y-56 > :not(template) ~ :not(template) {
+    margin-top: -14rem;
   }
 
-  .sm\:hover\:divide-purple-400:hover > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .sm\:-space-x-56 > :not(template) ~ :not(template) {
+    margin-left: -14rem;
   }
 
-  .sm\:hover\:divide-purple-500:hover > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .sm\:-space-y-64 > :not(template) ~ :not(template) {
+    margin-top: -16rem;
   }
 
-  .sm\:hover\:divide-purple-600:hover > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .sm\:-space-x-64 > :not(template) ~ :not(template) {
+    margin-left: -16rem;
   }
 
-  .sm\:hover\:divide-purple-700:hover > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .sm\:-space-y-px > :not(template) ~ :not(template) {
+    margin-top: -1px;
   }
 
-  .sm\:hover\:divide-purple-800:hover > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .sm\:-space-x-px > :not(template) ~ :not(template) {
+    margin-left: -1px;
   }
 
-  .sm\:hover\:divide-purple-900:hover > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .sm\:divide-y-0 > :not(template) ~ :not(template) {
+    border-top-width: 0;
   }
 
-  .sm\:hover\:divide-pink-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .sm\:divide-x-0 > :not(template) ~ :not(template) {
+    border-left-width: 0;
   }
 
-  .sm\:hover\:divide-pink-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .sm\:divide-y-2 > :not(template) ~ :not(template) {
+    border-top-width: 2px;
   }
 
-  .sm\:hover\:divide-pink-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .sm\:divide-x-2 > :not(template) ~ :not(template) {
+    border-left-width: 2px;
   }
 
-  .sm\:hover\:divide-pink-400:hover > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .sm\:divide-y-4 > :not(template) ~ :not(template) {
+    border-top-width: 4px;
   }
 
-  .sm\:hover\:divide-pink-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .sm\:divide-x-4 > :not(template) ~ :not(template) {
+    border-left-width: 4px;
   }
 
-  .sm\:hover\:divide-pink-600:hover > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .sm\:divide-y-8 > :not(template) ~ :not(template) {
+    border-top-width: 8px;
   }
 
-  .sm\:hover\:divide-pink-700:hover > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .sm\:divide-x-8 > :not(template) ~ :not(template) {
+    border-left-width: 8px;
   }
 
-  .sm\:hover\:divide-pink-800:hover > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .sm\:divide-y > :not(template) ~ :not(template) {
+    border-top-width: 1px;
   }
 
-  .sm\:hover\:divide-pink-900:hover > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .sm\:divide-x > :not(template) ~ :not(template) {
+    border-left-width: 1px;
   }
 
-  .sm\:focus\:divide-transparent:focus > :not(template) ~ :not(template) {
+  .sm\:divide-transparent > :not(template) ~ :not(template) {
     border-color: transparent;
   }
 
-  .sm\:focus\:divide-current:focus > :not(template) ~ :not(template) {
+  .sm\:divide-current > :not(template) ~ :not(template) {
     border-color: currentColor;
   }
 
-  .sm\:focus\:divide-black:focus > :not(template) ~ :not(template) {
+  .sm\:divide-black > :not(template) ~ :not(template) {
     border-color: #000;
   }
 
-  .sm\:focus\:divide-white:focus > :not(template) ~ :not(template) {
+  .sm\:divide-white > :not(template) ~ :not(template) {
     border-color: #fff;
   }
 
-  .sm\:focus\:divide-gray-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-100 > :not(template) ~ :not(template) {
     border-color: #f7fafc;
   }
 
-  .sm\:focus\:divide-gray-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-200 > :not(template) ~ :not(template) {
     border-color: #edf2f7;
   }
 
-  .sm\:focus\:divide-gray-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-300 > :not(template) ~ :not(template) {
     border-color: #e2e8f0;
   }
 
-  .sm\:focus\:divide-gray-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-400 > :not(template) ~ :not(template) {
     border-color: #cbd5e0;
   }
 
-  .sm\:focus\:divide-gray-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-500 > :not(template) ~ :not(template) {
     border-color: #a0aec0;
   }
 
-  .sm\:focus\:divide-gray-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-600 > :not(template) ~ :not(template) {
     border-color: #718096;
   }
 
-  .sm\:focus\:divide-gray-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-700 > :not(template) ~ :not(template) {
     border-color: #4a5568;
   }
 
-  .sm\:focus\:divide-gray-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-800 > :not(template) ~ :not(template) {
     border-color: #2d3748;
   }
 
-  .sm\:focus\:divide-gray-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-gray-900 > :not(template) ~ :not(template) {
     border-color: #1a202c;
   }
 
-  .sm\:focus\:divide-red-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-100 > :not(template) ~ :not(template) {
     border-color: #fff5f5;
   }
 
-  .sm\:focus\:divide-red-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-200 > :not(template) ~ :not(template) {
     border-color: #fed7d7;
   }
 
-  .sm\:focus\:divide-red-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-300 > :not(template) ~ :not(template) {
     border-color: #feb2b2;
   }
 
-  .sm\:focus\:divide-red-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-400 > :not(template) ~ :not(template) {
     border-color: #fc8181;
   }
 
-  .sm\:focus\:divide-red-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-500 > :not(template) ~ :not(template) {
     border-color: #f56565;
   }
 
-  .sm\:focus\:divide-red-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-600 > :not(template) ~ :not(template) {
     border-color: #e53e3e;
   }
 
-  .sm\:focus\:divide-red-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-700 > :not(template) ~ :not(template) {
     border-color: #c53030;
   }
 
-  .sm\:focus\:divide-red-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-800 > :not(template) ~ :not(template) {
     border-color: #9b2c2c;
   }
 
-  .sm\:focus\:divide-red-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-red-900 > :not(template) ~ :not(template) {
     border-color: #742a2a;
   }
 
-  .sm\:focus\:divide-orange-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-100 > :not(template) ~ :not(template) {
     border-color: #fffaf0;
   }
 
-  .sm\:focus\:divide-orange-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-200 > :not(template) ~ :not(template) {
     border-color: #feebc8;
   }
 
-  .sm\:focus\:divide-orange-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-300 > :not(template) ~ :not(template) {
     border-color: #fbd38d;
   }
 
-  .sm\:focus\:divide-orange-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-400 > :not(template) ~ :not(template) {
     border-color: #f6ad55;
   }
 
-  .sm\:focus\:divide-orange-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-500 > :not(template) ~ :not(template) {
     border-color: #ed8936;
   }
 
-  .sm\:focus\:divide-orange-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-600 > :not(template) ~ :not(template) {
     border-color: #dd6b20;
   }
 
-  .sm\:focus\:divide-orange-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-700 > :not(template) ~ :not(template) {
     border-color: #c05621;
   }
 
-  .sm\:focus\:divide-orange-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-800 > :not(template) ~ :not(template) {
     border-color: #9c4221;
   }
 
-  .sm\:focus\:divide-orange-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-orange-900 > :not(template) ~ :not(template) {
     border-color: #7b341e;
   }
 
-  .sm\:focus\:divide-yellow-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
     border-color: #fffff0;
   }
 
-  .sm\:focus\:divide-yellow-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
     border-color: #fefcbf;
   }
 
-  .sm\:focus\:divide-yellow-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
     border-color: #faf089;
   }
 
-  .sm\:focus\:divide-yellow-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
     border-color: #f6e05e;
   }
 
-  .sm\:focus\:divide-yellow-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
     border-color: #ecc94b;
   }
 
-  .sm\:focus\:divide-yellow-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
     border-color: #d69e2e;
   }
 
-  .sm\:focus\:divide-yellow-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
     border-color: #b7791f;
   }
 
-  .sm\:focus\:divide-yellow-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
     border-color: #975a16;
   }
 
-  .sm\:focus\:divide-yellow-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
     border-color: #744210;
   }
 
-  .sm\:focus\:divide-green-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-100 > :not(template) ~ :not(template) {
     border-color: #f0fff4;
   }
 
-  .sm\:focus\:divide-green-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-200 > :not(template) ~ :not(template) {
     border-color: #c6f6d5;
   }
 
-  .sm\:focus\:divide-green-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-300 > :not(template) ~ :not(template) {
     border-color: #9ae6b4;
   }
 
-  .sm\:focus\:divide-green-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-400 > :not(template) ~ :not(template) {
     border-color: #68d391;
   }
 
-  .sm\:focus\:divide-green-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-500 > :not(template) ~ :not(template) {
     border-color: #48bb78;
   }
 
-  .sm\:focus\:divide-green-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-600 > :not(template) ~ :not(template) {
     border-color: #38a169;
   }
 
-  .sm\:focus\:divide-green-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-700 > :not(template) ~ :not(template) {
     border-color: #2f855a;
   }
 
-  .sm\:focus\:divide-green-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-800 > :not(template) ~ :not(template) {
     border-color: #276749;
   }
 
-  .sm\:focus\:divide-green-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-green-900 > :not(template) ~ :not(template) {
     border-color: #22543d;
   }
 
-  .sm\:focus\:divide-teal-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-100 > :not(template) ~ :not(template) {
     border-color: #e6fffa;
   }
 
-  .sm\:focus\:divide-teal-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-200 > :not(template) ~ :not(template) {
     border-color: #b2f5ea;
   }
 
-  .sm\:focus\:divide-teal-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-300 > :not(template) ~ :not(template) {
     border-color: #81e6d9;
   }
 
-  .sm\:focus\:divide-teal-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-400 > :not(template) ~ :not(template) {
     border-color: #4fd1c5;
   }
 
-  .sm\:focus\:divide-teal-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-500 > :not(template) ~ :not(template) {
     border-color: #38b2ac;
   }
 
-  .sm\:focus\:divide-teal-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-600 > :not(template) ~ :not(template) {
     border-color: #319795;
   }
 
-  .sm\:focus\:divide-teal-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-700 > :not(template) ~ :not(template) {
     border-color: #2c7a7b;
   }
 
-  .sm\:focus\:divide-teal-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-800 > :not(template) ~ :not(template) {
     border-color: #285e61;
   }
 
-  .sm\:focus\:divide-teal-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-teal-900 > :not(template) ~ :not(template) {
     border-color: #234e52;
   }
 
-  .sm\:focus\:divide-blue-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-100 > :not(template) ~ :not(template) {
     border-color: #ebf8ff;
   }
 
-  .sm\:focus\:divide-blue-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-200 > :not(template) ~ :not(template) {
     border-color: #bee3f8;
   }
 
-  .sm\:focus\:divide-blue-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-300 > :not(template) ~ :not(template) {
     border-color: #90cdf4;
   }
 
-  .sm\:focus\:divide-blue-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-400 > :not(template) ~ :not(template) {
     border-color: #63b3ed;
   }
 
-  .sm\:focus\:divide-blue-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-500 > :not(template) ~ :not(template) {
     border-color: #4299e1;
   }
 
-  .sm\:focus\:divide-blue-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-600 > :not(template) ~ :not(template) {
     border-color: #3182ce;
   }
 
-  .sm\:focus\:divide-blue-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-700 > :not(template) ~ :not(template) {
     border-color: #2b6cb0;
   }
 
-  .sm\:focus\:divide-blue-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-800 > :not(template) ~ :not(template) {
     border-color: #2c5282;
   }
 
-  .sm\:focus\:divide-blue-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-blue-900 > :not(template) ~ :not(template) {
     border-color: #2a4365;
   }
 
-  .sm\:focus\:divide-indigo-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
     border-color: #ebf4ff;
   }
 
-  .sm\:focus\:divide-indigo-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
     border-color: #c3dafe;
   }
 
-  .sm\:focus\:divide-indigo-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
     border-color: #a3bffa;
   }
 
-  .sm\:focus\:divide-indigo-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
     border-color: #7f9cf5;
   }
 
-  .sm\:focus\:divide-indigo-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
     border-color: #667eea;
   }
 
-  .sm\:focus\:divide-indigo-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
     border-color: #5a67d8;
   }
 
-  .sm\:focus\:divide-indigo-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
     border-color: #4c51bf;
   }
 
-  .sm\:focus\:divide-indigo-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
     border-color: #434190;
   }
 
-  .sm\:focus\:divide-indigo-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
     border-color: #3c366b;
   }
 
-  .sm\:focus\:divide-purple-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-100 > :not(template) ~ :not(template) {
     border-color: #faf5ff;
   }
 
-  .sm\:focus\:divide-purple-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-200 > :not(template) ~ :not(template) {
     border-color: #e9d8fd;
   }
 
-  .sm\:focus\:divide-purple-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-300 > :not(template) ~ :not(template) {
     border-color: #d6bcfa;
   }
 
-  .sm\:focus\:divide-purple-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-400 > :not(template) ~ :not(template) {
     border-color: #b794f4;
   }
 
-  .sm\:focus\:divide-purple-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-500 > :not(template) ~ :not(template) {
     border-color: #9f7aea;
   }
 
-  .sm\:focus\:divide-purple-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-600 > :not(template) ~ :not(template) {
     border-color: #805ad5;
   }
 
-  .sm\:focus\:divide-purple-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-700 > :not(template) ~ :not(template) {
     border-color: #6b46c1;
   }
 
-  .sm\:focus\:divide-purple-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-800 > :not(template) ~ :not(template) {
     border-color: #553c9a;
   }
 
-  .sm\:focus\:divide-purple-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-purple-900 > :not(template) ~ :not(template) {
     border-color: #44337a;
   }
 
-  .sm\:focus\:divide-pink-100:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-100 > :not(template) ~ :not(template) {
     border-color: #fff5f7;
   }
 
-  .sm\:focus\:divide-pink-200:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-200 > :not(template) ~ :not(template) {
     border-color: #fed7e2;
   }
 
-  .sm\:focus\:divide-pink-300:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-300 > :not(template) ~ :not(template) {
     border-color: #fbb6ce;
   }
 
-  .sm\:focus\:divide-pink-400:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-400 > :not(template) ~ :not(template) {
     border-color: #f687b3;
   }
 
-  .sm\:focus\:divide-pink-500:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-500 > :not(template) ~ :not(template) {
     border-color: #ed64a6;
   }
 
-  .sm\:focus\:divide-pink-600:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-600 > :not(template) ~ :not(template) {
     border-color: #d53f8c;
   }
 
-  .sm\:focus\:divide-pink-700:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-700 > :not(template) ~ :not(template) {
     border-color: #b83280;
   }
 
-  .sm\:focus\:divide-pink-800:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-800 > :not(template) ~ :not(template) {
     border-color: #97266d;
   }
 
-  .sm\:focus\:divide-pink-900:focus > :not(template) ~ :not(template) {
+  .sm\:divide-pink-900 > :not(template) ~ :not(template) {
     border-color: #702459;
   }
 
@@ -16813,7467 +15309,6715 @@ video {
 
   .sm\:my-8 {
     margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .sm\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .sm\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .sm\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .sm\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .sm\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .sm\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .sm\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .sm\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .sm\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .sm\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .sm\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .sm\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .sm\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .sm\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .sm\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .sm\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .sm\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .sm\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .sm\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .sm\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .sm\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .sm\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .sm\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .sm\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .sm\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .sm\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .sm\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .sm\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .sm\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .sm\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .sm\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .sm\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .sm\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .sm\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .sm\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .sm\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .sm\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .sm\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .sm\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .sm\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .sm\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .sm\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .sm\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .sm\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .sm\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .sm\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .sm\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .sm\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .sm\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .sm\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .sm\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .sm\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .sm\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .sm\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .sm\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .sm\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .sm\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .sm\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .sm\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .sm\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .sm\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .sm\:mt-0 {
-    margin-top: 0;
-  }
-
-  .sm\:mr-0 {
-    margin-right: 0;
-  }
-
-  .sm\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .sm\:ml-0 {
-    margin-left: 0;
-  }
-
-  .sm\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .sm\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .sm\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .sm\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .sm\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .sm\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .sm\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .sm\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .sm\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .sm\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .sm\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .sm\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .sm\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .sm\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .sm\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .sm\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .sm\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .sm\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .sm\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .sm\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .sm\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .sm\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .sm\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .sm\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .sm\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .sm\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .sm\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .sm\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .sm\:mt-10 {
-    margin-top: 2.5rem;
+    margin-bottom: 2rem;
   }
 
-  .sm\:mr-10 {
-    margin-right: 2.5rem;
+  .sm\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
   }
 
-  .sm\:mb-10 {
+  .sm\:my-10 {
+    margin-top: 2.5rem;
     margin-bottom: 2.5rem;
   }
 
-  .sm\:ml-10 {
+  .sm\:mx-10 {
     margin-left: 2.5rem;
+    margin-right: 2.5rem;
   }
 
-  .sm\:mt-12 {
+  .sm\:my-12 {
     margin-top: 3rem;
-  }
-
-  .sm\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .sm\:mb-12 {
     margin-bottom: 3rem;
   }
 
-  .sm\:ml-12 {
+  .sm\:mx-12 {
     margin-left: 3rem;
+    margin-right: 3rem;
   }
 
-  .sm\:mt-16 {
+  .sm\:my-16 {
     margin-top: 4rem;
-  }
-
-  .sm\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .sm\:mb-16 {
     margin-bottom: 4rem;
   }
 
-  .sm\:ml-16 {
+  .sm\:mx-16 {
     margin-left: 4rem;
+    margin-right: 4rem;
   }
 
-  .sm\:mt-20 {
+  .sm\:my-20 {
     margin-top: 5rem;
-  }
-
-  .sm\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .sm\:mb-20 {
     margin-bottom: 5rem;
   }
 
-  .sm\:ml-20 {
+  .sm\:mx-20 {
     margin-left: 5rem;
+    margin-right: 5rem;
   }
 
-  .sm\:mt-24 {
+  .sm\:my-24 {
     margin-top: 6rem;
-  }
-
-  .sm\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .sm\:mb-24 {
     margin-bottom: 6rem;
   }
 
-  .sm\:ml-24 {
+  .sm\:mx-24 {
     margin-left: 6rem;
+    margin-right: 6rem;
   }
 
-  .sm\:mt-32 {
+  .sm\:my-32 {
     margin-top: 8rem;
-  }
-
-  .sm\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .sm\:mb-32 {
     margin-bottom: 8rem;
   }
 
-  .sm\:ml-32 {
+  .sm\:mx-32 {
     margin-left: 8rem;
+    margin-right: 8rem;
   }
 
-  .sm\:mt-40 {
+  .sm\:my-40 {
     margin-top: 10rem;
-  }
-
-  .sm\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .sm\:mb-40 {
     margin-bottom: 10rem;
   }
 
-  .sm\:ml-40 {
+  .sm\:mx-40 {
     margin-left: 10rem;
+    margin-right: 10rem;
   }
 
-  .sm\:mt-48 {
+  .sm\:my-48 {
     margin-top: 12rem;
-  }
-
-  .sm\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .sm\:mb-48 {
     margin-bottom: 12rem;
   }
 
-  .sm\:ml-48 {
+  .sm\:mx-48 {
     margin-left: 12rem;
+    margin-right: 12rem;
   }
 
-  .sm\:mt-56 {
+  .sm\:my-56 {
     margin-top: 14rem;
-  }
-
-  .sm\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .sm\:mb-56 {
     margin-bottom: 14rem;
   }
 
-  .sm\:ml-56 {
+  .sm\:mx-56 {
     margin-left: 14rem;
+    margin-right: 14rem;
   }
 
-  .sm\:mt-64 {
+  .sm\:my-64 {
     margin-top: 16rem;
-  }
-
-  .sm\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .sm\:mb-64 {
     margin-bottom: 16rem;
   }
 
-  .sm\:ml-64 {
+  .sm\:mx-64 {
     margin-left: 16rem;
+    margin-right: 16rem;
   }
 
-  .sm\:mt-auto {
+  .sm\:my-auto {
     margin-top: auto;
-  }
-
-  .sm\:mr-auto {
-    margin-right: auto;
-  }
-
-  .sm\:mb-auto {
     margin-bottom: auto;
   }
 
-  .sm\:ml-auto {
+  .sm\:mx-auto {
     margin-left: auto;
+    margin-right: auto;
   }
 
-  .sm\:mt-px {
+  .sm\:my-px {
     margin-top: 1px;
-  }
-
-  .sm\:mr-px {
-    margin-right: 1px;
-  }
-
-  .sm\:mb-px {
     margin-bottom: 1px;
   }
 
-  .sm\:ml-px {
+  .sm\:mx-px {
     margin-left: 1px;
+    margin-right: 1px;
   }
 
-  .sm\:-mt-1 {
+  .sm\:-my-1 {
     margin-top: -0.25rem;
-  }
-
-  .sm\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .sm\:-mb-1 {
     margin-bottom: -0.25rem;
   }
 
-  .sm\:-ml-1 {
+  .sm\:-mx-1 {
     margin-left: -0.25rem;
+    margin-right: -0.25rem;
   }
 
-  .sm\:-mt-2 {
+  .sm\:-my-2 {
     margin-top: -0.5rem;
-  }
-
-  .sm\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .sm\:-mb-2 {
     margin-bottom: -0.5rem;
   }
 
-  .sm\:-ml-2 {
+  .sm\:-mx-2 {
     margin-left: -0.5rem;
+    margin-right: -0.5rem;
   }
 
-  .sm\:-mt-3 {
+  .sm\:-my-3 {
     margin-top: -0.75rem;
-  }
-
-  .sm\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .sm\:-mb-3 {
     margin-bottom: -0.75rem;
   }
 
-  .sm\:-ml-3 {
+  .sm\:-mx-3 {
     margin-left: -0.75rem;
+    margin-right: -0.75rem;
   }
 
-  .sm\:-mt-4 {
+  .sm\:-my-4 {
     margin-top: -1rem;
-  }
-
-  .sm\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .sm\:-mb-4 {
     margin-bottom: -1rem;
   }
 
-  .sm\:-ml-4 {
+  .sm\:-mx-4 {
     margin-left: -1rem;
+    margin-right: -1rem;
   }
 
-  .sm\:-mt-5 {
+  .sm\:-my-5 {
     margin-top: -1.25rem;
-  }
-
-  .sm\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .sm\:-mb-5 {
     margin-bottom: -1.25rem;
   }
 
-  .sm\:-ml-5 {
+  .sm\:-mx-5 {
     margin-left: -1.25rem;
+    margin-right: -1.25rem;
   }
 
-  .sm\:-mt-6 {
+  .sm\:-my-6 {
     margin-top: -1.5rem;
-  }
-
-  .sm\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .sm\:-mb-6 {
     margin-bottom: -1.5rem;
   }
 
-  .sm\:-ml-6 {
+  .sm\:-mx-6 {
     margin-left: -1.5rem;
+    margin-right: -1.5rem;
   }
 
-  .sm\:-mt-8 {
+  .sm\:-my-8 {
     margin-top: -2rem;
-  }
-
-  .sm\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .sm\:-mb-8 {
     margin-bottom: -2rem;
   }
 
-  .sm\:-ml-8 {
+  .sm\:-mx-8 {
     margin-left: -2rem;
+    margin-right: -2rem;
   }
 
-  .sm\:-mt-10 {
+  .sm\:-my-10 {
     margin-top: -2.5rem;
-  }
-
-  .sm\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .sm\:-mb-10 {
     margin-bottom: -2.5rem;
   }
 
-  .sm\:-ml-10 {
+  .sm\:-mx-10 {
     margin-left: -2.5rem;
+    margin-right: -2.5rem;
   }
 
-  .sm\:-mt-12 {
+  .sm\:-my-12 {
     margin-top: -3rem;
-  }
-
-  .sm\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .sm\:-mb-12 {
     margin-bottom: -3rem;
   }
 
-  .sm\:-ml-12 {
+  .sm\:-mx-12 {
     margin-left: -3rem;
+    margin-right: -3rem;
   }
 
-  .sm\:-mt-16 {
+  .sm\:-my-16 {
     margin-top: -4rem;
-  }
-
-  .sm\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .sm\:-mb-16 {
     margin-bottom: -4rem;
   }
 
-  .sm\:-ml-16 {
+  .sm\:-mx-16 {
     margin-left: -4rem;
+    margin-right: -4rem;
   }
 
-  .sm\:-mt-20 {
+  .sm\:-my-20 {
     margin-top: -5rem;
-  }
-
-  .sm\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .sm\:-mb-20 {
     margin-bottom: -5rem;
   }
 
-  .sm\:-ml-20 {
+  .sm\:-mx-20 {
     margin-left: -5rem;
+    margin-right: -5rem;
   }
 
-  .sm\:-mt-24 {
+  .sm\:-my-24 {
     margin-top: -6rem;
-  }
-
-  .sm\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .sm\:-mb-24 {
     margin-bottom: -6rem;
   }
 
-  .sm\:-ml-24 {
+  .sm\:-mx-24 {
     margin-left: -6rem;
+    margin-right: -6rem;
   }
 
-  .sm\:-mt-32 {
+  .sm\:-my-32 {
     margin-top: -8rem;
-  }
-
-  .sm\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .sm\:-mb-32 {
     margin-bottom: -8rem;
   }
 
-  .sm\:-ml-32 {
+  .sm\:-mx-32 {
     margin-left: -8rem;
+    margin-right: -8rem;
   }
 
-  .sm\:-mt-40 {
+  .sm\:-my-40 {
     margin-top: -10rem;
-  }
-
-  .sm\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .sm\:-mb-40 {
     margin-bottom: -10rem;
   }
 
-  .sm\:-ml-40 {
+  .sm\:-mx-40 {
     margin-left: -10rem;
+    margin-right: -10rem;
   }
 
-  .sm\:-mt-48 {
+  .sm\:-my-48 {
     margin-top: -12rem;
-  }
-
-  .sm\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .sm\:-mb-48 {
     margin-bottom: -12rem;
   }
 
-  .sm\:-ml-48 {
+  .sm\:-mx-48 {
     margin-left: -12rem;
+    margin-right: -12rem;
   }
 
-  .sm\:-mt-56 {
+  .sm\:-my-56 {
     margin-top: -14rem;
-  }
-
-  .sm\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .sm\:-mb-56 {
     margin-bottom: -14rem;
   }
 
-  .sm\:-ml-56 {
+  .sm\:-mx-56 {
     margin-left: -14rem;
+    margin-right: -14rem;
   }
 
-  .sm\:-mt-64 {
+  .sm\:-my-64 {
     margin-top: -16rem;
-  }
-
-  .sm\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .sm\:-mb-64 {
     margin-bottom: -16rem;
   }
 
-  .sm\:-ml-64 {
+  .sm\:-mx-64 {
     margin-left: -16rem;
+    margin-right: -16rem;
   }
 
-  .sm\:-mt-px {
+  .sm\:-my-px {
     margin-top: -1px;
-  }
-
-  .sm\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .sm\:-mb-px {
     margin-bottom: -1px;
   }
 
-  .sm\:-ml-px {
+  .sm\:-mx-px {
     margin-left: -1px;
+    margin-right: -1px;
   }
 
-  .sm\:max-h-full {
-    max-height: 100%;
-  }
-
-  .sm\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .sm\:max-w-none {
-    max-width: none;
-  }
-
-  .sm\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .sm\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .sm\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .sm\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .sm\:max-w-xl {
-    max-width: 36rem;
+  .sm\:mt-0 {
+    margin-top: 0;
   }
 
-  .sm\:max-w-2xl {
-    max-width: 42rem;
+  .sm\:mr-0 {
+    margin-right: 0;
   }
 
-  .sm\:max-w-3xl {
-    max-width: 48rem;
+  .sm\:mb-0 {
+    margin-bottom: 0;
   }
 
-  .sm\:max-w-4xl {
-    max-width: 56rem;
+  .sm\:ml-0 {
+    margin-left: 0;
   }
 
-  .sm\:max-w-5xl {
-    max-width: 64rem;
+  .sm\:mt-1 {
+    margin-top: 0.25rem;
   }
 
-  .sm\:max-w-6xl {
-    max-width: 72rem;
+  .sm\:mr-1 {
+    margin-right: 0.25rem;
   }
 
-  .sm\:max-w-full {
-    max-width: 100%;
+  .sm\:mb-1 {
+    margin-bottom: 0.25rem;
   }
 
-  .sm\:max-w-screen-sm {
-    max-width: 640px;
+  .sm\:ml-1 {
+    margin-left: 0.25rem;
   }
 
-  .sm\:max-w-screen-md {
-    max-width: 768px;
+  .sm\:mt-2 {
+    margin-top: 0.5rem;
   }
 
-  .sm\:max-w-screen-lg {
-    max-width: 1024px;
+  .sm\:mr-2 {
+    margin-right: 0.5rem;
   }
 
-  .sm\:max-w-screen-xl {
-    max-width: 1280px;
+  .sm\:mb-2 {
+    margin-bottom: 0.5rem;
   }
 
-  .sm\:min-h-0 {
-    min-height: 0;
+  .sm\:ml-2 {
+    margin-left: 0.5rem;
   }
 
-  .sm\:min-h-full {
-    min-height: 100%;
+  .sm\:mt-3 {
+    margin-top: 0.75rem;
   }
 
-  .sm\:min-h-screen {
-    min-height: 100vh;
+  .sm\:mr-3 {
+    margin-right: 0.75rem;
   }
 
-  .sm\:min-w-0 {
-    min-width: 0;
+  .sm\:mb-3 {
+    margin-bottom: 0.75rem;
   }
 
-  .sm\:min-w-full {
-    min-width: 100%;
+  .sm\:ml-3 {
+    margin-left: 0.75rem;
   }
 
-  .sm\:opacity-0 {
-    opacity: 0;
+  .sm\:mt-4 {
+    margin-top: 1rem;
   }
 
-  .sm\:opacity-25 {
-    opacity: 0.25;
+  .sm\:mr-4 {
+    margin-right: 1rem;
   }
 
-  .sm\:opacity-50 {
-    opacity: 0.5;
+  .sm\:mb-4 {
+    margin-bottom: 1rem;
   }
 
-  .sm\:opacity-75 {
-    opacity: 0.75;
+  .sm\:ml-4 {
+    margin-left: 1rem;
   }
 
-  .sm\:opacity-100 {
-    opacity: 1;
+  .sm\:mt-5 {
+    margin-top: 1.25rem;
   }
 
-  .sm\:hover\:opacity-0:hover {
-    opacity: 0;
+  .sm\:mr-5 {
+    margin-right: 1.25rem;
   }
 
-  .sm\:hover\:opacity-25:hover {
-    opacity: 0.25;
+  .sm\:mb-5 {
+    margin-bottom: 1.25rem;
   }
 
-  .sm\:hover\:opacity-50:hover {
-    opacity: 0.5;
+  .sm\:ml-5 {
+    margin-left: 1.25rem;
   }
 
-  .sm\:hover\:opacity-75:hover {
-    opacity: 0.75;
+  .sm\:mt-6 {
+    margin-top: 1.5rem;
   }
 
-  .sm\:hover\:opacity-100:hover {
-    opacity: 1;
+  .sm\:mr-6 {
+    margin-right: 1.5rem;
   }
 
-  .sm\:focus\:opacity-0:focus {
-    opacity: 0;
+  .sm\:mb-6 {
+    margin-bottom: 1.5rem;
   }
 
-  .sm\:focus\:opacity-25:focus {
-    opacity: 0.25;
+  .sm\:ml-6 {
+    margin-left: 1.5rem;
   }
 
-  .sm\:focus\:opacity-50:focus {
-    opacity: 0.5;
+  .sm\:mt-8 {
+    margin-top: 2rem;
   }
 
-  .sm\:focus\:opacity-75:focus {
-    opacity: 0.75;
+  .sm\:mr-8 {
+    margin-right: 2rem;
   }
 
-  .sm\:focus\:opacity-100:focus {
-    opacity: 1;
+  .sm\:mb-8 {
+    margin-bottom: 2rem;
   }
 
-  .sm\:outline-none {
-    outline: 0;
+  .sm\:ml-8 {
+    margin-left: 2rem;
   }
 
-  .sm\:focus\:outline-none:focus {
-    outline: 0;
+  .sm\:mt-10 {
+    margin-top: 2.5rem;
   }
 
-  .sm\:overflow-auto {
-    overflow: auto;
+  .sm\:mr-10 {
+    margin-right: 2.5rem;
   }
 
-  .sm\:overflow-hidden {
-    overflow: hidden;
+  .sm\:mb-10 {
+    margin-bottom: 2.5rem;
   }
 
-  .sm\:overflow-visible {
-    overflow: visible;
+  .sm\:ml-10 {
+    margin-left: 2.5rem;
   }
 
-  .sm\:overflow-scroll {
-    overflow: scroll;
+  .sm\:mt-12 {
+    margin-top: 3rem;
   }
 
-  .sm\:overflow-x-auto {
-    overflow-x: auto;
+  .sm\:mr-12 {
+    margin-right: 3rem;
   }
 
-  .sm\:overflow-y-auto {
-    overflow-y: auto;
+  .sm\:mb-12 {
+    margin-bottom: 3rem;
   }
 
-  .sm\:overflow-x-hidden {
-    overflow-x: hidden;
+  .sm\:ml-12 {
+    margin-left: 3rem;
   }
 
-  .sm\:overflow-y-hidden {
-    overflow-y: hidden;
+  .sm\:mt-16 {
+    margin-top: 4rem;
   }
 
-  .sm\:overflow-x-visible {
-    overflow-x: visible;
+  .sm\:mr-16 {
+    margin-right: 4rem;
   }
 
-  .sm\:overflow-y-visible {
-    overflow-y: visible;
+  .sm\:mb-16 {
+    margin-bottom: 4rem;
   }
 
-  .sm\:overflow-x-scroll {
-    overflow-x: scroll;
+  .sm\:ml-16 {
+    margin-left: 4rem;
   }
 
-  .sm\:overflow-y-scroll {
-    overflow-y: scroll;
+  .sm\:mt-20 {
+    margin-top: 5rem;
   }
 
-  .sm\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .sm\:mr-20 {
+    margin-right: 5rem;
   }
 
-  .sm\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .sm\:mb-20 {
+    margin-bottom: 5rem;
   }
 
-  .sm\:p-0 {
-    padding: 0;
+  .sm\:ml-20 {
+    margin-left: 5rem;
   }
 
-  .sm\:p-1 {
-    padding: 0.25rem;
+  .sm\:mt-24 {
+    margin-top: 6rem;
   }
 
-  .sm\:p-2 {
-    padding: 0.5rem;
+  .sm\:mr-24 {
+    margin-right: 6rem;
   }
 
-  .sm\:p-3 {
-    padding: 0.75rem;
+  .sm\:mb-24 {
+    margin-bottom: 6rem;
   }
 
-  .sm\:p-4 {
-    padding: 1rem;
+  .sm\:ml-24 {
+    margin-left: 6rem;
   }
 
-  .sm\:p-5 {
-    padding: 1.25rem;
+  .sm\:mt-32 {
+    margin-top: 8rem;
   }
 
-  .sm\:p-6 {
-    padding: 1.5rem;
+  .sm\:mr-32 {
+    margin-right: 8rem;
   }
 
-  .sm\:p-8 {
-    padding: 2rem;
+  .sm\:mb-32 {
+    margin-bottom: 8rem;
   }
 
-  .sm\:p-10 {
-    padding: 2.5rem;
+  .sm\:ml-32 {
+    margin-left: 8rem;
   }
 
-  .sm\:p-12 {
-    padding: 3rem;
+  .sm\:mt-40 {
+    margin-top: 10rem;
   }
 
-  .sm\:p-16 {
-    padding: 4rem;
+  .sm\:mr-40 {
+    margin-right: 10rem;
   }
 
-  .sm\:p-20 {
-    padding: 5rem;
+  .sm\:mb-40 {
+    margin-bottom: 10rem;
   }
 
-  .sm\:p-24 {
-    padding: 6rem;
+  .sm\:ml-40 {
+    margin-left: 10rem;
   }
 
-  .sm\:p-32 {
-    padding: 8rem;
+  .sm\:mt-48 {
+    margin-top: 12rem;
   }
 
-  .sm\:p-40 {
-    padding: 10rem;
+  .sm\:mr-48 {
+    margin-right: 12rem;
   }
 
-  .sm\:p-48 {
-    padding: 12rem;
+  .sm\:mb-48 {
+    margin-bottom: 12rem;
   }
 
-  .sm\:p-56 {
-    padding: 14rem;
+  .sm\:ml-48 {
+    margin-left: 12rem;
   }
 
-  .sm\:p-64 {
-    padding: 16rem;
+  .sm\:mt-56 {
+    margin-top: 14rem;
   }
 
-  .sm\:p-px {
-    padding: 1px;
+  .sm\:mr-56 {
+    margin-right: 14rem;
   }
 
-  .sm\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
+  .sm\:mb-56 {
+    margin-bottom: 14rem;
   }
 
-  .sm\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
+  .sm\:ml-56 {
+    margin-left: 14rem;
   }
 
-  .sm\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
+  .sm\:mt-64 {
+    margin-top: 16rem;
   }
 
-  .sm\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
+  .sm\:mr-64 {
+    margin-right: 16rem;
   }
 
-  .sm\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+  .sm\:mb-64 {
+    margin-bottom: 16rem;
   }
 
-  .sm\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
+  .sm\:ml-64 {
+    margin-left: 16rem;
   }
 
-  .sm\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+  .sm\:mt-auto {
+    margin-top: auto;
   }
 
-  .sm\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
+  .sm\:mr-auto {
+    margin-right: auto;
   }
 
-  .sm\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
+  .sm\:mb-auto {
+    margin-bottom: auto;
   }
 
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
+  .sm\:ml-auto {
+    margin-left: auto;
   }
 
-  .sm\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
+  .sm\:mt-px {
+    margin-top: 1px;
   }
 
-  .sm\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
+  .sm\:mr-px {
+    margin-right: 1px;
   }
 
-  .sm\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+  .sm\:mb-px {
+    margin-bottom: 1px;
   }
 
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+  .sm\:ml-px {
+    margin-left: 1px;
   }
 
-  .sm\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+  .sm\:-mt-1 {
+    margin-top: -0.25rem;
   }
 
-  .sm\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
+  .sm\:-mr-1 {
+    margin-right: -0.25rem;
   }
 
-  .sm\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+  .sm\:-mb-1 {
+    margin-bottom: -0.25rem;
   }
 
-  .sm\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
+  .sm\:-ml-1 {
+    margin-left: -0.25rem;
   }
 
-  .sm\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+  .sm\:-mt-2 {
+    margin-top: -0.5rem;
   }
 
-  .sm\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
+  .sm\:-mr-2 {
+    margin-right: -0.5rem;
   }
 
-  .sm\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+  .sm\:-mb-2 {
+    margin-bottom: -0.5rem;
   }
 
-  .sm\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
+  .sm\:-ml-2 {
+    margin-left: -0.5rem;
   }
 
-  .sm\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+  .sm\:-mt-3 {
+    margin-top: -0.75rem;
   }
 
-  .sm\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
+  .sm\:-mr-3 {
+    margin-right: -0.75rem;
   }
 
-  .sm\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
+  .sm\:-mb-3 {
+    margin-bottom: -0.75rem;
   }
 
-  .sm\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
+  .sm\:-ml-3 {
+    margin-left: -0.75rem;
   }
 
-  .sm\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
+  .sm\:-mt-4 {
+    margin-top: -1rem;
   }
 
-  .sm\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
+  .sm\:-mr-4 {
+    margin-right: -1rem;
   }
 
-  .sm\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
+  .sm\:-mb-4 {
+    margin-bottom: -1rem;
   }
 
-  .sm\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
+  .sm\:-ml-4 {
+    margin-left: -1rem;
   }
 
-  .sm\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
+  .sm\:-mt-5 {
+    margin-top: -1.25rem;
   }
 
-  .sm\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
+  .sm\:-mr-5 {
+    margin-right: -1.25rem;
   }
 
-  .sm\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
+  .sm\:-mb-5 {
+    margin-bottom: -1.25rem;
   }
 
-  .sm\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
+  .sm\:-ml-5 {
+    margin-left: -1.25rem;
   }
 
-  .sm\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
+  .sm\:-mt-6 {
+    margin-top: -1.5rem;
   }
 
-  .sm\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
+  .sm\:-mr-6 {
+    margin-right: -1.5rem;
   }
 
-  .sm\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
+  .sm\:-mb-6 {
+    margin-bottom: -1.5rem;
   }
 
-  .sm\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
+  .sm\:-ml-6 {
+    margin-left: -1.5rem;
   }
 
-  .sm\:pt-0 {
-    padding-top: 0;
+  .sm\:-mt-8 {
+    margin-top: -2rem;
   }
 
-  .sm\:pr-0 {
-    padding-right: 0;
+  .sm\:-mr-8 {
+    margin-right: -2rem;
   }
 
-  .sm\:pb-0 {
-    padding-bottom: 0;
+  .sm\:-mb-8 {
+    margin-bottom: -2rem;
   }
 
-  .sm\:pl-0 {
-    padding-left: 0;
+  .sm\:-ml-8 {
+    margin-left: -2rem;
   }
 
-  .sm\:pt-1 {
-    padding-top: 0.25rem;
+  .sm\:-mt-10 {
+    margin-top: -2.5rem;
   }
 
-  .sm\:pr-1 {
-    padding-right: 0.25rem;
+  .sm\:-mr-10 {
+    margin-right: -2.5rem;
   }
 
-  .sm\:pb-1 {
-    padding-bottom: 0.25rem;
+  .sm\:-mb-10 {
+    margin-bottom: -2.5rem;
   }
 
-  .sm\:pl-1 {
-    padding-left: 0.25rem;
+  .sm\:-ml-10 {
+    margin-left: -2.5rem;
   }
 
-  .sm\:pt-2 {
-    padding-top: 0.5rem;
+  .sm\:-mt-12 {
+    margin-top: -3rem;
   }
 
-  .sm\:pr-2 {
-    padding-right: 0.5rem;
+  .sm\:-mr-12 {
+    margin-right: -3rem;
   }
 
-  .sm\:pb-2 {
-    padding-bottom: 0.5rem;
+  .sm\:-mb-12 {
+    margin-bottom: -3rem;
   }
 
-  .sm\:pl-2 {
-    padding-left: 0.5rem;
+  .sm\:-ml-12 {
+    margin-left: -3rem;
   }
 
-  .sm\:pt-3 {
-    padding-top: 0.75rem;
+  .sm\:-mt-16 {
+    margin-top: -4rem;
   }
 
-  .sm\:pr-3 {
-    padding-right: 0.75rem;
+  .sm\:-mr-16 {
+    margin-right: -4rem;
   }
 
-  .sm\:pb-3 {
-    padding-bottom: 0.75rem;
+  .sm\:-mb-16 {
+    margin-bottom: -4rem;
   }
 
-  .sm\:pl-3 {
-    padding-left: 0.75rem;
+  .sm\:-ml-16 {
+    margin-left: -4rem;
   }
 
-  .sm\:pt-4 {
-    padding-top: 1rem;
+  .sm\:-mt-20 {
+    margin-top: -5rem;
   }
 
-  .sm\:pr-4 {
-    padding-right: 1rem;
+  .sm\:-mr-20 {
+    margin-right: -5rem;
   }
 
-  .sm\:pb-4 {
-    padding-bottom: 1rem;
+  .sm\:-mb-20 {
+    margin-bottom: -5rem;
   }
 
-  .sm\:pl-4 {
-    padding-left: 1rem;
+  .sm\:-ml-20 {
+    margin-left: -5rem;
   }
 
-  .sm\:pt-5 {
-    padding-top: 1.25rem;
+  .sm\:-mt-24 {
+    margin-top: -6rem;
   }
 
-  .sm\:pr-5 {
-    padding-right: 1.25rem;
+  .sm\:-mr-24 {
+    margin-right: -6rem;
   }
 
-  .sm\:pb-5 {
-    padding-bottom: 1.25rem;
+  .sm\:-mb-24 {
+    margin-bottom: -6rem;
   }
 
-  .sm\:pl-5 {
-    padding-left: 1.25rem;
+  .sm\:-ml-24 {
+    margin-left: -6rem;
   }
 
-  .sm\:pt-6 {
-    padding-top: 1.5rem;
+  .sm\:-mt-32 {
+    margin-top: -8rem;
   }
 
-  .sm\:pr-6 {
-    padding-right: 1.5rem;
+  .sm\:-mr-32 {
+    margin-right: -8rem;
   }
 
-  .sm\:pb-6 {
-    padding-bottom: 1.5rem;
+  .sm\:-mb-32 {
+    margin-bottom: -8rem;
   }
 
-  .sm\:pl-6 {
-    padding-left: 1.5rem;
+  .sm\:-ml-32 {
+    margin-left: -8rem;
   }
 
-  .sm\:pt-8 {
-    padding-top: 2rem;
+  .sm\:-mt-40 {
+    margin-top: -10rem;
   }
 
-  .sm\:pr-8 {
-    padding-right: 2rem;
+  .sm\:-mr-40 {
+    margin-right: -10rem;
   }
 
-  .sm\:pb-8 {
-    padding-bottom: 2rem;
+  .sm\:-mb-40 {
+    margin-bottom: -10rem;
   }
 
-  .sm\:pl-8 {
-    padding-left: 2rem;
+  .sm\:-ml-40 {
+    margin-left: -10rem;
   }
 
-  .sm\:pt-10 {
-    padding-top: 2.5rem;
+  .sm\:-mt-48 {
+    margin-top: -12rem;
   }
 
-  .sm\:pr-10 {
-    padding-right: 2.5rem;
+  .sm\:-mr-48 {
+    margin-right: -12rem;
   }
 
-  .sm\:pb-10 {
-    padding-bottom: 2.5rem;
+  .sm\:-mb-48 {
+    margin-bottom: -12rem;
   }
 
-  .sm\:pl-10 {
-    padding-left: 2.5rem;
+  .sm\:-ml-48 {
+    margin-left: -12rem;
   }
 
-  .sm\:pt-12 {
-    padding-top: 3rem;
+  .sm\:-mt-56 {
+    margin-top: -14rem;
   }
 
-  .sm\:pr-12 {
-    padding-right: 3rem;
+  .sm\:-mr-56 {
+    margin-right: -14rem;
   }
 
-  .sm\:pb-12 {
-    padding-bottom: 3rem;
+  .sm\:-mb-56 {
+    margin-bottom: -14rem;
   }
 
-  .sm\:pl-12 {
-    padding-left: 3rem;
+  .sm\:-ml-56 {
+    margin-left: -14rem;
   }
 
-  .sm\:pt-16 {
-    padding-top: 4rem;
+  .sm\:-mt-64 {
+    margin-top: -16rem;
   }
 
-  .sm\:pr-16 {
-    padding-right: 4rem;
+  .sm\:-mr-64 {
+    margin-right: -16rem;
   }
 
-  .sm\:pb-16 {
-    padding-bottom: 4rem;
+  .sm\:-mb-64 {
+    margin-bottom: -16rem;
   }
 
-  .sm\:pl-16 {
-    padding-left: 4rem;
+  .sm\:-ml-64 {
+    margin-left: -16rem;
   }
 
-  .sm\:pt-20 {
-    padding-top: 5rem;
+  .sm\:-mt-px {
+    margin-top: -1px;
   }
 
-  .sm\:pr-20 {
-    padding-right: 5rem;
+  .sm\:-mr-px {
+    margin-right: -1px;
   }
 
-  .sm\:pb-20 {
-    padding-bottom: 5rem;
+  .sm\:-mb-px {
+    margin-bottom: -1px;
   }
 
-  .sm\:pl-20 {
-    padding-left: 5rem;
+  .sm\:-ml-px {
+    margin-left: -1px;
   }
 
-  .sm\:pt-24 {
-    padding-top: 6rem;
+  .sm\:max-h-full {
+    max-height: 100%;
   }
 
-  .sm\:pr-24 {
-    padding-right: 6rem;
+  .sm\:max-h-screen {
+    max-height: 100vh;
   }
 
-  .sm\:pb-24 {
-    padding-bottom: 6rem;
+  .sm\:max-w-none {
+    max-width: none;
   }
 
-  .sm\:pl-24 {
-    padding-left: 6rem;
+  .sm\:max-w-xs {
+    max-width: 20rem;
   }
 
-  .sm\:pt-32 {
-    padding-top: 8rem;
+  .sm\:max-w-sm {
+    max-width: 24rem;
   }
 
-  .sm\:pr-32 {
-    padding-right: 8rem;
+  .sm\:max-w-md {
+    max-width: 28rem;
   }
 
-  .sm\:pb-32 {
-    padding-bottom: 8rem;
+  .sm\:max-w-lg {
+    max-width: 32rem;
   }
 
-  .sm\:pl-32 {
-    padding-left: 8rem;
+  .sm\:max-w-xl {
+    max-width: 36rem;
   }
 
-  .sm\:pt-40 {
-    padding-top: 10rem;
+  .sm\:max-w-2xl {
+    max-width: 42rem;
   }
 
-  .sm\:pr-40 {
-    padding-right: 10rem;
+  .sm\:max-w-3xl {
+    max-width: 48rem;
   }
 
-  .sm\:pb-40 {
-    padding-bottom: 10rem;
+  .sm\:max-w-4xl {
+    max-width: 56rem;
   }
 
-  .sm\:pl-40 {
-    padding-left: 10rem;
+  .sm\:max-w-5xl {
+    max-width: 64rem;
   }
 
-  .sm\:pt-48 {
-    padding-top: 12rem;
+  .sm\:max-w-6xl {
+    max-width: 72rem;
   }
 
-  .sm\:pr-48 {
-    padding-right: 12rem;
+  .sm\:max-w-full {
+    max-width: 100%;
   }
 
-  .sm\:pb-48 {
-    padding-bottom: 12rem;
+  .sm\:max-w-screen-sm {
+    max-width: 640px;
   }
 
-  .sm\:pl-48 {
-    padding-left: 12rem;
+  .sm\:max-w-screen-md {
+    max-width: 768px;
   }
 
-  .sm\:pt-56 {
-    padding-top: 14rem;
+  .sm\:max-w-screen-lg {
+    max-width: 1024px;
   }
 
-  .sm\:pr-56 {
-    padding-right: 14rem;
+  .sm\:max-w-screen-xl {
+    max-width: 1280px;
   }
 
-  .sm\:pb-56 {
-    padding-bottom: 14rem;
+  .sm\:min-h-0 {
+    min-height: 0;
   }
 
-  .sm\:pl-56 {
-    padding-left: 14rem;
+  .sm\:min-h-full {
+    min-height: 100%;
   }
 
-  .sm\:pt-64 {
-    padding-top: 16rem;
+  .sm\:min-h-screen {
+    min-height: 100vh;
   }
 
-  .sm\:pr-64 {
-    padding-right: 16rem;
+  .sm\:min-w-0 {
+    min-width: 0;
   }
 
-  .sm\:pb-64 {
-    padding-bottom: 16rem;
+  .sm\:min-w-full {
+    min-width: 100%;
   }
 
-  .sm\:pl-64 {
-    padding-left: 16rem;
+  .sm\:opacity-0 {
+    opacity: 0;
   }
 
-  .sm\:pt-px {
-    padding-top: 1px;
+  .sm\:opacity-25 {
+    opacity: 0.25;
   }
 
-  .sm\:pr-px {
-    padding-right: 1px;
+  .sm\:opacity-50 {
+    opacity: 0.5;
   }
 
-  .sm\:pb-px {
-    padding-bottom: 1px;
+  .sm\:opacity-75 {
+    opacity: 0.75;
   }
 
-  .sm\:pl-px {
-    padding-left: 1px;
+  .sm\:opacity-100 {
+    opacity: 1;
   }
 
-  .sm\:placeholder-transparent::placeholder {
-    color: transparent;
+  .sm\:hover\:opacity-0:hover {
+    opacity: 0;
   }
 
-  .sm\:placeholder-current::placeholder {
-    color: currentColor;
+  .sm\:hover\:opacity-25:hover {
+    opacity: 0.25;
   }
 
-  .sm\:placeholder-black::placeholder {
-    color: #000;
+  .sm\:hover\:opacity-50:hover {
+    opacity: 0.5;
   }
 
-  .sm\:placeholder-white::placeholder {
-    color: #fff;
+  .sm\:hover\:opacity-75:hover {
+    opacity: 0.75;
   }
 
-  .sm\:placeholder-gray-100::placeholder {
-    color: #f7fafc;
+  .sm\:hover\:opacity-100:hover {
+    opacity: 1;
   }
 
-  .sm\:placeholder-gray-200::placeholder {
-    color: #edf2f7;
+  .sm\:focus\:opacity-0:focus {
+    opacity: 0;
   }
 
-  .sm\:placeholder-gray-300::placeholder {
-    color: #e2e8f0;
+  .sm\:focus\:opacity-25:focus {
+    opacity: 0.25;
   }
 
-  .sm\:placeholder-gray-400::placeholder {
-    color: #cbd5e0;
+  .sm\:focus\:opacity-50:focus {
+    opacity: 0.5;
   }
 
-  .sm\:placeholder-gray-500::placeholder {
-    color: #a0aec0;
+  .sm\:focus\:opacity-75:focus {
+    opacity: 0.75;
   }
 
-  .sm\:placeholder-gray-600::placeholder {
-    color: #718096;
+  .sm\:focus\:opacity-100:focus {
+    opacity: 1;
   }
 
-  .sm\:placeholder-gray-700::placeholder {
-    color: #4a5568;
+  .sm\:outline-none {
+    outline: 0;
   }
 
-  .sm\:placeholder-gray-800::placeholder {
-    color: #2d3748;
+  .sm\:focus\:outline-none:focus {
+    outline: 0;
   }
 
-  .sm\:placeholder-gray-900::placeholder {
-    color: #1a202c;
+  .sm\:overflow-auto {
+    overflow: auto;
   }
 
-  .sm\:placeholder-red-100::placeholder {
-    color: #fff5f5;
+  .sm\:overflow-hidden {
+    overflow: hidden;
   }
 
-  .sm\:placeholder-red-200::placeholder {
-    color: #fed7d7;
+  .sm\:overflow-visible {
+    overflow: visible;
   }
 
-  .sm\:placeholder-red-300::placeholder {
-    color: #feb2b2;
+  .sm\:overflow-scroll {
+    overflow: scroll;
   }
 
-  .sm\:placeholder-red-400::placeholder {
-    color: #fc8181;
+  .sm\:overflow-x-auto {
+    overflow-x: auto;
   }
 
-  .sm\:placeholder-red-500::placeholder {
-    color: #f56565;
+  .sm\:overflow-y-auto {
+    overflow-y: auto;
   }
 
-  .sm\:placeholder-red-600::placeholder {
-    color: #e53e3e;
+  .sm\:overflow-x-hidden {
+    overflow-x: hidden;
   }
 
-  .sm\:placeholder-red-700::placeholder {
-    color: #c53030;
+  .sm\:overflow-y-hidden {
+    overflow-y: hidden;
   }
 
-  .sm\:placeholder-red-800::placeholder {
-    color: #9b2c2c;
+  .sm\:overflow-x-visible {
+    overflow-x: visible;
   }
 
-  .sm\:placeholder-red-900::placeholder {
-    color: #742a2a;
+  .sm\:overflow-y-visible {
+    overflow-y: visible;
   }
 
-  .sm\:placeholder-orange-100::placeholder {
-    color: #fffaf0;
+  .sm\:overflow-x-scroll {
+    overflow-x: scroll;
   }
 
-  .sm\:placeholder-orange-200::placeholder {
-    color: #feebc8;
+  .sm\:overflow-y-scroll {
+    overflow-y: scroll;
   }
 
-  .sm\:placeholder-orange-300::placeholder {
-    color: #fbd38d;
+  .sm\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
   }
 
-  .sm\:placeholder-orange-400::placeholder {
-    color: #f6ad55;
+  .sm\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
   }
 
-  .sm\:placeholder-orange-500::placeholder {
-    color: #ed8936;
+  .sm\:p-0 {
+    padding: 0;
   }
 
-  .sm\:placeholder-orange-600::placeholder {
-    color: #dd6b20;
+  .sm\:p-1 {
+    padding: 0.25rem;
   }
 
-  .sm\:placeholder-orange-700::placeholder {
-    color: #c05621;
+  .sm\:p-2 {
+    padding: 0.5rem;
   }
 
-  .sm\:placeholder-orange-800::placeholder {
-    color: #9c4221;
+  .sm\:p-3 {
+    padding: 0.75rem;
   }
 
-  .sm\:placeholder-orange-900::placeholder {
-    color: #7b341e;
+  .sm\:p-4 {
+    padding: 1rem;
   }
 
-  .sm\:placeholder-yellow-100::placeholder {
-    color: #fffff0;
+  .sm\:p-5 {
+    padding: 1.25rem;
   }
 
-  .sm\:placeholder-yellow-200::placeholder {
-    color: #fefcbf;
+  .sm\:p-6 {
+    padding: 1.5rem;
   }
 
-  .sm\:placeholder-yellow-300::placeholder {
-    color: #faf089;
+  .sm\:p-8 {
+    padding: 2rem;
   }
 
-  .sm\:placeholder-yellow-400::placeholder {
-    color: #f6e05e;
+  .sm\:p-10 {
+    padding: 2.5rem;
   }
 
-  .sm\:placeholder-yellow-500::placeholder {
-    color: #ecc94b;
+  .sm\:p-12 {
+    padding: 3rem;
   }
 
-  .sm\:placeholder-yellow-600::placeholder {
-    color: #d69e2e;
+  .sm\:p-16 {
+    padding: 4rem;
   }
 
-  .sm\:placeholder-yellow-700::placeholder {
-    color: #b7791f;
+  .sm\:p-20 {
+    padding: 5rem;
   }
 
-  .sm\:placeholder-yellow-800::placeholder {
-    color: #975a16;
+  .sm\:p-24 {
+    padding: 6rem;
   }
 
-  .sm\:placeholder-yellow-900::placeholder {
-    color: #744210;
+  .sm\:p-32 {
+    padding: 8rem;
   }
 
-  .sm\:placeholder-green-100::placeholder {
-    color: #f0fff4;
+  .sm\:p-40 {
+    padding: 10rem;
   }
 
-  .sm\:placeholder-green-200::placeholder {
-    color: #c6f6d5;
+  .sm\:p-48 {
+    padding: 12rem;
   }
 
-  .sm\:placeholder-green-300::placeholder {
-    color: #9ae6b4;
+  .sm\:p-56 {
+    padding: 14rem;
   }
 
-  .sm\:placeholder-green-400::placeholder {
-    color: #68d391;
+  .sm\:p-64 {
+    padding: 16rem;
   }
 
-  .sm\:placeholder-green-500::placeholder {
-    color: #48bb78;
+  .sm\:p-px {
+    padding: 1px;
   }
 
-  .sm\:placeholder-green-600::placeholder {
-    color: #38a169;
+  .sm\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
-  .sm\:placeholder-green-700::placeholder {
-    color: #2f855a;
+  .sm\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
   }
 
-  .sm\:placeholder-green-800::placeholder {
-    color: #276749;
+  .sm\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
   }
 
-  .sm\:placeholder-green-900::placeholder {
-    color: #22543d;
+  .sm\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
   }
 
-  .sm\:placeholder-teal-100::placeholder {
-    color: #e6fffa;
+  .sm\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
   }
 
-  .sm\:placeholder-teal-200::placeholder {
-    color: #b2f5ea;
+  .sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
 
-  .sm\:placeholder-teal-300::placeholder {
-    color: #81e6d9;
+  .sm\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
   }
 
-  .sm\:placeholder-teal-400::placeholder {
-    color: #4fd1c5;
+  .sm\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
   }
 
-  .sm\:placeholder-teal-500::placeholder {
-    color: #38b2ac;
+  .sm\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
   }
 
-  .sm\:placeholder-teal-600::placeholder {
-    color: #319795;
+  .sm\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
   }
 
-  .sm\:placeholder-teal-700::placeholder {
-    color: #2c7a7b;
+  .sm\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
   }
 
-  .sm\:placeholder-teal-800::placeholder {
-    color: #285e61;
+  .sm\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
   }
 
-  .sm\:placeholder-teal-900::placeholder {
-    color: #234e52;
+  .sm\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
   }
 
-  .sm\:placeholder-blue-100::placeholder {
-    color: #ebf8ff;
+  .sm\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
   }
 
-  .sm\:placeholder-blue-200::placeholder {
-    color: #bee3f8;
+  .sm\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
   }
 
-  .sm\:placeholder-blue-300::placeholder {
-    color: #90cdf4;
+  .sm\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
   }
 
-  .sm\:placeholder-blue-400::placeholder {
-    color: #63b3ed;
+  .sm\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
   }
 
-  .sm\:placeholder-blue-500::placeholder {
-    color: #4299e1;
+  .sm\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
   }
 
-  .sm\:placeholder-blue-600::placeholder {
-    color: #3182ce;
+  .sm\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
   }
 
-  .sm\:placeholder-blue-700::placeholder {
-    color: #2b6cb0;
+  .sm\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
 
-  .sm\:placeholder-blue-800::placeholder {
-    color: #2c5282;
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
   }
 
-  .sm\:placeholder-blue-900::placeholder {
-    color: #2a4365;
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
   }
 
-  .sm\:placeholder-indigo-100::placeholder {
-    color: #ebf4ff;
+  .sm\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
   }
 
-  .sm\:placeholder-indigo-200::placeholder {
-    color: #c3dafe;
+  .sm\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
   }
 
-  .sm\:placeholder-indigo-300::placeholder {
-    color: #a3bffa;
+  .sm\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
   }
 
-  .sm\:placeholder-indigo-400::placeholder {
-    color: #7f9cf5;
+  .sm\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
   }
 
-  .sm\:placeholder-indigo-500::placeholder {
-    color: #667eea;
+  .sm\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
   }
 
-  .sm\:placeholder-indigo-600::placeholder {
-    color: #5a67d8;
+  .sm\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
   }
 
-  .sm\:placeholder-indigo-700::placeholder {
-    color: #4c51bf;
+  .sm\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
   }
 
-  .sm\:placeholder-indigo-800::placeholder {
-    color: #434190;
+  .sm\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
   }
 
-  .sm\:placeholder-indigo-900::placeholder {
-    color: #3c366b;
+  .sm\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
   }
 
-  .sm\:placeholder-purple-100::placeholder {
-    color: #faf5ff;
+  .sm\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
   }
 
-  .sm\:placeholder-purple-200::placeholder {
-    color: #e9d8fd;
+  .sm\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
   }
 
-  .sm\:placeholder-purple-300::placeholder {
-    color: #d6bcfa;
+  .sm\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
   }
 
-  .sm\:placeholder-purple-400::placeholder {
-    color: #b794f4;
+  .sm\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
   }
 
-  .sm\:placeholder-purple-500::placeholder {
-    color: #9f7aea;
+  .sm\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
   }
 
-  .sm\:placeholder-purple-600::placeholder {
-    color: #805ad5;
+  .sm\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
   }
 
-  .sm\:placeholder-purple-700::placeholder {
-    color: #6b46c1;
+  .sm\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
   }
 
-  .sm\:placeholder-purple-800::placeholder {
-    color: #553c9a;
+  .sm\:pt-0 {
+    padding-top: 0;
   }
 
-  .sm\:placeholder-purple-900::placeholder {
-    color: #44337a;
+  .sm\:pr-0 {
+    padding-right: 0;
   }
 
-  .sm\:placeholder-pink-100::placeholder {
-    color: #fff5f7;
+  .sm\:pb-0 {
+    padding-bottom: 0;
   }
 
-  .sm\:placeholder-pink-200::placeholder {
-    color: #fed7e2;
+  .sm\:pl-0 {
+    padding-left: 0;
   }
 
-  .sm\:placeholder-pink-300::placeholder {
-    color: #fbb6ce;
+  .sm\:pt-1 {
+    padding-top: 0.25rem;
   }
 
-  .sm\:placeholder-pink-400::placeholder {
-    color: #f687b3;
+  .sm\:pr-1 {
+    padding-right: 0.25rem;
   }
 
-  .sm\:placeholder-pink-500::placeholder {
-    color: #ed64a6;
+  .sm\:pb-1 {
+    padding-bottom: 0.25rem;
   }
 
-  .sm\:placeholder-pink-600::placeholder {
-    color: #d53f8c;
+  .sm\:pl-1 {
+    padding-left: 0.25rem;
   }
 
-  .sm\:placeholder-pink-700::placeholder {
-    color: #b83280;
+  .sm\:pt-2 {
+    padding-top: 0.5rem;
   }
 
-  .sm\:placeholder-pink-800::placeholder {
-    color: #97266d;
+  .sm\:pr-2 {
+    padding-right: 0.5rem;
   }
 
-  .sm\:placeholder-pink-900::placeholder {
-    color: #702459;
+  .sm\:pb-2 {
+    padding-bottom: 0.5rem;
   }
 
-  .sm\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
+  .sm\:pl-2 {
+    padding-left: 0.5rem;
   }
 
-  .sm\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
+  .sm\:pt-3 {
+    padding-top: 0.75rem;
   }
 
-  .sm\:focus\:placeholder-black:focus::placeholder {
-    color: #000;
+  .sm\:pr-3 {
+    padding-right: 0.75rem;
   }
 
-  .sm\:focus\:placeholder-white:focus::placeholder {
-    color: #fff;
+  .sm\:pb-3 {
+    padding-bottom: 0.75rem;
   }
 
-  .sm\:focus\:placeholder-gray-100:focus::placeholder {
-    color: #f7fafc;
+  .sm\:pl-3 {
+    padding-left: 0.75rem;
   }
 
-  .sm\:focus\:placeholder-gray-200:focus::placeholder {
-    color: #edf2f7;
+  .sm\:pt-4 {
+    padding-top: 1rem;
   }
 
-  .sm\:focus\:placeholder-gray-300:focus::placeholder {
-    color: #e2e8f0;
+  .sm\:pr-4 {
+    padding-right: 1rem;
   }
 
-  .sm\:focus\:placeholder-gray-400:focus::placeholder {
-    color: #cbd5e0;
+  .sm\:pb-4 {
+    padding-bottom: 1rem;
   }
 
-  .sm\:focus\:placeholder-gray-500:focus::placeholder {
-    color: #a0aec0;
+  .sm\:pl-4 {
+    padding-left: 1rem;
   }
 
-  .sm\:focus\:placeholder-gray-600:focus::placeholder {
-    color: #718096;
+  .sm\:pt-5 {
+    padding-top: 1.25rem;
   }
 
-  .sm\:focus\:placeholder-gray-700:focus::placeholder {
-    color: #4a5568;
+  .sm\:pr-5 {
+    padding-right: 1.25rem;
   }
 
-  .sm\:focus\:placeholder-gray-800:focus::placeholder {
-    color: #2d3748;
+  .sm\:pb-5 {
+    padding-bottom: 1.25rem;
   }
 
-  .sm\:focus\:placeholder-gray-900:focus::placeholder {
-    color: #1a202c;
+  .sm\:pl-5 {
+    padding-left: 1.25rem;
   }
 
-  .sm\:focus\:placeholder-red-100:focus::placeholder {
-    color: #fff5f5;
+  .sm\:pt-6 {
+    padding-top: 1.5rem;
   }
 
-  .sm\:focus\:placeholder-red-200:focus::placeholder {
-    color: #fed7d7;
+  .sm\:pr-6 {
+    padding-right: 1.5rem;
   }
 
-  .sm\:focus\:placeholder-red-300:focus::placeholder {
-    color: #feb2b2;
+  .sm\:pb-6 {
+    padding-bottom: 1.5rem;
   }
 
-  .sm\:focus\:placeholder-red-400:focus::placeholder {
-    color: #fc8181;
+  .sm\:pl-6 {
+    padding-left: 1.5rem;
   }
 
-  .sm\:focus\:placeholder-red-500:focus::placeholder {
-    color: #f56565;
+  .sm\:pt-8 {
+    padding-top: 2rem;
   }
 
-  .sm\:focus\:placeholder-red-600:focus::placeholder {
-    color: #e53e3e;
+  .sm\:pr-8 {
+    padding-right: 2rem;
   }
 
-  .sm\:focus\:placeholder-red-700:focus::placeholder {
-    color: #c53030;
+  .sm\:pb-8 {
+    padding-bottom: 2rem;
   }
 
-  .sm\:focus\:placeholder-red-800:focus::placeholder {
-    color: #9b2c2c;
+  .sm\:pl-8 {
+    padding-left: 2rem;
   }
 
-  .sm\:focus\:placeholder-red-900:focus::placeholder {
-    color: #742a2a;
+  .sm\:pt-10 {
+    padding-top: 2.5rem;
   }
 
-  .sm\:focus\:placeholder-orange-100:focus::placeholder {
-    color: #fffaf0;
+  .sm\:pr-10 {
+    padding-right: 2.5rem;
   }
 
-  .sm\:focus\:placeholder-orange-200:focus::placeholder {
-    color: #feebc8;
+  .sm\:pb-10 {
+    padding-bottom: 2.5rem;
   }
 
-  .sm\:focus\:placeholder-orange-300:focus::placeholder {
-    color: #fbd38d;
+  .sm\:pl-10 {
+    padding-left: 2.5rem;
   }
 
-  .sm\:focus\:placeholder-orange-400:focus::placeholder {
-    color: #f6ad55;
+  .sm\:pt-12 {
+    padding-top: 3rem;
   }
 
-  .sm\:focus\:placeholder-orange-500:focus::placeholder {
-    color: #ed8936;
+  .sm\:pr-12 {
+    padding-right: 3rem;
   }
 
-  .sm\:focus\:placeholder-orange-600:focus::placeholder {
-    color: #dd6b20;
+  .sm\:pb-12 {
+    padding-bottom: 3rem;
   }
 
-  .sm\:focus\:placeholder-orange-700:focus::placeholder {
-    color: #c05621;
+  .sm\:pl-12 {
+    padding-left: 3rem;
   }
 
-  .sm\:focus\:placeholder-orange-800:focus::placeholder {
-    color: #9c4221;
+  .sm\:pt-16 {
+    padding-top: 4rem;
   }
 
-  .sm\:focus\:placeholder-orange-900:focus::placeholder {
-    color: #7b341e;
+  .sm\:pr-16 {
+    padding-right: 4rem;
   }
 
-  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
-    color: #fffff0;
+  .sm\:pb-16 {
+    padding-bottom: 4rem;
   }
 
-  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
-    color: #fefcbf;
+  .sm\:pl-16 {
+    padding-left: 4rem;
   }
 
-  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
-    color: #faf089;
+  .sm\:pt-20 {
+    padding-top: 5rem;
   }
 
-  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
-    color: #f6e05e;
+  .sm\:pr-20 {
+    padding-right: 5rem;
   }
 
-  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
-    color: #ecc94b;
+  .sm\:pb-20 {
+    padding-bottom: 5rem;
   }
 
-  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
-    color: #d69e2e;
+  .sm\:pl-20 {
+    padding-left: 5rem;
   }
 
-  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
-    color: #b7791f;
+  .sm\:pt-24 {
+    padding-top: 6rem;
   }
 
-  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
-    color: #975a16;
+  .sm\:pr-24 {
+    padding-right: 6rem;
   }
 
-  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
-    color: #744210;
+  .sm\:pb-24 {
+    padding-bottom: 6rem;
   }
 
-  .sm\:focus\:placeholder-green-100:focus::placeholder {
-    color: #f0fff4;
+  .sm\:pl-24 {
+    padding-left: 6rem;
   }
 
-  .sm\:focus\:placeholder-green-200:focus::placeholder {
-    color: #c6f6d5;
+  .sm\:pt-32 {
+    padding-top: 8rem;
   }
 
-  .sm\:focus\:placeholder-green-300:focus::placeholder {
-    color: #9ae6b4;
+  .sm\:pr-32 {
+    padding-right: 8rem;
   }
 
-  .sm\:focus\:placeholder-green-400:focus::placeholder {
-    color: #68d391;
+  .sm\:pb-32 {
+    padding-bottom: 8rem;
   }
 
-  .sm\:focus\:placeholder-green-500:focus::placeholder {
-    color: #48bb78;
+  .sm\:pl-32 {
+    padding-left: 8rem;
   }
 
-  .sm\:focus\:placeholder-green-600:focus::placeholder {
-    color: #38a169;
+  .sm\:pt-40 {
+    padding-top: 10rem;
   }
 
-  .sm\:focus\:placeholder-green-700:focus::placeholder {
-    color: #2f855a;
+  .sm\:pr-40 {
+    padding-right: 10rem;
   }
 
-  .sm\:focus\:placeholder-green-800:focus::placeholder {
-    color: #276749;
+  .sm\:pb-40 {
+    padding-bottom: 10rem;
   }
 
-  .sm\:focus\:placeholder-green-900:focus::placeholder {
-    color: #22543d;
+  .sm\:pl-40 {
+    padding-left: 10rem;
   }
 
-  .sm\:focus\:placeholder-teal-100:focus::placeholder {
-    color: #e6fffa;
+  .sm\:pt-48 {
+    padding-top: 12rem;
   }
 
-  .sm\:focus\:placeholder-teal-200:focus::placeholder {
-    color: #b2f5ea;
+  .sm\:pr-48 {
+    padding-right: 12rem;
   }
 
-  .sm\:focus\:placeholder-teal-300:focus::placeholder {
-    color: #81e6d9;
+  .sm\:pb-48 {
+    padding-bottom: 12rem;
   }
 
-  .sm\:focus\:placeholder-teal-400:focus::placeholder {
-    color: #4fd1c5;
+  .sm\:pl-48 {
+    padding-left: 12rem;
   }
 
-  .sm\:focus\:placeholder-teal-500:focus::placeholder {
-    color: #38b2ac;
+  .sm\:pt-56 {
+    padding-top: 14rem;
   }
 
-  .sm\:focus\:placeholder-teal-600:focus::placeholder {
-    color: #319795;
+  .sm\:pr-56 {
+    padding-right: 14rem;
   }
 
-  .sm\:focus\:placeholder-teal-700:focus::placeholder {
-    color: #2c7a7b;
+  .sm\:pb-56 {
+    padding-bottom: 14rem;
   }
 
-  .sm\:focus\:placeholder-teal-800:focus::placeholder {
-    color: #285e61;
+  .sm\:pl-56 {
+    padding-left: 14rem;
   }
 
-  .sm\:focus\:placeholder-teal-900:focus::placeholder {
-    color: #234e52;
+  .sm\:pt-64 {
+    padding-top: 16rem;
   }
 
-  .sm\:focus\:placeholder-blue-100:focus::placeholder {
-    color: #ebf8ff;
+  .sm\:pr-64 {
+    padding-right: 16rem;
   }
 
-  .sm\:focus\:placeholder-blue-200:focus::placeholder {
-    color: #bee3f8;
+  .sm\:pb-64 {
+    padding-bottom: 16rem;
   }
 
-  .sm\:focus\:placeholder-blue-300:focus::placeholder {
-    color: #90cdf4;
+  .sm\:pl-64 {
+    padding-left: 16rem;
   }
 
-  .sm\:focus\:placeholder-blue-400:focus::placeholder {
-    color: #63b3ed;
+  .sm\:pt-px {
+    padding-top: 1px;
   }
 
-  .sm\:focus\:placeholder-blue-500:focus::placeholder {
-    color: #4299e1;
+  .sm\:pr-px {
+    padding-right: 1px;
   }
 
-  .sm\:focus\:placeholder-blue-600:focus::placeholder {
-    color: #3182ce;
+  .sm\:pb-px {
+    padding-bottom: 1px;
   }
 
-  .sm\:focus\:placeholder-blue-700:focus::placeholder {
-    color: #2b6cb0;
+  .sm\:pl-px {
+    padding-left: 1px;
   }
 
-  .sm\:focus\:placeholder-blue-800:focus::placeholder {
-    color: #2c5282;
+  .sm\:placeholder-transparent::placeholder {
+    color: transparent;
   }
 
-  .sm\:focus\:placeholder-blue-900:focus::placeholder {
-    color: #2a4365;
+  .sm\:placeholder-current::placeholder {
+    color: currentColor;
   }
 
-  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
-    color: #ebf4ff;
+  .sm\:placeholder-black::placeholder {
+    color: #000;
   }
 
-  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
-    color: #c3dafe;
+  .sm\:placeholder-white::placeholder {
+    color: #fff;
   }
 
-  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
-    color: #a3bffa;
+  .sm\:placeholder-gray-100::placeholder {
+    color: #f7fafc;
   }
 
-  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
-    color: #7f9cf5;
+  .sm\:placeholder-gray-200::placeholder {
+    color: #edf2f7;
   }
 
-  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
-    color: #667eea;
+  .sm\:placeholder-gray-300::placeholder {
+    color: #e2e8f0;
   }
 
-  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
-    color: #5a67d8;
+  .sm\:placeholder-gray-400::placeholder {
+    color: #cbd5e0;
   }
 
-  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
-    color: #4c51bf;
+  .sm\:placeholder-gray-500::placeholder {
+    color: #a0aec0;
   }
 
-  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
-    color: #434190;
+  .sm\:placeholder-gray-600::placeholder {
+    color: #718096;
   }
 
-  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
-    color: #3c366b;
+  .sm\:placeholder-gray-700::placeholder {
+    color: #4a5568;
   }
 
-  .sm\:focus\:placeholder-purple-100:focus::placeholder {
-    color: #faf5ff;
+  .sm\:placeholder-gray-800::placeholder {
+    color: #2d3748;
   }
 
-  .sm\:focus\:placeholder-purple-200:focus::placeholder {
-    color: #e9d8fd;
+  .sm\:placeholder-gray-900::placeholder {
+    color: #1a202c;
   }
 
-  .sm\:focus\:placeholder-purple-300:focus::placeholder {
-    color: #d6bcfa;
+  .sm\:placeholder-red-100::placeholder {
+    color: #fff5f5;
   }
 
-  .sm\:focus\:placeholder-purple-400:focus::placeholder {
-    color: #b794f4;
+  .sm\:placeholder-red-200::placeholder {
+    color: #fed7d7;
   }
 
-  .sm\:focus\:placeholder-purple-500:focus::placeholder {
-    color: #9f7aea;
+  .sm\:placeholder-red-300::placeholder {
+    color: #feb2b2;
   }
 
-  .sm\:focus\:placeholder-purple-600:focus::placeholder {
-    color: #805ad5;
+  .sm\:placeholder-red-400::placeholder {
+    color: #fc8181;
   }
 
-  .sm\:focus\:placeholder-purple-700:focus::placeholder {
-    color: #6b46c1;
+  .sm\:placeholder-red-500::placeholder {
+    color: #f56565;
   }
 
-  .sm\:focus\:placeholder-purple-800:focus::placeholder {
-    color: #553c9a;
+  .sm\:placeholder-red-600::placeholder {
+    color: #e53e3e;
   }
 
-  .sm\:focus\:placeholder-purple-900:focus::placeholder {
-    color: #44337a;
+  .sm\:placeholder-red-700::placeholder {
+    color: #c53030;
   }
 
-  .sm\:focus\:placeholder-pink-100:focus::placeholder {
-    color: #fff5f7;
+  .sm\:placeholder-red-800::placeholder {
+    color: #9b2c2c;
   }
 
-  .sm\:focus\:placeholder-pink-200:focus::placeholder {
-    color: #fed7e2;
+  .sm\:placeholder-red-900::placeholder {
+    color: #742a2a;
   }
 
-  .sm\:focus\:placeholder-pink-300:focus::placeholder {
-    color: #fbb6ce;
+  .sm\:placeholder-orange-100::placeholder {
+    color: #fffaf0;
   }
 
-  .sm\:focus\:placeholder-pink-400:focus::placeholder {
-    color: #f687b3;
+  .sm\:placeholder-orange-200::placeholder {
+    color: #feebc8;
   }
 
-  .sm\:focus\:placeholder-pink-500:focus::placeholder {
-    color: #ed64a6;
+  .sm\:placeholder-orange-300::placeholder {
+    color: #fbd38d;
   }
 
-  .sm\:focus\:placeholder-pink-600:focus::placeholder {
-    color: #d53f8c;
+  .sm\:placeholder-orange-400::placeholder {
+    color: #f6ad55;
   }
 
-  .sm\:focus\:placeholder-pink-700:focus::placeholder {
-    color: #b83280;
+  .sm\:placeholder-orange-500::placeholder {
+    color: #ed8936;
   }
 
-  .sm\:focus\:placeholder-pink-800:focus::placeholder {
-    color: #97266d;
+  .sm\:placeholder-orange-600::placeholder {
+    color: #dd6b20;
   }
 
-  .sm\:focus\:placeholder-pink-900:focus::placeholder {
-    color: #702459;
+  .sm\:placeholder-orange-700::placeholder {
+    color: #c05621;
   }
 
-  .sm\:pointer-events-none {
-    pointer-events: none;
+  .sm\:placeholder-orange-800::placeholder {
+    color: #9c4221;
   }
 
-  .sm\:pointer-events-auto {
-    pointer-events: auto;
+  .sm\:placeholder-orange-900::placeholder {
+    color: #7b341e;
   }
 
-  .sm\:static {
-    position: static;
+  .sm\:placeholder-yellow-100::placeholder {
+    color: #fffff0;
   }
 
-  .sm\:fixed {
-    position: fixed;
+  .sm\:placeholder-yellow-200::placeholder {
+    color: #fefcbf;
   }
 
-  .sm\:absolute {
-    position: absolute;
+  .sm\:placeholder-yellow-300::placeholder {
+    color: #faf089;
   }
 
-  .sm\:relative {
-    position: relative;
+  .sm\:placeholder-yellow-400::placeholder {
+    color: #f6e05e;
   }
 
-  .sm\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+  .sm\:placeholder-yellow-500::placeholder {
+    color: #ecc94b;
   }
 
-  .sm\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
+  .sm\:placeholder-yellow-600::placeholder {
+    color: #d69e2e;
   }
 
-  .sm\:inset-y-0 {
-    top: 0;
-    bottom: 0;
+  .sm\:placeholder-yellow-700::placeholder {
+    color: #b7791f;
   }
 
-  .sm\:inset-x-0 {
-    right: 0;
-    left: 0;
+  .sm\:placeholder-yellow-800::placeholder {
+    color: #975a16;
   }
 
-  .sm\:inset-y-auto {
-    top: auto;
-    bottom: auto;
+  .sm\:placeholder-yellow-900::placeholder {
+    color: #744210;
   }
 
-  .sm\:inset-x-auto {
-    right: auto;
-    left: auto;
+  .sm\:placeholder-green-100::placeholder {
+    color: #f0fff4;
   }
 
-  .sm\:top-0 {
-    top: 0;
+  .sm\:placeholder-green-200::placeholder {
+    color: #c6f6d5;
   }
 
-  .sm\:right-0 {
-    right: 0;
+  .sm\:placeholder-green-300::placeholder {
+    color: #9ae6b4;
   }
 
-  .sm\:bottom-0 {
-    bottom: 0;
+  .sm\:placeholder-green-400::placeholder {
+    color: #68d391;
   }
 
-  .sm\:left-0 {
-    left: 0;
+  .sm\:placeholder-green-500::placeholder {
+    color: #48bb78;
   }
 
-  .sm\:top-auto {
-    top: auto;
+  .sm\:placeholder-green-600::placeholder {
+    color: #38a169;
   }
 
-  .sm\:right-auto {
-    right: auto;
+  .sm\:placeholder-green-700::placeholder {
+    color: #2f855a;
   }
 
-  .sm\:bottom-auto {
-    bottom: auto;
+  .sm\:placeholder-green-800::placeholder {
+    color: #276749;
   }
 
-  .sm\:left-auto {
-    left: auto;
+  .sm\:placeholder-green-900::placeholder {
+    color: #22543d;
   }
 
-  .sm\:resize-none {
-    resize: none;
+  .sm\:placeholder-teal-100::placeholder {
+    color: #e6fffa;
   }
 
-  .sm\:resize-y {
-    resize: vertical;
+  .sm\:placeholder-teal-200::placeholder {
+    color: #b2f5ea;
   }
 
-  .sm\:resize-x {
-    resize: horizontal;
+  .sm\:placeholder-teal-300::placeholder {
+    color: #81e6d9;
   }
 
-  .sm\:resize {
-    resize: both;
+  .sm\:placeholder-teal-400::placeholder {
+    color: #4fd1c5;
   }
 
-  .sm\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-teal-500::placeholder {
+    color: #38b2ac;
   }
 
-  .sm\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-teal-600::placeholder {
+    color: #319795;
   }
 
-  .sm\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-teal-700::placeholder {
+    color: #2c7a7b;
   }
 
-  .sm\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-teal-800::placeholder {
+    color: #285e61;
   }
 
-  .sm\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-teal-900::placeholder {
+    color: #234e52;
   }
 
-  .sm\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .sm\:placeholder-blue-100::placeholder {
+    color: #ebf8ff;
   }
 
-  .sm\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .sm\:placeholder-blue-200::placeholder {
+    color: #bee3f8;
   }
 
-  .sm\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-blue-300::placeholder {
+    color: #90cdf4;
   }
 
-  .sm\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .sm\:placeholder-blue-400::placeholder {
+    color: #63b3ed;
   }
 
-  .sm\:shadow-none {
-    box-shadow: none;
+  .sm\:placeholder-blue-500::placeholder {
+    color: #4299e1;
   }
 
-  .sm\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-blue-600::placeholder {
+    color: #3182ce;
   }
 
-  .sm\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-blue-700::placeholder {
+    color: #2b6cb0;
   }
 
-  .sm\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-blue-800::placeholder {
+    color: #2c5282;
   }
 
-  .sm\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-blue-900::placeholder {
+    color: #2a4365;
   }
 
-  .sm\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-indigo-100::placeholder {
+    color: #ebf4ff;
   }
 
-  .sm\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .sm\:placeholder-indigo-200::placeholder {
+    color: #c3dafe;
   }
 
-  .sm\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .sm\:placeholder-indigo-300::placeholder {
+    color: #a3bffa;
   }
 
-  .sm\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-indigo-400::placeholder {
+    color: #7f9cf5;
   }
 
-  .sm\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .sm\:placeholder-indigo-500::placeholder {
+    color: #667eea;
   }
 
-  .sm\:hover\:shadow-none:hover {
-    box-shadow: none;
+  .sm\:placeholder-indigo-600::placeholder {
+    color: #5a67d8;
   }
 
-  .sm\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-indigo-700::placeholder {
+    color: #4c51bf;
   }
 
-  .sm\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-indigo-800::placeholder {
+    color: #434190;
   }
 
-  .sm\:focus\:shadow:focus {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-indigo-900::placeholder {
+    color: #3c366b;
   }
 
-  .sm\:focus\:shadow-md:focus {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-purple-100::placeholder {
+    color: #faf5ff;
   }
 
-  .sm\:focus\:shadow-lg:focus {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .sm\:placeholder-purple-200::placeholder {
+    color: #e9d8fd;
   }
 
-  .sm\:focus\:shadow-xl:focus {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .sm\:placeholder-purple-300::placeholder {
+    color: #d6bcfa;
   }
 
-  .sm\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .sm\:placeholder-purple-400::placeholder {
+    color: #b794f4;
   }
 
-  .sm\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .sm\:placeholder-purple-500::placeholder {
+    color: #9f7aea;
   }
 
-  .sm\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .sm\:placeholder-purple-600::placeholder {
+    color: #805ad5;
   }
 
-  .sm\:focus\:shadow-none:focus {
-    box-shadow: none;
+  .sm\:placeholder-purple-700::placeholder {
+    color: #6b46c1;
   }
 
-  .sm\:fill-current {
-    fill: currentColor;
+  .sm\:placeholder-purple-800::placeholder {
+    color: #553c9a;
   }
 
-  .sm\:stroke-current {
-    stroke: currentColor;
+  .sm\:placeholder-purple-900::placeholder {
+    color: #44337a;
   }
 
-  .sm\:stroke-0 {
-    stroke-width: 0;
+  .sm\:placeholder-pink-100::placeholder {
+    color: #fff5f7;
   }
 
-  .sm\:stroke-1 {
-    stroke-width: 1;
+  .sm\:placeholder-pink-200::placeholder {
+    color: #fed7e2;
   }
 
-  .sm\:stroke-2 {
-    stroke-width: 2;
+  .sm\:placeholder-pink-300::placeholder {
+    color: #fbb6ce;
   }
 
-  .sm\:table-auto {
-    table-layout: auto;
+  .sm\:placeholder-pink-400::placeholder {
+    color: #f687b3;
   }
 
-  .sm\:table-fixed {
-    table-layout: fixed;
+  .sm\:placeholder-pink-500::placeholder {
+    color: #ed64a6;
   }
 
-  .sm\:text-left {
-    text-align: left;
+  .sm\:placeholder-pink-600::placeholder {
+    color: #d53f8c;
   }
 
-  .sm\:text-center {
-    text-align: center;
+  .sm\:placeholder-pink-700::placeholder {
+    color: #b83280;
   }
 
-  .sm\:text-right {
-    text-align: right;
+  .sm\:placeholder-pink-800::placeholder {
+    color: #97266d;
   }
 
-  .sm\:text-justify {
-    text-align: justify;
+  .sm\:placeholder-pink-900::placeholder {
+    color: #702459;
   }
 
-  .sm\:text-transparent {
+  .sm\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .sm\:text-current {
+  .sm\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .sm\:text-black {
+  .sm\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
 
-  .sm\:text-white {
+  .sm\:focus\:placeholder-white:focus::placeholder {
     color: #fff;
   }
 
-  .sm\:text-gray-100 {
+  .sm\:focus\:placeholder-gray-100:focus::placeholder {
     color: #f7fafc;
   }
 
-  .sm\:text-gray-200 {
+  .sm\:focus\:placeholder-gray-200:focus::placeholder {
     color: #edf2f7;
   }
 
-  .sm\:text-gray-300 {
+  .sm\:focus\:placeholder-gray-300:focus::placeholder {
     color: #e2e8f0;
   }
 
-  .sm\:text-gray-400 {
+  .sm\:focus\:placeholder-gray-400:focus::placeholder {
     color: #cbd5e0;
   }
 
-  .sm\:text-gray-500 {
+  .sm\:focus\:placeholder-gray-500:focus::placeholder {
     color: #a0aec0;
   }
 
-  .sm\:text-gray-600 {
+  .sm\:focus\:placeholder-gray-600:focus::placeholder {
     color: #718096;
   }
 
-  .sm\:text-gray-700 {
+  .sm\:focus\:placeholder-gray-700:focus::placeholder {
     color: #4a5568;
   }
 
-  .sm\:text-gray-800 {
+  .sm\:focus\:placeholder-gray-800:focus::placeholder {
     color: #2d3748;
   }
 
-  .sm\:text-gray-900 {
+  .sm\:focus\:placeholder-gray-900:focus::placeholder {
     color: #1a202c;
   }
 
-  .sm\:text-red-100 {
+  .sm\:focus\:placeholder-red-100:focus::placeholder {
     color: #fff5f5;
   }
 
-  .sm\:text-red-200 {
+  .sm\:focus\:placeholder-red-200:focus::placeholder {
     color: #fed7d7;
   }
 
-  .sm\:text-red-300 {
+  .sm\:focus\:placeholder-red-300:focus::placeholder {
     color: #feb2b2;
   }
 
-  .sm\:text-red-400 {
+  .sm\:focus\:placeholder-red-400:focus::placeholder {
     color: #fc8181;
   }
 
-  .sm\:text-red-500 {
+  .sm\:focus\:placeholder-red-500:focus::placeholder {
     color: #f56565;
   }
 
-  .sm\:text-red-600 {
+  .sm\:focus\:placeholder-red-600:focus::placeholder {
     color: #e53e3e;
   }
 
-  .sm\:text-red-700 {
+  .sm\:focus\:placeholder-red-700:focus::placeholder {
     color: #c53030;
   }
 
-  .sm\:text-red-800 {
+  .sm\:focus\:placeholder-red-800:focus::placeholder {
     color: #9b2c2c;
   }
 
-  .sm\:text-red-900 {
+  .sm\:focus\:placeholder-red-900:focus::placeholder {
     color: #742a2a;
   }
 
-  .sm\:text-orange-100 {
+  .sm\:focus\:placeholder-orange-100:focus::placeholder {
     color: #fffaf0;
   }
 
-  .sm\:text-orange-200 {
+  .sm\:focus\:placeholder-orange-200:focus::placeholder {
     color: #feebc8;
   }
 
-  .sm\:text-orange-300 {
+  .sm\:focus\:placeholder-orange-300:focus::placeholder {
     color: #fbd38d;
   }
 
-  .sm\:text-orange-400 {
+  .sm\:focus\:placeholder-orange-400:focus::placeholder {
     color: #f6ad55;
   }
 
-  .sm\:text-orange-500 {
+  .sm\:focus\:placeholder-orange-500:focus::placeholder {
     color: #ed8936;
   }
 
-  .sm\:text-orange-600 {
+  .sm\:focus\:placeholder-orange-600:focus::placeholder {
     color: #dd6b20;
   }
 
-  .sm\:text-orange-700 {
+  .sm\:focus\:placeholder-orange-700:focus::placeholder {
     color: #c05621;
   }
 
-  .sm\:text-orange-800 {
+  .sm\:focus\:placeholder-orange-800:focus::placeholder {
     color: #9c4221;
   }
 
-  .sm\:text-orange-900 {
+  .sm\:focus\:placeholder-orange-900:focus::placeholder {
     color: #7b341e;
   }
 
-  .sm\:text-yellow-100 {
+  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
     color: #fffff0;
   }
 
-  .sm\:text-yellow-200 {
+  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
     color: #fefcbf;
   }
 
-  .sm\:text-yellow-300 {
+  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
     color: #faf089;
   }
 
-  .sm\:text-yellow-400 {
+  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
     color: #f6e05e;
   }
 
-  .sm\:text-yellow-500 {
+  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
     color: #ecc94b;
   }
 
-  .sm\:text-yellow-600 {
+  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
     color: #d69e2e;
   }
 
-  .sm\:text-yellow-700 {
+  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
     color: #b7791f;
   }
 
-  .sm\:text-yellow-800 {
+  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
     color: #975a16;
   }
 
-  .sm\:text-yellow-900 {
+  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
     color: #744210;
   }
 
-  .sm\:text-green-100 {
+  .sm\:focus\:placeholder-green-100:focus::placeholder {
     color: #f0fff4;
   }
 
-  .sm\:text-green-200 {
+  .sm\:focus\:placeholder-green-200:focus::placeholder {
     color: #c6f6d5;
   }
 
-  .sm\:text-green-300 {
+  .sm\:focus\:placeholder-green-300:focus::placeholder {
     color: #9ae6b4;
   }
 
-  .sm\:text-green-400 {
+  .sm\:focus\:placeholder-green-400:focus::placeholder {
     color: #68d391;
   }
 
-  .sm\:text-green-500 {
+  .sm\:focus\:placeholder-green-500:focus::placeholder {
     color: #48bb78;
   }
 
-  .sm\:text-green-600 {
+  .sm\:focus\:placeholder-green-600:focus::placeholder {
     color: #38a169;
   }
 
-  .sm\:text-green-700 {
+  .sm\:focus\:placeholder-green-700:focus::placeholder {
     color: #2f855a;
   }
 
-  .sm\:text-green-800 {
+  .sm\:focus\:placeholder-green-800:focus::placeholder {
     color: #276749;
   }
 
-  .sm\:text-green-900 {
+  .sm\:focus\:placeholder-green-900:focus::placeholder {
     color: #22543d;
   }
 
-  .sm\:text-teal-100 {
+  .sm\:focus\:placeholder-teal-100:focus::placeholder {
     color: #e6fffa;
   }
 
-  .sm\:text-teal-200 {
+  .sm\:focus\:placeholder-teal-200:focus::placeholder {
     color: #b2f5ea;
   }
 
-  .sm\:text-teal-300 {
+  .sm\:focus\:placeholder-teal-300:focus::placeholder {
     color: #81e6d9;
   }
 
-  .sm\:text-teal-400 {
+  .sm\:focus\:placeholder-teal-400:focus::placeholder {
     color: #4fd1c5;
   }
 
-  .sm\:text-teal-500 {
+  .sm\:focus\:placeholder-teal-500:focus::placeholder {
     color: #38b2ac;
   }
 
-  .sm\:text-teal-600 {
+  .sm\:focus\:placeholder-teal-600:focus::placeholder {
     color: #319795;
   }
 
-  .sm\:text-teal-700 {
+  .sm\:focus\:placeholder-teal-700:focus::placeholder {
     color: #2c7a7b;
   }
 
-  .sm\:text-teal-800 {
+  .sm\:focus\:placeholder-teal-800:focus::placeholder {
     color: #285e61;
   }
 
-  .sm\:text-teal-900 {
+  .sm\:focus\:placeholder-teal-900:focus::placeholder {
     color: #234e52;
   }
 
-  .sm\:text-blue-100 {
+  .sm\:focus\:placeholder-blue-100:focus::placeholder {
     color: #ebf8ff;
   }
 
-  .sm\:text-blue-200 {
+  .sm\:focus\:placeholder-blue-200:focus::placeholder {
     color: #bee3f8;
   }
 
-  .sm\:text-blue-300 {
+  .sm\:focus\:placeholder-blue-300:focus::placeholder {
     color: #90cdf4;
   }
 
-  .sm\:text-blue-400 {
+  .sm\:focus\:placeholder-blue-400:focus::placeholder {
     color: #63b3ed;
   }
 
-  .sm\:text-blue-500 {
+  .sm\:focus\:placeholder-blue-500:focus::placeholder {
     color: #4299e1;
   }
 
-  .sm\:text-blue-600 {
+  .sm\:focus\:placeholder-blue-600:focus::placeholder {
     color: #3182ce;
   }
 
-  .sm\:text-blue-700 {
+  .sm\:focus\:placeholder-blue-700:focus::placeholder {
     color: #2b6cb0;
   }
 
-  .sm\:text-blue-800 {
+  .sm\:focus\:placeholder-blue-800:focus::placeholder {
     color: #2c5282;
   }
 
-  .sm\:text-blue-900 {
+  .sm\:focus\:placeholder-blue-900:focus::placeholder {
     color: #2a4365;
   }
 
-  .sm\:text-indigo-100 {
+  .sm\:focus\:placeholder-indigo-100:focus::placeholder {
     color: #ebf4ff;
   }
 
-  .sm\:text-indigo-200 {
+  .sm\:focus\:placeholder-indigo-200:focus::placeholder {
     color: #c3dafe;
   }
 
-  .sm\:text-indigo-300 {
+  .sm\:focus\:placeholder-indigo-300:focus::placeholder {
     color: #a3bffa;
   }
 
-  .sm\:text-indigo-400 {
+  .sm\:focus\:placeholder-indigo-400:focus::placeholder {
     color: #7f9cf5;
   }
 
-  .sm\:text-indigo-500 {
+  .sm\:focus\:placeholder-indigo-500:focus::placeholder {
     color: #667eea;
   }
 
-  .sm\:text-indigo-600 {
+  .sm\:focus\:placeholder-indigo-600:focus::placeholder {
     color: #5a67d8;
   }
 
-  .sm\:text-indigo-700 {
+  .sm\:focus\:placeholder-indigo-700:focus::placeholder {
     color: #4c51bf;
   }
 
-  .sm\:text-indigo-800 {
+  .sm\:focus\:placeholder-indigo-800:focus::placeholder {
     color: #434190;
   }
 
-  .sm\:text-indigo-900 {
+  .sm\:focus\:placeholder-indigo-900:focus::placeholder {
     color: #3c366b;
   }
 
-  .sm\:text-purple-100 {
+  .sm\:focus\:placeholder-purple-100:focus::placeholder {
     color: #faf5ff;
   }
 
-  .sm\:text-purple-200 {
+  .sm\:focus\:placeholder-purple-200:focus::placeholder {
     color: #e9d8fd;
   }
 
-  .sm\:text-purple-300 {
+  .sm\:focus\:placeholder-purple-300:focus::placeholder {
     color: #d6bcfa;
   }
 
-  .sm\:text-purple-400 {
+  .sm\:focus\:placeholder-purple-400:focus::placeholder {
     color: #b794f4;
   }
 
-  .sm\:text-purple-500 {
+  .sm\:focus\:placeholder-purple-500:focus::placeholder {
     color: #9f7aea;
   }
 
-  .sm\:text-purple-600 {
+  .sm\:focus\:placeholder-purple-600:focus::placeholder {
     color: #805ad5;
   }
 
-  .sm\:text-purple-700 {
+  .sm\:focus\:placeholder-purple-700:focus::placeholder {
     color: #6b46c1;
   }
 
-  .sm\:text-purple-800 {
+  .sm\:focus\:placeholder-purple-800:focus::placeholder {
     color: #553c9a;
   }
 
-  .sm\:text-purple-900 {
+  .sm\:focus\:placeholder-purple-900:focus::placeholder {
     color: #44337a;
   }
 
-  .sm\:text-pink-100 {
+  .sm\:focus\:placeholder-pink-100:focus::placeholder {
     color: #fff5f7;
   }
 
-  .sm\:text-pink-200 {
+  .sm\:focus\:placeholder-pink-200:focus::placeholder {
     color: #fed7e2;
   }
 
-  .sm\:text-pink-300 {
+  .sm\:focus\:placeholder-pink-300:focus::placeholder {
     color: #fbb6ce;
   }
 
-  .sm\:text-pink-400 {
+  .sm\:focus\:placeholder-pink-400:focus::placeholder {
     color: #f687b3;
   }
 
-  .sm\:text-pink-500 {
+  .sm\:focus\:placeholder-pink-500:focus::placeholder {
     color: #ed64a6;
   }
 
-  .sm\:text-pink-600 {
+  .sm\:focus\:placeholder-pink-600:focus::placeholder {
     color: #d53f8c;
   }
 
-  .sm\:text-pink-700 {
+  .sm\:focus\:placeholder-pink-700:focus::placeholder {
     color: #b83280;
   }
 
-  .sm\:text-pink-800 {
+  .sm\:focus\:placeholder-pink-800:focus::placeholder {
     color: #97266d;
   }
 
-  .sm\:text-pink-900 {
+  .sm\:focus\:placeholder-pink-900:focus::placeholder {
     color: #702459;
   }
 
-  .sm\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .sm\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .sm\:hover\:text-black:hover {
-    color: #000;
-  }
-
-  .sm\:hover\:text-white:hover {
-    color: #fff;
-  }
-
-  .sm\:hover\:text-gray-100:hover {
-    color: #f7fafc;
-  }
-
-  .sm\:hover\:text-gray-200:hover {
-    color: #edf2f7;
-  }
-
-  .sm\:hover\:text-gray-300:hover {
-    color: #e2e8f0;
-  }
-
-  .sm\:hover\:text-gray-400:hover {
-    color: #cbd5e0;
-  }
-
-  .sm\:hover\:text-gray-500:hover {
-    color: #a0aec0;
-  }
-
-  .sm\:hover\:text-gray-600:hover {
-    color: #718096;
-  }
-
-  .sm\:hover\:text-gray-700:hover {
-    color: #4a5568;
-  }
-
-  .sm\:hover\:text-gray-800:hover {
-    color: #2d3748;
-  }
-
-  .sm\:hover\:text-gray-900:hover {
-    color: #1a202c;
-  }
-
-  .sm\:hover\:text-red-100:hover {
-    color: #fff5f5;
-  }
-
-  .sm\:hover\:text-red-200:hover {
-    color: #fed7d7;
-  }
-
-  .sm\:hover\:text-red-300:hover {
-    color: #feb2b2;
-  }
-
-  .sm\:hover\:text-red-400:hover {
-    color: #fc8181;
-  }
-
-  .sm\:hover\:text-red-500:hover {
-    color: #f56565;
-  }
-
-  .sm\:hover\:text-red-600:hover {
-    color: #e53e3e;
-  }
-
-  .sm\:hover\:text-red-700:hover {
-    color: #c53030;
-  }
-
-  .sm\:hover\:text-red-800:hover {
-    color: #9b2c2c;
-  }
-
-  .sm\:hover\:text-red-900:hover {
-    color: #742a2a;
-  }
-
-  .sm\:hover\:text-orange-100:hover {
-    color: #fffaf0;
-  }
-
-  .sm\:hover\:text-orange-200:hover {
-    color: #feebc8;
-  }
-
-  .sm\:hover\:text-orange-300:hover {
-    color: #fbd38d;
-  }
-
-  .sm\:hover\:text-orange-400:hover {
-    color: #f6ad55;
-  }
-
-  .sm\:hover\:text-orange-500:hover {
-    color: #ed8936;
-  }
-
-  .sm\:hover\:text-orange-600:hover {
-    color: #dd6b20;
-  }
-
-  .sm\:hover\:text-orange-700:hover {
-    color: #c05621;
-  }
-
-  .sm\:hover\:text-orange-800:hover {
-    color: #9c4221;
+  .sm\:pointer-events-none {
+    pointer-events: none;
   }
 
-  .sm\:hover\:text-orange-900:hover {
-    color: #7b341e;
+  .sm\:pointer-events-auto {
+    pointer-events: auto;
   }
 
-  .sm\:hover\:text-yellow-100:hover {
-    color: #fffff0;
+  .sm\:static {
+    position: static;
   }
 
-  .sm\:hover\:text-yellow-200:hover {
-    color: #fefcbf;
+  .sm\:fixed {
+    position: fixed;
   }
 
-  .sm\:hover\:text-yellow-300:hover {
-    color: #faf089;
+  .sm\:absolute {
+    position: absolute;
   }
 
-  .sm\:hover\:text-yellow-400:hover {
-    color: #f6e05e;
+  .sm\:relative {
+    position: relative;
   }
 
-  .sm\:hover\:text-yellow-500:hover {
-    color: #ecc94b;
+  .sm\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
   }
 
-  .sm\:hover\:text-yellow-600:hover {
-    color: #d69e2e;
+  .sm\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
   }
 
-  .sm\:hover\:text-yellow-700:hover {
-    color: #b7791f;
+  .sm\:inset-y-0 {
+    top: 0;
+    bottom: 0;
   }
 
-  .sm\:hover\:text-yellow-800:hover {
-    color: #975a16;
+  .sm\:inset-x-0 {
+    right: 0;
+    left: 0;
   }
 
-  .sm\:hover\:text-yellow-900:hover {
-    color: #744210;
+  .sm\:inset-y-auto {
+    top: auto;
+    bottom: auto;
   }
 
-  .sm\:hover\:text-green-100:hover {
-    color: #f0fff4;
+  .sm\:inset-x-auto {
+    right: auto;
+    left: auto;
   }
 
-  .sm\:hover\:text-green-200:hover {
-    color: #c6f6d5;
+  .sm\:top-0 {
+    top: 0;
   }
 
-  .sm\:hover\:text-green-300:hover {
-    color: #9ae6b4;
+  .sm\:right-0 {
+    right: 0;
   }
 
-  .sm\:hover\:text-green-400:hover {
-    color: #68d391;
+  .sm\:bottom-0 {
+    bottom: 0;
   }
 
-  .sm\:hover\:text-green-500:hover {
-    color: #48bb78;
+  .sm\:left-0 {
+    left: 0;
   }
 
-  .sm\:hover\:text-green-600:hover {
-    color: #38a169;
+  .sm\:top-auto {
+    top: auto;
   }
 
-  .sm\:hover\:text-green-700:hover {
-    color: #2f855a;
+  .sm\:right-auto {
+    right: auto;
   }
 
-  .sm\:hover\:text-green-800:hover {
-    color: #276749;
+  .sm\:bottom-auto {
+    bottom: auto;
   }
 
-  .sm\:hover\:text-green-900:hover {
-    color: #22543d;
+  .sm\:left-auto {
+    left: auto;
   }
 
-  .sm\:hover\:text-teal-100:hover {
-    color: #e6fffa;
+  .sm\:resize-none {
+    resize: none;
   }
 
-  .sm\:hover\:text-teal-200:hover {
-    color: #b2f5ea;
+  .sm\:resize-y {
+    resize: vertical;
   }
 
-  .sm\:hover\:text-teal-300:hover {
-    color: #81e6d9;
+  .sm\:resize-x {
+    resize: horizontal;
   }
 
-  .sm\:hover\:text-teal-400:hover {
-    color: #4fd1c5;
+  .sm\:resize {
+    resize: both;
   }
 
-  .sm\:hover\:text-teal-500:hover {
-    color: #38b2ac;
+  .sm\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-teal-600:hover {
-    color: #319795;
+  .sm\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-teal-700:hover {
-    color: #2c7a7b;
+  .sm\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-teal-800:hover {
-    color: #285e61;
+  .sm\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-teal-900:hover {
-    color: #234e52;
+  .sm\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-blue-100:hover {
-    color: #ebf8ff;
+  .sm\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .sm\:hover\:text-blue-200:hover {
-    color: #bee3f8;
+  .sm\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .sm\:hover\:text-blue-300:hover {
-    color: #90cdf4;
+  .sm\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-blue-400:hover {
-    color: #63b3ed;
+  .sm\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .sm\:hover\:text-blue-500:hover {
-    color: #4299e1;
+  .sm\:shadow-none {
+    box-shadow: none;
   }
 
-  .sm\:hover\:text-blue-600:hover {
-    color: #3182ce;
+  .sm\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-blue-700:hover {
-    color: #2b6cb0;
+  .sm\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-blue-800:hover {
-    color: #2c5282;
+  .sm\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-blue-900:hover {
-    color: #2a4365;
+  .sm\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-indigo-100:hover {
-    color: #ebf4ff;
+  .sm\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-indigo-200:hover {
-    color: #c3dafe;
+  .sm\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .sm\:hover\:text-indigo-300:hover {
-    color: #a3bffa;
+  .sm\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .sm\:hover\:text-indigo-400:hover {
-    color: #7f9cf5;
+  .sm\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-indigo-500:hover {
-    color: #667eea;
+  .sm\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .sm\:hover\:text-indigo-600:hover {
-    color: #5a67d8;
+  .sm\:hover\:shadow-none:hover {
+    box-shadow: none;
   }
 
-  .sm\:hover\:text-indigo-700:hover {
-    color: #4c51bf;
+  .sm\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-indigo-800:hover {
-    color: #434190;
+  .sm\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-indigo-900:hover {
-    color: #3c366b;
+  .sm\:focus\:shadow:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-purple-100:hover {
-    color: #faf5ff;
+  .sm\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-purple-200:hover {
-    color: #e9d8fd;
+  .sm\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .sm\:hover\:text-purple-300:hover {
-    color: #d6bcfa;
+  .sm\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .sm\:hover\:text-purple-400:hover {
-    color: #b794f4;
+  .sm\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .sm\:hover\:text-purple-500:hover {
-    color: #9f7aea;
+  .sm\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .sm\:hover\:text-purple-600:hover {
-    color: #805ad5;
+  .sm\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .sm\:hover\:text-purple-700:hover {
-    color: #6b46c1;
+  .sm\:focus\:shadow-none:focus {
+    box-shadow: none;
   }
 
-  .sm\:hover\:text-purple-800:hover {
-    color: #553c9a;
+  .sm\:fill-current {
+    fill: currentColor;
   }
 
-  .sm\:hover\:text-purple-900:hover {
-    color: #44337a;
+  .sm\:stroke-current {
+    stroke: currentColor;
   }
 
-  .sm\:hover\:text-pink-100:hover {
-    color: #fff5f7;
+  .sm\:stroke-0 {
+    stroke-width: 0;
   }
 
-  .sm\:hover\:text-pink-200:hover {
-    color: #fed7e2;
+  .sm\:stroke-1 {
+    stroke-width: 1;
   }
 
-  .sm\:hover\:text-pink-300:hover {
-    color: #fbb6ce;
+  .sm\:stroke-2 {
+    stroke-width: 2;
   }
 
-  .sm\:hover\:text-pink-400:hover {
-    color: #f687b3;
+  .sm\:table-auto {
+    table-layout: auto;
   }
 
-  .sm\:hover\:text-pink-500:hover {
-    color: #ed64a6;
+  .sm\:table-fixed {
+    table-layout: fixed;
   }
 
-  .sm\:hover\:text-pink-600:hover {
-    color: #d53f8c;
+  .sm\:text-left {
+    text-align: left;
   }
 
-  .sm\:hover\:text-pink-700:hover {
-    color: #b83280;
+  .sm\:text-center {
+    text-align: center;
   }
 
-  .sm\:hover\:text-pink-800:hover {
-    color: #97266d;
+  .sm\:text-right {
+    text-align: right;
   }
 
-  .sm\:hover\:text-pink-900:hover {
-    color: #702459;
+  .sm\:text-justify {
+    text-align: justify;
   }
 
-  .sm\:focus\:text-transparent:focus {
+  .sm\:text-transparent {
     color: transparent;
   }
 
-  .sm\:focus\:text-current:focus {
+  .sm\:text-current {
     color: currentColor;
   }
 
-  .sm\:focus\:text-black:focus {
+  .sm\:text-black {
     color: #000;
   }
 
-  .sm\:focus\:text-white:focus {
+  .sm\:text-white {
     color: #fff;
   }
 
-  .sm\:focus\:text-gray-100:focus {
+  .sm\:text-gray-100 {
     color: #f7fafc;
   }
 
-  .sm\:focus\:text-gray-200:focus {
+  .sm\:text-gray-200 {
     color: #edf2f7;
   }
 
-  .sm\:focus\:text-gray-300:focus {
+  .sm\:text-gray-300 {
     color: #e2e8f0;
   }
 
-  .sm\:focus\:text-gray-400:focus {
+  .sm\:text-gray-400 {
     color: #cbd5e0;
   }
 
-  .sm\:focus\:text-gray-500:focus {
+  .sm\:text-gray-500 {
     color: #a0aec0;
   }
 
-  .sm\:focus\:text-gray-600:focus {
+  .sm\:text-gray-600 {
     color: #718096;
   }
 
-  .sm\:focus\:text-gray-700:focus {
+  .sm\:text-gray-700 {
     color: #4a5568;
   }
 
-  .sm\:focus\:text-gray-800:focus {
+  .sm\:text-gray-800 {
     color: #2d3748;
   }
 
-  .sm\:focus\:text-gray-900:focus {
+  .sm\:text-gray-900 {
     color: #1a202c;
   }
 
-  .sm\:focus\:text-red-100:focus {
+  .sm\:text-red-100 {
     color: #fff5f5;
   }
 
-  .sm\:focus\:text-red-200:focus {
+  .sm\:text-red-200 {
     color: #fed7d7;
   }
 
-  .sm\:focus\:text-red-300:focus {
+  .sm\:text-red-300 {
     color: #feb2b2;
   }
 
-  .sm\:focus\:text-red-400:focus {
+  .sm\:text-red-400 {
     color: #fc8181;
   }
 
-  .sm\:focus\:text-red-500:focus {
+  .sm\:text-red-500 {
     color: #f56565;
   }
 
-  .sm\:focus\:text-red-600:focus {
+  .sm\:text-red-600 {
     color: #e53e3e;
   }
 
-  .sm\:focus\:text-red-700:focus {
+  .sm\:text-red-700 {
     color: #c53030;
   }
 
-  .sm\:focus\:text-red-800:focus {
+  .sm\:text-red-800 {
     color: #9b2c2c;
   }
 
-  .sm\:focus\:text-red-900:focus {
+  .sm\:text-red-900 {
     color: #742a2a;
   }
 
-  .sm\:focus\:text-orange-100:focus {
+  .sm\:text-orange-100 {
     color: #fffaf0;
   }
 
-  .sm\:focus\:text-orange-200:focus {
+  .sm\:text-orange-200 {
     color: #feebc8;
   }
 
-  .sm\:focus\:text-orange-300:focus {
+  .sm\:text-orange-300 {
     color: #fbd38d;
   }
 
-  .sm\:focus\:text-orange-400:focus {
+  .sm\:text-orange-400 {
     color: #f6ad55;
   }
 
-  .sm\:focus\:text-orange-500:focus {
+  .sm\:text-orange-500 {
     color: #ed8936;
   }
 
-  .sm\:focus\:text-orange-600:focus {
+  .sm\:text-orange-600 {
     color: #dd6b20;
   }
 
-  .sm\:focus\:text-orange-700:focus {
+  .sm\:text-orange-700 {
     color: #c05621;
   }
 
-  .sm\:focus\:text-orange-800:focus {
+  .sm\:text-orange-800 {
     color: #9c4221;
   }
 
-  .sm\:focus\:text-orange-900:focus {
+  .sm\:text-orange-900 {
     color: #7b341e;
   }
 
-  .sm\:focus\:text-yellow-100:focus {
+  .sm\:text-yellow-100 {
     color: #fffff0;
   }
 
-  .sm\:focus\:text-yellow-200:focus {
+  .sm\:text-yellow-200 {
     color: #fefcbf;
   }
 
-  .sm\:focus\:text-yellow-300:focus {
+  .sm\:text-yellow-300 {
     color: #faf089;
   }
 
-  .sm\:focus\:text-yellow-400:focus {
+  .sm\:text-yellow-400 {
     color: #f6e05e;
   }
 
-  .sm\:focus\:text-yellow-500:focus {
+  .sm\:text-yellow-500 {
     color: #ecc94b;
   }
 
-  .sm\:focus\:text-yellow-600:focus {
+  .sm\:text-yellow-600 {
     color: #d69e2e;
   }
 
-  .sm\:focus\:text-yellow-700:focus {
+  .sm\:text-yellow-700 {
     color: #b7791f;
   }
 
-  .sm\:focus\:text-yellow-800:focus {
+  .sm\:text-yellow-800 {
     color: #975a16;
   }
 
-  .sm\:focus\:text-yellow-900:focus {
+  .sm\:text-yellow-900 {
     color: #744210;
   }
 
-  .sm\:focus\:text-green-100:focus {
+  .sm\:text-green-100 {
     color: #f0fff4;
   }
 
-  .sm\:focus\:text-green-200:focus {
+  .sm\:text-green-200 {
     color: #c6f6d5;
   }
 
-  .sm\:focus\:text-green-300:focus {
+  .sm\:text-green-300 {
     color: #9ae6b4;
   }
 
-  .sm\:focus\:text-green-400:focus {
+  .sm\:text-green-400 {
     color: #68d391;
   }
 
-  .sm\:focus\:text-green-500:focus {
+  .sm\:text-green-500 {
     color: #48bb78;
   }
 
-  .sm\:focus\:text-green-600:focus {
+  .sm\:text-green-600 {
     color: #38a169;
   }
 
-  .sm\:focus\:text-green-700:focus {
+  .sm\:text-green-700 {
     color: #2f855a;
   }
 
-  .sm\:focus\:text-green-800:focus {
+  .sm\:text-green-800 {
     color: #276749;
   }
 
-  .sm\:focus\:text-green-900:focus {
+  .sm\:text-green-900 {
     color: #22543d;
   }
 
-  .sm\:focus\:text-teal-100:focus {
+  .sm\:text-teal-100 {
     color: #e6fffa;
   }
 
-  .sm\:focus\:text-teal-200:focus {
+  .sm\:text-teal-200 {
     color: #b2f5ea;
   }
 
-  .sm\:focus\:text-teal-300:focus {
+  .sm\:text-teal-300 {
     color: #81e6d9;
   }
 
-  .sm\:focus\:text-teal-400:focus {
+  .sm\:text-teal-400 {
     color: #4fd1c5;
   }
 
-  .sm\:focus\:text-teal-500:focus {
+  .sm\:text-teal-500 {
     color: #38b2ac;
   }
 
-  .sm\:focus\:text-teal-600:focus {
+  .sm\:text-teal-600 {
     color: #319795;
   }
 
-  .sm\:focus\:text-teal-700:focus {
+  .sm\:text-teal-700 {
     color: #2c7a7b;
   }
 
-  .sm\:focus\:text-teal-800:focus {
+  .sm\:text-teal-800 {
     color: #285e61;
   }
 
-  .sm\:focus\:text-teal-900:focus {
+  .sm\:text-teal-900 {
     color: #234e52;
   }
 
-  .sm\:focus\:text-blue-100:focus {
+  .sm\:text-blue-100 {
     color: #ebf8ff;
   }
 
-  .sm\:focus\:text-blue-200:focus {
+  .sm\:text-blue-200 {
     color: #bee3f8;
   }
 
-  .sm\:focus\:text-blue-300:focus {
+  .sm\:text-blue-300 {
     color: #90cdf4;
   }
 
-  .sm\:focus\:text-blue-400:focus {
+  .sm\:text-blue-400 {
     color: #63b3ed;
   }
 
-  .sm\:focus\:text-blue-500:focus {
+  .sm\:text-blue-500 {
     color: #4299e1;
   }
 
-  .sm\:focus\:text-blue-600:focus {
+  .sm\:text-blue-600 {
     color: #3182ce;
   }
 
-  .sm\:focus\:text-blue-700:focus {
+  .sm\:text-blue-700 {
     color: #2b6cb0;
   }
 
-  .sm\:focus\:text-blue-800:focus {
+  .sm\:text-blue-800 {
     color: #2c5282;
   }
 
-  .sm\:focus\:text-blue-900:focus {
+  .sm\:text-blue-900 {
     color: #2a4365;
   }
 
-  .sm\:focus\:text-indigo-100:focus {
+  .sm\:text-indigo-100 {
     color: #ebf4ff;
   }
 
-  .sm\:focus\:text-indigo-200:focus {
+  .sm\:text-indigo-200 {
     color: #c3dafe;
   }
 
-  .sm\:focus\:text-indigo-300:focus {
+  .sm\:text-indigo-300 {
     color: #a3bffa;
   }
 
-  .sm\:focus\:text-indigo-400:focus {
+  .sm\:text-indigo-400 {
     color: #7f9cf5;
   }
 
-  .sm\:focus\:text-indigo-500:focus {
+  .sm\:text-indigo-500 {
     color: #667eea;
   }
 
-  .sm\:focus\:text-indigo-600:focus {
+  .sm\:text-indigo-600 {
     color: #5a67d8;
   }
 
-  .sm\:focus\:text-indigo-700:focus {
+  .sm\:text-indigo-700 {
     color: #4c51bf;
   }
 
-  .sm\:focus\:text-indigo-800:focus {
+  .sm\:text-indigo-800 {
     color: #434190;
   }
 
-  .sm\:focus\:text-indigo-900:focus {
+  .sm\:text-indigo-900 {
     color: #3c366b;
   }
 
-  .sm\:focus\:text-purple-100:focus {
+  .sm\:text-purple-100 {
     color: #faf5ff;
   }
 
-  .sm\:focus\:text-purple-200:focus {
+  .sm\:text-purple-200 {
     color: #e9d8fd;
   }
 
-  .sm\:focus\:text-purple-300:focus {
+  .sm\:text-purple-300 {
     color: #d6bcfa;
   }
 
-  .sm\:focus\:text-purple-400:focus {
+  .sm\:text-purple-400 {
     color: #b794f4;
   }
 
-  .sm\:focus\:text-purple-500:focus {
+  .sm\:text-purple-500 {
     color: #9f7aea;
   }
 
-  .sm\:focus\:text-purple-600:focus {
+  .sm\:text-purple-600 {
     color: #805ad5;
   }
 
-  .sm\:focus\:text-purple-700:focus {
+  .sm\:text-purple-700 {
     color: #6b46c1;
   }
 
-  .sm\:focus\:text-purple-800:focus {
+  .sm\:text-purple-800 {
     color: #553c9a;
   }
 
-  .sm\:focus\:text-purple-900:focus {
+  .sm\:text-purple-900 {
     color: #44337a;
   }
 
-  .sm\:focus\:text-pink-100:focus {
+  .sm\:text-pink-100 {
     color: #fff5f7;
   }
 
-  .sm\:focus\:text-pink-200:focus {
+  .sm\:text-pink-200 {
     color: #fed7e2;
   }
 
-  .sm\:focus\:text-pink-300:focus {
+  .sm\:text-pink-300 {
     color: #fbb6ce;
   }
 
-  .sm\:focus\:text-pink-400:focus {
+  .sm\:text-pink-400 {
     color: #f687b3;
   }
 
-  .sm\:focus\:text-pink-500:focus {
+  .sm\:text-pink-500 {
     color: #ed64a6;
   }
 
-  .sm\:focus\:text-pink-600:focus {
+  .sm\:text-pink-600 {
     color: #d53f8c;
   }
 
-  .sm\:focus\:text-pink-700:focus {
+  .sm\:text-pink-700 {
     color: #b83280;
   }
 
-  .sm\:focus\:text-pink-800:focus {
+  .sm\:text-pink-800 {
     color: #97266d;
   }
 
-  .sm\:focus\:text-pink-900:focus {
+  .sm\:text-pink-900 {
     color: #702459;
   }
 
-  .sm\:italic {
-    font-style: italic;
+  .sm\:hover\:text-transparent:hover {
+    color: transparent;
   }
 
-  .sm\:not-italic {
-    font-style: normal;
+  .sm\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .sm\:hover\:text-black:hover {
+    color: #000;
+  }
+
+  .sm\:hover\:text-white:hover {
+    color: #fff;
+  }
+
+  .sm\:hover\:text-gray-100:hover {
+    color: #f7fafc;
+  }
+
+  .sm\:hover\:text-gray-200:hover {
+    color: #edf2f7;
+  }
+
+  .sm\:hover\:text-gray-300:hover {
+    color: #e2e8f0;
+  }
+
+  .sm\:hover\:text-gray-400:hover {
+    color: #cbd5e0;
+  }
+
+  .sm\:hover\:text-gray-500:hover {
+    color: #a0aec0;
+  }
+
+  .sm\:hover\:text-gray-600:hover {
+    color: #718096;
+  }
+
+  .sm\:hover\:text-gray-700:hover {
+    color: #4a5568;
+  }
+
+  .sm\:hover\:text-gray-800:hover {
+    color: #2d3748;
+  }
+
+  .sm\:hover\:text-gray-900:hover {
+    color: #1a202c;
+  }
+
+  .sm\:hover\:text-red-100:hover {
+    color: #fff5f5;
+  }
+
+  .sm\:hover\:text-red-200:hover {
+    color: #fed7d7;
+  }
+
+  .sm\:hover\:text-red-300:hover {
+    color: #feb2b2;
+  }
+
+  .sm\:hover\:text-red-400:hover {
+    color: #fc8181;
+  }
+
+  .sm\:hover\:text-red-500:hover {
+    color: #f56565;
+  }
+
+  .sm\:hover\:text-red-600:hover {
+    color: #e53e3e;
+  }
+
+  .sm\:hover\:text-red-700:hover {
+    color: #c53030;
+  }
+
+  .sm\:hover\:text-red-800:hover {
+    color: #9b2c2c;
+  }
+
+  .sm\:hover\:text-red-900:hover {
+    color: #742a2a;
+  }
+
+  .sm\:hover\:text-orange-100:hover {
+    color: #fffaf0;
+  }
+
+  .sm\:hover\:text-orange-200:hover {
+    color: #feebc8;
+  }
+
+  .sm\:hover\:text-orange-300:hover {
+    color: #fbd38d;
+  }
+
+  .sm\:hover\:text-orange-400:hover {
+    color: #f6ad55;
   }
 
-  .sm\:uppercase {
-    text-transform: uppercase;
+  .sm\:hover\:text-orange-500:hover {
+    color: #ed8936;
   }
 
-  .sm\:lowercase {
-    text-transform: lowercase;
+  .sm\:hover\:text-orange-600:hover {
+    color: #dd6b20;
   }
 
-  .sm\:capitalize {
-    text-transform: capitalize;
+  .sm\:hover\:text-orange-700:hover {
+    color: #c05621;
   }
 
-  .sm\:normal-case {
-    text-transform: none;
+  .sm\:hover\:text-orange-800:hover {
+    color: #9c4221;
   }
 
-  .sm\:underline {
-    text-decoration: underline;
+  .sm\:hover\:text-orange-900:hover {
+    color: #7b341e;
   }
 
-  .sm\:line-through {
-    text-decoration: line-through;
+  .sm\:hover\:text-yellow-100:hover {
+    color: #fffff0;
   }
 
-  .sm\:no-underline {
-    text-decoration: none;
+  .sm\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .sm\:hover\:underline:hover {
-    text-decoration: underline;
+  .sm\:hover\:text-yellow-300:hover {
+    color: #faf089;
   }
 
-  .sm\:hover\:line-through:hover {
-    text-decoration: line-through;
+  .sm\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .sm\:hover\:no-underline:hover {
-    text-decoration: none;
+  .sm\:hover\:text-yellow-500:hover {
+    color: #ecc94b;
   }
 
-  .sm\:focus\:underline:focus {
-    text-decoration: underline;
+  .sm\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .sm\:focus\:line-through:focus {
-    text-decoration: line-through;
+  .sm\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .sm\:focus\:no-underline:focus {
-    text-decoration: none;
+  .sm\:hover\:text-yellow-800:hover {
+    color: #975a16;
   }
 
-  .sm\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  .sm\:hover\:text-yellow-900:hover {
+    color: #744210;
   }
 
-  .sm\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
+  .sm\:hover\:text-green-100:hover {
+    color: #f0fff4;
   }
 
-  .sm\:tracking-tighter {
-    letter-spacing: -0.05em;
+  .sm\:hover\:text-green-200:hover {
+    color: #c6f6d5;
   }
 
-  .sm\:tracking-tight {
-    letter-spacing: -0.025em;
+  .sm\:hover\:text-green-300:hover {
+    color: #9ae6b4;
   }
 
-  .sm\:tracking-normal {
-    letter-spacing: 0;
+  .sm\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .sm\:tracking-wide {
-    letter-spacing: 0.025em;
+  .sm\:hover\:text-green-500:hover {
+    color: #48bb78;
   }
 
-  .sm\:tracking-wider {
-    letter-spacing: 0.05em;
+  .sm\:hover\:text-green-600:hover {
+    color: #38a169;
   }
 
-  .sm\:tracking-widest {
-    letter-spacing: 0.1em;
+  .sm\:hover\:text-green-700:hover {
+    color: #2f855a;
   }
 
-  .sm\:select-none {
-    user-select: none;
+  .sm\:hover\:text-green-800:hover {
+    color: #276749;
   }
 
-  .sm\:select-text {
-    user-select: text;
+  .sm\:hover\:text-green-900:hover {
+    color: #22543d;
   }
 
-  .sm\:select-all {
-    user-select: all;
+  .sm\:hover\:text-teal-100:hover {
+    color: #e6fffa;
   }
 
-  .sm\:select-auto {
-    user-select: auto;
+  .sm\:hover\:text-teal-200:hover {
+    color: #b2f5ea;
   }
 
-  .sm\:align-baseline {
-    vertical-align: baseline;
+  .sm\:hover\:text-teal-300:hover {
+    color: #81e6d9;
   }
 
-  .sm\:align-top {
-    vertical-align: top;
+  .sm\:hover\:text-teal-400:hover {
+    color: #4fd1c5;
   }
 
-  .sm\:align-middle {
-    vertical-align: middle;
+  .sm\:hover\:text-teal-500:hover {
+    color: #38b2ac;
   }
 
-  .sm\:align-bottom {
-    vertical-align: bottom;
+  .sm\:hover\:text-teal-600:hover {
+    color: #319795;
   }
 
-  .sm\:align-text-top {
-    vertical-align: text-top;
+  .sm\:hover\:text-teal-700:hover {
+    color: #2c7a7b;
   }
 
-  .sm\:align-text-bottom {
-    vertical-align: text-bottom;
+  .sm\:hover\:text-teal-800:hover {
+    color: #285e61;
   }
 
-  .sm\:visible {
-    visibility: visible;
+  .sm\:hover\:text-teal-900:hover {
+    color: #234e52;
   }
 
-  .sm\:invisible {
-    visibility: hidden;
+  .sm\:hover\:text-blue-100:hover {
+    color: #ebf8ff;
   }
 
-  .sm\:whitespace-normal {
-    white-space: normal;
+  .sm\:hover\:text-blue-200:hover {
+    color: #bee3f8;
   }
 
-  .sm\:whitespace-no-wrap {
-    white-space: nowrap;
+  .sm\:hover\:text-blue-300:hover {
+    color: #90cdf4;
   }
 
-  .sm\:whitespace-pre {
-    white-space: pre;
+  .sm\:hover\:text-blue-400:hover {
+    color: #63b3ed;
   }
 
-  .sm\:whitespace-pre-line {
-    white-space: pre-line;
+  .sm\:hover\:text-blue-500:hover {
+    color: #4299e1;
   }
 
-  .sm\:whitespace-pre-wrap {
-    white-space: pre-wrap;
+  .sm\:hover\:text-blue-600:hover {
+    color: #3182ce;
   }
 
-  .sm\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
+  .sm\:hover\:text-blue-700:hover {
+    color: #2b6cb0;
   }
 
-  .sm\:break-words {
-    overflow-wrap: break-word;
+  .sm\:hover\:text-blue-800:hover {
+    color: #2c5282;
   }
 
-  .sm\:break-all {
-    word-break: break-all;
+  .sm\:hover\:text-blue-900:hover {
+    color: #2a4365;
   }
 
-  .sm\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .sm\:hover\:text-indigo-100:hover {
+    color: #ebf4ff;
   }
 
-  .sm\:w-0 {
-    width: 0;
+  .sm\:hover\:text-indigo-200:hover {
+    color: #c3dafe;
   }
 
-  .sm\:w-1 {
-    width: 0.25rem;
+  .sm\:hover\:text-indigo-300:hover {
+    color: #a3bffa;
   }
 
-  .sm\:w-2 {
-    width: 0.5rem;
+  .sm\:hover\:text-indigo-400:hover {
+    color: #7f9cf5;
   }
 
-  .sm\:w-3 {
-    width: 0.75rem;
+  .sm\:hover\:text-indigo-500:hover {
+    color: #667eea;
   }
 
-  .sm\:w-4 {
-    width: 1rem;
+  .sm\:hover\:text-indigo-600:hover {
+    color: #5a67d8;
   }
 
-  .sm\:w-5 {
-    width: 1.25rem;
+  .sm\:hover\:text-indigo-700:hover {
+    color: #4c51bf;
   }
 
-  .sm\:w-6 {
-    width: 1.5rem;
+  .sm\:hover\:text-indigo-800:hover {
+    color: #434190;
   }
 
-  .sm\:w-8 {
-    width: 2rem;
+  .sm\:hover\:text-indigo-900:hover {
+    color: #3c366b;
   }
 
-  .sm\:w-10 {
-    width: 2.5rem;
+  .sm\:hover\:text-purple-100:hover {
+    color: #faf5ff;
   }
 
-  .sm\:w-12 {
-    width: 3rem;
+  .sm\:hover\:text-purple-200:hover {
+    color: #e9d8fd;
   }
 
-  .sm\:w-16 {
-    width: 4rem;
+  .sm\:hover\:text-purple-300:hover {
+    color: #d6bcfa;
   }
 
-  .sm\:w-20 {
-    width: 5rem;
+  .sm\:hover\:text-purple-400:hover {
+    color: #b794f4;
   }
 
-  .sm\:w-24 {
-    width: 6rem;
+  .sm\:hover\:text-purple-500:hover {
+    color: #9f7aea;
   }
 
-  .sm\:w-32 {
-    width: 8rem;
+  .sm\:hover\:text-purple-600:hover {
+    color: #805ad5;
   }
 
-  .sm\:w-40 {
-    width: 10rem;
+  .sm\:hover\:text-purple-700:hover {
+    color: #6b46c1;
   }
 
-  .sm\:w-48 {
-    width: 12rem;
+  .sm\:hover\:text-purple-800:hover {
+    color: #553c9a;
   }
 
-  .sm\:w-56 {
-    width: 14rem;
+  .sm\:hover\:text-purple-900:hover {
+    color: #44337a;
   }
 
-  .sm\:w-64 {
-    width: 16rem;
+  .sm\:hover\:text-pink-100:hover {
+    color: #fff5f7;
   }
 
-  .sm\:w-auto {
-    width: auto;
+  .sm\:hover\:text-pink-200:hover {
+    color: #fed7e2;
   }
 
-  .sm\:w-px {
-    width: 1px;
+  .sm\:hover\:text-pink-300:hover {
+    color: #fbb6ce;
   }
 
-  .sm\:w-1\/2 {
-    width: 50%;
+  .sm\:hover\:text-pink-400:hover {
+    color: #f687b3;
   }
 
-  .sm\:w-1\/3 {
-    width: 33.333333%;
+  .sm\:hover\:text-pink-500:hover {
+    color: #ed64a6;
   }
 
-  .sm\:w-2\/3 {
-    width: 66.666667%;
+  .sm\:hover\:text-pink-600:hover {
+    color: #d53f8c;
   }
 
-  .sm\:w-1\/4 {
-    width: 25%;
+  .sm\:hover\:text-pink-700:hover {
+    color: #b83280;
   }
 
-  .sm\:w-2\/4 {
-    width: 50%;
+  .sm\:hover\:text-pink-800:hover {
+    color: #97266d;
   }
 
-  .sm\:w-3\/4 {
-    width: 75%;
+  .sm\:hover\:text-pink-900:hover {
+    color: #702459;
   }
 
-  .sm\:w-1\/5 {
-    width: 20%;
+  .sm\:focus\:text-transparent:focus {
+    color: transparent;
   }
 
-  .sm\:w-2\/5 {
-    width: 40%;
+  .sm\:focus\:text-current:focus {
+    color: currentColor;
   }
 
-  .sm\:w-3\/5 {
-    width: 60%;
+  .sm\:focus\:text-black:focus {
+    color: #000;
   }
 
-  .sm\:w-4\/5 {
-    width: 80%;
+  .sm\:focus\:text-white:focus {
+    color: #fff;
   }
 
-  .sm\:w-1\/6 {
-    width: 16.666667%;
+  .sm\:focus\:text-gray-100:focus {
+    color: #f7fafc;
   }
 
-  .sm\:w-2\/6 {
-    width: 33.333333%;
+  .sm\:focus\:text-gray-200:focus {
+    color: #edf2f7;
   }
 
-  .sm\:w-3\/6 {
-    width: 50%;
+  .sm\:focus\:text-gray-300:focus {
+    color: #e2e8f0;
   }
 
-  .sm\:w-4\/6 {
-    width: 66.666667%;
+  .sm\:focus\:text-gray-400:focus {
+    color: #cbd5e0;
   }
 
-  .sm\:w-5\/6 {
-    width: 83.333333%;
+  .sm\:focus\:text-gray-500:focus {
+    color: #a0aec0;
   }
 
-  .sm\:w-1\/12 {
-    width: 8.333333%;
+  .sm\:focus\:text-gray-600:focus {
+    color: #718096;
   }
 
-  .sm\:w-2\/12 {
-    width: 16.666667%;
+  .sm\:focus\:text-gray-700:focus {
+    color: #4a5568;
   }
 
-  .sm\:w-3\/12 {
-    width: 25%;
+  .sm\:focus\:text-gray-800:focus {
+    color: #2d3748;
   }
 
-  .sm\:w-4\/12 {
-    width: 33.333333%;
+  .sm\:focus\:text-gray-900:focus {
+    color: #1a202c;
   }
 
-  .sm\:w-5\/12 {
-    width: 41.666667%;
+  .sm\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .sm\:w-6\/12 {
-    width: 50%;
+  .sm\:focus\:text-red-200:focus {
+    color: #fed7d7;
   }
 
-  .sm\:w-7\/12 {
-    width: 58.333333%;
+  .sm\:focus\:text-red-300:focus {
+    color: #feb2b2;
   }
 
-  .sm\:w-8\/12 {
-    width: 66.666667%;
+  .sm\:focus\:text-red-400:focus {
+    color: #fc8181;
   }
 
-  .sm\:w-9\/12 {
-    width: 75%;
+  .sm\:focus\:text-red-500:focus {
+    color: #f56565;
   }
 
-  .sm\:w-10\/12 {
-    width: 83.333333%;
+  .sm\:focus\:text-red-600:focus {
+    color: #e53e3e;
   }
 
-  .sm\:w-11\/12 {
-    width: 91.666667%;
+  .sm\:focus\:text-red-700:focus {
+    color: #c53030;
   }
 
-  .sm\:w-full {
-    width: 100%;
+  .sm\:focus\:text-red-800:focus {
+    color: #9b2c2c;
   }
 
-  .sm\:w-screen {
-    width: 100vw;
+  .sm\:focus\:text-red-900:focus {
+    color: #742a2a;
   }
 
-  .sm\:z-0 {
-    z-index: 0;
+  .sm\:focus\:text-orange-100:focus {
+    color: #fffaf0;
   }
 
-  .sm\:z-10 {
-    z-index: 10;
+  .sm\:focus\:text-orange-200:focus {
+    color: #feebc8;
   }
 
-  .sm\:z-20 {
-    z-index: 20;
+  .sm\:focus\:text-orange-300:focus {
+    color: #fbd38d;
   }
 
-  .sm\:z-30 {
-    z-index: 30;
+  .sm\:focus\:text-orange-400:focus {
+    color: #f6ad55;
   }
 
-  .sm\:z-40 {
-    z-index: 40;
+  .sm\:focus\:text-orange-500:focus {
+    color: #ed8936;
   }
 
-  .sm\:z-50 {
-    z-index: 50;
+  .sm\:focus\:text-orange-600:focus {
+    color: #dd6b20;
   }
 
-  .sm\:z-auto {
-    z-index: auto;
+  .sm\:focus\:text-orange-700:focus {
+    color: #c05621;
   }
 
-  .sm\:origin-center {
-    transform-origin: center;
+  .sm\:focus\:text-orange-800:focus {
+    color: #9c4221;
   }
 
-  .sm\:origin-top {
-    transform-origin: top;
+  .sm\:focus\:text-orange-900:focus {
+    color: #7b341e;
   }
 
-  .sm\:origin-top-right {
-    transform-origin: top right;
+  .sm\:focus\:text-yellow-100:focus {
+    color: #fffff0;
   }
 
-  .sm\:origin-right {
-    transform-origin: right;
+  .sm\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .sm\:origin-bottom-right {
-    transform-origin: bottom right;
+  .sm\:focus\:text-yellow-300:focus {
+    color: #faf089;
   }
 
-  .sm\:origin-bottom {
-    transform-origin: bottom;
+  .sm\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .sm\:origin-bottom-left {
-    transform-origin: bottom left;
+  .sm\:focus\:text-yellow-500:focus {
+    color: #ecc94b;
   }
 
-  .sm\:origin-left {
-    transform-origin: left;
+  .sm\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .sm\:origin-top-left {
-    transform-origin: top left;
+  .sm\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .sm\:scale-0 {
-    transform: scale(0);
+  .sm\:focus\:text-yellow-800:focus {
+    color: #975a16;
   }
 
-  .sm\:scale-50 {
-    transform: scale(.5);
+  .sm\:focus\:text-yellow-900:focus {
+    color: #744210;
   }
 
-  .sm\:scale-75 {
-    transform: scale(.75);
+  .sm\:focus\:text-green-100:focus {
+    color: #f0fff4;
   }
 
-  .sm\:scale-90 {
-    transform: scale(.9);
+  .sm\:focus\:text-green-200:focus {
+    color: #c6f6d5;
   }
 
-  .sm\:scale-95 {
-    transform: scale(.95);
+  .sm\:focus\:text-green-300:focus {
+    color: #9ae6b4;
   }
 
-  .sm\:scale-100 {
-    transform: scale(1);
+  .sm\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .sm\:scale-105 {
-    transform: scale(1.05);
+  .sm\:focus\:text-green-500:focus {
+    color: #48bb78;
   }
 
-  .sm\:scale-110 {
-    transform: scale(1.1);
+  .sm\:focus\:text-green-600:focus {
+    color: #38a169;
   }
 
-  .sm\:scale-125 {
-    transform: scale(1.25);
+  .sm\:focus\:text-green-700:focus {
+    color: #2f855a;
   }
 
-  .sm\:scale-150 {
-    transform: scale(1.5);
+  .sm\:focus\:text-green-800:focus {
+    color: #276749;
   }
 
-  .sm\:scale-x-0 {
-    transform: scaleX(0);
+  .sm\:focus\:text-green-900:focus {
+    color: #22543d;
   }
 
-  .sm\:scale-x-50 {
-    transform: scaleX(.5);
+  .sm\:focus\:text-teal-100:focus {
+    color: #e6fffa;
   }
 
-  .sm\:scale-x-75 {
-    transform: scaleX(.75);
+  .sm\:focus\:text-teal-200:focus {
+    color: #b2f5ea;
   }
 
-  .sm\:scale-x-90 {
-    transform: scaleX(.9);
+  .sm\:focus\:text-teal-300:focus {
+    color: #81e6d9;
   }
 
-  .sm\:scale-x-95 {
-    transform: scaleX(.95);
+  .sm\:focus\:text-teal-400:focus {
+    color: #4fd1c5;
   }
 
-  .sm\:scale-x-100 {
-    transform: scaleX(1);
+  .sm\:focus\:text-teal-500:focus {
+    color: #38b2ac;
   }
 
-  .sm\:scale-x-105 {
-    transform: scaleX(1.05);
+  .sm\:focus\:text-teal-600:focus {
+    color: #319795;
   }
 
-  .sm\:scale-x-110 {
-    transform: scaleX(1.1);
+  .sm\:focus\:text-teal-700:focus {
+    color: #2c7a7b;
   }
 
-  .sm\:scale-x-125 {
-    transform: scaleX(1.25);
+  .sm\:focus\:text-teal-800:focus {
+    color: #285e61;
   }
 
-  .sm\:scale-x-150 {
-    transform: scaleX(1.5);
+  .sm\:focus\:text-teal-900:focus {
+    color: #234e52;
   }
 
-  .sm\:scale-y-0 {
-    transform: scaleY(0);
+  .sm\:focus\:text-blue-100:focus {
+    color: #ebf8ff;
   }
 
-  .sm\:scale-y-50 {
-    transform: scaleY(.5);
+  .sm\:focus\:text-blue-200:focus {
+    color: #bee3f8;
   }
 
-  .sm\:scale-y-75 {
-    transform: scaleY(.75);
+  .sm\:focus\:text-blue-300:focus {
+    color: #90cdf4;
   }
 
-  .sm\:scale-y-90 {
-    transform: scaleY(.9);
+  .sm\:focus\:text-blue-400:focus {
+    color: #63b3ed;
   }
 
-  .sm\:scale-y-95 {
-    transform: scaleY(.95);
+  .sm\:focus\:text-blue-500:focus {
+    color: #4299e1;
   }
 
-  .sm\:scale-y-100 {
-    transform: scaleY(1);
+  .sm\:focus\:text-blue-600:focus {
+    color: #3182ce;
   }
 
-  .sm\:scale-y-105 {
-    transform: scaleY(1.05);
+  .sm\:focus\:text-blue-700:focus {
+    color: #2b6cb0;
   }
 
-  .sm\:scale-y-110 {
-    transform: scaleY(1.1);
+  .sm\:focus\:text-blue-800:focus {
+    color: #2c5282;
   }
 
-  .sm\:scale-y-125 {
-    transform: scaleY(1.25);
+  .sm\:focus\:text-blue-900:focus {
+    color: #2a4365;
   }
 
-  .sm\:scale-y-150 {
-    transform: scaleY(1.5);
+  .sm\:focus\:text-indigo-100:focus {
+    color: #ebf4ff;
   }
 
-  .sm\:hover\:scale-0:hover {
-    transform: scale(0);
+  .sm\:focus\:text-indigo-200:focus {
+    color: #c3dafe;
   }
 
-  .sm\:hover\:scale-50:hover {
-    transform: scale(.5);
+  .sm\:focus\:text-indigo-300:focus {
+    color: #a3bffa;
   }
 
-  .sm\:hover\:scale-75:hover {
-    transform: scale(.75);
+  .sm\:focus\:text-indigo-400:focus {
+    color: #7f9cf5;
   }
 
-  .sm\:hover\:scale-90:hover {
-    transform: scale(.9);
+  .sm\:focus\:text-indigo-500:focus {
+    color: #667eea;
   }
 
-  .sm\:hover\:scale-95:hover {
-    transform: scale(.95);
+  .sm\:focus\:text-indigo-600:focus {
+    color: #5a67d8;
   }
 
-  .sm\:hover\:scale-100:hover {
-    transform: scale(1);
+  .sm\:focus\:text-indigo-700:focus {
+    color: #4c51bf;
   }
 
-  .sm\:hover\:scale-105:hover {
-    transform: scale(1.05);
+  .sm\:focus\:text-indigo-800:focus {
+    color: #434190;
   }
 
-  .sm\:hover\:scale-110:hover {
-    transform: scale(1.1);
+  .sm\:focus\:text-indigo-900:focus {
+    color: #3c366b;
   }
 
-  .sm\:hover\:scale-125:hover {
-    transform: scale(1.25);
+  .sm\:focus\:text-purple-100:focus {
+    color: #faf5ff;
   }
 
-  .sm\:hover\:scale-150:hover {
-    transform: scale(1.5);
+  .sm\:focus\:text-purple-200:focus {
+    color: #e9d8fd;
   }
 
-  .sm\:hover\:scale-x-0:hover {
-    transform: scaleX(0);
+  .sm\:focus\:text-purple-300:focus {
+    color: #d6bcfa;
   }
 
-  .sm\:hover\:scale-x-50:hover {
-    transform: scaleX(.5);
+  .sm\:focus\:text-purple-400:focus {
+    color: #b794f4;
   }
 
-  .sm\:hover\:scale-x-75:hover {
-    transform: scaleX(.75);
+  .sm\:focus\:text-purple-500:focus {
+    color: #9f7aea;
   }
 
-  .sm\:hover\:scale-x-90:hover {
-    transform: scaleX(.9);
+  .sm\:focus\:text-purple-600:focus {
+    color: #805ad5;
   }
 
-  .sm\:hover\:scale-x-95:hover {
-    transform: scaleX(.95);
+  .sm\:focus\:text-purple-700:focus {
+    color: #6b46c1;
   }
 
-  .sm\:hover\:scale-x-100:hover {
-    transform: scaleX(1);
+  .sm\:focus\:text-purple-800:focus {
+    color: #553c9a;
   }
 
-  .sm\:hover\:scale-x-105:hover {
-    transform: scaleX(1.05);
+  .sm\:focus\:text-purple-900:focus {
+    color: #44337a;
   }
 
-  .sm\:hover\:scale-x-110:hover {
-    transform: scaleX(1.1);
+  .sm\:focus\:text-pink-100:focus {
+    color: #fff5f7;
   }
 
-  .sm\:hover\:scale-x-125:hover {
-    transform: scaleX(1.25);
+  .sm\:focus\:text-pink-200:focus {
+    color: #fed7e2;
   }
 
-  .sm\:hover\:scale-x-150:hover {
-    transform: scaleX(1.5);
+  .sm\:focus\:text-pink-300:focus {
+    color: #fbb6ce;
   }
 
-  .sm\:hover\:scale-y-0:hover {
-    transform: scaleY(0);
+  .sm\:focus\:text-pink-400:focus {
+    color: #f687b3;
   }
 
-  .sm\:hover\:scale-y-50:hover {
-    transform: scaleY(.5);
+  .sm\:focus\:text-pink-500:focus {
+    color: #ed64a6;
   }
 
-  .sm\:hover\:scale-y-75:hover {
-    transform: scaleY(.75);
+  .sm\:focus\:text-pink-600:focus {
+    color: #d53f8c;
   }
 
-  .sm\:hover\:scale-y-90:hover {
-    transform: scaleY(.9);
+  .sm\:focus\:text-pink-700:focus {
+    color: #b83280;
   }
 
-  .sm\:hover\:scale-y-95:hover {
-    transform: scaleY(.95);
+  .sm\:focus\:text-pink-800:focus {
+    color: #97266d;
   }
 
-  .sm\:hover\:scale-y-100:hover {
-    transform: scaleY(1);
+  .sm\:focus\:text-pink-900:focus {
+    color: #702459;
   }
 
-  .sm\:hover\:scale-y-105:hover {
-    transform: scaleY(1.05);
+  .sm\:italic {
+    font-style: italic;
   }
 
-  .sm\:hover\:scale-y-110:hover {
-    transform: scaleY(1.1);
+  .sm\:not-italic {
+    font-style: normal;
   }
 
-  .sm\:hover\:scale-y-125:hover {
-    transform: scaleY(1.25);
+  .sm\:uppercase {
+    text-transform: uppercase;
   }
 
-  .sm\:hover\:scale-y-150:hover {
-    transform: scaleY(1.5);
+  .sm\:lowercase {
+    text-transform: lowercase;
   }
 
-  .sm\:focus\:scale-0:focus {
-    transform: scale(0);
+  .sm\:capitalize {
+    text-transform: capitalize;
   }
 
-  .sm\:focus\:scale-50:focus {
-    transform: scale(.5);
+  .sm\:normal-case {
+    text-transform: none;
   }
 
-  .sm\:focus\:scale-75:focus {
-    transform: scale(.75);
+  .sm\:underline {
+    text-decoration: underline;
   }
 
-  .sm\:focus\:scale-90:focus {
-    transform: scale(.9);
+  .sm\:line-through {
+    text-decoration: line-through;
   }
 
-  .sm\:focus\:scale-95:focus {
-    transform: scale(.95);
+  .sm\:no-underline {
+    text-decoration: none;
   }
 
-  .sm\:focus\:scale-100:focus {
-    transform: scale(1);
+  .sm\:hover\:underline:hover {
+    text-decoration: underline;
   }
 
-  .sm\:focus\:scale-105:focus {
-    transform: scale(1.05);
+  .sm\:hover\:line-through:hover {
+    text-decoration: line-through;
   }
 
-  .sm\:focus\:scale-110:focus {
-    transform: scale(1.1);
+  .sm\:hover\:no-underline:hover {
+    text-decoration: none;
   }
 
-  .sm\:focus\:scale-125:focus {
-    transform: scale(1.25);
+  .sm\:focus\:underline:focus {
+    text-decoration: underline;
   }
 
-  .sm\:focus\:scale-150:focus {
-    transform: scale(1.5);
+  .sm\:focus\:line-through:focus {
+    text-decoration: line-through;
   }
 
-  .sm\:focus\:scale-x-0:focus {
-    transform: scaleX(0);
+  .sm\:focus\:no-underline:focus {
+    text-decoration: none;
   }
 
-  .sm\:focus\:scale-x-50:focus {
-    transform: scaleX(.5);
+  .sm\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
 
-  .sm\:focus\:scale-x-75:focus {
-    transform: scaleX(.75);
+  .sm\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
   }
 
-  .sm\:focus\:scale-x-90:focus {
-    transform: scaleX(.9);
+  .sm\:tracking-tighter {
+    letter-spacing: -0.05em;
   }
 
-  .sm\:focus\:scale-x-95:focus {
-    transform: scaleX(.95);
+  .sm\:tracking-tight {
+    letter-spacing: -0.025em;
   }
 
-  .sm\:focus\:scale-x-100:focus {
-    transform: scaleX(1);
+  .sm\:tracking-normal {
+    letter-spacing: 0;
   }
 
-  .sm\:focus\:scale-x-105:focus {
-    transform: scaleX(1.05);
+  .sm\:tracking-wide {
+    letter-spacing: 0.025em;
   }
 
-  .sm\:focus\:scale-x-110:focus {
-    transform: scaleX(1.1);
+  .sm\:tracking-wider {
+    letter-spacing: 0.05em;
   }
 
-  .sm\:focus\:scale-x-125:focus {
-    transform: scaleX(1.25);
+  .sm\:tracking-widest {
+    letter-spacing: 0.1em;
   }
 
-  .sm\:focus\:scale-x-150:focus {
-    transform: scaleX(1.5);
+  .sm\:select-none {
+    user-select: none;
   }
 
-  .sm\:focus\:scale-y-0:focus {
-    transform: scaleY(0);
+  .sm\:select-text {
+    user-select: text;
   }
 
-  .sm\:focus\:scale-y-50:focus {
-    transform: scaleY(.5);
+  .sm\:select-all {
+    user-select: all;
   }
 
-  .sm\:focus\:scale-y-75:focus {
-    transform: scaleY(.75);
+  .sm\:select-auto {
+    user-select: auto;
   }
 
-  .sm\:focus\:scale-y-90:focus {
-    transform: scaleY(.9);
+  .sm\:align-baseline {
+    vertical-align: baseline;
   }
 
-  .sm\:focus\:scale-y-95:focus {
-    transform: scaleY(.95);
+  .sm\:align-top {
+    vertical-align: top;
   }
 
-  .sm\:focus\:scale-y-100:focus {
-    transform: scaleY(1);
+  .sm\:align-middle {
+    vertical-align: middle;
   }
 
-  .sm\:focus\:scale-y-105:focus {
-    transform: scaleY(1.05);
+  .sm\:align-bottom {
+    vertical-align: bottom;
   }
 
-  .sm\:focus\:scale-y-110:focus {
-    transform: scaleY(1.1);
+  .sm\:align-text-top {
+    vertical-align: text-top;
   }
 
-  .sm\:focus\:scale-y-125:focus {
-    transform: scaleY(1.25);
+  .sm\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
-  .sm\:focus\:scale-y-150:focus {
-    transform: scaleY(1.5);
+  .sm\:visible {
+    visibility: visible;
   }
 
-  .sm\:rotate-0 {
-    transform: rotate(0);
+  .sm\:invisible {
+    visibility: hidden;
   }
 
-  .sm\:rotate-45 {
-    transform: rotate(45deg);
+  .sm\:whitespace-normal {
+    white-space: normal;
   }
 
-  .sm\:rotate-90 {
-    transform: rotate(90deg);
+  .sm\:whitespace-no-wrap {
+    white-space: nowrap;
   }
 
-  .sm\:rotate-180 {
-    transform: rotate(180deg);
+  .sm\:whitespace-pre {
+    white-space: pre;
   }
 
-  .sm\:-rotate-180 {
-    transform: rotate(-180deg);
+  .sm\:whitespace-pre-line {
+    white-space: pre-line;
   }
 
-  .sm\:-rotate-90 {
-    transform: rotate(-90deg);
+  .sm\:whitespace-pre-wrap {
+    white-space: pre-wrap;
   }
 
-  .sm\:-rotate-45 {
-    transform: rotate(-45deg);
+  .sm\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
   }
 
-  .sm\:hover\:rotate-0:hover {
-    transform: rotate(0);
+  .sm\:break-words {
+    overflow-wrap: break-word;
   }
 
-  .sm\:hover\:rotate-45:hover {
-    transform: rotate(45deg);
+  .sm\:break-all {
+    word-break: break-all;
   }
 
-  .sm\:hover\:rotate-90:hover {
-    transform: rotate(90deg);
+  .sm\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
-  .sm\:hover\:rotate-180:hover {
-    transform: rotate(180deg);
+  .sm\:w-0 {
+    width: 0;
   }
 
-  .sm\:hover\:-rotate-180:hover {
-    transform: rotate(-180deg);
+  .sm\:w-1 {
+    width: 0.25rem;
   }
 
-  .sm\:hover\:-rotate-90:hover {
-    transform: rotate(-90deg);
+  .sm\:w-2 {
+    width: 0.5rem;
   }
 
-  .sm\:hover\:-rotate-45:hover {
-    transform: rotate(-45deg);
+  .sm\:w-3 {
+    width: 0.75rem;
   }
 
-  .sm\:focus\:rotate-0:focus {
-    transform: rotate(0);
+  .sm\:w-4 {
+    width: 1rem;
   }
 
-  .sm\:focus\:rotate-45:focus {
-    transform: rotate(45deg);
+  .sm\:w-5 {
+    width: 1.25rem;
   }
 
-  .sm\:focus\:rotate-90:focus {
-    transform: rotate(90deg);
+  .sm\:w-6 {
+    width: 1.5rem;
   }
 
-  .sm\:focus\:rotate-180:focus {
-    transform: rotate(180deg);
+  .sm\:w-8 {
+    width: 2rem;
   }
 
-  .sm\:focus\:-rotate-180:focus {
-    transform: rotate(-180deg);
+  .sm\:w-10 {
+    width: 2.5rem;
   }
 
-  .sm\:focus\:-rotate-90:focus {
-    transform: rotate(-90deg);
+  .sm\:w-12 {
+    width: 3rem;
   }
 
-  .sm\:focus\:-rotate-45:focus {
-    transform: rotate(-45deg);
+  .sm\:w-16 {
+    width: 4rem;
   }
 
-  .sm\:translate-x-0 {
-    transform: translateX(0);
+  .sm\:w-20 {
+    width: 5rem;
   }
 
-  .sm\:translate-x-1 {
-    transform: translateX(0.25rem);
+  .sm\:w-24 {
+    width: 6rem;
   }
 
-  .sm\:translate-x-2 {
-    transform: translateX(0.5rem);
+  .sm\:w-32 {
+    width: 8rem;
   }
 
-  .sm\:translate-x-3 {
-    transform: translateX(0.75rem);
+  .sm\:w-40 {
+    width: 10rem;
   }
 
-  .sm\:translate-x-4 {
-    transform: translateX(1rem);
+  .sm\:w-48 {
+    width: 12rem;
   }
 
-  .sm\:translate-x-5 {
-    transform: translateX(1.25rem);
+  .sm\:w-56 {
+    width: 14rem;
   }
 
-  .sm\:translate-x-6 {
-    transform: translateX(1.5rem);
+  .sm\:w-64 {
+    width: 16rem;
   }
 
-  .sm\:translate-x-8 {
-    transform: translateX(2rem);
+  .sm\:w-auto {
+    width: auto;
   }
 
-  .sm\:translate-x-10 {
-    transform: translateX(2.5rem);
+  .sm\:w-px {
+    width: 1px;
   }
 
-  .sm\:translate-x-12 {
-    transform: translateX(3rem);
+  .sm\:w-1\/2 {
+    width: 50%;
   }
 
-  .sm\:translate-x-16 {
-    transform: translateX(4rem);
+  .sm\:w-1\/3 {
+    width: 33.333333%;
   }
 
-  .sm\:translate-x-20 {
-    transform: translateX(5rem);
+  .sm\:w-2\/3 {
+    width: 66.666667%;
   }
 
-  .sm\:translate-x-24 {
-    transform: translateX(6rem);
+  .sm\:w-1\/4 {
+    width: 25%;
   }
 
-  .sm\:translate-x-32 {
-    transform: translateX(8rem);
+  .sm\:w-2\/4 {
+    width: 50%;
   }
 
-  .sm\:translate-x-40 {
-    transform: translateX(10rem);
+  .sm\:w-3\/4 {
+    width: 75%;
   }
 
-  .sm\:translate-x-48 {
-    transform: translateX(12rem);
+  .sm\:w-1\/5 {
+    width: 20%;
   }
 
-  .sm\:translate-x-56 {
-    transform: translateX(14rem);
+  .sm\:w-2\/5 {
+    width: 40%;
   }
 
-  .sm\:translate-x-64 {
-    transform: translateX(16rem);
+  .sm\:w-3\/5 {
+    width: 60%;
   }
 
-  .sm\:translate-x-px {
-    transform: translateX(1px);
+  .sm\:w-4\/5 {
+    width: 80%;
   }
 
-  .sm\:-translate-x-1 {
-    transform: translateX(-0.25rem);
+  .sm\:w-1\/6 {
+    width: 16.666667%;
   }
 
-  .sm\:-translate-x-2 {
-    transform: translateX(-0.5rem);
+  .sm\:w-2\/6 {
+    width: 33.333333%;
   }
 
-  .sm\:-translate-x-3 {
-    transform: translateX(-0.75rem);
+  .sm\:w-3\/6 {
+    width: 50%;
   }
 
-  .sm\:-translate-x-4 {
-    transform: translateX(-1rem);
+  .sm\:w-4\/6 {
+    width: 66.666667%;
   }
 
-  .sm\:-translate-x-5 {
-    transform: translateX(-1.25rem);
+  .sm\:w-5\/6 {
+    width: 83.333333%;
   }
 
-  .sm\:-translate-x-6 {
-    transform: translateX(-1.5rem);
+  .sm\:w-1\/12 {
+    width: 8.333333%;
   }
 
-  .sm\:-translate-x-8 {
-    transform: translateX(-2rem);
+  .sm\:w-2\/12 {
+    width: 16.666667%;
   }
 
-  .sm\:-translate-x-10 {
-    transform: translateX(-2.5rem);
+  .sm\:w-3\/12 {
+    width: 25%;
   }
 
-  .sm\:-translate-x-12 {
-    transform: translateX(-3rem);
+  .sm\:w-4\/12 {
+    width: 33.333333%;
   }
 
-  .sm\:-translate-x-16 {
-    transform: translateX(-4rem);
+  .sm\:w-5\/12 {
+    width: 41.666667%;
   }
 
-  .sm\:-translate-x-20 {
-    transform: translateX(-5rem);
+  .sm\:w-6\/12 {
+    width: 50%;
   }
 
-  .sm\:-translate-x-24 {
-    transform: translateX(-6rem);
+  .sm\:w-7\/12 {
+    width: 58.333333%;
   }
 
-  .sm\:-translate-x-32 {
-    transform: translateX(-8rem);
+  .sm\:w-8\/12 {
+    width: 66.666667%;
   }
 
-  .sm\:-translate-x-40 {
-    transform: translateX(-10rem);
+  .sm\:w-9\/12 {
+    width: 75%;
   }
 
-  .sm\:-translate-x-48 {
-    transform: translateX(-12rem);
+  .sm\:w-10\/12 {
+    width: 83.333333%;
   }
 
-  .sm\:-translate-x-56 {
-    transform: translateX(-14rem);
+  .sm\:w-11\/12 {
+    width: 91.666667%;
   }
 
-  .sm\:-translate-x-64 {
-    transform: translateX(-16rem);
+  .sm\:w-full {
+    width: 100%;
   }
 
-  .sm\:-translate-x-px {
-    transform: translateX(-1px);
+  .sm\:w-screen {
+    width: 100vw;
   }
 
-  .sm\:-translate-x-full {
-    transform: translateX(-100%);
+  .sm\:z-0 {
+    z-index: 0;
   }
 
-  .sm\:-translate-x-1\/2 {
-    transform: translateX(-50%);
+  .sm\:z-10 {
+    z-index: 10;
   }
 
-  .sm\:translate-x-1\/2 {
-    transform: translateX(50%);
+  .sm\:z-20 {
+    z-index: 20;
   }
 
-  .sm\:translate-x-full {
-    transform: translateX(100%);
+  .sm\:z-30 {
+    z-index: 30;
   }
 
-  .sm\:translate-y-0 {
-    transform: translateY(0);
+  .sm\:z-40 {
+    z-index: 40;
   }
 
-  .sm\:translate-y-1 {
-    transform: translateY(0.25rem);
+  .sm\:z-50 {
+    z-index: 50;
   }
 
-  .sm\:translate-y-2 {
-    transform: translateY(0.5rem);
+  .sm\:z-auto {
+    z-index: auto;
   }
 
-  .sm\:translate-y-3 {
-    transform: translateY(0.75rem);
+  .sm\:origin-center {
+    transform-origin: center;
   }
 
-  .sm\:translate-y-4 {
-    transform: translateY(1rem);
+  .sm\:origin-top {
+    transform-origin: top;
   }
 
-  .sm\:translate-y-5 {
-    transform: translateY(1.25rem);
+  .sm\:origin-top-right {
+    transform-origin: top right;
   }
 
-  .sm\:translate-y-6 {
-    transform: translateY(1.5rem);
+  .sm\:origin-right {
+    transform-origin: right;
   }
 
-  .sm\:translate-y-8 {
-    transform: translateY(2rem);
+  .sm\:origin-bottom-right {
+    transform-origin: bottom right;
   }
 
-  .sm\:translate-y-10 {
-    transform: translateY(2.5rem);
+  .sm\:origin-bottom {
+    transform-origin: bottom;
   }
 
-  .sm\:translate-y-12 {
-    transform: translateY(3rem);
+  .sm\:origin-bottom-left {
+    transform-origin: bottom left;
   }
 
-  .sm\:translate-y-16 {
-    transform: translateY(4rem);
+  .sm\:origin-left {
+    transform-origin: left;
   }
 
-  .sm\:translate-y-20 {
-    transform: translateY(5rem);
+  .sm\:origin-top-left {
+    transform-origin: top left;
   }
 
-  .sm\:translate-y-24 {
-    transform: translateY(6rem);
+  .sm\:scale-0 {
+    transform: scale(0);
   }
 
-  .sm\:translate-y-32 {
-    transform: translateY(8rem);
+  .sm\:scale-50 {
+    transform: scale(.5);
   }
 
-  .sm\:translate-y-40 {
-    transform: translateY(10rem);
+  .sm\:scale-75 {
+    transform: scale(.75);
   }
 
-  .sm\:translate-y-48 {
-    transform: translateY(12rem);
+  .sm\:scale-90 {
+    transform: scale(.9);
   }
 
-  .sm\:translate-y-56 {
-    transform: translateY(14rem);
+  .sm\:scale-95 {
+    transform: scale(.95);
   }
 
-  .sm\:translate-y-64 {
-    transform: translateY(16rem);
+  .sm\:scale-100 {
+    transform: scale(1);
   }
 
-  .sm\:translate-y-px {
-    transform: translateY(1px);
+  .sm\:scale-105 {
+    transform: scale(1.05);
   }
 
-  .sm\:-translate-y-1 {
-    transform: translateY(-0.25rem);
+  .sm\:scale-110 {
+    transform: scale(1.1);
   }
 
-  .sm\:-translate-y-2 {
-    transform: translateY(-0.5rem);
+  .sm\:scale-125 {
+    transform: scale(1.25);
   }
 
-  .sm\:-translate-y-3 {
-    transform: translateY(-0.75rem);
+  .sm\:scale-150 {
+    transform: scale(1.5);
   }
 
-  .sm\:-translate-y-4 {
-    transform: translateY(-1rem);
+  .sm\:scale-x-0 {
+    transform: scaleX(0);
   }
 
-  .sm\:-translate-y-5 {
-    transform: translateY(-1.25rem);
+  .sm\:scale-x-50 {
+    transform: scaleX(.5);
   }
 
-  .sm\:-translate-y-6 {
-    transform: translateY(-1.5rem);
+  .sm\:scale-x-75 {
+    transform: scaleX(.75);
   }
 
-  .sm\:-translate-y-8 {
-    transform: translateY(-2rem);
+  .sm\:scale-x-90 {
+    transform: scaleX(.9);
   }
 
-  .sm\:-translate-y-10 {
-    transform: translateY(-2.5rem);
+  .sm\:scale-x-95 {
+    transform: scaleX(.95);
   }
 
-  .sm\:-translate-y-12 {
-    transform: translateY(-3rem);
+  .sm\:scale-x-100 {
+    transform: scaleX(1);
   }
 
-  .sm\:-translate-y-16 {
-    transform: translateY(-4rem);
+  .sm\:scale-x-105 {
+    transform: scaleX(1.05);
   }
 
-  .sm\:-translate-y-20 {
-    transform: translateY(-5rem);
+  .sm\:scale-x-110 {
+    transform: scaleX(1.1);
   }
 
-  .sm\:-translate-y-24 {
-    transform: translateY(-6rem);
+  .sm\:scale-x-125 {
+    transform: scaleX(1.25);
   }
 
-  .sm\:-translate-y-32 {
-    transform: translateY(-8rem);
+  .sm\:scale-x-150 {
+    transform: scaleX(1.5);
   }
 
-  .sm\:-translate-y-40 {
-    transform: translateY(-10rem);
+  .sm\:scale-y-0 {
+    transform: scaleY(0);
   }
 
-  .sm\:-translate-y-48 {
-    transform: translateY(-12rem);
+  .sm\:scale-y-50 {
+    transform: scaleY(.5);
   }
 
-  .sm\:-translate-y-56 {
-    transform: translateY(-14rem);
+  .sm\:scale-y-75 {
+    transform: scaleY(.75);
   }
 
-  .sm\:-translate-y-64 {
-    transform: translateY(-16rem);
+  .sm\:scale-y-90 {
+    transform: scaleY(.9);
   }
 
-  .sm\:-translate-y-px {
-    transform: translateY(-1px);
+  .sm\:scale-y-95 {
+    transform: scaleY(.95);
   }
 
-  .sm\:-translate-y-full {
-    transform: translateY(-100%);
+  .sm\:scale-y-100 {
+    transform: scaleY(1);
   }
 
-  .sm\:-translate-y-1\/2 {
-    transform: translateY(-50%);
+  .sm\:scale-y-105 {
+    transform: scaleY(1.05);
   }
 
-  .sm\:translate-y-1\/2 {
-    transform: translateY(50%);
+  .sm\:scale-y-110 {
+    transform: scaleY(1.1);
   }
 
-  .sm\:translate-y-full {
-    transform: translateY(100%);
+  .sm\:scale-y-125 {
+    transform: scaleY(1.25);
   }
 
-  .sm\:hover\:translate-x-0:hover {
-    transform: translateX(0);
+  .sm\:scale-y-150 {
+    transform: scaleY(1.5);
   }
 
-  .sm\:hover\:translate-x-1:hover {
-    transform: translateX(0.25rem);
+  .sm\:hover\:scale-0:hover {
+    transform: scale(0);
   }
 
-  .sm\:hover\:translate-x-2:hover {
-    transform: translateX(0.5rem);
+  .sm\:hover\:scale-50:hover {
+    transform: scale(.5);
   }
 
-  .sm\:hover\:translate-x-3:hover {
-    transform: translateX(0.75rem);
+  .sm\:hover\:scale-75:hover {
+    transform: scale(.75);
   }
 
-  .sm\:hover\:translate-x-4:hover {
-    transform: translateX(1rem);
+  .sm\:hover\:scale-90:hover {
+    transform: scale(.9);
   }
 
-  .sm\:hover\:translate-x-5:hover {
-    transform: translateX(1.25rem);
+  .sm\:hover\:scale-95:hover {
+    transform: scale(.95);
   }
 
-  .sm\:hover\:translate-x-6:hover {
-    transform: translateX(1.5rem);
+  .sm\:hover\:scale-100:hover {
+    transform: scale(1);
   }
 
-  .sm\:hover\:translate-x-8:hover {
-    transform: translateX(2rem);
+  .sm\:hover\:scale-105:hover {
+    transform: scale(1.05);
   }
 
-  .sm\:hover\:translate-x-10:hover {
-    transform: translateX(2.5rem);
+  .sm\:hover\:scale-110:hover {
+    transform: scale(1.1);
   }
 
-  .sm\:hover\:translate-x-12:hover {
-    transform: translateX(3rem);
+  .sm\:hover\:scale-125:hover {
+    transform: scale(1.25);
   }
 
-  .sm\:hover\:translate-x-16:hover {
-    transform: translateX(4rem);
+  .sm\:hover\:scale-150:hover {
+    transform: scale(1.5);
   }
 
-  .sm\:hover\:translate-x-20:hover {
-    transform: translateX(5rem);
+  .sm\:hover\:scale-x-0:hover {
+    transform: scaleX(0);
   }
 
-  .sm\:hover\:translate-x-24:hover {
-    transform: translateX(6rem);
+  .sm\:hover\:scale-x-50:hover {
+    transform: scaleX(.5);
   }
 
-  .sm\:hover\:translate-x-32:hover {
-    transform: translateX(8rem);
+  .sm\:hover\:scale-x-75:hover {
+    transform: scaleX(.75);
   }
 
-  .sm\:hover\:translate-x-40:hover {
-    transform: translateX(10rem);
+  .sm\:hover\:scale-x-90:hover {
+    transform: scaleX(.9);
   }
 
-  .sm\:hover\:translate-x-48:hover {
-    transform: translateX(12rem);
+  .sm\:hover\:scale-x-95:hover {
+    transform: scaleX(.95);
   }
 
-  .sm\:hover\:translate-x-56:hover {
-    transform: translateX(14rem);
+  .sm\:hover\:scale-x-100:hover {
+    transform: scaleX(1);
   }
 
-  .sm\:hover\:translate-x-64:hover {
-    transform: translateX(16rem);
+  .sm\:hover\:scale-x-105:hover {
+    transform: scaleX(1.05);
   }
 
-  .sm\:hover\:translate-x-px:hover {
-    transform: translateX(1px);
+  .sm\:hover\:scale-x-110:hover {
+    transform: scaleX(1.1);
   }
 
-  .sm\:hover\:-translate-x-1:hover {
-    transform: translateX(-0.25rem);
+  .sm\:hover\:scale-x-125:hover {
+    transform: scaleX(1.25);
   }
 
-  .sm\:hover\:-translate-x-2:hover {
-    transform: translateX(-0.5rem);
+  .sm\:hover\:scale-x-150:hover {
+    transform: scaleX(1.5);
   }
 
-  .sm\:hover\:-translate-x-3:hover {
-    transform: translateX(-0.75rem);
+  .sm\:hover\:scale-y-0:hover {
+    transform: scaleY(0);
   }
 
-  .sm\:hover\:-translate-x-4:hover {
-    transform: translateX(-1rem);
+  .sm\:hover\:scale-y-50:hover {
+    transform: scaleY(.5);
   }
 
-  .sm\:hover\:-translate-x-5:hover {
-    transform: translateX(-1.25rem);
+  .sm\:hover\:scale-y-75:hover {
+    transform: scaleY(.75);
   }
 
-  .sm\:hover\:-translate-x-6:hover {
-    transform: translateX(-1.5rem);
+  .sm\:hover\:scale-y-90:hover {
+    transform: scaleY(.9);
   }
 
-  .sm\:hover\:-translate-x-8:hover {
-    transform: translateX(-2rem);
+  .sm\:hover\:scale-y-95:hover {
+    transform: scaleY(.95);
   }
 
-  .sm\:hover\:-translate-x-10:hover {
-    transform: translateX(-2.5rem);
+  .sm\:hover\:scale-y-100:hover {
+    transform: scaleY(1);
   }
 
-  .sm\:hover\:-translate-x-12:hover {
-    transform: translateX(-3rem);
+  .sm\:hover\:scale-y-105:hover {
+    transform: scaleY(1.05);
   }
 
-  .sm\:hover\:-translate-x-16:hover {
-    transform: translateX(-4rem);
+  .sm\:hover\:scale-y-110:hover {
+    transform: scaleY(1.1);
   }
 
-  .sm\:hover\:-translate-x-20:hover {
-    transform: translateX(-5rem);
+  .sm\:hover\:scale-y-125:hover {
+    transform: scaleY(1.25);
   }
 
-  .sm\:hover\:-translate-x-24:hover {
-    transform: translateX(-6rem);
+  .sm\:hover\:scale-y-150:hover {
+    transform: scaleY(1.5);
   }
 
-  .sm\:hover\:-translate-x-32:hover {
-    transform: translateX(-8rem);
+  .sm\:focus\:scale-0:focus {
+    transform: scale(0);
   }
 
-  .sm\:hover\:-translate-x-40:hover {
-    transform: translateX(-10rem);
+  .sm\:focus\:scale-50:focus {
+    transform: scale(.5);
   }
 
-  .sm\:hover\:-translate-x-48:hover {
-    transform: translateX(-12rem);
+  .sm\:focus\:scale-75:focus {
+    transform: scale(.75);
   }
 
-  .sm\:hover\:-translate-x-56:hover {
-    transform: translateX(-14rem);
+  .sm\:focus\:scale-90:focus {
+    transform: scale(.9);
   }
 
-  .sm\:hover\:-translate-x-64:hover {
-    transform: translateX(-16rem);
+  .sm\:focus\:scale-95:focus {
+    transform: scale(.95);
   }
 
-  .sm\:hover\:-translate-x-px:hover {
-    transform: translateX(-1px);
+  .sm\:focus\:scale-100:focus {
+    transform: scale(1);
   }
 
-  .sm\:hover\:-translate-x-full:hover {
-    transform: translateX(-100%);
+  .sm\:focus\:scale-105:focus {
+    transform: scale(1.05);
   }
 
-  .sm\:hover\:-translate-x-1\/2:hover {
-    transform: translateX(-50%);
+  .sm\:focus\:scale-110:focus {
+    transform: scale(1.1);
   }
 
-  .sm\:hover\:translate-x-1\/2:hover {
-    transform: translateX(50%);
+  .sm\:focus\:scale-125:focus {
+    transform: scale(1.25);
   }
 
-  .sm\:hover\:translate-x-full:hover {
-    transform: translateX(100%);
+  .sm\:focus\:scale-150:focus {
+    transform: scale(1.5);
   }
 
-  .sm\:hover\:translate-y-0:hover {
-    transform: translateY(0);
+  .sm\:focus\:scale-x-0:focus {
+    transform: scaleX(0);
   }
 
-  .sm\:hover\:translate-y-1:hover {
-    transform: translateY(0.25rem);
+  .sm\:focus\:scale-x-50:focus {
+    transform: scaleX(.5);
   }
 
-  .sm\:hover\:translate-y-2:hover {
-    transform: translateY(0.5rem);
+  .sm\:focus\:scale-x-75:focus {
+    transform: scaleX(.75);
   }
 
-  .sm\:hover\:translate-y-3:hover {
-    transform: translateY(0.75rem);
+  .sm\:focus\:scale-x-90:focus {
+    transform: scaleX(.9);
   }
 
-  .sm\:hover\:translate-y-4:hover {
-    transform: translateY(1rem);
+  .sm\:focus\:scale-x-95:focus {
+    transform: scaleX(.95);
   }
 
-  .sm\:hover\:translate-y-5:hover {
-    transform: translateY(1.25rem);
+  .sm\:focus\:scale-x-100:focus {
+    transform: scaleX(1);
   }
 
-  .sm\:hover\:translate-y-6:hover {
-    transform: translateY(1.5rem);
+  .sm\:focus\:scale-x-105:focus {
+    transform: scaleX(1.05);
   }
 
-  .sm\:hover\:translate-y-8:hover {
-    transform: translateY(2rem);
+  .sm\:focus\:scale-x-110:focus {
+    transform: scaleX(1.1);
   }
 
-  .sm\:hover\:translate-y-10:hover {
-    transform: translateY(2.5rem);
+  .sm\:focus\:scale-x-125:focus {
+    transform: scaleX(1.25);
   }
 
-  .sm\:hover\:translate-y-12:hover {
-    transform: translateY(3rem);
+  .sm\:focus\:scale-x-150:focus {
+    transform: scaleX(1.5);
   }
 
-  .sm\:hover\:translate-y-16:hover {
-    transform: translateY(4rem);
+  .sm\:focus\:scale-y-0:focus {
+    transform: scaleY(0);
   }
 
-  .sm\:hover\:translate-y-20:hover {
-    transform: translateY(5rem);
+  .sm\:focus\:scale-y-50:focus {
+    transform: scaleY(.5);
   }
 
-  .sm\:hover\:translate-y-24:hover {
-    transform: translateY(6rem);
+  .sm\:focus\:scale-y-75:focus {
+    transform: scaleY(.75);
   }
 
-  .sm\:hover\:translate-y-32:hover {
-    transform: translateY(8rem);
+  .sm\:focus\:scale-y-90:focus {
+    transform: scaleY(.9);
   }
 
-  .sm\:hover\:translate-y-40:hover {
-    transform: translateY(10rem);
+  .sm\:focus\:scale-y-95:focus {
+    transform: scaleY(.95);
   }
 
-  .sm\:hover\:translate-y-48:hover {
-    transform: translateY(12rem);
+  .sm\:focus\:scale-y-100:focus {
+    transform: scaleY(1);
   }
 
-  .sm\:hover\:translate-y-56:hover {
-    transform: translateY(14rem);
+  .sm\:focus\:scale-y-105:focus {
+    transform: scaleY(1.05);
   }
 
-  .sm\:hover\:translate-y-64:hover {
-    transform: translateY(16rem);
+  .sm\:focus\:scale-y-110:focus {
+    transform: scaleY(1.1);
   }
 
-  .sm\:hover\:translate-y-px:hover {
-    transform: translateY(1px);
+  .sm\:focus\:scale-y-125:focus {
+    transform: scaleY(1.25);
   }
 
-  .sm\:hover\:-translate-y-1:hover {
-    transform: translateY(-0.25rem);
+  .sm\:focus\:scale-y-150:focus {
+    transform: scaleY(1.5);
   }
 
-  .sm\:hover\:-translate-y-2:hover {
-    transform: translateY(-0.5rem);
+  .sm\:rotate-0 {
+    transform: rotate(0);
   }
 
-  .sm\:hover\:-translate-y-3:hover {
-    transform: translateY(-0.75rem);
+  .sm\:rotate-45 {
+    transform: rotate(45deg);
   }
 
-  .sm\:hover\:-translate-y-4:hover {
-    transform: translateY(-1rem);
+  .sm\:rotate-90 {
+    transform: rotate(90deg);
   }
 
-  .sm\:hover\:-translate-y-5:hover {
-    transform: translateY(-1.25rem);
+  .sm\:rotate-180 {
+    transform: rotate(180deg);
   }
 
-  .sm\:hover\:-translate-y-6:hover {
-    transform: translateY(-1.5rem);
+  .sm\:-rotate-180 {
+    transform: rotate(-180deg);
   }
 
-  .sm\:hover\:-translate-y-8:hover {
-    transform: translateY(-2rem);
+  .sm\:-rotate-90 {
+    transform: rotate(-90deg);
   }
 
-  .sm\:hover\:-translate-y-10:hover {
-    transform: translateY(-2.5rem);
+  .sm\:-rotate-45 {
+    transform: rotate(-45deg);
   }
 
-  .sm\:hover\:-translate-y-12:hover {
-    transform: translateY(-3rem);
+  .sm\:hover\:rotate-0:hover {
+    transform: rotate(0);
   }
 
-  .sm\:hover\:-translate-y-16:hover {
-    transform: translateY(-4rem);
+  .sm\:hover\:rotate-45:hover {
+    transform: rotate(45deg);
   }
 
-  .sm\:hover\:-translate-y-20:hover {
-    transform: translateY(-5rem);
+  .sm\:hover\:rotate-90:hover {
+    transform: rotate(90deg);
   }
 
-  .sm\:hover\:-translate-y-24:hover {
-    transform: translateY(-6rem);
+  .sm\:hover\:rotate-180:hover {
+    transform: rotate(180deg);
   }
 
-  .sm\:hover\:-translate-y-32:hover {
-    transform: translateY(-8rem);
+  .sm\:hover\:-rotate-180:hover {
+    transform: rotate(-180deg);
   }
 
-  .sm\:hover\:-translate-y-40:hover {
-    transform: translateY(-10rem);
+  .sm\:hover\:-rotate-90:hover {
+    transform: rotate(-90deg);
   }
 
-  .sm\:hover\:-translate-y-48:hover {
-    transform: translateY(-12rem);
+  .sm\:hover\:-rotate-45:hover {
+    transform: rotate(-45deg);
   }
 
-  .sm\:hover\:-translate-y-56:hover {
-    transform: translateY(-14rem);
+  .sm\:focus\:rotate-0:focus {
+    transform: rotate(0);
   }
 
-  .sm\:hover\:-translate-y-64:hover {
-    transform: translateY(-16rem);
+  .sm\:focus\:rotate-45:focus {
+    transform: rotate(45deg);
   }
 
-  .sm\:hover\:-translate-y-px:hover {
-    transform: translateY(-1px);
+  .sm\:focus\:rotate-90:focus {
+    transform: rotate(90deg);
   }
 
-  .sm\:hover\:-translate-y-full:hover {
-    transform: translateY(-100%);
+  .sm\:focus\:rotate-180:focus {
+    transform: rotate(180deg);
   }
 
-  .sm\:hover\:-translate-y-1\/2:hover {
-    transform: translateY(-50%);
+  .sm\:focus\:-rotate-180:focus {
+    transform: rotate(-180deg);
   }
 
-  .sm\:hover\:translate-y-1\/2:hover {
-    transform: translateY(50%);
+  .sm\:focus\:-rotate-90:focus {
+    transform: rotate(-90deg);
   }
 
-  .sm\:hover\:translate-y-full:hover {
-    transform: translateY(100%);
+  .sm\:focus\:-rotate-45:focus {
+    transform: rotate(-45deg);
   }
 
-  .sm\:focus\:translate-x-0:focus {
+  .sm\:translate-x-0 {
     transform: translateX(0);
   }
 
-  .sm\:focus\:translate-x-1:focus {
+  .sm\:translate-x-1 {
     transform: translateX(0.25rem);
   }
 
-  .sm\:focus\:translate-x-2:focus {
+  .sm\:translate-x-2 {
     transform: translateX(0.5rem);
   }
 
-  .sm\:focus\:translate-x-3:focus {
+  .sm\:translate-x-3 {
     transform: translateX(0.75rem);
   }
 
-  .sm\:focus\:translate-x-4:focus {
+  .sm\:translate-x-4 {
     transform: translateX(1rem);
   }
 
-  .sm\:focus\:translate-x-5:focus {
+  .sm\:translate-x-5 {
     transform: translateX(1.25rem);
   }
 
-  .sm\:focus\:translate-x-6:focus {
+  .sm\:translate-x-6 {
     transform: translateX(1.5rem);
   }
 
-  .sm\:focus\:translate-x-8:focus {
+  .sm\:translate-x-8 {
     transform: translateX(2rem);
   }
 
-  .sm\:focus\:translate-x-10:focus {
+  .sm\:translate-x-10 {
     transform: translateX(2.5rem);
   }
 
-  .sm\:focus\:translate-x-12:focus {
+  .sm\:translate-x-12 {
     transform: translateX(3rem);
   }
 
-  .sm\:focus\:translate-x-16:focus {
+  .sm\:translate-x-16 {
     transform: translateX(4rem);
   }
 
-  .sm\:focus\:translate-x-20:focus {
+  .sm\:translate-x-20 {
     transform: translateX(5rem);
   }
 
-  .sm\:focus\:translate-x-24:focus {
+  .sm\:translate-x-24 {
     transform: translateX(6rem);
   }
 
-  .sm\:focus\:translate-x-32:focus {
+  .sm\:translate-x-32 {
     transform: translateX(8rem);
   }
 
-  .sm\:focus\:translate-x-40:focus {
+  .sm\:translate-x-40 {
     transform: translateX(10rem);
   }
 
-  .sm\:focus\:translate-x-48:focus {
+  .sm\:translate-x-48 {
     transform: translateX(12rem);
   }
 
-  .sm\:focus\:translate-x-56:focus {
+  .sm\:translate-x-56 {
     transform: translateX(14rem);
   }
 
-  .sm\:focus\:translate-x-64:focus {
+  .sm\:translate-x-64 {
     transform: translateX(16rem);
   }
 
-  .sm\:focus\:translate-x-px:focus {
+  .sm\:translate-x-px {
     transform: translateX(1px);
   }
 
-  .sm\:focus\:-translate-x-1:focus {
+  .sm\:-translate-x-1 {
     transform: translateX(-0.25rem);
   }
 
-  .sm\:focus\:-translate-x-2:focus {
+  .sm\:-translate-x-2 {
     transform: translateX(-0.5rem);
   }
 
-  .sm\:focus\:-translate-x-3:focus {
+  .sm\:-translate-x-3 {
     transform: translateX(-0.75rem);
   }
 
-  .sm\:focus\:-translate-x-4:focus {
+  .sm\:-translate-x-4 {
     transform: translateX(-1rem);
   }
 
-  .sm\:focus\:-translate-x-5:focus {
+  .sm\:-translate-x-5 {
     transform: translateX(-1.25rem);
   }
 
-  .sm\:focus\:-translate-x-6:focus {
+  .sm\:-translate-x-6 {
     transform: translateX(-1.5rem);
   }
 
-  .sm\:focus\:-translate-x-8:focus {
+  .sm\:-translate-x-8 {
     transform: translateX(-2rem);
   }
 
-  .sm\:focus\:-translate-x-10:focus {
+  .sm\:-translate-x-10 {
     transform: translateX(-2.5rem);
   }
 
-  .sm\:focus\:-translate-x-12:focus {
+  .sm\:-translate-x-12 {
     transform: translateX(-3rem);
   }
 
-  .sm\:focus\:-translate-x-16:focus {
+  .sm\:-translate-x-16 {
     transform: translateX(-4rem);
   }
 
-  .sm\:focus\:-translate-x-20:focus {
+  .sm\:-translate-x-20 {
     transform: translateX(-5rem);
   }
 
-  .sm\:focus\:-translate-x-24:focus {
+  .sm\:-translate-x-24 {
     transform: translateX(-6rem);
   }
 
-  .sm\:focus\:-translate-x-32:focus {
+  .sm\:-translate-x-32 {
     transform: translateX(-8rem);
   }
 
-  .sm\:focus\:-translate-x-40:focus {
+  .sm\:-translate-x-40 {
     transform: translateX(-10rem);
   }
 
-  .sm\:focus\:-translate-x-48:focus {
+  .sm\:-translate-x-48 {
     transform: translateX(-12rem);
   }
 
-  .sm\:focus\:-translate-x-56:focus {
+  .sm\:-translate-x-56 {
     transform: translateX(-14rem);
   }
 
-  .sm\:focus\:-translate-x-64:focus {
+  .sm\:-translate-x-64 {
     transform: translateX(-16rem);
   }
 
-  .sm\:focus\:-translate-x-px:focus {
+  .sm\:-translate-x-px {
     transform: translateX(-1px);
   }
 
-  .sm\:focus\:-translate-x-full:focus {
+  .sm\:-translate-x-full {
     transform: translateX(-100%);
   }
 
-  .sm\:focus\:-translate-x-1\/2:focus {
+  .sm\:-translate-x-1\/2 {
     transform: translateX(-50%);
   }
 
-  .sm\:focus\:translate-x-1\/2:focus {
+  .sm\:translate-x-1\/2 {
     transform: translateX(50%);
   }
 
-  .sm\:focus\:translate-x-full:focus {
+  .sm\:translate-x-full {
     transform: translateX(100%);
   }
 
-  .sm\:focus\:translate-y-0:focus {
+  .sm\:translate-y-0 {
     transform: translateY(0);
   }
 
-  .sm\:focus\:translate-y-1:focus {
+  .sm\:translate-y-1 {
     transform: translateY(0.25rem);
   }
 
-  .sm\:focus\:translate-y-2:focus {
+  .sm\:translate-y-2 {
     transform: translateY(0.5rem);
   }
 
-  .sm\:focus\:translate-y-3:focus {
+  .sm\:translate-y-3 {
     transform: translateY(0.75rem);
   }
 
-  .sm\:focus\:translate-y-4:focus {
+  .sm\:translate-y-4 {
     transform: translateY(1rem);
   }
 
-  .sm\:focus\:translate-y-5:focus {
+  .sm\:translate-y-5 {
     transform: translateY(1.25rem);
   }
 
-  .sm\:focus\:translate-y-6:focus {
+  .sm\:translate-y-6 {
     transform: translateY(1.5rem);
   }
 
-  .sm\:focus\:translate-y-8:focus {
+  .sm\:translate-y-8 {
     transform: translateY(2rem);
   }
 
-  .sm\:focus\:translate-y-10:focus {
+  .sm\:translate-y-10 {
     transform: translateY(2.5rem);
   }
 
-  .sm\:focus\:translate-y-12:focus {
+  .sm\:translate-y-12 {
     transform: translateY(3rem);
   }
 
-  .sm\:focus\:translate-y-16:focus {
+  .sm\:translate-y-16 {
     transform: translateY(4rem);
   }
 
-  .sm\:focus\:translate-y-20:focus {
+  .sm\:translate-y-20 {
     transform: translateY(5rem);
   }
 
-  .sm\:focus\:translate-y-24:focus {
+  .sm\:translate-y-24 {
     transform: translateY(6rem);
   }
 
-  .sm\:focus\:translate-y-32:focus {
+  .sm\:translate-y-32 {
     transform: translateY(8rem);
   }
 
-  .sm\:focus\:translate-y-40:focus {
+  .sm\:translate-y-40 {
     transform: translateY(10rem);
   }
 
-  .sm\:focus\:translate-y-48:focus {
+  .sm\:translate-y-48 {
     transform: translateY(12rem);
   }
 
-  .sm\:focus\:translate-y-56:focus {
+  .sm\:translate-y-56 {
     transform: translateY(14rem);
   }
 
-  .sm\:focus\:translate-y-64:focus {
+  .sm\:translate-y-64 {
     transform: translateY(16rem);
   }
 
-  .sm\:focus\:translate-y-px:focus {
+  .sm\:translate-y-px {
     transform: translateY(1px);
   }
 
-  .sm\:focus\:-translate-y-1:focus {
+  .sm\:-translate-y-1 {
     transform: translateY(-0.25rem);
   }
 
-  .sm\:focus\:-translate-y-2:focus {
+  .sm\:-translate-y-2 {
     transform: translateY(-0.5rem);
   }
 
-  .sm\:focus\:-translate-y-3:focus {
+  .sm\:-translate-y-3 {
     transform: translateY(-0.75rem);
   }
 
-  .sm\:focus\:-translate-y-4:focus {
+  .sm\:-translate-y-4 {
     transform: translateY(-1rem);
   }
 
-  .sm\:focus\:-translate-y-5:focus {
+  .sm\:-translate-y-5 {
     transform: translateY(-1.25rem);
   }
 
-  .sm\:focus\:-translate-y-6:focus {
+  .sm\:-translate-y-6 {
     transform: translateY(-1.5rem);
   }
 
-  .sm\:focus\:-translate-y-8:focus {
+  .sm\:-translate-y-8 {
     transform: translateY(-2rem);
   }
 
-  .sm\:focus\:-translate-y-10:focus {
+  .sm\:-translate-y-10 {
     transform: translateY(-2.5rem);
   }
 
-  .sm\:focus\:-translate-y-12:focus {
+  .sm\:-translate-y-12 {
     transform: translateY(-3rem);
   }
 
-  .sm\:focus\:-translate-y-16:focus {
+  .sm\:-translate-y-16 {
     transform: translateY(-4rem);
   }
 
-  .sm\:focus\:-translate-y-20:focus {
+  .sm\:-translate-y-20 {
     transform: translateY(-5rem);
   }
 
-  .sm\:focus\:-translate-y-24:focus {
+  .sm\:-translate-y-24 {
     transform: translateY(-6rem);
   }
 
-  .sm\:focus\:-translate-y-32:focus {
+  .sm\:-translate-y-32 {
     transform: translateY(-8rem);
   }
 
-  .sm\:focus\:-translate-y-40:focus {
+  .sm\:-translate-y-40 {
     transform: translateY(-10rem);
   }
 
-  .sm\:focus\:-translate-y-48:focus {
+  .sm\:-translate-y-48 {
     transform: translateY(-12rem);
   }
 
-  .sm\:focus\:-translate-y-56:focus {
+  .sm\:-translate-y-56 {
     transform: translateY(-14rem);
   }
 
-  .sm\:focus\:-translate-y-64:focus {
+  .sm\:-translate-y-64 {
     transform: translateY(-16rem);
   }
 
-  .sm\:focus\:-translate-y-px:focus {
+  .sm\:-translate-y-px {
     transform: translateY(-1px);
   }
 
-  .sm\:focus\:-translate-y-full:focus {
+  .sm\:-translate-y-full {
     transform: translateY(-100%);
   }
 
-  .sm\:focus\:-translate-y-1\/2:focus {
+  .sm\:-translate-y-1\/2 {
     transform: translateY(-50%);
   }
 
-  .sm\:focus\:translate-y-1\/2:focus {
+  .sm\:translate-y-1\/2 {
     transform: translateY(50%);
   }
 
-  .sm\:focus\:translate-y-full:focus {
+  .sm\:translate-y-full {
     transform: translateY(100%);
   }
 
-  .sm\:skew-x-0 {
-    transform: skewX(0);
-  }
-
-  .sm\:skew-x-3 {
-    transform: skewX(3deg);
-  }
-
-  .sm\:skew-x-6 {
-    transform: skewX(6deg);
-  }
-
-  .sm\:skew-x-12 {
-    transform: skewX(12deg);
-  }
-
-  .sm\:-skew-x-12 {
-    transform: skewX(-12deg);
-  }
-
-  .sm\:-skew-x-6 {
-    transform: skewX(-6deg);
-  }
-
-  .sm\:-skew-x-3 {
-    transform: skewX(-3deg);
-  }
-
-  .sm\:skew-y-0 {
-    transform: skewY(0);
-  }
-
-  .sm\:skew-y-3 {
-    transform: skewY(3deg);
-  }
-
-  .sm\:skew-y-6 {
-    transform: skewY(6deg);
-  }
-
-  .sm\:skew-y-12 {
-    transform: skewY(12deg);
-  }
-
-  .sm\:-skew-y-12 {
-    transform: skewY(-12deg);
-  }
-
-  .sm\:-skew-y-6 {
-    transform: skewY(-6deg);
-  }
-
-  .sm\:-skew-y-3 {
-    transform: skewY(-3deg);
-  }
-
-  .sm\:hover\:skew-x-0:hover {
-    transform: skewX(0);
-  }
-
-  .sm\:hover\:skew-x-3:hover {
-    transform: skewX(3deg);
-  }
-
-  .sm\:hover\:skew-x-6:hover {
-    transform: skewX(6deg);
-  }
-
-  .sm\:hover\:skew-x-12:hover {
-    transform: skewX(12deg);
-  }
-
-  .sm\:hover\:-skew-x-12:hover {
-    transform: skewX(-12deg);
-  }
-
-  .sm\:hover\:-skew-x-6:hover {
-    transform: skewX(-6deg);
-  }
-
-  .sm\:hover\:-skew-x-3:hover {
-    transform: skewX(-3deg);
-  }
-
-  .sm\:hover\:skew-y-0:hover {
-    transform: skewY(0);
-  }
-
-  .sm\:hover\:skew-y-3:hover {
-    transform: skewY(3deg);
-  }
-
-  .sm\:hover\:skew-y-6:hover {
-    transform: skewY(6deg);
-  }
-
-  .sm\:hover\:skew-y-12:hover {
-    transform: skewY(12deg);
+  .sm\:hover\:translate-x-0:hover {
+    transform: translateX(0);
   }
 
-  .sm\:hover\:-skew-y-12:hover {
-    transform: skewY(-12deg);
+  .sm\:hover\:translate-x-1:hover {
+    transform: translateX(0.25rem);
   }
 
-  .sm\:hover\:-skew-y-6:hover {
-    transform: skewY(-6deg);
+  .sm\:hover\:translate-x-2:hover {
+    transform: translateX(0.5rem);
   }
 
-  .sm\:hover\:-skew-y-3:hover {
-    transform: skewY(-3deg);
+  .sm\:hover\:translate-x-3:hover {
+    transform: translateX(0.75rem);
   }
 
-  .sm\:focus\:skew-x-0:focus {
-    transform: skewX(0);
+  .sm\:hover\:translate-x-4:hover {
+    transform: translateX(1rem);
   }
 
-  .sm\:focus\:skew-x-3:focus {
-    transform: skewX(3deg);
+  .sm\:hover\:translate-x-5:hover {
+    transform: translateX(1.25rem);
   }
 
-  .sm\:focus\:skew-x-6:focus {
-    transform: skewX(6deg);
+  .sm\:hover\:translate-x-6:hover {
+    transform: translateX(1.5rem);
   }
 
-  .sm\:focus\:skew-x-12:focus {
-    transform: skewX(12deg);
+  .sm\:hover\:translate-x-8:hover {
+    transform: translateX(2rem);
   }
 
-  .sm\:focus\:-skew-x-12:focus {
-    transform: skewX(-12deg);
+  .sm\:hover\:translate-x-10:hover {
+    transform: translateX(2.5rem);
   }
 
-  .sm\:focus\:-skew-x-6:focus {
-    transform: skewX(-6deg);
+  .sm\:hover\:translate-x-12:hover {
+    transform: translateX(3rem);
   }
 
-  .sm\:focus\:-skew-x-3:focus {
-    transform: skewX(-3deg);
+  .sm\:hover\:translate-x-16:hover {
+    transform: translateX(4rem);
   }
 
-  .sm\:focus\:skew-y-0:focus {
-    transform: skewY(0);
+  .sm\:hover\:translate-x-20:hover {
+    transform: translateX(5rem);
   }
 
-  .sm\:focus\:skew-y-3:focus {
-    transform: skewY(3deg);
+  .sm\:hover\:translate-x-24:hover {
+    transform: translateX(6rem);
   }
 
-  .sm\:focus\:skew-y-6:focus {
-    transform: skewY(6deg);
+  .sm\:hover\:translate-x-32:hover {
+    transform: translateX(8rem);
   }
 
-  .sm\:focus\:skew-y-12:focus {
-    transform: skewY(12deg);
+  .sm\:hover\:translate-x-40:hover {
+    transform: translateX(10rem);
   }
 
-  .sm\:focus\:-skew-y-12:focus {
-    transform: skewY(-12deg);
+  .sm\:hover\:translate-x-48:hover {
+    transform: translateX(12rem);
   }
 
-  .sm\:focus\:-skew-y-6:focus {
-    transform: skewY(-6deg);
+  .sm\:hover\:translate-x-56:hover {
+    transform: translateX(14rem);
   }
 
-  .sm\:focus\:-skew-y-3:focus {
-    transform: skewY(-3deg);
+  .sm\:hover\:translate-x-64:hover {
+    transform: translateX(16rem);
   }
 
-  .sm\:transition-none {
-    transition-property: none;
+  .sm\:hover\:translate-x-px:hover {
+    transform: translateX(1px);
   }
 
-  .sm\:transition-all {
-    transition-property: all;
+  .sm\:hover\:-translate-x-1:hover {
+    transform: translateX(-0.25rem);
   }
 
-  .sm\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  .sm\:hover\:-translate-x-2:hover {
+    transform: translateX(-0.5rem);
   }
 
-  .sm\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
+  .sm\:hover\:-translate-x-3:hover {
+    transform: translateX(-0.75rem);
   }
 
-  .sm\:transition-opacity {
-    transition-property: opacity;
+  .sm\:hover\:-translate-x-4:hover {
+    transform: translateX(-1rem);
   }
 
-  .sm\:transition-shadow {
-    transition-property: box-shadow;
+  .sm\:hover\:-translate-x-5:hover {
+    transform: translateX(-1.25rem);
   }
 
-  .sm\:transition-transform {
-    transition-property: transform;
+  .sm\:hover\:-translate-x-6:hover {
+    transform: translateX(-1.5rem);
   }
 
-  .sm\:ease-linear {
-    transition-timing-function: linear;
+  .sm\:hover\:-translate-x-8:hover {
+    transform: translateX(-2rem);
   }
 
-  .sm\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  .sm\:hover\:-translate-x-10:hover {
+    transform: translateX(-2.5rem);
   }
 
-  .sm\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  .sm\:hover\:-translate-x-12:hover {
+    transform: translateX(-3rem);
   }
 
-  .sm\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  .sm\:hover\:-translate-x-16:hover {
+    transform: translateX(-4rem);
   }
 
-  .sm\:duration-75 {
-    transition-duration: 75ms;
+  .sm\:hover\:-translate-x-20:hover {
+    transform: translateX(-5rem);
   }
 
-  .sm\:duration-100 {
-    transition-duration: 100ms;
+  .sm\:hover\:-translate-x-24:hover {
+    transform: translateX(-6rem);
   }
 
-  .sm\:duration-150 {
-    transition-duration: 150ms;
+  .sm\:hover\:-translate-x-32:hover {
+    transform: translateX(-8rem);
   }
 
-  .sm\:duration-200 {
-    transition-duration: 200ms;
+  .sm\:hover\:-translate-x-40:hover {
+    transform: translateX(-10rem);
   }
 
-  .sm\:duration-300 {
-    transition-duration: 300ms;
+  .sm\:hover\:-translate-x-48:hover {
+    transform: translateX(-12rem);
   }
 
-  .sm\:duration-500 {
-    transition-duration: 500ms;
+  .sm\:hover\:-translate-x-56:hover {
+    transform: translateX(-14rem);
   }
 
-  .sm\:duration-700 {
-    transition-duration: 700ms;
+  .sm\:hover\:-translate-x-64:hover {
+    transform: translateX(-16rem);
   }
 
-  .sm\:duration-1000 {
-    transition-duration: 1000ms;
+  .sm\:hover\:-translate-x-px:hover {
+    transform: translateX(-1px);
   }
 
-  .sm\:delay-75 {
-    transition-delay: 75ms;
+  .sm\:hover\:-translate-x-full:hover {
+    transform: translateX(-100%);
   }
 
-  .sm\:delay-100 {
-    transition-delay: 100ms;
+  .sm\:hover\:-translate-x-1\/2:hover {
+    transform: translateX(-50%);
   }
 
-  .sm\:delay-150 {
-    transition-delay: 150ms;
+  .sm\:hover\:translate-x-1\/2:hover {
+    transform: translateX(50%);
   }
 
-  .sm\:delay-200 {
-    transition-delay: 200ms;
+  .sm\:hover\:translate-x-full:hover {
+    transform: translateX(100%);
   }
 
-  .sm\:delay-300 {
-    transition-delay: 300ms;
+  .sm\:hover\:translate-y-0:hover {
+    transform: translateY(0);
   }
 
-  .sm\:delay-500 {
-    transition-delay: 500ms;
+  .sm\:hover\:translate-y-1:hover {
+    transform: translateY(0.25rem);
   }
 
-  .sm\:delay-700 {
-    transition-delay: 700ms;
+  .sm\:hover\:translate-y-2:hover {
+    transform: translateY(0.5rem);
   }
 
-  .sm\:delay-1000 {
-    transition-delay: 1000ms;
+  .sm\:hover\:translate-y-3:hover {
+    transform: translateY(0.75rem);
   }
 
-  .sm\:example {
-    font-weight: 700;
-    color: #f56565;
+  .sm\:hover\:translate-y-4:hover {
+    transform: translateY(1rem);
   }
-}
 
-@media (min-width: 768px) {
-  .md\:space-y-0 > :not(template) ~ :not(template) {
-    margin-top: 0;
+  .sm\:hover\:translate-y-5:hover {
+    transform: translateY(1.25rem);
   }
 
-  .md\:space-x-0 > :not(template) ~ :not(template) {
-    margin-left: 0;
+  .sm\:hover\:translate-y-6:hover {
+    transform: translateY(1.5rem);
   }
 
-  .md\:space-y-1 > :not(template) ~ :not(template) {
-    margin-top: 0.25rem;
+  .sm\:hover\:translate-y-8:hover {
+    transform: translateY(2rem);
   }
 
-  .md\:space-x-1 > :not(template) ~ :not(template) {
-    margin-left: 0.25rem;
+  .sm\:hover\:translate-y-10:hover {
+    transform: translateY(2.5rem);
   }
 
-  .md\:space-y-2 > :not(template) ~ :not(template) {
-    margin-top: 0.5rem;
+  .sm\:hover\:translate-y-12:hover {
+    transform: translateY(3rem);
   }
 
-  .md\:space-x-2 > :not(template) ~ :not(template) {
-    margin-left: 0.5rem;
+  .sm\:hover\:translate-y-16:hover {
+    transform: translateY(4rem);
   }
 
-  .md\:space-y-3 > :not(template) ~ :not(template) {
-    margin-top: 0.75rem;
+  .sm\:hover\:translate-y-20:hover {
+    transform: translateY(5rem);
   }
 
-  .md\:space-x-3 > :not(template) ~ :not(template) {
-    margin-left: 0.75rem;
+  .sm\:hover\:translate-y-24:hover {
+    transform: translateY(6rem);
   }
 
-  .md\:space-y-4 > :not(template) ~ :not(template) {
-    margin-top: 1rem;
+  .sm\:hover\:translate-y-32:hover {
+    transform: translateY(8rem);
   }
 
-  .md\:space-x-4 > :not(template) ~ :not(template) {
-    margin-left: 1rem;
+  .sm\:hover\:translate-y-40:hover {
+    transform: translateY(10rem);
   }
 
-  .md\:space-y-5 > :not(template) ~ :not(template) {
-    margin-top: 1.25rem;
+  .sm\:hover\:translate-y-48:hover {
+    transform: translateY(12rem);
   }
 
-  .md\:space-x-5 > :not(template) ~ :not(template) {
-    margin-left: 1.25rem;
+  .sm\:hover\:translate-y-56:hover {
+    transform: translateY(14rem);
   }
 
-  .md\:space-y-6 > :not(template) ~ :not(template) {
-    margin-top: 1.5rem;
+  .sm\:hover\:translate-y-64:hover {
+    transform: translateY(16rem);
   }
 
-  .md\:space-x-6 > :not(template) ~ :not(template) {
-    margin-left: 1.5rem;
+  .sm\:hover\:translate-y-px:hover {
+    transform: translateY(1px);
   }
 
-  .md\:space-y-8 > :not(template) ~ :not(template) {
-    margin-top: 2rem;
+  .sm\:hover\:-translate-y-1:hover {
+    transform: translateY(-0.25rem);
   }
 
-  .md\:space-x-8 > :not(template) ~ :not(template) {
-    margin-left: 2rem;
+  .sm\:hover\:-translate-y-2:hover {
+    transform: translateY(-0.5rem);
   }
 
-  .md\:space-y-10 > :not(template) ~ :not(template) {
-    margin-top: 2.5rem;
+  .sm\:hover\:-translate-y-3:hover {
+    transform: translateY(-0.75rem);
   }
 
-  .md\:space-x-10 > :not(template) ~ :not(template) {
-    margin-left: 2.5rem;
+  .sm\:hover\:-translate-y-4:hover {
+    transform: translateY(-1rem);
   }
 
-  .md\:space-y-12 > :not(template) ~ :not(template) {
-    margin-top: 3rem;
+  .sm\:hover\:-translate-y-5:hover {
+    transform: translateY(-1.25rem);
   }
 
-  .md\:space-x-12 > :not(template) ~ :not(template) {
-    margin-left: 3rem;
+  .sm\:hover\:-translate-y-6:hover {
+    transform: translateY(-1.5rem);
   }
 
-  .md\:space-y-16 > :not(template) ~ :not(template) {
-    margin-top: 4rem;
+  .sm\:hover\:-translate-y-8:hover {
+    transform: translateY(-2rem);
   }
 
-  .md\:space-x-16 > :not(template) ~ :not(template) {
-    margin-left: 4rem;
+  .sm\:hover\:-translate-y-10:hover {
+    transform: translateY(-2.5rem);
   }
 
-  .md\:space-y-20 > :not(template) ~ :not(template) {
-    margin-top: 5rem;
+  .sm\:hover\:-translate-y-12:hover {
+    transform: translateY(-3rem);
   }
 
-  .md\:space-x-20 > :not(template) ~ :not(template) {
-    margin-left: 5rem;
+  .sm\:hover\:-translate-y-16:hover {
+    transform: translateY(-4rem);
   }
 
-  .md\:space-y-24 > :not(template) ~ :not(template) {
-    margin-top: 6rem;
+  .sm\:hover\:-translate-y-20:hover {
+    transform: translateY(-5rem);
   }
 
-  .md\:space-x-24 > :not(template) ~ :not(template) {
-    margin-left: 6rem;
+  .sm\:hover\:-translate-y-24:hover {
+    transform: translateY(-6rem);
   }
 
-  .md\:space-y-32 > :not(template) ~ :not(template) {
-    margin-top: 8rem;
+  .sm\:hover\:-translate-y-32:hover {
+    transform: translateY(-8rem);
   }
 
-  .md\:space-x-32 > :not(template) ~ :not(template) {
-    margin-left: 8rem;
+  .sm\:hover\:-translate-y-40:hover {
+    transform: translateY(-10rem);
   }
 
-  .md\:space-y-40 > :not(template) ~ :not(template) {
-    margin-top: 10rem;
+  .sm\:hover\:-translate-y-48:hover {
+    transform: translateY(-12rem);
   }
 
-  .md\:space-x-40 > :not(template) ~ :not(template) {
-    margin-left: 10rem;
+  .sm\:hover\:-translate-y-56:hover {
+    transform: translateY(-14rem);
   }
 
-  .md\:space-y-48 > :not(template) ~ :not(template) {
-    margin-top: 12rem;
+  .sm\:hover\:-translate-y-64:hover {
+    transform: translateY(-16rem);
   }
 
-  .md\:space-x-48 > :not(template) ~ :not(template) {
-    margin-left: 12rem;
+  .sm\:hover\:-translate-y-px:hover {
+    transform: translateY(-1px);
   }
 
-  .md\:space-y-56 > :not(template) ~ :not(template) {
-    margin-top: 14rem;
+  .sm\:hover\:-translate-y-full:hover {
+    transform: translateY(-100%);
   }
 
-  .md\:space-x-56 > :not(template) ~ :not(template) {
-    margin-left: 14rem;
+  .sm\:hover\:-translate-y-1\/2:hover {
+    transform: translateY(-50%);
   }
 
-  .md\:space-y-64 > :not(template) ~ :not(template) {
-    margin-top: 16rem;
+  .sm\:hover\:translate-y-1\/2:hover {
+    transform: translateY(50%);
   }
 
-  .md\:space-x-64 > :not(template) ~ :not(template) {
-    margin-left: 16rem;
+  .sm\:hover\:translate-y-full:hover {
+    transform: translateY(100%);
   }
 
-  .md\:space-y-px > :not(template) ~ :not(template) {
-    margin-top: 1px;
+  .sm\:focus\:translate-x-0:focus {
+    transform: translateX(0);
   }
 
-  .md\:space-x-px > :not(template) ~ :not(template) {
-    margin-left: 1px;
+  .sm\:focus\:translate-x-1:focus {
+    transform: translateX(0.25rem);
   }
 
-  .md\:-space-y-1 > :not(template) ~ :not(template) {
-    margin-top: -0.25rem;
+  .sm\:focus\:translate-x-2:focus {
+    transform: translateX(0.5rem);
   }
 
-  .md\:-space-x-1 > :not(template) ~ :not(template) {
-    margin-left: -0.25rem;
+  .sm\:focus\:translate-x-3:focus {
+    transform: translateX(0.75rem);
   }
 
-  .md\:-space-y-2 > :not(template) ~ :not(template) {
-    margin-top: -0.5rem;
+  .sm\:focus\:translate-x-4:focus {
+    transform: translateX(1rem);
   }
 
-  .md\:-space-x-2 > :not(template) ~ :not(template) {
-    margin-left: -0.5rem;
+  .sm\:focus\:translate-x-5:focus {
+    transform: translateX(1.25rem);
   }
 
-  .md\:-space-y-3 > :not(template) ~ :not(template) {
-    margin-top: -0.75rem;
+  .sm\:focus\:translate-x-6:focus {
+    transform: translateX(1.5rem);
   }
 
-  .md\:-space-x-3 > :not(template) ~ :not(template) {
-    margin-left: -0.75rem;
+  .sm\:focus\:translate-x-8:focus {
+    transform: translateX(2rem);
   }
 
-  .md\:-space-y-4 > :not(template) ~ :not(template) {
-    margin-top: -1rem;
+  .sm\:focus\:translate-x-10:focus {
+    transform: translateX(2.5rem);
   }
 
-  .md\:-space-x-4 > :not(template) ~ :not(template) {
-    margin-left: -1rem;
+  .sm\:focus\:translate-x-12:focus {
+    transform: translateX(3rem);
   }
 
-  .md\:-space-y-5 > :not(template) ~ :not(template) {
-    margin-top: -1.25rem;
+  .sm\:focus\:translate-x-16:focus {
+    transform: translateX(4rem);
   }
 
-  .md\:-space-x-5 > :not(template) ~ :not(template) {
-    margin-left: -1.25rem;
+  .sm\:focus\:translate-x-20:focus {
+    transform: translateX(5rem);
   }
 
-  .md\:-space-y-6 > :not(template) ~ :not(template) {
-    margin-top: -1.5rem;
+  .sm\:focus\:translate-x-24:focus {
+    transform: translateX(6rem);
   }
 
-  .md\:-space-x-6 > :not(template) ~ :not(template) {
-    margin-left: -1.5rem;
+  .sm\:focus\:translate-x-32:focus {
+    transform: translateX(8rem);
   }
 
-  .md\:-space-y-8 > :not(template) ~ :not(template) {
-    margin-top: -2rem;
+  .sm\:focus\:translate-x-40:focus {
+    transform: translateX(10rem);
   }
 
-  .md\:-space-x-8 > :not(template) ~ :not(template) {
-    margin-left: -2rem;
+  .sm\:focus\:translate-x-48:focus {
+    transform: translateX(12rem);
   }
 
-  .md\:-space-y-10 > :not(template) ~ :not(template) {
-    margin-top: -2.5rem;
+  .sm\:focus\:translate-x-56:focus {
+    transform: translateX(14rem);
   }
 
-  .md\:-space-x-10 > :not(template) ~ :not(template) {
-    margin-left: -2.5rem;
+  .sm\:focus\:translate-x-64:focus {
+    transform: translateX(16rem);
   }
 
-  .md\:-space-y-12 > :not(template) ~ :not(template) {
-    margin-top: -3rem;
+  .sm\:focus\:translate-x-px:focus {
+    transform: translateX(1px);
   }
 
-  .md\:-space-x-12 > :not(template) ~ :not(template) {
-    margin-left: -3rem;
+  .sm\:focus\:-translate-x-1:focus {
+    transform: translateX(-0.25rem);
   }
 
-  .md\:-space-y-16 > :not(template) ~ :not(template) {
-    margin-top: -4rem;
+  .sm\:focus\:-translate-x-2:focus {
+    transform: translateX(-0.5rem);
   }
 
-  .md\:-space-x-16 > :not(template) ~ :not(template) {
-    margin-left: -4rem;
+  .sm\:focus\:-translate-x-3:focus {
+    transform: translateX(-0.75rem);
   }
 
-  .md\:-space-y-20 > :not(template) ~ :not(template) {
-    margin-top: -5rem;
+  .sm\:focus\:-translate-x-4:focus {
+    transform: translateX(-1rem);
   }
 
-  .md\:-space-x-20 > :not(template) ~ :not(template) {
-    margin-left: -5rem;
+  .sm\:focus\:-translate-x-5:focus {
+    transform: translateX(-1.25rem);
   }
 
-  .md\:-space-y-24 > :not(template) ~ :not(template) {
-    margin-top: -6rem;
+  .sm\:focus\:-translate-x-6:focus {
+    transform: translateX(-1.5rem);
   }
 
-  .md\:-space-x-24 > :not(template) ~ :not(template) {
-    margin-left: -6rem;
+  .sm\:focus\:-translate-x-8:focus {
+    transform: translateX(-2rem);
   }
 
-  .md\:-space-y-32 > :not(template) ~ :not(template) {
-    margin-top: -8rem;
+  .sm\:focus\:-translate-x-10:focus {
+    transform: translateX(-2.5rem);
   }
 
-  .md\:-space-x-32 > :not(template) ~ :not(template) {
-    margin-left: -8rem;
+  .sm\:focus\:-translate-x-12:focus {
+    transform: translateX(-3rem);
   }
 
-  .md\:-space-y-40 > :not(template) ~ :not(template) {
-    margin-top: -10rem;
+  .sm\:focus\:-translate-x-16:focus {
+    transform: translateX(-4rem);
   }
 
-  .md\:-space-x-40 > :not(template) ~ :not(template) {
-    margin-left: -10rem;
+  .sm\:focus\:-translate-x-20:focus {
+    transform: translateX(-5rem);
   }
 
-  .md\:-space-y-48 > :not(template) ~ :not(template) {
-    margin-top: -12rem;
+  .sm\:focus\:-translate-x-24:focus {
+    transform: translateX(-6rem);
   }
 
-  .md\:-space-x-48 > :not(template) ~ :not(template) {
-    margin-left: -12rem;
+  .sm\:focus\:-translate-x-32:focus {
+    transform: translateX(-8rem);
   }
 
-  .md\:-space-y-56 > :not(template) ~ :not(template) {
-    margin-top: -14rem;
+  .sm\:focus\:-translate-x-40:focus {
+    transform: translateX(-10rem);
   }
 
-  .md\:-space-x-56 > :not(template) ~ :not(template) {
-    margin-left: -14rem;
+  .sm\:focus\:-translate-x-48:focus {
+    transform: translateX(-12rem);
   }
 
-  .md\:-space-y-64 > :not(template) ~ :not(template) {
-    margin-top: -16rem;
+  .sm\:focus\:-translate-x-56:focus {
+    transform: translateX(-14rem);
   }
 
-  .md\:-space-x-64 > :not(template) ~ :not(template) {
-    margin-left: -16rem;
+  .sm\:focus\:-translate-x-64:focus {
+    transform: translateX(-16rem);
   }
 
-  .md\:-space-y-px > :not(template) ~ :not(template) {
-    margin-top: -1px;
+  .sm\:focus\:-translate-x-px:focus {
+    transform: translateX(-1px);
   }
 
-  .md\:-space-x-px > :not(template) ~ :not(template) {
-    margin-left: -1px;
+  .sm\:focus\:-translate-x-full:focus {
+    transform: translateX(-100%);
   }
 
-  .md\:divide-y-0 > :not(template) ~ :not(template) {
-    border-top-width: 0;
+  .sm\:focus\:-translate-x-1\/2:focus {
+    transform: translateX(-50%);
   }
 
-  .md\:divide-x-0 > :not(template) ~ :not(template) {
-    border-left-width: 0;
+  .sm\:focus\:translate-x-1\/2:focus {
+    transform: translateX(50%);
   }
 
-  .md\:divide-y-2 > :not(template) ~ :not(template) {
-    border-top-width: 2px;
+  .sm\:focus\:translate-x-full:focus {
+    transform: translateX(100%);
   }
 
-  .md\:divide-x-2 > :not(template) ~ :not(template) {
-    border-left-width: 2px;
+  .sm\:focus\:translate-y-0:focus {
+    transform: translateY(0);
   }
 
-  .md\:divide-y-4 > :not(template) ~ :not(template) {
-    border-top-width: 4px;
+  .sm\:focus\:translate-y-1:focus {
+    transform: translateY(0.25rem);
   }
 
-  .md\:divide-x-4 > :not(template) ~ :not(template) {
-    border-left-width: 4px;
+  .sm\:focus\:translate-y-2:focus {
+    transform: translateY(0.5rem);
   }
 
-  .md\:divide-y-8 > :not(template) ~ :not(template) {
-    border-top-width: 8px;
+  .sm\:focus\:translate-y-3:focus {
+    transform: translateY(0.75rem);
   }
 
-  .md\:divide-x-8 > :not(template) ~ :not(template) {
-    border-left-width: 8px;
+  .sm\:focus\:translate-y-4:focus {
+    transform: translateY(1rem);
   }
 
-  .md\:divide-y > :not(template) ~ :not(template) {
-    border-top-width: 1px;
+  .sm\:focus\:translate-y-5:focus {
+    transform: translateY(1.25rem);
   }
 
-  .md\:divide-x > :not(template) ~ :not(template) {
-    border-left-width: 1px;
+  .sm\:focus\:translate-y-6:focus {
+    transform: translateY(1.5rem);
   }
 
-  .md\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
+  .sm\:focus\:translate-y-8:focus {
+    transform: translateY(2rem);
   }
 
-  .md\:divide-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
+  .sm\:focus\:translate-y-10:focus {
+    transform: translateY(2.5rem);
   }
 
-  .md\:divide-black > :not(template) ~ :not(template) {
-    border-color: #000;
+  .sm\:focus\:translate-y-12:focus {
+    transform: translateY(3rem);
   }
 
-  .md\:divide-white > :not(template) ~ :not(template) {
-    border-color: #fff;
+  .sm\:focus\:translate-y-16:focus {
+    transform: translateY(4rem);
   }
 
-  .md\:divide-gray-100 > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
+  .sm\:focus\:translate-y-20:focus {
+    transform: translateY(5rem);
   }
 
-  .md\:divide-gray-200 > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
+  .sm\:focus\:translate-y-24:focus {
+    transform: translateY(6rem);
   }
 
-  .md\:divide-gray-300 > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
+  .sm\:focus\:translate-y-32:focus {
+    transform: translateY(8rem);
   }
 
-  .md\:divide-gray-400 > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
+  .sm\:focus\:translate-y-40:focus {
+    transform: translateY(10rem);
   }
 
-  .md\:divide-gray-500 > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
+  .sm\:focus\:translate-y-48:focus {
+    transform: translateY(12rem);
   }
 
-  .md\:divide-gray-600 > :not(template) ~ :not(template) {
-    border-color: #718096;
+  .sm\:focus\:translate-y-56:focus {
+    transform: translateY(14rem);
   }
 
-  .md\:divide-gray-700 > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+  .sm\:focus\:translate-y-64:focus {
+    transform: translateY(16rem);
   }
 
-  .md\:divide-gray-800 > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .sm\:focus\:translate-y-px:focus {
+    transform: translateY(1px);
   }
 
-  .md\:divide-gray-900 > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .sm\:focus\:-translate-y-1:focus {
+    transform: translateY(-0.25rem);
   }
 
-  .md\:divide-red-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .sm\:focus\:-translate-y-2:focus {
+    transform: translateY(-0.5rem);
   }
 
-  .md\:divide-red-200 > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .sm\:focus\:-translate-y-3:focus {
+    transform: translateY(-0.75rem);
   }
 
-  .md\:divide-red-300 > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .sm\:focus\:-translate-y-4:focus {
+    transform: translateY(-1rem);
   }
 
-  .md\:divide-red-400 > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .sm\:focus\:-translate-y-5:focus {
+    transform: translateY(-1.25rem);
   }
 
-  .md\:divide-red-500 > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .sm\:focus\:-translate-y-6:focus {
+    transform: translateY(-1.5rem);
   }
 
-  .md\:divide-red-600 > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .sm\:focus\:-translate-y-8:focus {
+    transform: translateY(-2rem);
   }
 
-  .md\:divide-red-700 > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .sm\:focus\:-translate-y-10:focus {
+    transform: translateY(-2.5rem);
   }
 
-  .md\:divide-red-800 > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .sm\:focus\:-translate-y-12:focus {
+    transform: translateY(-3rem);
   }
 
-  .md\:divide-red-900 > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .sm\:focus\:-translate-y-16:focus {
+    transform: translateY(-4rem);
   }
 
-  .md\:divide-orange-100 > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .sm\:focus\:-translate-y-20:focus {
+    transform: translateY(-5rem);
   }
 
-  .md\:divide-orange-200 > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .sm\:focus\:-translate-y-24:focus {
+    transform: translateY(-6rem);
   }
 
-  .md\:divide-orange-300 > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .sm\:focus\:-translate-y-32:focus {
+    transform: translateY(-8rem);
   }
 
-  .md\:divide-orange-400 > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .sm\:focus\:-translate-y-40:focus {
+    transform: translateY(-10rem);
   }
 
-  .md\:divide-orange-500 > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .sm\:focus\:-translate-y-48:focus {
+    transform: translateY(-12rem);
   }
 
-  .md\:divide-orange-600 > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .sm\:focus\:-translate-y-56:focus {
+    transform: translateY(-14rem);
   }
 
-  .md\:divide-orange-700 > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .sm\:focus\:-translate-y-64:focus {
+    transform: translateY(-16rem);
   }
 
-  .md\:divide-orange-800 > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .sm\:focus\:-translate-y-px:focus {
+    transform: translateY(-1px);
   }
 
-  .md\:divide-orange-900 > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .sm\:focus\:-translate-y-full:focus {
+    transform: translateY(-100%);
   }
 
-  .md\:divide-yellow-100 > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .sm\:focus\:-translate-y-1\/2:focus {
+    transform: translateY(-50%);
   }
 
-  .md\:divide-yellow-200 > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .sm\:focus\:translate-y-1\/2:focus {
+    transform: translateY(50%);
   }
 
-  .md\:divide-yellow-300 > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .sm\:focus\:translate-y-full:focus {
+    transform: translateY(100%);
   }
 
-  .md\:divide-yellow-400 > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .sm\:skew-x-0 {
+    transform: skewX(0);
   }
 
-  .md\:divide-yellow-500 > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .sm\:skew-x-3 {
+    transform: skewX(3deg);
   }
 
-  .md\:divide-yellow-600 > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .sm\:skew-x-6 {
+    transform: skewX(6deg);
   }
 
-  .md\:divide-yellow-700 > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .sm\:skew-x-12 {
+    transform: skewX(12deg);
   }
 
-  .md\:divide-yellow-800 > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .sm\:-skew-x-12 {
+    transform: skewX(-12deg);
   }
 
-  .md\:divide-yellow-900 > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .sm\:-skew-x-6 {
+    transform: skewX(-6deg);
   }
 
-  .md\:divide-green-100 > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .sm\:-skew-x-3 {
+    transform: skewX(-3deg);
   }
 
-  .md\:divide-green-200 > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .sm\:skew-y-0 {
+    transform: skewY(0);
   }
 
-  .md\:divide-green-300 > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .sm\:skew-y-3 {
+    transform: skewY(3deg);
   }
 
-  .md\:divide-green-400 > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .sm\:skew-y-6 {
+    transform: skewY(6deg);
   }
 
-  .md\:divide-green-500 > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .sm\:skew-y-12 {
+    transform: skewY(12deg);
   }
 
-  .md\:divide-green-600 > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .sm\:-skew-y-12 {
+    transform: skewY(-12deg);
   }
 
-  .md\:divide-green-700 > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .sm\:-skew-y-6 {
+    transform: skewY(-6deg);
   }
 
-  .md\:divide-green-800 > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .sm\:-skew-y-3 {
+    transform: skewY(-3deg);
   }
 
-  .md\:divide-green-900 > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .sm\:hover\:skew-x-0:hover {
+    transform: skewX(0);
   }
 
-  .md\:divide-teal-100 > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .sm\:hover\:skew-x-3:hover {
+    transform: skewX(3deg);
   }
 
-  .md\:divide-teal-200 > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .sm\:hover\:skew-x-6:hover {
+    transform: skewX(6deg);
   }
 
-  .md\:divide-teal-300 > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .sm\:hover\:skew-x-12:hover {
+    transform: skewX(12deg);
   }
 
-  .md\:divide-teal-400 > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .sm\:hover\:-skew-x-12:hover {
+    transform: skewX(-12deg);
   }
 
-  .md\:divide-teal-500 > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .sm\:hover\:-skew-x-6:hover {
+    transform: skewX(-6deg);
   }
 
-  .md\:divide-teal-600 > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .sm\:hover\:-skew-x-3:hover {
+    transform: skewX(-3deg);
   }
 
-  .md\:divide-teal-700 > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .sm\:hover\:skew-y-0:hover {
+    transform: skewY(0);
   }
 
-  .md\:divide-teal-800 > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .sm\:hover\:skew-y-3:hover {
+    transform: skewY(3deg);
   }
 
-  .md\:divide-teal-900 > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .sm\:hover\:skew-y-6:hover {
+    transform: skewY(6deg);
   }
 
-  .md\:divide-blue-100 > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .sm\:hover\:skew-y-12:hover {
+    transform: skewY(12deg);
   }
 
-  .md\:divide-blue-200 > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .sm\:hover\:-skew-y-12:hover {
+    transform: skewY(-12deg);
   }
 
-  .md\:divide-blue-300 > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .sm\:hover\:-skew-y-6:hover {
+    transform: skewY(-6deg);
   }
 
-  .md\:divide-blue-400 > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .sm\:hover\:-skew-y-3:hover {
+    transform: skewY(-3deg);
   }
 
-  .md\:divide-blue-500 > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .sm\:focus\:skew-x-0:focus {
+    transform: skewX(0);
   }
 
-  .md\:divide-blue-600 > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .sm\:focus\:skew-x-3:focus {
+    transform: skewX(3deg);
   }
 
-  .md\:divide-blue-700 > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .sm\:focus\:skew-x-6:focus {
+    transform: skewX(6deg);
   }
 
-  .md\:divide-blue-800 > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .sm\:focus\:skew-x-12:focus {
+    transform: skewX(12deg);
   }
 
-  .md\:divide-blue-900 > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .sm\:focus\:-skew-x-12:focus {
+    transform: skewX(-12deg);
   }
 
-  .md\:divide-indigo-100 > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .sm\:focus\:-skew-x-6:focus {
+    transform: skewX(-6deg);
   }
 
-  .md\:divide-indigo-200 > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .sm\:focus\:-skew-x-3:focus {
+    transform: skewX(-3deg);
   }
 
-  .md\:divide-indigo-300 > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .sm\:focus\:skew-y-0:focus {
+    transform: skewY(0);
   }
 
-  .md\:divide-indigo-400 > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .sm\:focus\:skew-y-3:focus {
+    transform: skewY(3deg);
   }
 
-  .md\:divide-indigo-500 > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .sm\:focus\:skew-y-6:focus {
+    transform: skewY(6deg);
   }
 
-  .md\:divide-indigo-600 > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .sm\:focus\:skew-y-12:focus {
+    transform: skewY(12deg);
   }
 
-  .md\:divide-indigo-700 > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .sm\:focus\:-skew-y-12:focus {
+    transform: skewY(-12deg);
   }
 
-  .md\:divide-indigo-800 > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .sm\:focus\:-skew-y-6:focus {
+    transform: skewY(-6deg);
   }
 
-  .md\:divide-indigo-900 > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .sm\:focus\:-skew-y-3:focus {
+    transform: skewY(-3deg);
   }
 
-  .md\:divide-purple-100 > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .sm\:transition-none {
+    transition-property: none;
   }
 
-  .md\:divide-purple-200 > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .sm\:transition-all {
+    transition-property: all;
   }
 
-  .md\:divide-purple-300 > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .sm\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
-  .md\:divide-purple-400 > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .sm\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
-  .md\:divide-purple-500 > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .sm\:transition-opacity {
+    transition-property: opacity;
   }
 
-  .md\:divide-purple-600 > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .sm\:transition-shadow {
+    transition-property: box-shadow;
   }
 
-  .md\:divide-purple-700 > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .sm\:transition-transform {
+    transition-property: transform;
   }
 
-  .md\:divide-purple-800 > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .sm\:ease-linear {
+    transition-timing-function: linear;
   }
 
-  .md\:divide-purple-900 > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .sm\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   }
 
-  .md\:divide-pink-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .sm\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 
-  .md\:divide-pink-200 > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .sm\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  .md\:divide-pink-300 > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .sm\:duration-75 {
+    transition-duration: 75ms;
   }
 
-  .md\:divide-pink-400 > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .sm\:duration-100 {
+    transition-duration: 100ms;
   }
 
-  .md\:divide-pink-500 > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .sm\:duration-150 {
+    transition-duration: 150ms;
   }
 
-  .md\:divide-pink-600 > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .sm\:duration-200 {
+    transition-duration: 200ms;
   }
 
-  .md\:divide-pink-700 > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .sm\:duration-300 {
+    transition-duration: 300ms;
   }
 
-  .md\:divide-pink-800 > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .sm\:duration-500 {
+    transition-duration: 500ms;
   }
 
-  .md\:divide-pink-900 > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .sm\:duration-700 {
+    transition-duration: 700ms;
   }
 
-  .md\:hover\:divide-transparent:hover > :not(template) ~ :not(template) {
-    border-color: transparent;
+  .sm\:duration-1000 {
+    transition-duration: 1000ms;
   }
 
-  .md\:hover\:divide-current:hover > :not(template) ~ :not(template) {
-    border-color: currentColor;
+  .sm\:delay-75 {
+    transition-delay: 75ms;
   }
 
-  .md\:hover\:divide-black:hover > :not(template) ~ :not(template) {
-    border-color: #000;
+  .sm\:delay-100 {
+    transition-delay: 100ms;
   }
 
-  .md\:hover\:divide-white:hover > :not(template) ~ :not(template) {
-    border-color: #fff;
+  .sm\:delay-150 {
+    transition-delay: 150ms;
   }
 
-  .md\:hover\:divide-gray-100:hover > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
+  .sm\:delay-200 {
+    transition-delay: 200ms;
   }
 
-  .md\:hover\:divide-gray-200:hover > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
+  .sm\:delay-300 {
+    transition-delay: 300ms;
   }
 
-  .md\:hover\:divide-gray-300:hover > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
+  .sm\:delay-500 {
+    transition-delay: 500ms;
   }
 
-  .md\:hover\:divide-gray-400:hover > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
+  .sm\:delay-700 {
+    transition-delay: 700ms;
   }
 
-  .md\:hover\:divide-gray-500:hover > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
+  .sm\:delay-1000 {
+    transition-delay: 1000ms;
   }
 
-  .md\:hover\:divide-gray-600:hover > :not(template) ~ :not(template) {
-    border-color: #718096;
+  .sm\:example {
+    font-weight: 700;
+    color: #f56565;
   }
+}
 
-  .md\:hover\:divide-gray-700:hover > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+@media (min-width: 768px) {
+  .md\:space-y-0 > :not(template) ~ :not(template) {
+    margin-top: 0;
   }
 
-  .md\:hover\:divide-gray-800:hover > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .md\:space-x-0 > :not(template) ~ :not(template) {
+    margin-left: 0;
   }
 
-  .md\:hover\:divide-gray-900:hover > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .md\:space-y-1 > :not(template) ~ :not(template) {
+    margin-top: 0.25rem;
   }
 
-  .md\:hover\:divide-red-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .md\:space-x-1 > :not(template) ~ :not(template) {
+    margin-left: 0.25rem;
   }
 
-  .md\:hover\:divide-red-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .md\:space-y-2 > :not(template) ~ :not(template) {
+    margin-top: 0.5rem;
   }
 
-  .md\:hover\:divide-red-300:hover > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .md\:space-x-2 > :not(template) ~ :not(template) {
+    margin-left: 0.5rem;
   }
 
-  .md\:hover\:divide-red-400:hover > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .md\:space-y-3 > :not(template) ~ :not(template) {
+    margin-top: 0.75rem;
   }
 
-  .md\:hover\:divide-red-500:hover > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .md\:space-x-3 > :not(template) ~ :not(template) {
+    margin-left: 0.75rem;
   }
 
-  .md\:hover\:divide-red-600:hover > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .md\:space-y-4 > :not(template) ~ :not(template) {
+    margin-top: 1rem;
   }
 
-  .md\:hover\:divide-red-700:hover > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .md\:space-x-4 > :not(template) ~ :not(template) {
+    margin-left: 1rem;
   }
 
-  .md\:hover\:divide-red-800:hover > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .md\:space-y-5 > :not(template) ~ :not(template) {
+    margin-top: 1.25rem;
   }
 
-  .md\:hover\:divide-red-900:hover > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .md\:space-x-5 > :not(template) ~ :not(template) {
+    margin-left: 1.25rem;
   }
 
-  .md\:hover\:divide-orange-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .md\:space-y-6 > :not(template) ~ :not(template) {
+    margin-top: 1.5rem;
   }
 
-  .md\:hover\:divide-orange-200:hover > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .md\:space-x-6 > :not(template) ~ :not(template) {
+    margin-left: 1.5rem;
   }
 
-  .md\:hover\:divide-orange-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .md\:space-y-8 > :not(template) ~ :not(template) {
+    margin-top: 2rem;
   }
 
-  .md\:hover\:divide-orange-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .md\:space-x-8 > :not(template) ~ :not(template) {
+    margin-left: 2rem;
   }
 
-  .md\:hover\:divide-orange-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .md\:space-y-10 > :not(template) ~ :not(template) {
+    margin-top: 2.5rem;
   }
 
-  .md\:hover\:divide-orange-600:hover > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .md\:space-x-10 > :not(template) ~ :not(template) {
+    margin-left: 2.5rem;
   }
 
-  .md\:hover\:divide-orange-700:hover > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .md\:space-y-12 > :not(template) ~ :not(template) {
+    margin-top: 3rem;
   }
 
-  .md\:hover\:divide-orange-800:hover > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .md\:space-x-12 > :not(template) ~ :not(template) {
+    margin-left: 3rem;
   }
 
-  .md\:hover\:divide-orange-900:hover > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .md\:space-y-16 > :not(template) ~ :not(template) {
+    margin-top: 4rem;
   }
 
-  .md\:hover\:divide-yellow-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .md\:space-x-16 > :not(template) ~ :not(template) {
+    margin-left: 4rem;
   }
 
-  .md\:hover\:divide-yellow-200:hover > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .md\:space-y-20 > :not(template) ~ :not(template) {
+    margin-top: 5rem;
   }
 
-  .md\:hover\:divide-yellow-300:hover > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .md\:space-x-20 > :not(template) ~ :not(template) {
+    margin-left: 5rem;
   }
 
-  .md\:hover\:divide-yellow-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .md\:space-y-24 > :not(template) ~ :not(template) {
+    margin-top: 6rem;
   }
 
-  .md\:hover\:divide-yellow-500:hover > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .md\:space-x-24 > :not(template) ~ :not(template) {
+    margin-left: 6rem;
   }
 
-  .md\:hover\:divide-yellow-600:hover > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .md\:space-y-32 > :not(template) ~ :not(template) {
+    margin-top: 8rem;
   }
 
-  .md\:hover\:divide-yellow-700:hover > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .md\:space-x-32 > :not(template) ~ :not(template) {
+    margin-left: 8rem;
   }
 
-  .md\:hover\:divide-yellow-800:hover > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .md\:space-y-40 > :not(template) ~ :not(template) {
+    margin-top: 10rem;
   }
 
-  .md\:hover\:divide-yellow-900:hover > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .md\:space-x-40 > :not(template) ~ :not(template) {
+    margin-left: 10rem;
   }
 
-  .md\:hover\:divide-green-100:hover > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .md\:space-y-48 > :not(template) ~ :not(template) {
+    margin-top: 12rem;
   }
 
-  .md\:hover\:divide-green-200:hover > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .md\:space-x-48 > :not(template) ~ :not(template) {
+    margin-left: 12rem;
   }
 
-  .md\:hover\:divide-green-300:hover > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .md\:space-y-56 > :not(template) ~ :not(template) {
+    margin-top: 14rem;
   }
 
-  .md\:hover\:divide-green-400:hover > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .md\:space-x-56 > :not(template) ~ :not(template) {
+    margin-left: 14rem;
   }
 
-  .md\:hover\:divide-green-500:hover > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .md\:space-y-64 > :not(template) ~ :not(template) {
+    margin-top: 16rem;
   }
 
-  .md\:hover\:divide-green-600:hover > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .md\:space-x-64 > :not(template) ~ :not(template) {
+    margin-left: 16rem;
   }
 
-  .md\:hover\:divide-green-700:hover > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .md\:space-y-px > :not(template) ~ :not(template) {
+    margin-top: 1px;
   }
 
-  .md\:hover\:divide-green-800:hover > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .md\:space-x-px > :not(template) ~ :not(template) {
+    margin-left: 1px;
   }
 
-  .md\:hover\:divide-green-900:hover > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .md\:-space-y-1 > :not(template) ~ :not(template) {
+    margin-top: -0.25rem;
   }
 
-  .md\:hover\:divide-teal-100:hover > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .md\:-space-x-1 > :not(template) ~ :not(template) {
+    margin-left: -0.25rem;
   }
 
-  .md\:hover\:divide-teal-200:hover > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .md\:-space-y-2 > :not(template) ~ :not(template) {
+    margin-top: -0.5rem;
   }
 
-  .md\:hover\:divide-teal-300:hover > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .md\:-space-x-2 > :not(template) ~ :not(template) {
+    margin-left: -0.5rem;
   }
 
-  .md\:hover\:divide-teal-400:hover > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .md\:-space-y-3 > :not(template) ~ :not(template) {
+    margin-top: -0.75rem;
   }
 
-  .md\:hover\:divide-teal-500:hover > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .md\:-space-x-3 > :not(template) ~ :not(template) {
+    margin-left: -0.75rem;
   }
 
-  .md\:hover\:divide-teal-600:hover > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .md\:-space-y-4 > :not(template) ~ :not(template) {
+    margin-top: -1rem;
   }
 
-  .md\:hover\:divide-teal-700:hover > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .md\:-space-x-4 > :not(template) ~ :not(template) {
+    margin-left: -1rem;
   }
 
-  .md\:hover\:divide-teal-800:hover > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .md\:-space-y-5 > :not(template) ~ :not(template) {
+    margin-top: -1.25rem;
   }
 
-  .md\:hover\:divide-teal-900:hover > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .md\:-space-x-5 > :not(template) ~ :not(template) {
+    margin-left: -1.25rem;
   }
 
-  .md\:hover\:divide-blue-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .md\:-space-y-6 > :not(template) ~ :not(template) {
+    margin-top: -1.5rem;
   }
 
-  .md\:hover\:divide-blue-200:hover > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .md\:-space-x-6 > :not(template) ~ :not(template) {
+    margin-left: -1.5rem;
   }
 
-  .md\:hover\:divide-blue-300:hover > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .md\:-space-y-8 > :not(template) ~ :not(template) {
+    margin-top: -2rem;
   }
 
-  .md\:hover\:divide-blue-400:hover > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .md\:-space-x-8 > :not(template) ~ :not(template) {
+    margin-left: -2rem;
   }
 
-  .md\:hover\:divide-blue-500:hover > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .md\:-space-y-10 > :not(template) ~ :not(template) {
+    margin-top: -2.5rem;
   }
 
-  .md\:hover\:divide-blue-600:hover > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .md\:-space-x-10 > :not(template) ~ :not(template) {
+    margin-left: -2.5rem;
   }
 
-  .md\:hover\:divide-blue-700:hover > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .md\:-space-y-12 > :not(template) ~ :not(template) {
+    margin-top: -3rem;
   }
 
-  .md\:hover\:divide-blue-800:hover > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .md\:-space-x-12 > :not(template) ~ :not(template) {
+    margin-left: -3rem;
   }
 
-  .md\:hover\:divide-blue-900:hover > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .md\:-space-y-16 > :not(template) ~ :not(template) {
+    margin-top: -4rem;
   }
 
-  .md\:hover\:divide-indigo-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .md\:-space-x-16 > :not(template) ~ :not(template) {
+    margin-left: -4rem;
   }
 
-  .md\:hover\:divide-indigo-200:hover > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .md\:-space-y-20 > :not(template) ~ :not(template) {
+    margin-top: -5rem;
   }
 
-  .md\:hover\:divide-indigo-300:hover > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .md\:-space-x-20 > :not(template) ~ :not(template) {
+    margin-left: -5rem;
   }
 
-  .md\:hover\:divide-indigo-400:hover > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .md\:-space-y-24 > :not(template) ~ :not(template) {
+    margin-top: -6rem;
   }
 
-  .md\:hover\:divide-indigo-500:hover > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .md\:-space-x-24 > :not(template) ~ :not(template) {
+    margin-left: -6rem;
   }
 
-  .md\:hover\:divide-indigo-600:hover > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .md\:-space-y-32 > :not(template) ~ :not(template) {
+    margin-top: -8rem;
   }
 
-  .md\:hover\:divide-indigo-700:hover > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .md\:-space-x-32 > :not(template) ~ :not(template) {
+    margin-left: -8rem;
   }
 
-  .md\:hover\:divide-indigo-800:hover > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .md\:-space-y-40 > :not(template) ~ :not(template) {
+    margin-top: -10rem;
   }
 
-  .md\:hover\:divide-indigo-900:hover > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .md\:-space-x-40 > :not(template) ~ :not(template) {
+    margin-left: -10rem;
   }
 
-  .md\:hover\:divide-purple-100:hover > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .md\:-space-y-48 > :not(template) ~ :not(template) {
+    margin-top: -12rem;
   }
 
-  .md\:hover\:divide-purple-200:hover > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .md\:-space-x-48 > :not(template) ~ :not(template) {
+    margin-left: -12rem;
   }
 
-  .md\:hover\:divide-purple-300:hover > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .md\:-space-y-56 > :not(template) ~ :not(template) {
+    margin-top: -14rem;
   }
 
-  .md\:hover\:divide-purple-400:hover > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .md\:-space-x-56 > :not(template) ~ :not(template) {
+    margin-left: -14rem;
   }
 
-  .md\:hover\:divide-purple-500:hover > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .md\:-space-y-64 > :not(template) ~ :not(template) {
+    margin-top: -16rem;
   }
 
-  .md\:hover\:divide-purple-600:hover > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .md\:-space-x-64 > :not(template) ~ :not(template) {
+    margin-left: -16rem;
   }
 
-  .md\:hover\:divide-purple-700:hover > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .md\:-space-y-px > :not(template) ~ :not(template) {
+    margin-top: -1px;
   }
 
-  .md\:hover\:divide-purple-800:hover > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .md\:-space-x-px > :not(template) ~ :not(template) {
+    margin-left: -1px;
   }
 
-  .md\:hover\:divide-purple-900:hover > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .md\:divide-y-0 > :not(template) ~ :not(template) {
+    border-top-width: 0;
   }
 
-  .md\:hover\:divide-pink-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .md\:divide-x-0 > :not(template) ~ :not(template) {
+    border-left-width: 0;
   }
 
-  .md\:hover\:divide-pink-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .md\:divide-y-2 > :not(template) ~ :not(template) {
+    border-top-width: 2px;
   }
 
-  .md\:hover\:divide-pink-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .md\:divide-x-2 > :not(template) ~ :not(template) {
+    border-left-width: 2px;
   }
 
-  .md\:hover\:divide-pink-400:hover > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .md\:divide-y-4 > :not(template) ~ :not(template) {
+    border-top-width: 4px;
   }
 
-  .md\:hover\:divide-pink-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .md\:divide-x-4 > :not(template) ~ :not(template) {
+    border-left-width: 4px;
   }
 
-  .md\:hover\:divide-pink-600:hover > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .md\:divide-y-8 > :not(template) ~ :not(template) {
+    border-top-width: 8px;
   }
 
-  .md\:hover\:divide-pink-700:hover > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .md\:divide-x-8 > :not(template) ~ :not(template) {
+    border-left-width: 8px;
   }
 
-  .md\:hover\:divide-pink-800:hover > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .md\:divide-y > :not(template) ~ :not(template) {
+    border-top-width: 1px;
   }
 
-  .md\:hover\:divide-pink-900:hover > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .md\:divide-x > :not(template) ~ :not(template) {
+    border-left-width: 1px;
   }
 
-  .md\:focus\:divide-transparent:focus > :not(template) ~ :not(template) {
+  .md\:divide-transparent > :not(template) ~ :not(template) {
     border-color: transparent;
   }
 
-  .md\:focus\:divide-current:focus > :not(template) ~ :not(template) {
+  .md\:divide-current > :not(template) ~ :not(template) {
     border-color: currentColor;
   }
 
-  .md\:focus\:divide-black:focus > :not(template) ~ :not(template) {
+  .md\:divide-black > :not(template) ~ :not(template) {
     border-color: #000;
   }
 
-  .md\:focus\:divide-white:focus > :not(template) ~ :not(template) {
+  .md\:divide-white > :not(template) ~ :not(template) {
     border-color: #fff;
   }
 
-  .md\:focus\:divide-gray-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-100 > :not(template) ~ :not(template) {
     border-color: #f7fafc;
   }
 
-  .md\:focus\:divide-gray-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-200 > :not(template) ~ :not(template) {
     border-color: #edf2f7;
   }
 
-  .md\:focus\:divide-gray-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-300 > :not(template) ~ :not(template) {
     border-color: #e2e8f0;
   }
 
-  .md\:focus\:divide-gray-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-400 > :not(template) ~ :not(template) {
     border-color: #cbd5e0;
   }
 
-  .md\:focus\:divide-gray-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-500 > :not(template) ~ :not(template) {
     border-color: #a0aec0;
   }
 
-  .md\:focus\:divide-gray-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-600 > :not(template) ~ :not(template) {
     border-color: #718096;
   }
 
-  .md\:focus\:divide-gray-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-700 > :not(template) ~ :not(template) {
     border-color: #4a5568;
   }
 
-  .md\:focus\:divide-gray-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-800 > :not(template) ~ :not(template) {
     border-color: #2d3748;
   }
 
-  .md\:focus\:divide-gray-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-gray-900 > :not(template) ~ :not(template) {
     border-color: #1a202c;
   }
 
-  .md\:focus\:divide-red-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-100 > :not(template) ~ :not(template) {
     border-color: #fff5f5;
   }
 
-  .md\:focus\:divide-red-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-200 > :not(template) ~ :not(template) {
     border-color: #fed7d7;
   }
 
-  .md\:focus\:divide-red-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-300 > :not(template) ~ :not(template) {
     border-color: #feb2b2;
   }
 
-  .md\:focus\:divide-red-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-400 > :not(template) ~ :not(template) {
     border-color: #fc8181;
   }
 
-  .md\:focus\:divide-red-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-500 > :not(template) ~ :not(template) {
     border-color: #f56565;
   }
 
-  .md\:focus\:divide-red-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-600 > :not(template) ~ :not(template) {
     border-color: #e53e3e;
   }
 
-  .md\:focus\:divide-red-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-700 > :not(template) ~ :not(template) {
     border-color: #c53030;
   }
 
-  .md\:focus\:divide-red-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-800 > :not(template) ~ :not(template) {
     border-color: #9b2c2c;
   }
 
-  .md\:focus\:divide-red-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-red-900 > :not(template) ~ :not(template) {
     border-color: #742a2a;
   }
 
-  .md\:focus\:divide-orange-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-100 > :not(template) ~ :not(template) {
     border-color: #fffaf0;
   }
 
-  .md\:focus\:divide-orange-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-200 > :not(template) ~ :not(template) {
     border-color: #feebc8;
   }
 
-  .md\:focus\:divide-orange-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-300 > :not(template) ~ :not(template) {
     border-color: #fbd38d;
   }
 
-  .md\:focus\:divide-orange-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-400 > :not(template) ~ :not(template) {
     border-color: #f6ad55;
   }
 
-  .md\:focus\:divide-orange-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-500 > :not(template) ~ :not(template) {
     border-color: #ed8936;
   }
 
-  .md\:focus\:divide-orange-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-600 > :not(template) ~ :not(template) {
     border-color: #dd6b20;
   }
 
-  .md\:focus\:divide-orange-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-700 > :not(template) ~ :not(template) {
     border-color: #c05621;
   }
 
-  .md\:focus\:divide-orange-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-800 > :not(template) ~ :not(template) {
     border-color: #9c4221;
   }
 
-  .md\:focus\:divide-orange-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-orange-900 > :not(template) ~ :not(template) {
     border-color: #7b341e;
   }
 
-  .md\:focus\:divide-yellow-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-100 > :not(template) ~ :not(template) {
     border-color: #fffff0;
   }
 
-  .md\:focus\:divide-yellow-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-200 > :not(template) ~ :not(template) {
     border-color: #fefcbf;
   }
 
-  .md\:focus\:divide-yellow-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-300 > :not(template) ~ :not(template) {
     border-color: #faf089;
   }
 
-  .md\:focus\:divide-yellow-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-400 > :not(template) ~ :not(template) {
     border-color: #f6e05e;
   }
 
-  .md\:focus\:divide-yellow-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-500 > :not(template) ~ :not(template) {
     border-color: #ecc94b;
   }
 
-  .md\:focus\:divide-yellow-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-600 > :not(template) ~ :not(template) {
     border-color: #d69e2e;
   }
 
-  .md\:focus\:divide-yellow-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-700 > :not(template) ~ :not(template) {
     border-color: #b7791f;
   }
 
-  .md\:focus\:divide-yellow-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-800 > :not(template) ~ :not(template) {
     border-color: #975a16;
   }
 
-  .md\:focus\:divide-yellow-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-yellow-900 > :not(template) ~ :not(template) {
     border-color: #744210;
   }
 
-  .md\:focus\:divide-green-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-100 > :not(template) ~ :not(template) {
     border-color: #f0fff4;
   }
 
-  .md\:focus\:divide-green-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-200 > :not(template) ~ :not(template) {
     border-color: #c6f6d5;
   }
 
-  .md\:focus\:divide-green-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-300 > :not(template) ~ :not(template) {
     border-color: #9ae6b4;
   }
 
-  .md\:focus\:divide-green-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-400 > :not(template) ~ :not(template) {
     border-color: #68d391;
   }
 
-  .md\:focus\:divide-green-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-500 > :not(template) ~ :not(template) {
     border-color: #48bb78;
   }
 
-  .md\:focus\:divide-green-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-600 > :not(template) ~ :not(template) {
     border-color: #38a169;
   }
 
-  .md\:focus\:divide-green-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-700 > :not(template) ~ :not(template) {
     border-color: #2f855a;
   }
 
-  .md\:focus\:divide-green-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-800 > :not(template) ~ :not(template) {
     border-color: #276749;
   }
 
-  .md\:focus\:divide-green-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-green-900 > :not(template) ~ :not(template) {
     border-color: #22543d;
   }
 
-  .md\:focus\:divide-teal-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-100 > :not(template) ~ :not(template) {
     border-color: #e6fffa;
   }
 
-  .md\:focus\:divide-teal-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-200 > :not(template) ~ :not(template) {
     border-color: #b2f5ea;
   }
 
-  .md\:focus\:divide-teal-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-300 > :not(template) ~ :not(template) {
     border-color: #81e6d9;
   }
 
-  .md\:focus\:divide-teal-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-400 > :not(template) ~ :not(template) {
     border-color: #4fd1c5;
   }
 
-  .md\:focus\:divide-teal-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-500 > :not(template) ~ :not(template) {
     border-color: #38b2ac;
   }
 
-  .md\:focus\:divide-teal-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-600 > :not(template) ~ :not(template) {
     border-color: #319795;
   }
 
-  .md\:focus\:divide-teal-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-700 > :not(template) ~ :not(template) {
     border-color: #2c7a7b;
   }
 
-  .md\:focus\:divide-teal-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-800 > :not(template) ~ :not(template) {
     border-color: #285e61;
   }
 
-  .md\:focus\:divide-teal-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-teal-900 > :not(template) ~ :not(template) {
     border-color: #234e52;
   }
 
-  .md\:focus\:divide-blue-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-100 > :not(template) ~ :not(template) {
     border-color: #ebf8ff;
   }
 
-  .md\:focus\:divide-blue-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-200 > :not(template) ~ :not(template) {
     border-color: #bee3f8;
   }
 
-  .md\:focus\:divide-blue-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-300 > :not(template) ~ :not(template) {
     border-color: #90cdf4;
   }
 
-  .md\:focus\:divide-blue-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-400 > :not(template) ~ :not(template) {
     border-color: #63b3ed;
   }
 
-  .md\:focus\:divide-blue-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-500 > :not(template) ~ :not(template) {
     border-color: #4299e1;
   }
 
-  .md\:focus\:divide-blue-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-600 > :not(template) ~ :not(template) {
     border-color: #3182ce;
   }
 
-  .md\:focus\:divide-blue-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-700 > :not(template) ~ :not(template) {
     border-color: #2b6cb0;
   }
 
-  .md\:focus\:divide-blue-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-800 > :not(template) ~ :not(template) {
     border-color: #2c5282;
   }
 
-  .md\:focus\:divide-blue-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-blue-900 > :not(template) ~ :not(template) {
     border-color: #2a4365;
   }
 
-  .md\:focus\:divide-indigo-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-100 > :not(template) ~ :not(template) {
     border-color: #ebf4ff;
   }
 
-  .md\:focus\:divide-indigo-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-200 > :not(template) ~ :not(template) {
     border-color: #c3dafe;
   }
 
-  .md\:focus\:divide-indigo-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-300 > :not(template) ~ :not(template) {
     border-color: #a3bffa;
   }
 
-  .md\:focus\:divide-indigo-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-400 > :not(template) ~ :not(template) {
     border-color: #7f9cf5;
   }
 
-  .md\:focus\:divide-indigo-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-500 > :not(template) ~ :not(template) {
     border-color: #667eea;
   }
 
-  .md\:focus\:divide-indigo-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-600 > :not(template) ~ :not(template) {
     border-color: #5a67d8;
   }
 
-  .md\:focus\:divide-indigo-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-700 > :not(template) ~ :not(template) {
     border-color: #4c51bf;
   }
 
-  .md\:focus\:divide-indigo-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-800 > :not(template) ~ :not(template) {
     border-color: #434190;
   }
 
-  .md\:focus\:divide-indigo-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-indigo-900 > :not(template) ~ :not(template) {
     border-color: #3c366b;
   }
 
-  .md\:focus\:divide-purple-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-100 > :not(template) ~ :not(template) {
     border-color: #faf5ff;
   }
 
-  .md\:focus\:divide-purple-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-200 > :not(template) ~ :not(template) {
     border-color: #e9d8fd;
   }
 
-  .md\:focus\:divide-purple-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-300 > :not(template) ~ :not(template) {
     border-color: #d6bcfa;
   }
 
-  .md\:focus\:divide-purple-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-400 > :not(template) ~ :not(template) {
     border-color: #b794f4;
   }
 
-  .md\:focus\:divide-purple-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-500 > :not(template) ~ :not(template) {
     border-color: #9f7aea;
   }
 
-  .md\:focus\:divide-purple-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-600 > :not(template) ~ :not(template) {
     border-color: #805ad5;
   }
 
-  .md\:focus\:divide-purple-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-700 > :not(template) ~ :not(template) {
     border-color: #6b46c1;
   }
 
-  .md\:focus\:divide-purple-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-800 > :not(template) ~ :not(template) {
     border-color: #553c9a;
   }
 
-  .md\:focus\:divide-purple-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-purple-900 > :not(template) ~ :not(template) {
     border-color: #44337a;
   }
 
-  .md\:focus\:divide-pink-100:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-100 > :not(template) ~ :not(template) {
     border-color: #fff5f7;
   }
 
-  .md\:focus\:divide-pink-200:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-200 > :not(template) ~ :not(template) {
     border-color: #fed7e2;
   }
 
-  .md\:focus\:divide-pink-300:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-300 > :not(template) ~ :not(template) {
     border-color: #fbb6ce;
   }
 
-  .md\:focus\:divide-pink-400:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-400 > :not(template) ~ :not(template) {
     border-color: #f687b3;
   }
 
-  .md\:focus\:divide-pink-500:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-500 > :not(template) ~ :not(template) {
     border-color: #ed64a6;
   }
 
-  .md\:focus\:divide-pink-600:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-600 > :not(template) ~ :not(template) {
     border-color: #d53f8c;
   }
 
-  .md\:focus\:divide-pink-700:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-700 > :not(template) ~ :not(template) {
     border-color: #b83280;
   }
 
-  .md\:focus\:divide-pink-800:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-800 > :not(template) ~ :not(template) {
     border-color: #97266d;
   }
 
-  .md\:focus\:divide-pink-900:focus > :not(template) ~ :not(template) {
+  .md\:divide-pink-900 > :not(template) ~ :not(template) {
     border-color: #702459;
   }
 
@@ -27917,7467 +25661,6715 @@ video {
 
   .md\:my-8 {
     margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .md\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .md\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .md\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .md\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .md\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .md\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .md\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .md\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .md\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .md\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .md\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .md\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .md\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .md\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .md\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .md\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .md\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .md\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .md\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .md\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .md\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .md\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .md\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .md\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .md\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .md\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .md\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .md\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .md\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .md\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .md\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .md\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .md\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .md\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .md\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .md\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .md\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .md\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .md\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .md\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .md\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .md\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .md\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .md\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .md\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .md\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .md\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .md\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .md\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .md\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .md\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .md\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .md\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .md\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .md\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .md\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .md\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .md\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .md\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .md\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .md\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .md\:mt-0 {
-    margin-top: 0;
-  }
-
-  .md\:mr-0 {
-    margin-right: 0;
-  }
-
-  .md\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .md\:ml-0 {
-    margin-left: 0;
-  }
-
-  .md\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .md\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .md\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .md\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .md\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .md\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .md\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .md\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .md\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .md\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .md\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .md\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .md\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .md\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .md\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .md\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .md\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .md\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .md\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .md\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .md\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .md\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .md\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .md\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .md\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .md\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .md\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .md\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .md\:mt-10 {
-    margin-top: 2.5rem;
+    margin-bottom: 2rem;
   }
 
-  .md\:mr-10 {
-    margin-right: 2.5rem;
+  .md\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
   }
 
-  .md\:mb-10 {
+  .md\:my-10 {
+    margin-top: 2.5rem;
     margin-bottom: 2.5rem;
   }
 
-  .md\:ml-10 {
+  .md\:mx-10 {
     margin-left: 2.5rem;
+    margin-right: 2.5rem;
   }
 
-  .md\:mt-12 {
+  .md\:my-12 {
     margin-top: 3rem;
-  }
-
-  .md\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .md\:mb-12 {
     margin-bottom: 3rem;
   }
 
-  .md\:ml-12 {
+  .md\:mx-12 {
     margin-left: 3rem;
+    margin-right: 3rem;
   }
 
-  .md\:mt-16 {
+  .md\:my-16 {
     margin-top: 4rem;
-  }
-
-  .md\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .md\:mb-16 {
     margin-bottom: 4rem;
   }
 
-  .md\:ml-16 {
+  .md\:mx-16 {
     margin-left: 4rem;
+    margin-right: 4rem;
   }
 
-  .md\:mt-20 {
+  .md\:my-20 {
     margin-top: 5rem;
-  }
-
-  .md\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .md\:mb-20 {
     margin-bottom: 5rem;
   }
 
-  .md\:ml-20 {
+  .md\:mx-20 {
     margin-left: 5rem;
+    margin-right: 5rem;
   }
 
-  .md\:mt-24 {
+  .md\:my-24 {
     margin-top: 6rem;
-  }
-
-  .md\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .md\:mb-24 {
     margin-bottom: 6rem;
   }
 
-  .md\:ml-24 {
+  .md\:mx-24 {
     margin-left: 6rem;
+    margin-right: 6rem;
   }
 
-  .md\:mt-32 {
+  .md\:my-32 {
     margin-top: 8rem;
-  }
-
-  .md\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .md\:mb-32 {
     margin-bottom: 8rem;
   }
 
-  .md\:ml-32 {
+  .md\:mx-32 {
     margin-left: 8rem;
+    margin-right: 8rem;
   }
 
-  .md\:mt-40 {
+  .md\:my-40 {
     margin-top: 10rem;
-  }
-
-  .md\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .md\:mb-40 {
     margin-bottom: 10rem;
   }
 
-  .md\:ml-40 {
+  .md\:mx-40 {
     margin-left: 10rem;
+    margin-right: 10rem;
   }
 
-  .md\:mt-48 {
+  .md\:my-48 {
     margin-top: 12rem;
-  }
-
-  .md\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .md\:mb-48 {
     margin-bottom: 12rem;
   }
 
-  .md\:ml-48 {
+  .md\:mx-48 {
     margin-left: 12rem;
+    margin-right: 12rem;
   }
 
-  .md\:mt-56 {
+  .md\:my-56 {
     margin-top: 14rem;
-  }
-
-  .md\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .md\:mb-56 {
     margin-bottom: 14rem;
   }
 
-  .md\:ml-56 {
+  .md\:mx-56 {
     margin-left: 14rem;
+    margin-right: 14rem;
   }
 
-  .md\:mt-64 {
+  .md\:my-64 {
     margin-top: 16rem;
-  }
-
-  .md\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .md\:mb-64 {
     margin-bottom: 16rem;
   }
 
-  .md\:ml-64 {
+  .md\:mx-64 {
     margin-left: 16rem;
+    margin-right: 16rem;
   }
 
-  .md\:mt-auto {
+  .md\:my-auto {
     margin-top: auto;
-  }
-
-  .md\:mr-auto {
-    margin-right: auto;
-  }
-
-  .md\:mb-auto {
     margin-bottom: auto;
   }
 
-  .md\:ml-auto {
+  .md\:mx-auto {
     margin-left: auto;
+    margin-right: auto;
   }
 
-  .md\:mt-px {
+  .md\:my-px {
     margin-top: 1px;
-  }
-
-  .md\:mr-px {
-    margin-right: 1px;
-  }
-
-  .md\:mb-px {
     margin-bottom: 1px;
   }
 
-  .md\:ml-px {
+  .md\:mx-px {
     margin-left: 1px;
+    margin-right: 1px;
   }
 
-  .md\:-mt-1 {
+  .md\:-my-1 {
     margin-top: -0.25rem;
-  }
-
-  .md\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .md\:-mb-1 {
     margin-bottom: -0.25rem;
   }
 
-  .md\:-ml-1 {
+  .md\:-mx-1 {
     margin-left: -0.25rem;
+    margin-right: -0.25rem;
   }
 
-  .md\:-mt-2 {
+  .md\:-my-2 {
     margin-top: -0.5rem;
-  }
-
-  .md\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .md\:-mb-2 {
     margin-bottom: -0.5rem;
   }
 
-  .md\:-ml-2 {
+  .md\:-mx-2 {
     margin-left: -0.5rem;
+    margin-right: -0.5rem;
   }
 
-  .md\:-mt-3 {
+  .md\:-my-3 {
     margin-top: -0.75rem;
-  }
-
-  .md\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .md\:-mb-3 {
     margin-bottom: -0.75rem;
   }
 
-  .md\:-ml-3 {
+  .md\:-mx-3 {
     margin-left: -0.75rem;
+    margin-right: -0.75rem;
   }
 
-  .md\:-mt-4 {
+  .md\:-my-4 {
     margin-top: -1rem;
-  }
-
-  .md\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .md\:-mb-4 {
     margin-bottom: -1rem;
   }
 
-  .md\:-ml-4 {
+  .md\:-mx-4 {
     margin-left: -1rem;
+    margin-right: -1rem;
   }
 
-  .md\:-mt-5 {
+  .md\:-my-5 {
     margin-top: -1.25rem;
-  }
-
-  .md\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .md\:-mb-5 {
     margin-bottom: -1.25rem;
   }
 
-  .md\:-ml-5 {
+  .md\:-mx-5 {
     margin-left: -1.25rem;
+    margin-right: -1.25rem;
   }
 
-  .md\:-mt-6 {
+  .md\:-my-6 {
     margin-top: -1.5rem;
-  }
-
-  .md\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .md\:-mb-6 {
     margin-bottom: -1.5rem;
   }
 
-  .md\:-ml-6 {
+  .md\:-mx-6 {
     margin-left: -1.5rem;
+    margin-right: -1.5rem;
   }
 
-  .md\:-mt-8 {
+  .md\:-my-8 {
     margin-top: -2rem;
-  }
-
-  .md\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .md\:-mb-8 {
     margin-bottom: -2rem;
   }
 
-  .md\:-ml-8 {
+  .md\:-mx-8 {
     margin-left: -2rem;
+    margin-right: -2rem;
   }
 
-  .md\:-mt-10 {
+  .md\:-my-10 {
     margin-top: -2.5rem;
-  }
-
-  .md\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .md\:-mb-10 {
     margin-bottom: -2.5rem;
   }
 
-  .md\:-ml-10 {
+  .md\:-mx-10 {
     margin-left: -2.5rem;
+    margin-right: -2.5rem;
   }
 
-  .md\:-mt-12 {
+  .md\:-my-12 {
     margin-top: -3rem;
-  }
-
-  .md\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .md\:-mb-12 {
     margin-bottom: -3rem;
   }
 
-  .md\:-ml-12 {
+  .md\:-mx-12 {
     margin-left: -3rem;
+    margin-right: -3rem;
   }
 
-  .md\:-mt-16 {
+  .md\:-my-16 {
     margin-top: -4rem;
-  }
-
-  .md\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .md\:-mb-16 {
     margin-bottom: -4rem;
   }
 
-  .md\:-ml-16 {
+  .md\:-mx-16 {
     margin-left: -4rem;
+    margin-right: -4rem;
   }
 
-  .md\:-mt-20 {
+  .md\:-my-20 {
     margin-top: -5rem;
-  }
-
-  .md\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .md\:-mb-20 {
     margin-bottom: -5rem;
   }
 
-  .md\:-ml-20 {
+  .md\:-mx-20 {
     margin-left: -5rem;
+    margin-right: -5rem;
   }
 
-  .md\:-mt-24 {
+  .md\:-my-24 {
     margin-top: -6rem;
-  }
-
-  .md\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .md\:-mb-24 {
     margin-bottom: -6rem;
   }
 
-  .md\:-ml-24 {
+  .md\:-mx-24 {
     margin-left: -6rem;
+    margin-right: -6rem;
   }
 
-  .md\:-mt-32 {
+  .md\:-my-32 {
     margin-top: -8rem;
-  }
-
-  .md\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .md\:-mb-32 {
     margin-bottom: -8rem;
   }
 
-  .md\:-ml-32 {
+  .md\:-mx-32 {
     margin-left: -8rem;
+    margin-right: -8rem;
   }
 
-  .md\:-mt-40 {
+  .md\:-my-40 {
     margin-top: -10rem;
-  }
-
-  .md\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .md\:-mb-40 {
     margin-bottom: -10rem;
   }
 
-  .md\:-ml-40 {
+  .md\:-mx-40 {
     margin-left: -10rem;
+    margin-right: -10rem;
   }
 
-  .md\:-mt-48 {
+  .md\:-my-48 {
     margin-top: -12rem;
-  }
-
-  .md\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .md\:-mb-48 {
     margin-bottom: -12rem;
   }
 
-  .md\:-ml-48 {
+  .md\:-mx-48 {
     margin-left: -12rem;
+    margin-right: -12rem;
   }
 
-  .md\:-mt-56 {
+  .md\:-my-56 {
     margin-top: -14rem;
-  }
-
-  .md\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .md\:-mb-56 {
     margin-bottom: -14rem;
   }
 
-  .md\:-ml-56 {
+  .md\:-mx-56 {
     margin-left: -14rem;
+    margin-right: -14rem;
   }
 
-  .md\:-mt-64 {
+  .md\:-my-64 {
     margin-top: -16rem;
-  }
-
-  .md\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .md\:-mb-64 {
     margin-bottom: -16rem;
   }
 
-  .md\:-ml-64 {
+  .md\:-mx-64 {
     margin-left: -16rem;
+    margin-right: -16rem;
   }
 
-  .md\:-mt-px {
+  .md\:-my-px {
     margin-top: -1px;
-  }
-
-  .md\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .md\:-mb-px {
     margin-bottom: -1px;
   }
 
-  .md\:-ml-px {
+  .md\:-mx-px {
     margin-left: -1px;
+    margin-right: -1px;
   }
 
-  .md\:max-h-full {
-    max-height: 100%;
-  }
-
-  .md\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .md\:max-w-none {
-    max-width: none;
-  }
-
-  .md\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .md\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .md\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .md\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .md\:max-w-xl {
-    max-width: 36rem;
+  .md\:mt-0 {
+    margin-top: 0;
   }
 
-  .md\:max-w-2xl {
-    max-width: 42rem;
+  .md\:mr-0 {
+    margin-right: 0;
   }
 
-  .md\:max-w-3xl {
-    max-width: 48rem;
+  .md\:mb-0 {
+    margin-bottom: 0;
   }
 
-  .md\:max-w-4xl {
-    max-width: 56rem;
+  .md\:ml-0 {
+    margin-left: 0;
   }
 
-  .md\:max-w-5xl {
-    max-width: 64rem;
+  .md\:mt-1 {
+    margin-top: 0.25rem;
   }
 
-  .md\:max-w-6xl {
-    max-width: 72rem;
+  .md\:mr-1 {
+    margin-right: 0.25rem;
   }
 
-  .md\:max-w-full {
-    max-width: 100%;
+  .md\:mb-1 {
+    margin-bottom: 0.25rem;
   }
 
-  .md\:max-w-screen-sm {
-    max-width: 640px;
+  .md\:ml-1 {
+    margin-left: 0.25rem;
   }
 
-  .md\:max-w-screen-md {
-    max-width: 768px;
+  .md\:mt-2 {
+    margin-top: 0.5rem;
   }
 
-  .md\:max-w-screen-lg {
-    max-width: 1024px;
+  .md\:mr-2 {
+    margin-right: 0.5rem;
   }
 
-  .md\:max-w-screen-xl {
-    max-width: 1280px;
+  .md\:mb-2 {
+    margin-bottom: 0.5rem;
   }
 
-  .md\:min-h-0 {
-    min-height: 0;
+  .md\:ml-2 {
+    margin-left: 0.5rem;
   }
 
-  .md\:min-h-full {
-    min-height: 100%;
+  .md\:mt-3 {
+    margin-top: 0.75rem;
   }
 
-  .md\:min-h-screen {
-    min-height: 100vh;
+  .md\:mr-3 {
+    margin-right: 0.75rem;
   }
 
-  .md\:min-w-0 {
-    min-width: 0;
+  .md\:mb-3 {
+    margin-bottom: 0.75rem;
   }
 
-  .md\:min-w-full {
-    min-width: 100%;
+  .md\:ml-3 {
+    margin-left: 0.75rem;
   }
 
-  .md\:opacity-0 {
-    opacity: 0;
+  .md\:mt-4 {
+    margin-top: 1rem;
   }
 
-  .md\:opacity-25 {
-    opacity: 0.25;
+  .md\:mr-4 {
+    margin-right: 1rem;
   }
 
-  .md\:opacity-50 {
-    opacity: 0.5;
+  .md\:mb-4 {
+    margin-bottom: 1rem;
   }
 
-  .md\:opacity-75 {
-    opacity: 0.75;
+  .md\:ml-4 {
+    margin-left: 1rem;
   }
 
-  .md\:opacity-100 {
-    opacity: 1;
+  .md\:mt-5 {
+    margin-top: 1.25rem;
   }
 
-  .md\:hover\:opacity-0:hover {
-    opacity: 0;
+  .md\:mr-5 {
+    margin-right: 1.25rem;
   }
 
-  .md\:hover\:opacity-25:hover {
-    opacity: 0.25;
+  .md\:mb-5 {
+    margin-bottom: 1.25rem;
   }
 
-  .md\:hover\:opacity-50:hover {
-    opacity: 0.5;
+  .md\:ml-5 {
+    margin-left: 1.25rem;
   }
 
-  .md\:hover\:opacity-75:hover {
-    opacity: 0.75;
+  .md\:mt-6 {
+    margin-top: 1.5rem;
   }
 
-  .md\:hover\:opacity-100:hover {
-    opacity: 1;
+  .md\:mr-6 {
+    margin-right: 1.5rem;
   }
 
-  .md\:focus\:opacity-0:focus {
-    opacity: 0;
+  .md\:mb-6 {
+    margin-bottom: 1.5rem;
   }
 
-  .md\:focus\:opacity-25:focus {
-    opacity: 0.25;
+  .md\:ml-6 {
+    margin-left: 1.5rem;
   }
 
-  .md\:focus\:opacity-50:focus {
-    opacity: 0.5;
+  .md\:mt-8 {
+    margin-top: 2rem;
   }
 
-  .md\:focus\:opacity-75:focus {
-    opacity: 0.75;
+  .md\:mr-8 {
+    margin-right: 2rem;
   }
 
-  .md\:focus\:opacity-100:focus {
-    opacity: 1;
+  .md\:mb-8 {
+    margin-bottom: 2rem;
   }
 
-  .md\:outline-none {
-    outline: 0;
+  .md\:ml-8 {
+    margin-left: 2rem;
   }
 
-  .md\:focus\:outline-none:focus {
-    outline: 0;
+  .md\:mt-10 {
+    margin-top: 2.5rem;
   }
 
-  .md\:overflow-auto {
-    overflow: auto;
+  .md\:mr-10 {
+    margin-right: 2.5rem;
   }
 
-  .md\:overflow-hidden {
-    overflow: hidden;
+  .md\:mb-10 {
+    margin-bottom: 2.5rem;
   }
 
-  .md\:overflow-visible {
-    overflow: visible;
+  .md\:ml-10 {
+    margin-left: 2.5rem;
   }
 
-  .md\:overflow-scroll {
-    overflow: scroll;
+  .md\:mt-12 {
+    margin-top: 3rem;
   }
 
-  .md\:overflow-x-auto {
-    overflow-x: auto;
+  .md\:mr-12 {
+    margin-right: 3rem;
   }
 
-  .md\:overflow-y-auto {
-    overflow-y: auto;
+  .md\:mb-12 {
+    margin-bottom: 3rem;
   }
 
-  .md\:overflow-x-hidden {
-    overflow-x: hidden;
+  .md\:ml-12 {
+    margin-left: 3rem;
   }
 
-  .md\:overflow-y-hidden {
-    overflow-y: hidden;
+  .md\:mt-16 {
+    margin-top: 4rem;
   }
 
-  .md\:overflow-x-visible {
-    overflow-x: visible;
+  .md\:mr-16 {
+    margin-right: 4rem;
   }
 
-  .md\:overflow-y-visible {
-    overflow-y: visible;
+  .md\:mb-16 {
+    margin-bottom: 4rem;
   }
 
-  .md\:overflow-x-scroll {
-    overflow-x: scroll;
+  .md\:ml-16 {
+    margin-left: 4rem;
   }
 
-  .md\:overflow-y-scroll {
-    overflow-y: scroll;
+  .md\:mt-20 {
+    margin-top: 5rem;
   }
 
-  .md\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .md\:mr-20 {
+    margin-right: 5rem;
   }
 
-  .md\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .md\:mb-20 {
+    margin-bottom: 5rem;
   }
 
-  .md\:p-0 {
-    padding: 0;
+  .md\:ml-20 {
+    margin-left: 5rem;
   }
 
-  .md\:p-1 {
-    padding: 0.25rem;
+  .md\:mt-24 {
+    margin-top: 6rem;
   }
 
-  .md\:p-2 {
-    padding: 0.5rem;
+  .md\:mr-24 {
+    margin-right: 6rem;
   }
 
-  .md\:p-3 {
-    padding: 0.75rem;
+  .md\:mb-24 {
+    margin-bottom: 6rem;
   }
 
-  .md\:p-4 {
-    padding: 1rem;
+  .md\:ml-24 {
+    margin-left: 6rem;
   }
 
-  .md\:p-5 {
-    padding: 1.25rem;
+  .md\:mt-32 {
+    margin-top: 8rem;
   }
 
-  .md\:p-6 {
-    padding: 1.5rem;
+  .md\:mr-32 {
+    margin-right: 8rem;
   }
 
-  .md\:p-8 {
-    padding: 2rem;
+  .md\:mb-32 {
+    margin-bottom: 8rem;
   }
 
-  .md\:p-10 {
-    padding: 2.5rem;
+  .md\:ml-32 {
+    margin-left: 8rem;
   }
 
-  .md\:p-12 {
-    padding: 3rem;
+  .md\:mt-40 {
+    margin-top: 10rem;
   }
 
-  .md\:p-16 {
-    padding: 4rem;
+  .md\:mr-40 {
+    margin-right: 10rem;
   }
 
-  .md\:p-20 {
-    padding: 5rem;
+  .md\:mb-40 {
+    margin-bottom: 10rem;
   }
 
-  .md\:p-24 {
-    padding: 6rem;
+  .md\:ml-40 {
+    margin-left: 10rem;
   }
 
-  .md\:p-32 {
-    padding: 8rem;
+  .md\:mt-48 {
+    margin-top: 12rem;
   }
 
-  .md\:p-40 {
-    padding: 10rem;
+  .md\:mr-48 {
+    margin-right: 12rem;
   }
 
-  .md\:p-48 {
-    padding: 12rem;
+  .md\:mb-48 {
+    margin-bottom: 12rem;
   }
 
-  .md\:p-56 {
-    padding: 14rem;
+  .md\:ml-48 {
+    margin-left: 12rem;
   }
 
-  .md\:p-64 {
-    padding: 16rem;
+  .md\:mt-56 {
+    margin-top: 14rem;
   }
 
-  .md\:p-px {
-    padding: 1px;
+  .md\:mr-56 {
+    margin-right: 14rem;
   }
 
-  .md\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
+  .md\:mb-56 {
+    margin-bottom: 14rem;
   }
 
-  .md\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
+  .md\:ml-56 {
+    margin-left: 14rem;
   }
 
-  .md\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
+  .md\:mt-64 {
+    margin-top: 16rem;
   }
 
-  .md\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
+  .md\:mr-64 {
+    margin-right: 16rem;
   }
 
-  .md\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+  .md\:mb-64 {
+    margin-bottom: 16rem;
   }
 
-  .md\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
+  .md\:ml-64 {
+    margin-left: 16rem;
   }
 
-  .md\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+  .md\:mt-auto {
+    margin-top: auto;
   }
 
-  .md\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
+  .md\:mr-auto {
+    margin-right: auto;
   }
 
-  .md\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
+  .md\:mb-auto {
+    margin-bottom: auto;
   }
 
-  .md\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
+  .md\:ml-auto {
+    margin-left: auto;
   }
 
-  .md\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
+  .md\:mt-px {
+    margin-top: 1px;
   }
 
-  .md\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
+  .md\:mr-px {
+    margin-right: 1px;
   }
 
-  .md\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+  .md\:mb-px {
+    margin-bottom: 1px;
   }
 
-  .md\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+  .md\:ml-px {
+    margin-left: 1px;
   }
 
-  .md\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+  .md\:-mt-1 {
+    margin-top: -0.25rem;
   }
 
-  .md\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
+  .md\:-mr-1 {
+    margin-right: -0.25rem;
   }
 
-  .md\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+  .md\:-mb-1 {
+    margin-bottom: -0.25rem;
   }
 
-  .md\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
+  .md\:-ml-1 {
+    margin-left: -0.25rem;
   }
 
-  .md\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+  .md\:-mt-2 {
+    margin-top: -0.5rem;
   }
 
-  .md\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
+  .md\:-mr-2 {
+    margin-right: -0.5rem;
   }
 
-  .md\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+  .md\:-mb-2 {
+    margin-bottom: -0.5rem;
   }
 
-  .md\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
+  .md\:-ml-2 {
+    margin-left: -0.5rem;
   }
 
-  .md\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+  .md\:-mt-3 {
+    margin-top: -0.75rem;
   }
 
-  .md\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
+  .md\:-mr-3 {
+    margin-right: -0.75rem;
   }
 
-  .md\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
+  .md\:-mb-3 {
+    margin-bottom: -0.75rem;
   }
 
-  .md\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
+  .md\:-ml-3 {
+    margin-left: -0.75rem;
   }
 
-  .md\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
+  .md\:-mt-4 {
+    margin-top: -1rem;
   }
 
-  .md\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
+  .md\:-mr-4 {
+    margin-right: -1rem;
   }
 
-  .md\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
+  .md\:-mb-4 {
+    margin-bottom: -1rem;
   }
 
-  .md\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
+  .md\:-ml-4 {
+    margin-left: -1rem;
   }
 
-  .md\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
+  .md\:-mt-5 {
+    margin-top: -1.25rem;
   }
 
-  .md\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
+  .md\:-mr-5 {
+    margin-right: -1.25rem;
   }
 
-  .md\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
+  .md\:-mb-5 {
+    margin-bottom: -1.25rem;
   }
 
-  .md\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
+  .md\:-ml-5 {
+    margin-left: -1.25rem;
   }
 
-  .md\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
+  .md\:-mt-6 {
+    margin-top: -1.5rem;
   }
 
-  .md\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
+  .md\:-mr-6 {
+    margin-right: -1.5rem;
   }
 
-  .md\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
+  .md\:-mb-6 {
+    margin-bottom: -1.5rem;
   }
 
-  .md\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
+  .md\:-ml-6 {
+    margin-left: -1.5rem;
   }
 
-  .md\:pt-0 {
-    padding-top: 0;
+  .md\:-mt-8 {
+    margin-top: -2rem;
   }
 
-  .md\:pr-0 {
-    padding-right: 0;
+  .md\:-mr-8 {
+    margin-right: -2rem;
   }
 
-  .md\:pb-0 {
-    padding-bottom: 0;
+  .md\:-mb-8 {
+    margin-bottom: -2rem;
   }
 
-  .md\:pl-0 {
-    padding-left: 0;
+  .md\:-ml-8 {
+    margin-left: -2rem;
   }
 
-  .md\:pt-1 {
-    padding-top: 0.25rem;
+  .md\:-mt-10 {
+    margin-top: -2.5rem;
   }
 
-  .md\:pr-1 {
-    padding-right: 0.25rem;
+  .md\:-mr-10 {
+    margin-right: -2.5rem;
   }
 
-  .md\:pb-1 {
-    padding-bottom: 0.25rem;
+  .md\:-mb-10 {
+    margin-bottom: -2.5rem;
   }
 
-  .md\:pl-1 {
-    padding-left: 0.25rem;
+  .md\:-ml-10 {
+    margin-left: -2.5rem;
   }
 
-  .md\:pt-2 {
-    padding-top: 0.5rem;
+  .md\:-mt-12 {
+    margin-top: -3rem;
   }
 
-  .md\:pr-2 {
-    padding-right: 0.5rem;
+  .md\:-mr-12 {
+    margin-right: -3rem;
   }
 
-  .md\:pb-2 {
-    padding-bottom: 0.5rem;
+  .md\:-mb-12 {
+    margin-bottom: -3rem;
   }
 
-  .md\:pl-2 {
-    padding-left: 0.5rem;
+  .md\:-ml-12 {
+    margin-left: -3rem;
   }
 
-  .md\:pt-3 {
-    padding-top: 0.75rem;
+  .md\:-mt-16 {
+    margin-top: -4rem;
   }
 
-  .md\:pr-3 {
-    padding-right: 0.75rem;
+  .md\:-mr-16 {
+    margin-right: -4rem;
   }
 
-  .md\:pb-3 {
-    padding-bottom: 0.75rem;
+  .md\:-mb-16 {
+    margin-bottom: -4rem;
   }
 
-  .md\:pl-3 {
-    padding-left: 0.75rem;
+  .md\:-ml-16 {
+    margin-left: -4rem;
   }
 
-  .md\:pt-4 {
-    padding-top: 1rem;
+  .md\:-mt-20 {
+    margin-top: -5rem;
   }
 
-  .md\:pr-4 {
-    padding-right: 1rem;
+  .md\:-mr-20 {
+    margin-right: -5rem;
   }
 
-  .md\:pb-4 {
-    padding-bottom: 1rem;
+  .md\:-mb-20 {
+    margin-bottom: -5rem;
   }
 
-  .md\:pl-4 {
-    padding-left: 1rem;
+  .md\:-ml-20 {
+    margin-left: -5rem;
   }
 
-  .md\:pt-5 {
-    padding-top: 1.25rem;
+  .md\:-mt-24 {
+    margin-top: -6rem;
   }
 
-  .md\:pr-5 {
-    padding-right: 1.25rem;
+  .md\:-mr-24 {
+    margin-right: -6rem;
   }
 
-  .md\:pb-5 {
-    padding-bottom: 1.25rem;
+  .md\:-mb-24 {
+    margin-bottom: -6rem;
   }
 
-  .md\:pl-5 {
-    padding-left: 1.25rem;
+  .md\:-ml-24 {
+    margin-left: -6rem;
   }
 
-  .md\:pt-6 {
-    padding-top: 1.5rem;
+  .md\:-mt-32 {
+    margin-top: -8rem;
   }
 
-  .md\:pr-6 {
-    padding-right: 1.5rem;
+  .md\:-mr-32 {
+    margin-right: -8rem;
   }
 
-  .md\:pb-6 {
-    padding-bottom: 1.5rem;
+  .md\:-mb-32 {
+    margin-bottom: -8rem;
   }
 
-  .md\:pl-6 {
-    padding-left: 1.5rem;
+  .md\:-ml-32 {
+    margin-left: -8rem;
   }
 
-  .md\:pt-8 {
-    padding-top: 2rem;
+  .md\:-mt-40 {
+    margin-top: -10rem;
   }
 
-  .md\:pr-8 {
-    padding-right: 2rem;
+  .md\:-mr-40 {
+    margin-right: -10rem;
   }
 
-  .md\:pb-8 {
-    padding-bottom: 2rem;
+  .md\:-mb-40 {
+    margin-bottom: -10rem;
   }
 
-  .md\:pl-8 {
-    padding-left: 2rem;
+  .md\:-ml-40 {
+    margin-left: -10rem;
   }
 
-  .md\:pt-10 {
-    padding-top: 2.5rem;
+  .md\:-mt-48 {
+    margin-top: -12rem;
   }
 
-  .md\:pr-10 {
-    padding-right: 2.5rem;
+  .md\:-mr-48 {
+    margin-right: -12rem;
   }
 
-  .md\:pb-10 {
-    padding-bottom: 2.5rem;
+  .md\:-mb-48 {
+    margin-bottom: -12rem;
   }
 
-  .md\:pl-10 {
-    padding-left: 2.5rem;
+  .md\:-ml-48 {
+    margin-left: -12rem;
   }
 
-  .md\:pt-12 {
-    padding-top: 3rem;
+  .md\:-mt-56 {
+    margin-top: -14rem;
   }
 
-  .md\:pr-12 {
-    padding-right: 3rem;
+  .md\:-mr-56 {
+    margin-right: -14rem;
   }
 
-  .md\:pb-12 {
-    padding-bottom: 3rem;
+  .md\:-mb-56 {
+    margin-bottom: -14rem;
   }
 
-  .md\:pl-12 {
-    padding-left: 3rem;
+  .md\:-ml-56 {
+    margin-left: -14rem;
   }
 
-  .md\:pt-16 {
-    padding-top: 4rem;
+  .md\:-mt-64 {
+    margin-top: -16rem;
   }
 
-  .md\:pr-16 {
-    padding-right: 4rem;
+  .md\:-mr-64 {
+    margin-right: -16rem;
   }
 
-  .md\:pb-16 {
-    padding-bottom: 4rem;
+  .md\:-mb-64 {
+    margin-bottom: -16rem;
   }
 
-  .md\:pl-16 {
-    padding-left: 4rem;
+  .md\:-ml-64 {
+    margin-left: -16rem;
   }
 
-  .md\:pt-20 {
-    padding-top: 5rem;
+  .md\:-mt-px {
+    margin-top: -1px;
   }
 
-  .md\:pr-20 {
-    padding-right: 5rem;
+  .md\:-mr-px {
+    margin-right: -1px;
   }
 
-  .md\:pb-20 {
-    padding-bottom: 5rem;
+  .md\:-mb-px {
+    margin-bottom: -1px;
   }
 
-  .md\:pl-20 {
-    padding-left: 5rem;
+  .md\:-ml-px {
+    margin-left: -1px;
   }
 
-  .md\:pt-24 {
-    padding-top: 6rem;
+  .md\:max-h-full {
+    max-height: 100%;
   }
 
-  .md\:pr-24 {
-    padding-right: 6rem;
+  .md\:max-h-screen {
+    max-height: 100vh;
   }
 
-  .md\:pb-24 {
-    padding-bottom: 6rem;
+  .md\:max-w-none {
+    max-width: none;
   }
 
-  .md\:pl-24 {
-    padding-left: 6rem;
+  .md\:max-w-xs {
+    max-width: 20rem;
   }
 
-  .md\:pt-32 {
-    padding-top: 8rem;
+  .md\:max-w-sm {
+    max-width: 24rem;
   }
 
-  .md\:pr-32 {
-    padding-right: 8rem;
+  .md\:max-w-md {
+    max-width: 28rem;
   }
 
-  .md\:pb-32 {
-    padding-bottom: 8rem;
+  .md\:max-w-lg {
+    max-width: 32rem;
   }
 
-  .md\:pl-32 {
-    padding-left: 8rem;
+  .md\:max-w-xl {
+    max-width: 36rem;
   }
 
-  .md\:pt-40 {
-    padding-top: 10rem;
+  .md\:max-w-2xl {
+    max-width: 42rem;
   }
 
-  .md\:pr-40 {
-    padding-right: 10rem;
+  .md\:max-w-3xl {
+    max-width: 48rem;
   }
 
-  .md\:pb-40 {
-    padding-bottom: 10rem;
+  .md\:max-w-4xl {
+    max-width: 56rem;
   }
 
-  .md\:pl-40 {
-    padding-left: 10rem;
+  .md\:max-w-5xl {
+    max-width: 64rem;
   }
 
-  .md\:pt-48 {
-    padding-top: 12rem;
+  .md\:max-w-6xl {
+    max-width: 72rem;
   }
 
-  .md\:pr-48 {
-    padding-right: 12rem;
+  .md\:max-w-full {
+    max-width: 100%;
   }
 
-  .md\:pb-48 {
-    padding-bottom: 12rem;
+  .md\:max-w-screen-sm {
+    max-width: 640px;
   }
 
-  .md\:pl-48 {
-    padding-left: 12rem;
+  .md\:max-w-screen-md {
+    max-width: 768px;
   }
 
-  .md\:pt-56 {
-    padding-top: 14rem;
+  .md\:max-w-screen-lg {
+    max-width: 1024px;
   }
 
-  .md\:pr-56 {
-    padding-right: 14rem;
+  .md\:max-w-screen-xl {
+    max-width: 1280px;
   }
 
-  .md\:pb-56 {
-    padding-bottom: 14rem;
+  .md\:min-h-0 {
+    min-height: 0;
   }
 
-  .md\:pl-56 {
-    padding-left: 14rem;
+  .md\:min-h-full {
+    min-height: 100%;
   }
 
-  .md\:pt-64 {
-    padding-top: 16rem;
+  .md\:min-h-screen {
+    min-height: 100vh;
   }
 
-  .md\:pr-64 {
-    padding-right: 16rem;
+  .md\:min-w-0 {
+    min-width: 0;
   }
 
-  .md\:pb-64 {
-    padding-bottom: 16rem;
+  .md\:min-w-full {
+    min-width: 100%;
   }
 
-  .md\:pl-64 {
-    padding-left: 16rem;
+  .md\:opacity-0 {
+    opacity: 0;
   }
 
-  .md\:pt-px {
-    padding-top: 1px;
+  .md\:opacity-25 {
+    opacity: 0.25;
   }
 
-  .md\:pr-px {
-    padding-right: 1px;
+  .md\:opacity-50 {
+    opacity: 0.5;
   }
 
-  .md\:pb-px {
-    padding-bottom: 1px;
+  .md\:opacity-75 {
+    opacity: 0.75;
   }
 
-  .md\:pl-px {
-    padding-left: 1px;
+  .md\:opacity-100 {
+    opacity: 1;
   }
 
-  .md\:placeholder-transparent::placeholder {
-    color: transparent;
+  .md\:hover\:opacity-0:hover {
+    opacity: 0;
   }
 
-  .md\:placeholder-current::placeholder {
-    color: currentColor;
+  .md\:hover\:opacity-25:hover {
+    opacity: 0.25;
   }
 
-  .md\:placeholder-black::placeholder {
-    color: #000;
+  .md\:hover\:opacity-50:hover {
+    opacity: 0.5;
   }
 
-  .md\:placeholder-white::placeholder {
-    color: #fff;
+  .md\:hover\:opacity-75:hover {
+    opacity: 0.75;
   }
 
-  .md\:placeholder-gray-100::placeholder {
-    color: #f7fafc;
+  .md\:hover\:opacity-100:hover {
+    opacity: 1;
   }
 
-  .md\:placeholder-gray-200::placeholder {
-    color: #edf2f7;
+  .md\:focus\:opacity-0:focus {
+    opacity: 0;
   }
 
-  .md\:placeholder-gray-300::placeholder {
-    color: #e2e8f0;
+  .md\:focus\:opacity-25:focus {
+    opacity: 0.25;
   }
 
-  .md\:placeholder-gray-400::placeholder {
-    color: #cbd5e0;
+  .md\:focus\:opacity-50:focus {
+    opacity: 0.5;
   }
 
-  .md\:placeholder-gray-500::placeholder {
-    color: #a0aec0;
+  .md\:focus\:opacity-75:focus {
+    opacity: 0.75;
   }
 
-  .md\:placeholder-gray-600::placeholder {
-    color: #718096;
+  .md\:focus\:opacity-100:focus {
+    opacity: 1;
   }
 
-  .md\:placeholder-gray-700::placeholder {
-    color: #4a5568;
+  .md\:outline-none {
+    outline: 0;
   }
 
-  .md\:placeholder-gray-800::placeholder {
-    color: #2d3748;
+  .md\:focus\:outline-none:focus {
+    outline: 0;
   }
 
-  .md\:placeholder-gray-900::placeholder {
-    color: #1a202c;
+  .md\:overflow-auto {
+    overflow: auto;
   }
 
-  .md\:placeholder-red-100::placeholder {
-    color: #fff5f5;
+  .md\:overflow-hidden {
+    overflow: hidden;
   }
 
-  .md\:placeholder-red-200::placeholder {
-    color: #fed7d7;
+  .md\:overflow-visible {
+    overflow: visible;
   }
 
-  .md\:placeholder-red-300::placeholder {
-    color: #feb2b2;
+  .md\:overflow-scroll {
+    overflow: scroll;
   }
 
-  .md\:placeholder-red-400::placeholder {
-    color: #fc8181;
+  .md\:overflow-x-auto {
+    overflow-x: auto;
   }
 
-  .md\:placeholder-red-500::placeholder {
-    color: #f56565;
+  .md\:overflow-y-auto {
+    overflow-y: auto;
   }
 
-  .md\:placeholder-red-600::placeholder {
-    color: #e53e3e;
+  .md\:overflow-x-hidden {
+    overflow-x: hidden;
   }
 
-  .md\:placeholder-red-700::placeholder {
-    color: #c53030;
+  .md\:overflow-y-hidden {
+    overflow-y: hidden;
   }
 
-  .md\:placeholder-red-800::placeholder {
-    color: #9b2c2c;
+  .md\:overflow-x-visible {
+    overflow-x: visible;
   }
 
-  .md\:placeholder-red-900::placeholder {
-    color: #742a2a;
+  .md\:overflow-y-visible {
+    overflow-y: visible;
   }
 
-  .md\:placeholder-orange-100::placeholder {
-    color: #fffaf0;
+  .md\:overflow-x-scroll {
+    overflow-x: scroll;
   }
 
-  .md\:placeholder-orange-200::placeholder {
-    color: #feebc8;
+  .md\:overflow-y-scroll {
+    overflow-y: scroll;
   }
 
-  .md\:placeholder-orange-300::placeholder {
-    color: #fbd38d;
+  .md\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
   }
 
-  .md\:placeholder-orange-400::placeholder {
-    color: #f6ad55;
+  .md\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
   }
 
-  .md\:placeholder-orange-500::placeholder {
-    color: #ed8936;
+  .md\:p-0 {
+    padding: 0;
   }
 
-  .md\:placeholder-orange-600::placeholder {
-    color: #dd6b20;
+  .md\:p-1 {
+    padding: 0.25rem;
   }
 
-  .md\:placeholder-orange-700::placeholder {
-    color: #c05621;
+  .md\:p-2 {
+    padding: 0.5rem;
   }
 
-  .md\:placeholder-orange-800::placeholder {
-    color: #9c4221;
+  .md\:p-3 {
+    padding: 0.75rem;
   }
 
-  .md\:placeholder-orange-900::placeholder {
-    color: #7b341e;
+  .md\:p-4 {
+    padding: 1rem;
   }
 
-  .md\:placeholder-yellow-100::placeholder {
-    color: #fffff0;
+  .md\:p-5 {
+    padding: 1.25rem;
   }
 
-  .md\:placeholder-yellow-200::placeholder {
-    color: #fefcbf;
+  .md\:p-6 {
+    padding: 1.5rem;
   }
 
-  .md\:placeholder-yellow-300::placeholder {
-    color: #faf089;
+  .md\:p-8 {
+    padding: 2rem;
   }
 
-  .md\:placeholder-yellow-400::placeholder {
-    color: #f6e05e;
+  .md\:p-10 {
+    padding: 2.5rem;
   }
 
-  .md\:placeholder-yellow-500::placeholder {
-    color: #ecc94b;
+  .md\:p-12 {
+    padding: 3rem;
   }
 
-  .md\:placeholder-yellow-600::placeholder {
-    color: #d69e2e;
+  .md\:p-16 {
+    padding: 4rem;
   }
 
-  .md\:placeholder-yellow-700::placeholder {
-    color: #b7791f;
+  .md\:p-20 {
+    padding: 5rem;
   }
 
-  .md\:placeholder-yellow-800::placeholder {
-    color: #975a16;
+  .md\:p-24 {
+    padding: 6rem;
   }
 
-  .md\:placeholder-yellow-900::placeholder {
-    color: #744210;
+  .md\:p-32 {
+    padding: 8rem;
   }
 
-  .md\:placeholder-green-100::placeholder {
-    color: #f0fff4;
+  .md\:p-40 {
+    padding: 10rem;
   }
 
-  .md\:placeholder-green-200::placeholder {
-    color: #c6f6d5;
+  .md\:p-48 {
+    padding: 12rem;
   }
 
-  .md\:placeholder-green-300::placeholder {
-    color: #9ae6b4;
+  .md\:p-56 {
+    padding: 14rem;
   }
 
-  .md\:placeholder-green-400::placeholder {
-    color: #68d391;
+  .md\:p-64 {
+    padding: 16rem;
   }
 
-  .md\:placeholder-green-500::placeholder {
-    color: #48bb78;
+  .md\:p-px {
+    padding: 1px;
   }
 
-  .md\:placeholder-green-600::placeholder {
-    color: #38a169;
+  .md\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
-  .md\:placeholder-green-700::placeholder {
-    color: #2f855a;
+  .md\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
   }
 
-  .md\:placeholder-green-800::placeholder {
-    color: #276749;
+  .md\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
   }
 
-  .md\:placeholder-green-900::placeholder {
-    color: #22543d;
+  .md\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
   }
 
-  .md\:placeholder-teal-100::placeholder {
-    color: #e6fffa;
+  .md\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
   }
 
-  .md\:placeholder-teal-200::placeholder {
-    color: #b2f5ea;
+  .md\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
 
-  .md\:placeholder-teal-300::placeholder {
-    color: #81e6d9;
+  .md\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
   }
 
-  .md\:placeholder-teal-400::placeholder {
-    color: #4fd1c5;
+  .md\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
   }
 
-  .md\:placeholder-teal-500::placeholder {
-    color: #38b2ac;
+  .md\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
   }
 
-  .md\:placeholder-teal-600::placeholder {
-    color: #319795;
+  .md\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
   }
 
-  .md\:placeholder-teal-700::placeholder {
-    color: #2c7a7b;
+  .md\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
   }
 
-  .md\:placeholder-teal-800::placeholder {
-    color: #285e61;
+  .md\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
   }
 
-  .md\:placeholder-teal-900::placeholder {
-    color: #234e52;
+  .md\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
   }
 
-  .md\:placeholder-blue-100::placeholder {
-    color: #ebf8ff;
+  .md\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
   }
 
-  .md\:placeholder-blue-200::placeholder {
-    color: #bee3f8;
+  .md\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
   }
 
-  .md\:placeholder-blue-300::placeholder {
-    color: #90cdf4;
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
   }
 
-  .md\:placeholder-blue-400::placeholder {
-    color: #63b3ed;
+  .md\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
   }
 
-  .md\:placeholder-blue-500::placeholder {
-    color: #4299e1;
+  .md\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
   }
 
-  .md\:placeholder-blue-600::placeholder {
-    color: #3182ce;
+  .md\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
   }
 
-  .md\:placeholder-blue-700::placeholder {
-    color: #2b6cb0;
+  .md\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
 
-  .md\:placeholder-blue-800::placeholder {
-    color: #2c5282;
+  .md\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
   }
 
-  .md\:placeholder-blue-900::placeholder {
-    color: #2a4365;
+  .md\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
   }
 
-  .md\:placeholder-indigo-100::placeholder {
-    color: #ebf4ff;
+  .md\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
   }
 
-  .md\:placeholder-indigo-200::placeholder {
-    color: #c3dafe;
+  .md\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
   }
 
-  .md\:placeholder-indigo-300::placeholder {
-    color: #a3bffa;
+  .md\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
   }
 
-  .md\:placeholder-indigo-400::placeholder {
-    color: #7f9cf5;
+  .md\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
   }
 
-  .md\:placeholder-indigo-500::placeholder {
-    color: #667eea;
+  .md\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
   }
 
-  .md\:placeholder-indigo-600::placeholder {
-    color: #5a67d8;
+  .md\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
   }
 
-  .md\:placeholder-indigo-700::placeholder {
-    color: #4c51bf;
+  .md\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
   }
 
-  .md\:placeholder-indigo-800::placeholder {
-    color: #434190;
+  .md\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
   }
 
-  .md\:placeholder-indigo-900::placeholder {
-    color: #3c366b;
+  .md\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
   }
 
-  .md\:placeholder-purple-100::placeholder {
-    color: #faf5ff;
+  .md\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
   }
 
-  .md\:placeholder-purple-200::placeholder {
-    color: #e9d8fd;
+  .md\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
   }
 
-  .md\:placeholder-purple-300::placeholder {
-    color: #d6bcfa;
+  .md\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
   }
 
-  .md\:placeholder-purple-400::placeholder {
-    color: #b794f4;
+  .md\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
   }
 
-  .md\:placeholder-purple-500::placeholder {
-    color: #9f7aea;
+  .md\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
   }
 
-  .md\:placeholder-purple-600::placeholder {
-    color: #805ad5;
+  .md\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
   }
 
-  .md\:placeholder-purple-700::placeholder {
-    color: #6b46c1;
+  .md\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
   }
 
-  .md\:placeholder-purple-800::placeholder {
-    color: #553c9a;
+  .md\:pt-0 {
+    padding-top: 0;
   }
 
-  .md\:placeholder-purple-900::placeholder {
-    color: #44337a;
+  .md\:pr-0 {
+    padding-right: 0;
   }
 
-  .md\:placeholder-pink-100::placeholder {
-    color: #fff5f7;
+  .md\:pb-0 {
+    padding-bottom: 0;
   }
 
-  .md\:placeholder-pink-200::placeholder {
-    color: #fed7e2;
+  .md\:pl-0 {
+    padding-left: 0;
   }
 
-  .md\:placeholder-pink-300::placeholder {
-    color: #fbb6ce;
+  .md\:pt-1 {
+    padding-top: 0.25rem;
   }
 
-  .md\:placeholder-pink-400::placeholder {
-    color: #f687b3;
+  .md\:pr-1 {
+    padding-right: 0.25rem;
   }
 
-  .md\:placeholder-pink-500::placeholder {
-    color: #ed64a6;
+  .md\:pb-1 {
+    padding-bottom: 0.25rem;
   }
 
-  .md\:placeholder-pink-600::placeholder {
-    color: #d53f8c;
+  .md\:pl-1 {
+    padding-left: 0.25rem;
   }
 
-  .md\:placeholder-pink-700::placeholder {
-    color: #b83280;
+  .md\:pt-2 {
+    padding-top: 0.5rem;
   }
 
-  .md\:placeholder-pink-800::placeholder {
-    color: #97266d;
+  .md\:pr-2 {
+    padding-right: 0.5rem;
   }
 
-  .md\:placeholder-pink-900::placeholder {
-    color: #702459;
+  .md\:pb-2 {
+    padding-bottom: 0.5rem;
   }
 
-  .md\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
+  .md\:pl-2 {
+    padding-left: 0.5rem;
   }
 
-  .md\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
+  .md\:pt-3 {
+    padding-top: 0.75rem;
   }
 
-  .md\:focus\:placeholder-black:focus::placeholder {
-    color: #000;
+  .md\:pr-3 {
+    padding-right: 0.75rem;
   }
 
-  .md\:focus\:placeholder-white:focus::placeholder {
-    color: #fff;
+  .md\:pb-3 {
+    padding-bottom: 0.75rem;
   }
 
-  .md\:focus\:placeholder-gray-100:focus::placeholder {
-    color: #f7fafc;
+  .md\:pl-3 {
+    padding-left: 0.75rem;
   }
 
-  .md\:focus\:placeholder-gray-200:focus::placeholder {
-    color: #edf2f7;
+  .md\:pt-4 {
+    padding-top: 1rem;
   }
 
-  .md\:focus\:placeholder-gray-300:focus::placeholder {
-    color: #e2e8f0;
+  .md\:pr-4 {
+    padding-right: 1rem;
   }
 
-  .md\:focus\:placeholder-gray-400:focus::placeholder {
-    color: #cbd5e0;
+  .md\:pb-4 {
+    padding-bottom: 1rem;
   }
 
-  .md\:focus\:placeholder-gray-500:focus::placeholder {
-    color: #a0aec0;
+  .md\:pl-4 {
+    padding-left: 1rem;
   }
 
-  .md\:focus\:placeholder-gray-600:focus::placeholder {
-    color: #718096;
+  .md\:pt-5 {
+    padding-top: 1.25rem;
   }
 
-  .md\:focus\:placeholder-gray-700:focus::placeholder {
-    color: #4a5568;
+  .md\:pr-5 {
+    padding-right: 1.25rem;
   }
 
-  .md\:focus\:placeholder-gray-800:focus::placeholder {
-    color: #2d3748;
+  .md\:pb-5 {
+    padding-bottom: 1.25rem;
   }
 
-  .md\:focus\:placeholder-gray-900:focus::placeholder {
-    color: #1a202c;
+  .md\:pl-5 {
+    padding-left: 1.25rem;
   }
 
-  .md\:focus\:placeholder-red-100:focus::placeholder {
-    color: #fff5f5;
+  .md\:pt-6 {
+    padding-top: 1.5rem;
   }
 
-  .md\:focus\:placeholder-red-200:focus::placeholder {
-    color: #fed7d7;
+  .md\:pr-6 {
+    padding-right: 1.5rem;
   }
 
-  .md\:focus\:placeholder-red-300:focus::placeholder {
-    color: #feb2b2;
+  .md\:pb-6 {
+    padding-bottom: 1.5rem;
   }
 
-  .md\:focus\:placeholder-red-400:focus::placeholder {
-    color: #fc8181;
+  .md\:pl-6 {
+    padding-left: 1.5rem;
   }
 
-  .md\:focus\:placeholder-red-500:focus::placeholder {
-    color: #f56565;
+  .md\:pt-8 {
+    padding-top: 2rem;
   }
 
-  .md\:focus\:placeholder-red-600:focus::placeholder {
-    color: #e53e3e;
+  .md\:pr-8 {
+    padding-right: 2rem;
   }
 
-  .md\:focus\:placeholder-red-700:focus::placeholder {
-    color: #c53030;
+  .md\:pb-8 {
+    padding-bottom: 2rem;
   }
 
-  .md\:focus\:placeholder-red-800:focus::placeholder {
-    color: #9b2c2c;
+  .md\:pl-8 {
+    padding-left: 2rem;
   }
 
-  .md\:focus\:placeholder-red-900:focus::placeholder {
-    color: #742a2a;
+  .md\:pt-10 {
+    padding-top: 2.5rem;
   }
 
-  .md\:focus\:placeholder-orange-100:focus::placeholder {
-    color: #fffaf0;
+  .md\:pr-10 {
+    padding-right: 2.5rem;
   }
 
-  .md\:focus\:placeholder-orange-200:focus::placeholder {
-    color: #feebc8;
+  .md\:pb-10 {
+    padding-bottom: 2.5rem;
   }
 
-  .md\:focus\:placeholder-orange-300:focus::placeholder {
-    color: #fbd38d;
+  .md\:pl-10 {
+    padding-left: 2.5rem;
   }
 
-  .md\:focus\:placeholder-orange-400:focus::placeholder {
-    color: #f6ad55;
+  .md\:pt-12 {
+    padding-top: 3rem;
   }
 
-  .md\:focus\:placeholder-orange-500:focus::placeholder {
-    color: #ed8936;
+  .md\:pr-12 {
+    padding-right: 3rem;
   }
 
-  .md\:focus\:placeholder-orange-600:focus::placeholder {
-    color: #dd6b20;
+  .md\:pb-12 {
+    padding-bottom: 3rem;
   }
 
-  .md\:focus\:placeholder-orange-700:focus::placeholder {
-    color: #c05621;
+  .md\:pl-12 {
+    padding-left: 3rem;
   }
 
-  .md\:focus\:placeholder-orange-800:focus::placeholder {
-    color: #9c4221;
+  .md\:pt-16 {
+    padding-top: 4rem;
   }
 
-  .md\:focus\:placeholder-orange-900:focus::placeholder {
-    color: #7b341e;
+  .md\:pr-16 {
+    padding-right: 4rem;
   }
 
-  .md\:focus\:placeholder-yellow-100:focus::placeholder {
-    color: #fffff0;
+  .md\:pb-16 {
+    padding-bottom: 4rem;
   }
 
-  .md\:focus\:placeholder-yellow-200:focus::placeholder {
-    color: #fefcbf;
+  .md\:pl-16 {
+    padding-left: 4rem;
   }
 
-  .md\:focus\:placeholder-yellow-300:focus::placeholder {
-    color: #faf089;
+  .md\:pt-20 {
+    padding-top: 5rem;
   }
 
-  .md\:focus\:placeholder-yellow-400:focus::placeholder {
-    color: #f6e05e;
+  .md\:pr-20 {
+    padding-right: 5rem;
   }
 
-  .md\:focus\:placeholder-yellow-500:focus::placeholder {
-    color: #ecc94b;
+  .md\:pb-20 {
+    padding-bottom: 5rem;
   }
 
-  .md\:focus\:placeholder-yellow-600:focus::placeholder {
-    color: #d69e2e;
+  .md\:pl-20 {
+    padding-left: 5rem;
   }
 
-  .md\:focus\:placeholder-yellow-700:focus::placeholder {
-    color: #b7791f;
+  .md\:pt-24 {
+    padding-top: 6rem;
   }
 
-  .md\:focus\:placeholder-yellow-800:focus::placeholder {
-    color: #975a16;
+  .md\:pr-24 {
+    padding-right: 6rem;
   }
 
-  .md\:focus\:placeholder-yellow-900:focus::placeholder {
-    color: #744210;
+  .md\:pb-24 {
+    padding-bottom: 6rem;
   }
 
-  .md\:focus\:placeholder-green-100:focus::placeholder {
-    color: #f0fff4;
+  .md\:pl-24 {
+    padding-left: 6rem;
   }
 
-  .md\:focus\:placeholder-green-200:focus::placeholder {
-    color: #c6f6d5;
+  .md\:pt-32 {
+    padding-top: 8rem;
   }
 
-  .md\:focus\:placeholder-green-300:focus::placeholder {
-    color: #9ae6b4;
+  .md\:pr-32 {
+    padding-right: 8rem;
   }
 
-  .md\:focus\:placeholder-green-400:focus::placeholder {
-    color: #68d391;
+  .md\:pb-32 {
+    padding-bottom: 8rem;
   }
 
-  .md\:focus\:placeholder-green-500:focus::placeholder {
-    color: #48bb78;
+  .md\:pl-32 {
+    padding-left: 8rem;
   }
 
-  .md\:focus\:placeholder-green-600:focus::placeholder {
-    color: #38a169;
+  .md\:pt-40 {
+    padding-top: 10rem;
   }
 
-  .md\:focus\:placeholder-green-700:focus::placeholder {
-    color: #2f855a;
+  .md\:pr-40 {
+    padding-right: 10rem;
   }
 
-  .md\:focus\:placeholder-green-800:focus::placeholder {
-    color: #276749;
+  .md\:pb-40 {
+    padding-bottom: 10rem;
   }
 
-  .md\:focus\:placeholder-green-900:focus::placeholder {
-    color: #22543d;
+  .md\:pl-40 {
+    padding-left: 10rem;
   }
 
-  .md\:focus\:placeholder-teal-100:focus::placeholder {
-    color: #e6fffa;
+  .md\:pt-48 {
+    padding-top: 12rem;
   }
 
-  .md\:focus\:placeholder-teal-200:focus::placeholder {
-    color: #b2f5ea;
+  .md\:pr-48 {
+    padding-right: 12rem;
   }
 
-  .md\:focus\:placeholder-teal-300:focus::placeholder {
-    color: #81e6d9;
+  .md\:pb-48 {
+    padding-bottom: 12rem;
   }
 
-  .md\:focus\:placeholder-teal-400:focus::placeholder {
-    color: #4fd1c5;
+  .md\:pl-48 {
+    padding-left: 12rem;
   }
 
-  .md\:focus\:placeholder-teal-500:focus::placeholder {
-    color: #38b2ac;
+  .md\:pt-56 {
+    padding-top: 14rem;
   }
 
-  .md\:focus\:placeholder-teal-600:focus::placeholder {
-    color: #319795;
+  .md\:pr-56 {
+    padding-right: 14rem;
   }
 
-  .md\:focus\:placeholder-teal-700:focus::placeholder {
-    color: #2c7a7b;
+  .md\:pb-56 {
+    padding-bottom: 14rem;
   }
 
-  .md\:focus\:placeholder-teal-800:focus::placeholder {
-    color: #285e61;
+  .md\:pl-56 {
+    padding-left: 14rem;
   }
 
-  .md\:focus\:placeholder-teal-900:focus::placeholder {
-    color: #234e52;
+  .md\:pt-64 {
+    padding-top: 16rem;
   }
 
-  .md\:focus\:placeholder-blue-100:focus::placeholder {
-    color: #ebf8ff;
+  .md\:pr-64 {
+    padding-right: 16rem;
   }
 
-  .md\:focus\:placeholder-blue-200:focus::placeholder {
-    color: #bee3f8;
+  .md\:pb-64 {
+    padding-bottom: 16rem;
   }
 
-  .md\:focus\:placeholder-blue-300:focus::placeholder {
-    color: #90cdf4;
+  .md\:pl-64 {
+    padding-left: 16rem;
   }
 
-  .md\:focus\:placeholder-blue-400:focus::placeholder {
-    color: #63b3ed;
+  .md\:pt-px {
+    padding-top: 1px;
   }
 
-  .md\:focus\:placeholder-blue-500:focus::placeholder {
-    color: #4299e1;
+  .md\:pr-px {
+    padding-right: 1px;
   }
 
-  .md\:focus\:placeholder-blue-600:focus::placeholder {
-    color: #3182ce;
+  .md\:pb-px {
+    padding-bottom: 1px;
   }
 
-  .md\:focus\:placeholder-blue-700:focus::placeholder {
-    color: #2b6cb0;
+  .md\:pl-px {
+    padding-left: 1px;
   }
 
-  .md\:focus\:placeholder-blue-800:focus::placeholder {
-    color: #2c5282;
+  .md\:placeholder-transparent::placeholder {
+    color: transparent;
   }
 
-  .md\:focus\:placeholder-blue-900:focus::placeholder {
-    color: #2a4365;
+  .md\:placeholder-current::placeholder {
+    color: currentColor;
   }
 
-  .md\:focus\:placeholder-indigo-100:focus::placeholder {
-    color: #ebf4ff;
+  .md\:placeholder-black::placeholder {
+    color: #000;
   }
 
-  .md\:focus\:placeholder-indigo-200:focus::placeholder {
-    color: #c3dafe;
+  .md\:placeholder-white::placeholder {
+    color: #fff;
   }
 
-  .md\:focus\:placeholder-indigo-300:focus::placeholder {
-    color: #a3bffa;
+  .md\:placeholder-gray-100::placeholder {
+    color: #f7fafc;
   }
 
-  .md\:focus\:placeholder-indigo-400:focus::placeholder {
-    color: #7f9cf5;
+  .md\:placeholder-gray-200::placeholder {
+    color: #edf2f7;
   }
 
-  .md\:focus\:placeholder-indigo-500:focus::placeholder {
-    color: #667eea;
+  .md\:placeholder-gray-300::placeholder {
+    color: #e2e8f0;
   }
 
-  .md\:focus\:placeholder-indigo-600:focus::placeholder {
-    color: #5a67d8;
+  .md\:placeholder-gray-400::placeholder {
+    color: #cbd5e0;
   }
 
-  .md\:focus\:placeholder-indigo-700:focus::placeholder {
-    color: #4c51bf;
+  .md\:placeholder-gray-500::placeholder {
+    color: #a0aec0;
   }
 
-  .md\:focus\:placeholder-indigo-800:focus::placeholder {
-    color: #434190;
+  .md\:placeholder-gray-600::placeholder {
+    color: #718096;
   }
 
-  .md\:focus\:placeholder-indigo-900:focus::placeholder {
-    color: #3c366b;
+  .md\:placeholder-gray-700::placeholder {
+    color: #4a5568;
   }
 
-  .md\:focus\:placeholder-purple-100:focus::placeholder {
-    color: #faf5ff;
+  .md\:placeholder-gray-800::placeholder {
+    color: #2d3748;
   }
 
-  .md\:focus\:placeholder-purple-200:focus::placeholder {
-    color: #e9d8fd;
+  .md\:placeholder-gray-900::placeholder {
+    color: #1a202c;
   }
 
-  .md\:focus\:placeholder-purple-300:focus::placeholder {
-    color: #d6bcfa;
+  .md\:placeholder-red-100::placeholder {
+    color: #fff5f5;
   }
 
-  .md\:focus\:placeholder-purple-400:focus::placeholder {
-    color: #b794f4;
+  .md\:placeholder-red-200::placeholder {
+    color: #fed7d7;
   }
 
-  .md\:focus\:placeholder-purple-500:focus::placeholder {
-    color: #9f7aea;
+  .md\:placeholder-red-300::placeholder {
+    color: #feb2b2;
   }
 
-  .md\:focus\:placeholder-purple-600:focus::placeholder {
-    color: #805ad5;
+  .md\:placeholder-red-400::placeholder {
+    color: #fc8181;
   }
 
-  .md\:focus\:placeholder-purple-700:focus::placeholder {
-    color: #6b46c1;
+  .md\:placeholder-red-500::placeholder {
+    color: #f56565;
   }
 
-  .md\:focus\:placeholder-purple-800:focus::placeholder {
-    color: #553c9a;
+  .md\:placeholder-red-600::placeholder {
+    color: #e53e3e;
   }
 
-  .md\:focus\:placeholder-purple-900:focus::placeholder {
-    color: #44337a;
+  .md\:placeholder-red-700::placeholder {
+    color: #c53030;
   }
 
-  .md\:focus\:placeholder-pink-100:focus::placeholder {
-    color: #fff5f7;
+  .md\:placeholder-red-800::placeholder {
+    color: #9b2c2c;
   }
 
-  .md\:focus\:placeholder-pink-200:focus::placeholder {
-    color: #fed7e2;
+  .md\:placeholder-red-900::placeholder {
+    color: #742a2a;
   }
 
-  .md\:focus\:placeholder-pink-300:focus::placeholder {
-    color: #fbb6ce;
+  .md\:placeholder-orange-100::placeholder {
+    color: #fffaf0;
   }
 
-  .md\:focus\:placeholder-pink-400:focus::placeholder {
-    color: #f687b3;
+  .md\:placeholder-orange-200::placeholder {
+    color: #feebc8;
   }
 
-  .md\:focus\:placeholder-pink-500:focus::placeholder {
-    color: #ed64a6;
+  .md\:placeholder-orange-300::placeholder {
+    color: #fbd38d;
   }
 
-  .md\:focus\:placeholder-pink-600:focus::placeholder {
-    color: #d53f8c;
+  .md\:placeholder-orange-400::placeholder {
+    color: #f6ad55;
   }
 
-  .md\:focus\:placeholder-pink-700:focus::placeholder {
-    color: #b83280;
+  .md\:placeholder-orange-500::placeholder {
+    color: #ed8936;
   }
 
-  .md\:focus\:placeholder-pink-800:focus::placeholder {
-    color: #97266d;
+  .md\:placeholder-orange-600::placeholder {
+    color: #dd6b20;
   }
 
-  .md\:focus\:placeholder-pink-900:focus::placeholder {
-    color: #702459;
+  .md\:placeholder-orange-700::placeholder {
+    color: #c05621;
   }
 
-  .md\:pointer-events-none {
-    pointer-events: none;
+  .md\:placeholder-orange-800::placeholder {
+    color: #9c4221;
   }
 
-  .md\:pointer-events-auto {
-    pointer-events: auto;
+  .md\:placeholder-orange-900::placeholder {
+    color: #7b341e;
   }
 
-  .md\:static {
-    position: static;
+  .md\:placeholder-yellow-100::placeholder {
+    color: #fffff0;
   }
 
-  .md\:fixed {
-    position: fixed;
+  .md\:placeholder-yellow-200::placeholder {
+    color: #fefcbf;
   }
 
-  .md\:absolute {
-    position: absolute;
+  .md\:placeholder-yellow-300::placeholder {
+    color: #faf089;
   }
 
-  .md\:relative {
-    position: relative;
+  .md\:placeholder-yellow-400::placeholder {
+    color: #f6e05e;
   }
 
-  .md\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+  .md\:placeholder-yellow-500::placeholder {
+    color: #ecc94b;
   }
 
-  .md\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
+  .md\:placeholder-yellow-600::placeholder {
+    color: #d69e2e;
   }
 
-  .md\:inset-y-0 {
-    top: 0;
-    bottom: 0;
+  .md\:placeholder-yellow-700::placeholder {
+    color: #b7791f;
   }
 
-  .md\:inset-x-0 {
-    right: 0;
-    left: 0;
+  .md\:placeholder-yellow-800::placeholder {
+    color: #975a16;
   }
 
-  .md\:inset-y-auto {
-    top: auto;
-    bottom: auto;
+  .md\:placeholder-yellow-900::placeholder {
+    color: #744210;
   }
 
-  .md\:inset-x-auto {
-    right: auto;
-    left: auto;
+  .md\:placeholder-green-100::placeholder {
+    color: #f0fff4;
   }
 
-  .md\:top-0 {
-    top: 0;
+  .md\:placeholder-green-200::placeholder {
+    color: #c6f6d5;
   }
 
-  .md\:right-0 {
-    right: 0;
+  .md\:placeholder-green-300::placeholder {
+    color: #9ae6b4;
   }
 
-  .md\:bottom-0 {
-    bottom: 0;
+  .md\:placeholder-green-400::placeholder {
+    color: #68d391;
   }
 
-  .md\:left-0 {
-    left: 0;
+  .md\:placeholder-green-500::placeholder {
+    color: #48bb78;
   }
 
-  .md\:top-auto {
-    top: auto;
+  .md\:placeholder-green-600::placeholder {
+    color: #38a169;
   }
 
-  .md\:right-auto {
-    right: auto;
+  .md\:placeholder-green-700::placeholder {
+    color: #2f855a;
   }
 
-  .md\:bottom-auto {
-    bottom: auto;
+  .md\:placeholder-green-800::placeholder {
+    color: #276749;
   }
 
-  .md\:left-auto {
-    left: auto;
+  .md\:placeholder-green-900::placeholder {
+    color: #22543d;
   }
 
-  .md\:resize-none {
-    resize: none;
+  .md\:placeholder-teal-100::placeholder {
+    color: #e6fffa;
   }
 
-  .md\:resize-y {
-    resize: vertical;
+  .md\:placeholder-teal-200::placeholder {
+    color: #b2f5ea;
   }
 
-  .md\:resize-x {
-    resize: horizontal;
+  .md\:placeholder-teal-300::placeholder {
+    color: #81e6d9;
   }
 
-  .md\:resize {
-    resize: both;
+  .md\:placeholder-teal-400::placeholder {
+    color: #4fd1c5;
   }
 
-  .md\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .md\:placeholder-teal-500::placeholder {
+    color: #38b2ac;
   }
 
-  .md\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .md\:placeholder-teal-600::placeholder {
+    color: #319795;
   }
 
-  .md\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .md\:placeholder-teal-700::placeholder {
+    color: #2c7a7b;
   }
 
-  .md\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .md\:placeholder-teal-800::placeholder {
+    color: #285e61;
   }
 
-  .md\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .md\:placeholder-teal-900::placeholder {
+    color: #234e52;
   }
 
-  .md\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .md\:placeholder-blue-100::placeholder {
+    color: #ebf8ff;
   }
 
-  .md\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .md\:placeholder-blue-200::placeholder {
+    color: #bee3f8;
   }
 
-  .md\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .md\:placeholder-blue-300::placeholder {
+    color: #90cdf4;
   }
 
-  .md\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .md\:placeholder-blue-400::placeholder {
+    color: #63b3ed;
   }
 
-  .md\:shadow-none {
-    box-shadow: none;
+  .md\:placeholder-blue-500::placeholder {
+    color: #4299e1;
   }
 
-  .md\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .md\:placeholder-blue-600::placeholder {
+    color: #3182ce;
   }
 
-  .md\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .md\:placeholder-blue-700::placeholder {
+    color: #2b6cb0;
   }
 
-  .md\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .md\:placeholder-blue-800::placeholder {
+    color: #2c5282;
   }
 
-  .md\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .md\:placeholder-blue-900::placeholder {
+    color: #2a4365;
   }
 
-  .md\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .md\:placeholder-indigo-100::placeholder {
+    color: #ebf4ff;
   }
 
-  .md\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .md\:placeholder-indigo-200::placeholder {
+    color: #c3dafe;
   }
 
-  .md\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .md\:placeholder-indigo-300::placeholder {
+    color: #a3bffa;
   }
 
-  .md\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .md\:placeholder-indigo-400::placeholder {
+    color: #7f9cf5;
   }
 
-  .md\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .md\:placeholder-indigo-500::placeholder {
+    color: #667eea;
   }
 
-  .md\:hover\:shadow-none:hover {
-    box-shadow: none;
+  .md\:placeholder-indigo-600::placeholder {
+    color: #5a67d8;
   }
 
-  .md\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .md\:placeholder-indigo-700::placeholder {
+    color: #4c51bf;
   }
 
-  .md\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .md\:placeholder-indigo-800::placeholder {
+    color: #434190;
   }
 
-  .md\:focus\:shadow:focus {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .md\:placeholder-indigo-900::placeholder {
+    color: #3c366b;
   }
 
-  .md\:focus\:shadow-md:focus {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .md\:placeholder-purple-100::placeholder {
+    color: #faf5ff;
   }
 
-  .md\:focus\:shadow-lg:focus {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .md\:placeholder-purple-200::placeholder {
+    color: #e9d8fd;
   }
 
-  .md\:focus\:shadow-xl:focus {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .md\:placeholder-purple-300::placeholder {
+    color: #d6bcfa;
   }
 
-  .md\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .md\:placeholder-purple-400::placeholder {
+    color: #b794f4;
   }
 
-  .md\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .md\:placeholder-purple-500::placeholder {
+    color: #9f7aea;
   }
 
-  .md\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .md\:placeholder-purple-600::placeholder {
+    color: #805ad5;
   }
 
-  .md\:focus\:shadow-none:focus {
-    box-shadow: none;
+  .md\:placeholder-purple-700::placeholder {
+    color: #6b46c1;
   }
 
-  .md\:fill-current {
-    fill: currentColor;
+  .md\:placeholder-purple-800::placeholder {
+    color: #553c9a;
   }
 
-  .md\:stroke-current {
-    stroke: currentColor;
+  .md\:placeholder-purple-900::placeholder {
+    color: #44337a;
   }
 
-  .md\:stroke-0 {
-    stroke-width: 0;
+  .md\:placeholder-pink-100::placeholder {
+    color: #fff5f7;
   }
 
-  .md\:stroke-1 {
-    stroke-width: 1;
+  .md\:placeholder-pink-200::placeholder {
+    color: #fed7e2;
   }
 
-  .md\:stroke-2 {
-    stroke-width: 2;
+  .md\:placeholder-pink-300::placeholder {
+    color: #fbb6ce;
   }
 
-  .md\:table-auto {
-    table-layout: auto;
+  .md\:placeholder-pink-400::placeholder {
+    color: #f687b3;
   }
 
-  .md\:table-fixed {
-    table-layout: fixed;
+  .md\:placeholder-pink-500::placeholder {
+    color: #ed64a6;
   }
 
-  .md\:text-left {
-    text-align: left;
+  .md\:placeholder-pink-600::placeholder {
+    color: #d53f8c;
   }
 
-  .md\:text-center {
-    text-align: center;
+  .md\:placeholder-pink-700::placeholder {
+    color: #b83280;
   }
 
-  .md\:text-right {
-    text-align: right;
+  .md\:placeholder-pink-800::placeholder {
+    color: #97266d;
   }
 
-  .md\:text-justify {
-    text-align: justify;
+  .md\:placeholder-pink-900::placeholder {
+    color: #702459;
   }
 
-  .md\:text-transparent {
+  .md\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .md\:text-current {
+  .md\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .md\:text-black {
+  .md\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
 
-  .md\:text-white {
+  .md\:focus\:placeholder-white:focus::placeholder {
     color: #fff;
   }
 
-  .md\:text-gray-100 {
+  .md\:focus\:placeholder-gray-100:focus::placeholder {
     color: #f7fafc;
   }
 
-  .md\:text-gray-200 {
+  .md\:focus\:placeholder-gray-200:focus::placeholder {
     color: #edf2f7;
   }
 
-  .md\:text-gray-300 {
+  .md\:focus\:placeholder-gray-300:focus::placeholder {
     color: #e2e8f0;
   }
 
-  .md\:text-gray-400 {
+  .md\:focus\:placeholder-gray-400:focus::placeholder {
     color: #cbd5e0;
   }
 
-  .md\:text-gray-500 {
+  .md\:focus\:placeholder-gray-500:focus::placeholder {
     color: #a0aec0;
   }
 
-  .md\:text-gray-600 {
+  .md\:focus\:placeholder-gray-600:focus::placeholder {
     color: #718096;
   }
 
-  .md\:text-gray-700 {
+  .md\:focus\:placeholder-gray-700:focus::placeholder {
     color: #4a5568;
   }
 
-  .md\:text-gray-800 {
+  .md\:focus\:placeholder-gray-800:focus::placeholder {
     color: #2d3748;
   }
 
-  .md\:text-gray-900 {
+  .md\:focus\:placeholder-gray-900:focus::placeholder {
     color: #1a202c;
   }
 
-  .md\:text-red-100 {
+  .md\:focus\:placeholder-red-100:focus::placeholder {
     color: #fff5f5;
   }
 
-  .md\:text-red-200 {
+  .md\:focus\:placeholder-red-200:focus::placeholder {
     color: #fed7d7;
   }
 
-  .md\:text-red-300 {
+  .md\:focus\:placeholder-red-300:focus::placeholder {
     color: #feb2b2;
   }
 
-  .md\:text-red-400 {
+  .md\:focus\:placeholder-red-400:focus::placeholder {
     color: #fc8181;
   }
 
-  .md\:text-red-500 {
+  .md\:focus\:placeholder-red-500:focus::placeholder {
     color: #f56565;
   }
 
-  .md\:text-red-600 {
+  .md\:focus\:placeholder-red-600:focus::placeholder {
     color: #e53e3e;
   }
 
-  .md\:text-red-700 {
+  .md\:focus\:placeholder-red-700:focus::placeholder {
     color: #c53030;
   }
 
-  .md\:text-red-800 {
+  .md\:focus\:placeholder-red-800:focus::placeholder {
     color: #9b2c2c;
   }
 
-  .md\:text-red-900 {
+  .md\:focus\:placeholder-red-900:focus::placeholder {
     color: #742a2a;
   }
 
-  .md\:text-orange-100 {
+  .md\:focus\:placeholder-orange-100:focus::placeholder {
     color: #fffaf0;
   }
 
-  .md\:text-orange-200 {
+  .md\:focus\:placeholder-orange-200:focus::placeholder {
     color: #feebc8;
   }
 
-  .md\:text-orange-300 {
+  .md\:focus\:placeholder-orange-300:focus::placeholder {
     color: #fbd38d;
   }
 
-  .md\:text-orange-400 {
+  .md\:focus\:placeholder-orange-400:focus::placeholder {
     color: #f6ad55;
   }
 
-  .md\:text-orange-500 {
+  .md\:focus\:placeholder-orange-500:focus::placeholder {
     color: #ed8936;
   }
 
-  .md\:text-orange-600 {
+  .md\:focus\:placeholder-orange-600:focus::placeholder {
     color: #dd6b20;
   }
 
-  .md\:text-orange-700 {
+  .md\:focus\:placeholder-orange-700:focus::placeholder {
     color: #c05621;
   }
 
-  .md\:text-orange-800 {
+  .md\:focus\:placeholder-orange-800:focus::placeholder {
     color: #9c4221;
   }
 
-  .md\:text-orange-900 {
+  .md\:focus\:placeholder-orange-900:focus::placeholder {
     color: #7b341e;
   }
 
-  .md\:text-yellow-100 {
+  .md\:focus\:placeholder-yellow-100:focus::placeholder {
     color: #fffff0;
   }
 
-  .md\:text-yellow-200 {
+  .md\:focus\:placeholder-yellow-200:focus::placeholder {
     color: #fefcbf;
   }
 
-  .md\:text-yellow-300 {
+  .md\:focus\:placeholder-yellow-300:focus::placeholder {
     color: #faf089;
   }
 
-  .md\:text-yellow-400 {
+  .md\:focus\:placeholder-yellow-400:focus::placeholder {
     color: #f6e05e;
   }
 
-  .md\:text-yellow-500 {
+  .md\:focus\:placeholder-yellow-500:focus::placeholder {
     color: #ecc94b;
   }
 
-  .md\:text-yellow-600 {
+  .md\:focus\:placeholder-yellow-600:focus::placeholder {
     color: #d69e2e;
   }
 
-  .md\:text-yellow-700 {
+  .md\:focus\:placeholder-yellow-700:focus::placeholder {
     color: #b7791f;
   }
 
-  .md\:text-yellow-800 {
+  .md\:focus\:placeholder-yellow-800:focus::placeholder {
     color: #975a16;
   }
 
-  .md\:text-yellow-900 {
+  .md\:focus\:placeholder-yellow-900:focus::placeholder {
     color: #744210;
   }
 
-  .md\:text-green-100 {
+  .md\:focus\:placeholder-green-100:focus::placeholder {
     color: #f0fff4;
   }
 
-  .md\:text-green-200 {
+  .md\:focus\:placeholder-green-200:focus::placeholder {
     color: #c6f6d5;
   }
 
-  .md\:text-green-300 {
+  .md\:focus\:placeholder-green-300:focus::placeholder {
     color: #9ae6b4;
   }
 
-  .md\:text-green-400 {
+  .md\:focus\:placeholder-green-400:focus::placeholder {
     color: #68d391;
   }
 
-  .md\:text-green-500 {
+  .md\:focus\:placeholder-green-500:focus::placeholder {
     color: #48bb78;
   }
 
-  .md\:text-green-600 {
+  .md\:focus\:placeholder-green-600:focus::placeholder {
     color: #38a169;
   }
 
-  .md\:text-green-700 {
+  .md\:focus\:placeholder-green-700:focus::placeholder {
     color: #2f855a;
   }
 
-  .md\:text-green-800 {
+  .md\:focus\:placeholder-green-800:focus::placeholder {
     color: #276749;
   }
 
-  .md\:text-green-900 {
+  .md\:focus\:placeholder-green-900:focus::placeholder {
     color: #22543d;
   }
 
-  .md\:text-teal-100 {
+  .md\:focus\:placeholder-teal-100:focus::placeholder {
     color: #e6fffa;
   }
 
-  .md\:text-teal-200 {
+  .md\:focus\:placeholder-teal-200:focus::placeholder {
     color: #b2f5ea;
   }
 
-  .md\:text-teal-300 {
+  .md\:focus\:placeholder-teal-300:focus::placeholder {
     color: #81e6d9;
   }
 
-  .md\:text-teal-400 {
+  .md\:focus\:placeholder-teal-400:focus::placeholder {
     color: #4fd1c5;
   }
 
-  .md\:text-teal-500 {
+  .md\:focus\:placeholder-teal-500:focus::placeholder {
     color: #38b2ac;
   }
 
-  .md\:text-teal-600 {
+  .md\:focus\:placeholder-teal-600:focus::placeholder {
     color: #319795;
   }
 
-  .md\:text-teal-700 {
+  .md\:focus\:placeholder-teal-700:focus::placeholder {
     color: #2c7a7b;
   }
 
-  .md\:text-teal-800 {
+  .md\:focus\:placeholder-teal-800:focus::placeholder {
     color: #285e61;
   }
 
-  .md\:text-teal-900 {
+  .md\:focus\:placeholder-teal-900:focus::placeholder {
     color: #234e52;
   }
 
-  .md\:text-blue-100 {
+  .md\:focus\:placeholder-blue-100:focus::placeholder {
     color: #ebf8ff;
   }
 
-  .md\:text-blue-200 {
+  .md\:focus\:placeholder-blue-200:focus::placeholder {
     color: #bee3f8;
   }
 
-  .md\:text-blue-300 {
+  .md\:focus\:placeholder-blue-300:focus::placeholder {
     color: #90cdf4;
   }
 
-  .md\:text-blue-400 {
+  .md\:focus\:placeholder-blue-400:focus::placeholder {
     color: #63b3ed;
   }
 
-  .md\:text-blue-500 {
+  .md\:focus\:placeholder-blue-500:focus::placeholder {
     color: #4299e1;
   }
 
-  .md\:text-blue-600 {
+  .md\:focus\:placeholder-blue-600:focus::placeholder {
     color: #3182ce;
   }
 
-  .md\:text-blue-700 {
+  .md\:focus\:placeholder-blue-700:focus::placeholder {
     color: #2b6cb0;
   }
 
-  .md\:text-blue-800 {
+  .md\:focus\:placeholder-blue-800:focus::placeholder {
     color: #2c5282;
   }
 
-  .md\:text-blue-900 {
+  .md\:focus\:placeholder-blue-900:focus::placeholder {
     color: #2a4365;
   }
 
-  .md\:text-indigo-100 {
+  .md\:focus\:placeholder-indigo-100:focus::placeholder {
     color: #ebf4ff;
   }
 
-  .md\:text-indigo-200 {
+  .md\:focus\:placeholder-indigo-200:focus::placeholder {
     color: #c3dafe;
   }
 
-  .md\:text-indigo-300 {
+  .md\:focus\:placeholder-indigo-300:focus::placeholder {
     color: #a3bffa;
   }
 
-  .md\:text-indigo-400 {
+  .md\:focus\:placeholder-indigo-400:focus::placeholder {
     color: #7f9cf5;
   }
 
-  .md\:text-indigo-500 {
+  .md\:focus\:placeholder-indigo-500:focus::placeholder {
     color: #667eea;
   }
 
-  .md\:text-indigo-600 {
+  .md\:focus\:placeholder-indigo-600:focus::placeholder {
     color: #5a67d8;
   }
 
-  .md\:text-indigo-700 {
+  .md\:focus\:placeholder-indigo-700:focus::placeholder {
     color: #4c51bf;
   }
 
-  .md\:text-indigo-800 {
+  .md\:focus\:placeholder-indigo-800:focus::placeholder {
     color: #434190;
   }
 
-  .md\:text-indigo-900 {
+  .md\:focus\:placeholder-indigo-900:focus::placeholder {
     color: #3c366b;
   }
 
-  .md\:text-purple-100 {
+  .md\:focus\:placeholder-purple-100:focus::placeholder {
     color: #faf5ff;
   }
 
-  .md\:text-purple-200 {
+  .md\:focus\:placeholder-purple-200:focus::placeholder {
     color: #e9d8fd;
   }
 
-  .md\:text-purple-300 {
+  .md\:focus\:placeholder-purple-300:focus::placeholder {
     color: #d6bcfa;
   }
 
-  .md\:text-purple-400 {
+  .md\:focus\:placeholder-purple-400:focus::placeholder {
     color: #b794f4;
   }
 
-  .md\:text-purple-500 {
+  .md\:focus\:placeholder-purple-500:focus::placeholder {
     color: #9f7aea;
   }
 
-  .md\:text-purple-600 {
+  .md\:focus\:placeholder-purple-600:focus::placeholder {
     color: #805ad5;
   }
 
-  .md\:text-purple-700 {
+  .md\:focus\:placeholder-purple-700:focus::placeholder {
     color: #6b46c1;
   }
 
-  .md\:text-purple-800 {
+  .md\:focus\:placeholder-purple-800:focus::placeholder {
     color: #553c9a;
   }
 
-  .md\:text-purple-900 {
+  .md\:focus\:placeholder-purple-900:focus::placeholder {
     color: #44337a;
   }
 
-  .md\:text-pink-100 {
+  .md\:focus\:placeholder-pink-100:focus::placeholder {
     color: #fff5f7;
   }
 
-  .md\:text-pink-200 {
+  .md\:focus\:placeholder-pink-200:focus::placeholder {
     color: #fed7e2;
   }
 
-  .md\:text-pink-300 {
+  .md\:focus\:placeholder-pink-300:focus::placeholder {
     color: #fbb6ce;
   }
 
-  .md\:text-pink-400 {
+  .md\:focus\:placeholder-pink-400:focus::placeholder {
     color: #f687b3;
   }
 
-  .md\:text-pink-500 {
+  .md\:focus\:placeholder-pink-500:focus::placeholder {
     color: #ed64a6;
   }
 
-  .md\:text-pink-600 {
+  .md\:focus\:placeholder-pink-600:focus::placeholder {
     color: #d53f8c;
   }
 
-  .md\:text-pink-700 {
+  .md\:focus\:placeholder-pink-700:focus::placeholder {
     color: #b83280;
   }
 
-  .md\:text-pink-800 {
+  .md\:focus\:placeholder-pink-800:focus::placeholder {
     color: #97266d;
   }
 
-  .md\:text-pink-900 {
+  .md\:focus\:placeholder-pink-900:focus::placeholder {
     color: #702459;
   }
 
-  .md\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .md\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .md\:hover\:text-black:hover {
-    color: #000;
-  }
-
-  .md\:hover\:text-white:hover {
-    color: #fff;
-  }
-
-  .md\:hover\:text-gray-100:hover {
-    color: #f7fafc;
-  }
-
-  .md\:hover\:text-gray-200:hover {
-    color: #edf2f7;
-  }
-
-  .md\:hover\:text-gray-300:hover {
-    color: #e2e8f0;
-  }
-
-  .md\:hover\:text-gray-400:hover {
-    color: #cbd5e0;
-  }
-
-  .md\:hover\:text-gray-500:hover {
-    color: #a0aec0;
-  }
-
-  .md\:hover\:text-gray-600:hover {
-    color: #718096;
-  }
-
-  .md\:hover\:text-gray-700:hover {
-    color: #4a5568;
-  }
-
-  .md\:hover\:text-gray-800:hover {
-    color: #2d3748;
-  }
-
-  .md\:hover\:text-gray-900:hover {
-    color: #1a202c;
-  }
-
-  .md\:hover\:text-red-100:hover {
-    color: #fff5f5;
-  }
-
-  .md\:hover\:text-red-200:hover {
-    color: #fed7d7;
-  }
-
-  .md\:hover\:text-red-300:hover {
-    color: #feb2b2;
-  }
-
-  .md\:hover\:text-red-400:hover {
-    color: #fc8181;
-  }
-
-  .md\:hover\:text-red-500:hover {
-    color: #f56565;
-  }
-
-  .md\:hover\:text-red-600:hover {
-    color: #e53e3e;
-  }
-
-  .md\:hover\:text-red-700:hover {
-    color: #c53030;
-  }
-
-  .md\:hover\:text-red-800:hover {
-    color: #9b2c2c;
-  }
-
-  .md\:hover\:text-red-900:hover {
-    color: #742a2a;
-  }
-
-  .md\:hover\:text-orange-100:hover {
-    color: #fffaf0;
-  }
-
-  .md\:hover\:text-orange-200:hover {
-    color: #feebc8;
-  }
-
-  .md\:hover\:text-orange-300:hover {
-    color: #fbd38d;
-  }
-
-  .md\:hover\:text-orange-400:hover {
-    color: #f6ad55;
-  }
-
-  .md\:hover\:text-orange-500:hover {
-    color: #ed8936;
-  }
-
-  .md\:hover\:text-orange-600:hover {
-    color: #dd6b20;
-  }
-
-  .md\:hover\:text-orange-700:hover {
-    color: #c05621;
-  }
-
-  .md\:hover\:text-orange-800:hover {
-    color: #9c4221;
+  .md\:pointer-events-none {
+    pointer-events: none;
   }
 
-  .md\:hover\:text-orange-900:hover {
-    color: #7b341e;
+  .md\:pointer-events-auto {
+    pointer-events: auto;
   }
 
-  .md\:hover\:text-yellow-100:hover {
-    color: #fffff0;
+  .md\:static {
+    position: static;
   }
 
-  .md\:hover\:text-yellow-200:hover {
-    color: #fefcbf;
+  .md\:fixed {
+    position: fixed;
   }
 
-  .md\:hover\:text-yellow-300:hover {
-    color: #faf089;
+  .md\:absolute {
+    position: absolute;
   }
 
-  .md\:hover\:text-yellow-400:hover {
-    color: #f6e05e;
+  .md\:relative {
+    position: relative;
   }
 
-  .md\:hover\:text-yellow-500:hover {
-    color: #ecc94b;
+  .md\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
   }
 
-  .md\:hover\:text-yellow-600:hover {
-    color: #d69e2e;
+  .md\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
   }
 
-  .md\:hover\:text-yellow-700:hover {
-    color: #b7791f;
+  .md\:inset-y-0 {
+    top: 0;
+    bottom: 0;
   }
 
-  .md\:hover\:text-yellow-800:hover {
-    color: #975a16;
+  .md\:inset-x-0 {
+    right: 0;
+    left: 0;
   }
 
-  .md\:hover\:text-yellow-900:hover {
-    color: #744210;
+  .md\:inset-y-auto {
+    top: auto;
+    bottom: auto;
   }
 
-  .md\:hover\:text-green-100:hover {
-    color: #f0fff4;
+  .md\:inset-x-auto {
+    right: auto;
+    left: auto;
   }
 
-  .md\:hover\:text-green-200:hover {
-    color: #c6f6d5;
+  .md\:top-0 {
+    top: 0;
   }
 
-  .md\:hover\:text-green-300:hover {
-    color: #9ae6b4;
+  .md\:right-0 {
+    right: 0;
   }
 
-  .md\:hover\:text-green-400:hover {
-    color: #68d391;
+  .md\:bottom-0 {
+    bottom: 0;
   }
 
-  .md\:hover\:text-green-500:hover {
-    color: #48bb78;
+  .md\:left-0 {
+    left: 0;
   }
 
-  .md\:hover\:text-green-600:hover {
-    color: #38a169;
+  .md\:top-auto {
+    top: auto;
   }
 
-  .md\:hover\:text-green-700:hover {
-    color: #2f855a;
+  .md\:right-auto {
+    right: auto;
   }
 
-  .md\:hover\:text-green-800:hover {
-    color: #276749;
+  .md\:bottom-auto {
+    bottom: auto;
   }
 
-  .md\:hover\:text-green-900:hover {
-    color: #22543d;
+  .md\:left-auto {
+    left: auto;
   }
 
-  .md\:hover\:text-teal-100:hover {
-    color: #e6fffa;
+  .md\:resize-none {
+    resize: none;
   }
 
-  .md\:hover\:text-teal-200:hover {
-    color: #b2f5ea;
+  .md\:resize-y {
+    resize: vertical;
   }
 
-  .md\:hover\:text-teal-300:hover {
-    color: #81e6d9;
+  .md\:resize-x {
+    resize: horizontal;
   }
 
-  .md\:hover\:text-teal-400:hover {
-    color: #4fd1c5;
+  .md\:resize {
+    resize: both;
   }
 
-  .md\:hover\:text-teal-500:hover {
-    color: #38b2ac;
+  .md\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-teal-600:hover {
-    color: #319795;
+  .md\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-teal-700:hover {
-    color: #2c7a7b;
+  .md\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-teal-800:hover {
-    color: #285e61;
+  .md\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-teal-900:hover {
-    color: #234e52;
+  .md\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-blue-100:hover {
-    color: #ebf8ff;
+  .md\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .md\:hover\:text-blue-200:hover {
-    color: #bee3f8;
+  .md\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .md\:hover\:text-blue-300:hover {
-    color: #90cdf4;
+  .md\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-blue-400:hover {
-    color: #63b3ed;
+  .md\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .md\:hover\:text-blue-500:hover {
-    color: #4299e1;
+  .md\:shadow-none {
+    box-shadow: none;
   }
 
-  .md\:hover\:text-blue-600:hover {
-    color: #3182ce;
+  .md\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-blue-700:hover {
-    color: #2b6cb0;
+  .md\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-blue-800:hover {
-    color: #2c5282;
+  .md\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-blue-900:hover {
-    color: #2a4365;
+  .md\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-indigo-100:hover {
-    color: #ebf4ff;
+  .md\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-indigo-200:hover {
-    color: #c3dafe;
+  .md\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .md\:hover\:text-indigo-300:hover {
-    color: #a3bffa;
+  .md\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .md\:hover\:text-indigo-400:hover {
-    color: #7f9cf5;
+  .md\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-indigo-500:hover {
-    color: #667eea;
+  .md\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .md\:hover\:text-indigo-600:hover {
-    color: #5a67d8;
+  .md\:hover\:shadow-none:hover {
+    box-shadow: none;
   }
 
-  .md\:hover\:text-indigo-700:hover {
-    color: #4c51bf;
+  .md\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-indigo-800:hover {
-    color: #434190;
+  .md\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-indigo-900:hover {
-    color: #3c366b;
+  .md\:focus\:shadow:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-purple-100:hover {
-    color: #faf5ff;
+  .md\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-purple-200:hover {
-    color: #e9d8fd;
+  .md\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .md\:hover\:text-purple-300:hover {
-    color: #d6bcfa;
+  .md\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .md\:hover\:text-purple-400:hover {
-    color: #b794f4;
+  .md\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .md\:hover\:text-purple-500:hover {
-    color: #9f7aea;
+  .md\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .md\:hover\:text-purple-600:hover {
-    color: #805ad5;
+  .md\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .md\:hover\:text-purple-700:hover {
-    color: #6b46c1;
+  .md\:focus\:shadow-none:focus {
+    box-shadow: none;
   }
 
-  .md\:hover\:text-purple-800:hover {
-    color: #553c9a;
+  .md\:fill-current {
+    fill: currentColor;
   }
 
-  .md\:hover\:text-purple-900:hover {
-    color: #44337a;
+  .md\:stroke-current {
+    stroke: currentColor;
   }
 
-  .md\:hover\:text-pink-100:hover {
-    color: #fff5f7;
+  .md\:stroke-0 {
+    stroke-width: 0;
   }
 
-  .md\:hover\:text-pink-200:hover {
-    color: #fed7e2;
+  .md\:stroke-1 {
+    stroke-width: 1;
   }
 
-  .md\:hover\:text-pink-300:hover {
-    color: #fbb6ce;
+  .md\:stroke-2 {
+    stroke-width: 2;
   }
 
-  .md\:hover\:text-pink-400:hover {
-    color: #f687b3;
+  .md\:table-auto {
+    table-layout: auto;
   }
 
-  .md\:hover\:text-pink-500:hover {
-    color: #ed64a6;
+  .md\:table-fixed {
+    table-layout: fixed;
   }
 
-  .md\:hover\:text-pink-600:hover {
-    color: #d53f8c;
+  .md\:text-left {
+    text-align: left;
   }
 
-  .md\:hover\:text-pink-700:hover {
-    color: #b83280;
+  .md\:text-center {
+    text-align: center;
   }
 
-  .md\:hover\:text-pink-800:hover {
-    color: #97266d;
+  .md\:text-right {
+    text-align: right;
   }
 
-  .md\:hover\:text-pink-900:hover {
-    color: #702459;
+  .md\:text-justify {
+    text-align: justify;
   }
 
-  .md\:focus\:text-transparent:focus {
+  .md\:text-transparent {
     color: transparent;
   }
 
-  .md\:focus\:text-current:focus {
+  .md\:text-current {
     color: currentColor;
   }
 
-  .md\:focus\:text-black:focus {
+  .md\:text-black {
     color: #000;
   }
 
-  .md\:focus\:text-white:focus {
+  .md\:text-white {
     color: #fff;
   }
 
-  .md\:focus\:text-gray-100:focus {
+  .md\:text-gray-100 {
     color: #f7fafc;
   }
 
-  .md\:focus\:text-gray-200:focus {
+  .md\:text-gray-200 {
     color: #edf2f7;
   }
 
-  .md\:focus\:text-gray-300:focus {
+  .md\:text-gray-300 {
     color: #e2e8f0;
   }
 
-  .md\:focus\:text-gray-400:focus {
+  .md\:text-gray-400 {
     color: #cbd5e0;
   }
 
-  .md\:focus\:text-gray-500:focus {
+  .md\:text-gray-500 {
     color: #a0aec0;
   }
 
-  .md\:focus\:text-gray-600:focus {
+  .md\:text-gray-600 {
     color: #718096;
   }
 
-  .md\:focus\:text-gray-700:focus {
+  .md\:text-gray-700 {
     color: #4a5568;
   }
 
-  .md\:focus\:text-gray-800:focus {
+  .md\:text-gray-800 {
     color: #2d3748;
   }
 
-  .md\:focus\:text-gray-900:focus {
+  .md\:text-gray-900 {
     color: #1a202c;
   }
 
-  .md\:focus\:text-red-100:focus {
+  .md\:text-red-100 {
     color: #fff5f5;
   }
 
-  .md\:focus\:text-red-200:focus {
+  .md\:text-red-200 {
     color: #fed7d7;
   }
 
-  .md\:focus\:text-red-300:focus {
+  .md\:text-red-300 {
     color: #feb2b2;
   }
 
-  .md\:focus\:text-red-400:focus {
+  .md\:text-red-400 {
     color: #fc8181;
   }
 
-  .md\:focus\:text-red-500:focus {
+  .md\:text-red-500 {
     color: #f56565;
   }
 
-  .md\:focus\:text-red-600:focus {
+  .md\:text-red-600 {
     color: #e53e3e;
   }
 
-  .md\:focus\:text-red-700:focus {
+  .md\:text-red-700 {
     color: #c53030;
   }
 
-  .md\:focus\:text-red-800:focus {
+  .md\:text-red-800 {
     color: #9b2c2c;
   }
 
-  .md\:focus\:text-red-900:focus {
+  .md\:text-red-900 {
     color: #742a2a;
   }
 
-  .md\:focus\:text-orange-100:focus {
+  .md\:text-orange-100 {
     color: #fffaf0;
   }
 
-  .md\:focus\:text-orange-200:focus {
+  .md\:text-orange-200 {
     color: #feebc8;
   }
 
-  .md\:focus\:text-orange-300:focus {
+  .md\:text-orange-300 {
     color: #fbd38d;
   }
 
-  .md\:focus\:text-orange-400:focus {
+  .md\:text-orange-400 {
     color: #f6ad55;
   }
 
-  .md\:focus\:text-orange-500:focus {
+  .md\:text-orange-500 {
     color: #ed8936;
   }
 
-  .md\:focus\:text-orange-600:focus {
+  .md\:text-orange-600 {
     color: #dd6b20;
   }
 
-  .md\:focus\:text-orange-700:focus {
+  .md\:text-orange-700 {
     color: #c05621;
   }
 
-  .md\:focus\:text-orange-800:focus {
+  .md\:text-orange-800 {
     color: #9c4221;
   }
 
-  .md\:focus\:text-orange-900:focus {
+  .md\:text-orange-900 {
     color: #7b341e;
   }
 
-  .md\:focus\:text-yellow-100:focus {
+  .md\:text-yellow-100 {
     color: #fffff0;
   }
 
-  .md\:focus\:text-yellow-200:focus {
+  .md\:text-yellow-200 {
     color: #fefcbf;
   }
 
-  .md\:focus\:text-yellow-300:focus {
+  .md\:text-yellow-300 {
     color: #faf089;
   }
 
-  .md\:focus\:text-yellow-400:focus {
+  .md\:text-yellow-400 {
     color: #f6e05e;
   }
 
-  .md\:focus\:text-yellow-500:focus {
+  .md\:text-yellow-500 {
     color: #ecc94b;
   }
 
-  .md\:focus\:text-yellow-600:focus {
+  .md\:text-yellow-600 {
     color: #d69e2e;
   }
 
-  .md\:focus\:text-yellow-700:focus {
+  .md\:text-yellow-700 {
     color: #b7791f;
   }
 
-  .md\:focus\:text-yellow-800:focus {
+  .md\:text-yellow-800 {
     color: #975a16;
   }
 
-  .md\:focus\:text-yellow-900:focus {
+  .md\:text-yellow-900 {
     color: #744210;
   }
 
-  .md\:focus\:text-green-100:focus {
+  .md\:text-green-100 {
     color: #f0fff4;
   }
 
-  .md\:focus\:text-green-200:focus {
+  .md\:text-green-200 {
     color: #c6f6d5;
   }
 
-  .md\:focus\:text-green-300:focus {
+  .md\:text-green-300 {
     color: #9ae6b4;
   }
 
-  .md\:focus\:text-green-400:focus {
+  .md\:text-green-400 {
     color: #68d391;
   }
 
-  .md\:focus\:text-green-500:focus {
+  .md\:text-green-500 {
     color: #48bb78;
   }
 
-  .md\:focus\:text-green-600:focus {
+  .md\:text-green-600 {
     color: #38a169;
   }
 
-  .md\:focus\:text-green-700:focus {
+  .md\:text-green-700 {
     color: #2f855a;
   }
 
-  .md\:focus\:text-green-800:focus {
+  .md\:text-green-800 {
     color: #276749;
   }
 
-  .md\:focus\:text-green-900:focus {
+  .md\:text-green-900 {
     color: #22543d;
   }
 
-  .md\:focus\:text-teal-100:focus {
+  .md\:text-teal-100 {
     color: #e6fffa;
   }
 
-  .md\:focus\:text-teal-200:focus {
+  .md\:text-teal-200 {
     color: #b2f5ea;
   }
 
-  .md\:focus\:text-teal-300:focus {
+  .md\:text-teal-300 {
     color: #81e6d9;
   }
 
-  .md\:focus\:text-teal-400:focus {
+  .md\:text-teal-400 {
     color: #4fd1c5;
   }
 
-  .md\:focus\:text-teal-500:focus {
+  .md\:text-teal-500 {
     color: #38b2ac;
   }
 
-  .md\:focus\:text-teal-600:focus {
+  .md\:text-teal-600 {
     color: #319795;
   }
 
-  .md\:focus\:text-teal-700:focus {
+  .md\:text-teal-700 {
     color: #2c7a7b;
   }
 
-  .md\:focus\:text-teal-800:focus {
+  .md\:text-teal-800 {
     color: #285e61;
   }
 
-  .md\:focus\:text-teal-900:focus {
+  .md\:text-teal-900 {
     color: #234e52;
   }
 
-  .md\:focus\:text-blue-100:focus {
+  .md\:text-blue-100 {
     color: #ebf8ff;
   }
 
-  .md\:focus\:text-blue-200:focus {
+  .md\:text-blue-200 {
     color: #bee3f8;
   }
 
-  .md\:focus\:text-blue-300:focus {
+  .md\:text-blue-300 {
     color: #90cdf4;
   }
 
-  .md\:focus\:text-blue-400:focus {
+  .md\:text-blue-400 {
     color: #63b3ed;
   }
 
-  .md\:focus\:text-blue-500:focus {
+  .md\:text-blue-500 {
     color: #4299e1;
   }
 
-  .md\:focus\:text-blue-600:focus {
+  .md\:text-blue-600 {
     color: #3182ce;
   }
 
-  .md\:focus\:text-blue-700:focus {
+  .md\:text-blue-700 {
     color: #2b6cb0;
   }
 
-  .md\:focus\:text-blue-800:focus {
+  .md\:text-blue-800 {
     color: #2c5282;
   }
 
-  .md\:focus\:text-blue-900:focus {
+  .md\:text-blue-900 {
     color: #2a4365;
   }
 
-  .md\:focus\:text-indigo-100:focus {
+  .md\:text-indigo-100 {
     color: #ebf4ff;
   }
 
-  .md\:focus\:text-indigo-200:focus {
+  .md\:text-indigo-200 {
     color: #c3dafe;
   }
 
-  .md\:focus\:text-indigo-300:focus {
+  .md\:text-indigo-300 {
     color: #a3bffa;
   }
 
-  .md\:focus\:text-indigo-400:focus {
+  .md\:text-indigo-400 {
     color: #7f9cf5;
   }
 
-  .md\:focus\:text-indigo-500:focus {
+  .md\:text-indigo-500 {
     color: #667eea;
   }
 
-  .md\:focus\:text-indigo-600:focus {
+  .md\:text-indigo-600 {
     color: #5a67d8;
   }
 
-  .md\:focus\:text-indigo-700:focus {
+  .md\:text-indigo-700 {
     color: #4c51bf;
   }
 
-  .md\:focus\:text-indigo-800:focus {
+  .md\:text-indigo-800 {
     color: #434190;
   }
 
-  .md\:focus\:text-indigo-900:focus {
+  .md\:text-indigo-900 {
     color: #3c366b;
   }
 
-  .md\:focus\:text-purple-100:focus {
+  .md\:text-purple-100 {
     color: #faf5ff;
   }
 
-  .md\:focus\:text-purple-200:focus {
+  .md\:text-purple-200 {
     color: #e9d8fd;
   }
 
-  .md\:focus\:text-purple-300:focus {
+  .md\:text-purple-300 {
     color: #d6bcfa;
   }
 
-  .md\:focus\:text-purple-400:focus {
+  .md\:text-purple-400 {
     color: #b794f4;
   }
 
-  .md\:focus\:text-purple-500:focus {
+  .md\:text-purple-500 {
     color: #9f7aea;
   }
 
-  .md\:focus\:text-purple-600:focus {
+  .md\:text-purple-600 {
     color: #805ad5;
   }
 
-  .md\:focus\:text-purple-700:focus {
+  .md\:text-purple-700 {
     color: #6b46c1;
   }
 
-  .md\:focus\:text-purple-800:focus {
+  .md\:text-purple-800 {
     color: #553c9a;
   }
 
-  .md\:focus\:text-purple-900:focus {
+  .md\:text-purple-900 {
     color: #44337a;
   }
 
-  .md\:focus\:text-pink-100:focus {
+  .md\:text-pink-100 {
     color: #fff5f7;
   }
 
-  .md\:focus\:text-pink-200:focus {
+  .md\:text-pink-200 {
     color: #fed7e2;
   }
 
-  .md\:focus\:text-pink-300:focus {
+  .md\:text-pink-300 {
     color: #fbb6ce;
   }
 
-  .md\:focus\:text-pink-400:focus {
+  .md\:text-pink-400 {
     color: #f687b3;
   }
 
-  .md\:focus\:text-pink-500:focus {
+  .md\:text-pink-500 {
     color: #ed64a6;
   }
 
-  .md\:focus\:text-pink-600:focus {
+  .md\:text-pink-600 {
     color: #d53f8c;
   }
 
-  .md\:focus\:text-pink-700:focus {
+  .md\:text-pink-700 {
     color: #b83280;
   }
 
-  .md\:focus\:text-pink-800:focus {
+  .md\:text-pink-800 {
     color: #97266d;
   }
 
-  .md\:focus\:text-pink-900:focus {
+  .md\:text-pink-900 {
     color: #702459;
   }
 
-  .md\:italic {
-    font-style: italic;
+  .md\:hover\:text-transparent:hover {
+    color: transparent;
   }
 
-  .md\:not-italic {
-    font-style: normal;
+  .md\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .md\:hover\:text-black:hover {
+    color: #000;
+  }
+
+  .md\:hover\:text-white:hover {
+    color: #fff;
+  }
+
+  .md\:hover\:text-gray-100:hover {
+    color: #f7fafc;
+  }
+
+  .md\:hover\:text-gray-200:hover {
+    color: #edf2f7;
+  }
+
+  .md\:hover\:text-gray-300:hover {
+    color: #e2e8f0;
+  }
+
+  .md\:hover\:text-gray-400:hover {
+    color: #cbd5e0;
+  }
+
+  .md\:hover\:text-gray-500:hover {
+    color: #a0aec0;
+  }
+
+  .md\:hover\:text-gray-600:hover {
+    color: #718096;
+  }
+
+  .md\:hover\:text-gray-700:hover {
+    color: #4a5568;
+  }
+
+  .md\:hover\:text-gray-800:hover {
+    color: #2d3748;
+  }
+
+  .md\:hover\:text-gray-900:hover {
+    color: #1a202c;
+  }
+
+  .md\:hover\:text-red-100:hover {
+    color: #fff5f5;
+  }
+
+  .md\:hover\:text-red-200:hover {
+    color: #fed7d7;
+  }
+
+  .md\:hover\:text-red-300:hover {
+    color: #feb2b2;
+  }
+
+  .md\:hover\:text-red-400:hover {
+    color: #fc8181;
+  }
+
+  .md\:hover\:text-red-500:hover {
+    color: #f56565;
+  }
+
+  .md\:hover\:text-red-600:hover {
+    color: #e53e3e;
+  }
+
+  .md\:hover\:text-red-700:hover {
+    color: #c53030;
+  }
+
+  .md\:hover\:text-red-800:hover {
+    color: #9b2c2c;
+  }
+
+  .md\:hover\:text-red-900:hover {
+    color: #742a2a;
+  }
+
+  .md\:hover\:text-orange-100:hover {
+    color: #fffaf0;
+  }
+
+  .md\:hover\:text-orange-200:hover {
+    color: #feebc8;
+  }
+
+  .md\:hover\:text-orange-300:hover {
+    color: #fbd38d;
+  }
+
+  .md\:hover\:text-orange-400:hover {
+    color: #f6ad55;
   }
 
-  .md\:uppercase {
-    text-transform: uppercase;
+  .md\:hover\:text-orange-500:hover {
+    color: #ed8936;
   }
 
-  .md\:lowercase {
-    text-transform: lowercase;
+  .md\:hover\:text-orange-600:hover {
+    color: #dd6b20;
   }
 
-  .md\:capitalize {
-    text-transform: capitalize;
+  .md\:hover\:text-orange-700:hover {
+    color: #c05621;
   }
 
-  .md\:normal-case {
-    text-transform: none;
+  .md\:hover\:text-orange-800:hover {
+    color: #9c4221;
   }
 
-  .md\:underline {
-    text-decoration: underline;
+  .md\:hover\:text-orange-900:hover {
+    color: #7b341e;
   }
 
-  .md\:line-through {
-    text-decoration: line-through;
+  .md\:hover\:text-yellow-100:hover {
+    color: #fffff0;
   }
 
-  .md\:no-underline {
-    text-decoration: none;
+  .md\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .md\:hover\:underline:hover {
-    text-decoration: underline;
+  .md\:hover\:text-yellow-300:hover {
+    color: #faf089;
   }
 
-  .md\:hover\:line-through:hover {
-    text-decoration: line-through;
+  .md\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .md\:hover\:no-underline:hover {
-    text-decoration: none;
+  .md\:hover\:text-yellow-500:hover {
+    color: #ecc94b;
   }
 
-  .md\:focus\:underline:focus {
-    text-decoration: underline;
+  .md\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .md\:focus\:line-through:focus {
-    text-decoration: line-through;
+  .md\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .md\:focus\:no-underline:focus {
-    text-decoration: none;
+  .md\:hover\:text-yellow-800:hover {
+    color: #975a16;
   }
 
-  .md\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  .md\:hover\:text-yellow-900:hover {
+    color: #744210;
   }
 
-  .md\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
+  .md\:hover\:text-green-100:hover {
+    color: #f0fff4;
   }
 
-  .md\:tracking-tighter {
-    letter-spacing: -0.05em;
+  .md\:hover\:text-green-200:hover {
+    color: #c6f6d5;
   }
 
-  .md\:tracking-tight {
-    letter-spacing: -0.025em;
+  .md\:hover\:text-green-300:hover {
+    color: #9ae6b4;
   }
 
-  .md\:tracking-normal {
-    letter-spacing: 0;
+  .md\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .md\:tracking-wide {
-    letter-spacing: 0.025em;
+  .md\:hover\:text-green-500:hover {
+    color: #48bb78;
   }
 
-  .md\:tracking-wider {
-    letter-spacing: 0.05em;
+  .md\:hover\:text-green-600:hover {
+    color: #38a169;
   }
 
-  .md\:tracking-widest {
-    letter-spacing: 0.1em;
+  .md\:hover\:text-green-700:hover {
+    color: #2f855a;
   }
 
-  .md\:select-none {
-    user-select: none;
+  .md\:hover\:text-green-800:hover {
+    color: #276749;
   }
 
-  .md\:select-text {
-    user-select: text;
+  .md\:hover\:text-green-900:hover {
+    color: #22543d;
   }
 
-  .md\:select-all {
-    user-select: all;
+  .md\:hover\:text-teal-100:hover {
+    color: #e6fffa;
   }
 
-  .md\:select-auto {
-    user-select: auto;
+  .md\:hover\:text-teal-200:hover {
+    color: #b2f5ea;
   }
 
-  .md\:align-baseline {
-    vertical-align: baseline;
+  .md\:hover\:text-teal-300:hover {
+    color: #81e6d9;
   }
 
-  .md\:align-top {
-    vertical-align: top;
+  .md\:hover\:text-teal-400:hover {
+    color: #4fd1c5;
   }
 
-  .md\:align-middle {
-    vertical-align: middle;
+  .md\:hover\:text-teal-500:hover {
+    color: #38b2ac;
   }
 
-  .md\:align-bottom {
-    vertical-align: bottom;
+  .md\:hover\:text-teal-600:hover {
+    color: #319795;
   }
 
-  .md\:align-text-top {
-    vertical-align: text-top;
+  .md\:hover\:text-teal-700:hover {
+    color: #2c7a7b;
   }
 
-  .md\:align-text-bottom {
-    vertical-align: text-bottom;
+  .md\:hover\:text-teal-800:hover {
+    color: #285e61;
   }
 
-  .md\:visible {
-    visibility: visible;
+  .md\:hover\:text-teal-900:hover {
+    color: #234e52;
   }
 
-  .md\:invisible {
-    visibility: hidden;
+  .md\:hover\:text-blue-100:hover {
+    color: #ebf8ff;
   }
 
-  .md\:whitespace-normal {
-    white-space: normal;
+  .md\:hover\:text-blue-200:hover {
+    color: #bee3f8;
   }
 
-  .md\:whitespace-no-wrap {
-    white-space: nowrap;
+  .md\:hover\:text-blue-300:hover {
+    color: #90cdf4;
   }
 
-  .md\:whitespace-pre {
-    white-space: pre;
+  .md\:hover\:text-blue-400:hover {
+    color: #63b3ed;
   }
 
-  .md\:whitespace-pre-line {
-    white-space: pre-line;
+  .md\:hover\:text-blue-500:hover {
+    color: #4299e1;
   }
 
-  .md\:whitespace-pre-wrap {
-    white-space: pre-wrap;
+  .md\:hover\:text-blue-600:hover {
+    color: #3182ce;
   }
 
-  .md\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
+  .md\:hover\:text-blue-700:hover {
+    color: #2b6cb0;
   }
 
-  .md\:break-words {
-    overflow-wrap: break-word;
+  .md\:hover\:text-blue-800:hover {
+    color: #2c5282;
   }
 
-  .md\:break-all {
-    word-break: break-all;
+  .md\:hover\:text-blue-900:hover {
+    color: #2a4365;
   }
 
-  .md\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .md\:hover\:text-indigo-100:hover {
+    color: #ebf4ff;
   }
 
-  .md\:w-0 {
-    width: 0;
+  .md\:hover\:text-indigo-200:hover {
+    color: #c3dafe;
   }
 
-  .md\:w-1 {
-    width: 0.25rem;
+  .md\:hover\:text-indigo-300:hover {
+    color: #a3bffa;
   }
 
-  .md\:w-2 {
-    width: 0.5rem;
+  .md\:hover\:text-indigo-400:hover {
+    color: #7f9cf5;
   }
 
-  .md\:w-3 {
-    width: 0.75rem;
+  .md\:hover\:text-indigo-500:hover {
+    color: #667eea;
   }
 
-  .md\:w-4 {
-    width: 1rem;
+  .md\:hover\:text-indigo-600:hover {
+    color: #5a67d8;
   }
 
-  .md\:w-5 {
-    width: 1.25rem;
+  .md\:hover\:text-indigo-700:hover {
+    color: #4c51bf;
   }
 
-  .md\:w-6 {
-    width: 1.5rem;
+  .md\:hover\:text-indigo-800:hover {
+    color: #434190;
   }
 
-  .md\:w-8 {
-    width: 2rem;
+  .md\:hover\:text-indigo-900:hover {
+    color: #3c366b;
   }
 
-  .md\:w-10 {
-    width: 2.5rem;
+  .md\:hover\:text-purple-100:hover {
+    color: #faf5ff;
   }
 
-  .md\:w-12 {
-    width: 3rem;
+  .md\:hover\:text-purple-200:hover {
+    color: #e9d8fd;
   }
 
-  .md\:w-16 {
-    width: 4rem;
+  .md\:hover\:text-purple-300:hover {
+    color: #d6bcfa;
   }
 
-  .md\:w-20 {
-    width: 5rem;
+  .md\:hover\:text-purple-400:hover {
+    color: #b794f4;
   }
 
-  .md\:w-24 {
-    width: 6rem;
+  .md\:hover\:text-purple-500:hover {
+    color: #9f7aea;
   }
 
-  .md\:w-32 {
-    width: 8rem;
+  .md\:hover\:text-purple-600:hover {
+    color: #805ad5;
   }
 
-  .md\:w-40 {
-    width: 10rem;
+  .md\:hover\:text-purple-700:hover {
+    color: #6b46c1;
   }
 
-  .md\:w-48 {
-    width: 12rem;
+  .md\:hover\:text-purple-800:hover {
+    color: #553c9a;
   }
 
-  .md\:w-56 {
-    width: 14rem;
+  .md\:hover\:text-purple-900:hover {
+    color: #44337a;
   }
 
-  .md\:w-64 {
-    width: 16rem;
+  .md\:hover\:text-pink-100:hover {
+    color: #fff5f7;
   }
 
-  .md\:w-auto {
-    width: auto;
+  .md\:hover\:text-pink-200:hover {
+    color: #fed7e2;
   }
 
-  .md\:w-px {
-    width: 1px;
+  .md\:hover\:text-pink-300:hover {
+    color: #fbb6ce;
   }
 
-  .md\:w-1\/2 {
-    width: 50%;
+  .md\:hover\:text-pink-400:hover {
+    color: #f687b3;
   }
 
-  .md\:w-1\/3 {
-    width: 33.333333%;
+  .md\:hover\:text-pink-500:hover {
+    color: #ed64a6;
   }
 
-  .md\:w-2\/3 {
-    width: 66.666667%;
+  .md\:hover\:text-pink-600:hover {
+    color: #d53f8c;
   }
 
-  .md\:w-1\/4 {
-    width: 25%;
+  .md\:hover\:text-pink-700:hover {
+    color: #b83280;
   }
 
-  .md\:w-2\/4 {
-    width: 50%;
+  .md\:hover\:text-pink-800:hover {
+    color: #97266d;
   }
 
-  .md\:w-3\/4 {
-    width: 75%;
+  .md\:hover\:text-pink-900:hover {
+    color: #702459;
   }
 
-  .md\:w-1\/5 {
-    width: 20%;
+  .md\:focus\:text-transparent:focus {
+    color: transparent;
   }
 
-  .md\:w-2\/5 {
-    width: 40%;
+  .md\:focus\:text-current:focus {
+    color: currentColor;
   }
 
-  .md\:w-3\/5 {
-    width: 60%;
+  .md\:focus\:text-black:focus {
+    color: #000;
   }
 
-  .md\:w-4\/5 {
-    width: 80%;
+  .md\:focus\:text-white:focus {
+    color: #fff;
   }
 
-  .md\:w-1\/6 {
-    width: 16.666667%;
+  .md\:focus\:text-gray-100:focus {
+    color: #f7fafc;
   }
 
-  .md\:w-2\/6 {
-    width: 33.333333%;
+  .md\:focus\:text-gray-200:focus {
+    color: #edf2f7;
   }
 
-  .md\:w-3\/6 {
-    width: 50%;
+  .md\:focus\:text-gray-300:focus {
+    color: #e2e8f0;
   }
 
-  .md\:w-4\/6 {
-    width: 66.666667%;
+  .md\:focus\:text-gray-400:focus {
+    color: #cbd5e0;
   }
 
-  .md\:w-5\/6 {
-    width: 83.333333%;
+  .md\:focus\:text-gray-500:focus {
+    color: #a0aec0;
   }
 
-  .md\:w-1\/12 {
-    width: 8.333333%;
+  .md\:focus\:text-gray-600:focus {
+    color: #718096;
   }
 
-  .md\:w-2\/12 {
-    width: 16.666667%;
+  .md\:focus\:text-gray-700:focus {
+    color: #4a5568;
   }
 
-  .md\:w-3\/12 {
-    width: 25%;
+  .md\:focus\:text-gray-800:focus {
+    color: #2d3748;
   }
 
-  .md\:w-4\/12 {
-    width: 33.333333%;
+  .md\:focus\:text-gray-900:focus {
+    color: #1a202c;
   }
 
-  .md\:w-5\/12 {
-    width: 41.666667%;
+  .md\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .md\:w-6\/12 {
-    width: 50%;
+  .md\:focus\:text-red-200:focus {
+    color: #fed7d7;
   }
 
-  .md\:w-7\/12 {
-    width: 58.333333%;
+  .md\:focus\:text-red-300:focus {
+    color: #feb2b2;
   }
 
-  .md\:w-8\/12 {
-    width: 66.666667%;
+  .md\:focus\:text-red-400:focus {
+    color: #fc8181;
   }
 
-  .md\:w-9\/12 {
-    width: 75%;
+  .md\:focus\:text-red-500:focus {
+    color: #f56565;
   }
 
-  .md\:w-10\/12 {
-    width: 83.333333%;
+  .md\:focus\:text-red-600:focus {
+    color: #e53e3e;
   }
 
-  .md\:w-11\/12 {
-    width: 91.666667%;
+  .md\:focus\:text-red-700:focus {
+    color: #c53030;
   }
 
-  .md\:w-full {
-    width: 100%;
+  .md\:focus\:text-red-800:focus {
+    color: #9b2c2c;
   }
 
-  .md\:w-screen {
-    width: 100vw;
+  .md\:focus\:text-red-900:focus {
+    color: #742a2a;
   }
 
-  .md\:z-0 {
-    z-index: 0;
+  .md\:focus\:text-orange-100:focus {
+    color: #fffaf0;
   }
 
-  .md\:z-10 {
-    z-index: 10;
+  .md\:focus\:text-orange-200:focus {
+    color: #feebc8;
   }
 
-  .md\:z-20 {
-    z-index: 20;
+  .md\:focus\:text-orange-300:focus {
+    color: #fbd38d;
   }
 
-  .md\:z-30 {
-    z-index: 30;
+  .md\:focus\:text-orange-400:focus {
+    color: #f6ad55;
   }
 
-  .md\:z-40 {
-    z-index: 40;
+  .md\:focus\:text-orange-500:focus {
+    color: #ed8936;
   }
 
-  .md\:z-50 {
-    z-index: 50;
+  .md\:focus\:text-orange-600:focus {
+    color: #dd6b20;
   }
 
-  .md\:z-auto {
-    z-index: auto;
+  .md\:focus\:text-orange-700:focus {
+    color: #c05621;
   }
 
-  .md\:origin-center {
-    transform-origin: center;
+  .md\:focus\:text-orange-800:focus {
+    color: #9c4221;
   }
 
-  .md\:origin-top {
-    transform-origin: top;
+  .md\:focus\:text-orange-900:focus {
+    color: #7b341e;
   }
 
-  .md\:origin-top-right {
-    transform-origin: top right;
+  .md\:focus\:text-yellow-100:focus {
+    color: #fffff0;
   }
 
-  .md\:origin-right {
-    transform-origin: right;
+  .md\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .md\:origin-bottom-right {
-    transform-origin: bottom right;
+  .md\:focus\:text-yellow-300:focus {
+    color: #faf089;
   }
 
-  .md\:origin-bottom {
-    transform-origin: bottom;
+  .md\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .md\:origin-bottom-left {
-    transform-origin: bottom left;
+  .md\:focus\:text-yellow-500:focus {
+    color: #ecc94b;
   }
 
-  .md\:origin-left {
-    transform-origin: left;
+  .md\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .md\:origin-top-left {
-    transform-origin: top left;
+  .md\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .md\:scale-0 {
-    transform: scale(0);
+  .md\:focus\:text-yellow-800:focus {
+    color: #975a16;
   }
 
-  .md\:scale-50 {
-    transform: scale(.5);
+  .md\:focus\:text-yellow-900:focus {
+    color: #744210;
   }
 
-  .md\:scale-75 {
-    transform: scale(.75);
+  .md\:focus\:text-green-100:focus {
+    color: #f0fff4;
   }
 
-  .md\:scale-90 {
-    transform: scale(.9);
+  .md\:focus\:text-green-200:focus {
+    color: #c6f6d5;
   }
 
-  .md\:scale-95 {
-    transform: scale(.95);
+  .md\:focus\:text-green-300:focus {
+    color: #9ae6b4;
   }
 
-  .md\:scale-100 {
-    transform: scale(1);
+  .md\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .md\:scale-105 {
-    transform: scale(1.05);
+  .md\:focus\:text-green-500:focus {
+    color: #48bb78;
   }
 
-  .md\:scale-110 {
-    transform: scale(1.1);
+  .md\:focus\:text-green-600:focus {
+    color: #38a169;
   }
 
-  .md\:scale-125 {
-    transform: scale(1.25);
+  .md\:focus\:text-green-700:focus {
+    color: #2f855a;
   }
 
-  .md\:scale-150 {
-    transform: scale(1.5);
+  .md\:focus\:text-green-800:focus {
+    color: #276749;
   }
 
-  .md\:scale-x-0 {
-    transform: scaleX(0);
+  .md\:focus\:text-green-900:focus {
+    color: #22543d;
   }
 
-  .md\:scale-x-50 {
-    transform: scaleX(.5);
+  .md\:focus\:text-teal-100:focus {
+    color: #e6fffa;
   }
 
-  .md\:scale-x-75 {
-    transform: scaleX(.75);
+  .md\:focus\:text-teal-200:focus {
+    color: #b2f5ea;
   }
 
-  .md\:scale-x-90 {
-    transform: scaleX(.9);
+  .md\:focus\:text-teal-300:focus {
+    color: #81e6d9;
   }
 
-  .md\:scale-x-95 {
-    transform: scaleX(.95);
+  .md\:focus\:text-teal-400:focus {
+    color: #4fd1c5;
   }
 
-  .md\:scale-x-100 {
-    transform: scaleX(1);
+  .md\:focus\:text-teal-500:focus {
+    color: #38b2ac;
   }
 
-  .md\:scale-x-105 {
-    transform: scaleX(1.05);
+  .md\:focus\:text-teal-600:focus {
+    color: #319795;
   }
 
-  .md\:scale-x-110 {
-    transform: scaleX(1.1);
+  .md\:focus\:text-teal-700:focus {
+    color: #2c7a7b;
   }
 
-  .md\:scale-x-125 {
-    transform: scaleX(1.25);
+  .md\:focus\:text-teal-800:focus {
+    color: #285e61;
   }
 
-  .md\:scale-x-150 {
-    transform: scaleX(1.5);
+  .md\:focus\:text-teal-900:focus {
+    color: #234e52;
   }
 
-  .md\:scale-y-0 {
-    transform: scaleY(0);
+  .md\:focus\:text-blue-100:focus {
+    color: #ebf8ff;
   }
 
-  .md\:scale-y-50 {
-    transform: scaleY(.5);
+  .md\:focus\:text-blue-200:focus {
+    color: #bee3f8;
   }
 
-  .md\:scale-y-75 {
-    transform: scaleY(.75);
+  .md\:focus\:text-blue-300:focus {
+    color: #90cdf4;
   }
 
-  .md\:scale-y-90 {
-    transform: scaleY(.9);
+  .md\:focus\:text-blue-400:focus {
+    color: #63b3ed;
   }
 
-  .md\:scale-y-95 {
-    transform: scaleY(.95);
+  .md\:focus\:text-blue-500:focus {
+    color: #4299e1;
   }
 
-  .md\:scale-y-100 {
-    transform: scaleY(1);
+  .md\:focus\:text-blue-600:focus {
+    color: #3182ce;
   }
 
-  .md\:scale-y-105 {
-    transform: scaleY(1.05);
+  .md\:focus\:text-blue-700:focus {
+    color: #2b6cb0;
   }
 
-  .md\:scale-y-110 {
-    transform: scaleY(1.1);
+  .md\:focus\:text-blue-800:focus {
+    color: #2c5282;
   }
 
-  .md\:scale-y-125 {
-    transform: scaleY(1.25);
+  .md\:focus\:text-blue-900:focus {
+    color: #2a4365;
   }
 
-  .md\:scale-y-150 {
-    transform: scaleY(1.5);
+  .md\:focus\:text-indigo-100:focus {
+    color: #ebf4ff;
   }
 
-  .md\:hover\:scale-0:hover {
-    transform: scale(0);
+  .md\:focus\:text-indigo-200:focus {
+    color: #c3dafe;
   }
 
-  .md\:hover\:scale-50:hover {
-    transform: scale(.5);
+  .md\:focus\:text-indigo-300:focus {
+    color: #a3bffa;
   }
 
-  .md\:hover\:scale-75:hover {
-    transform: scale(.75);
+  .md\:focus\:text-indigo-400:focus {
+    color: #7f9cf5;
   }
 
-  .md\:hover\:scale-90:hover {
-    transform: scale(.9);
+  .md\:focus\:text-indigo-500:focus {
+    color: #667eea;
   }
 
-  .md\:hover\:scale-95:hover {
-    transform: scale(.95);
+  .md\:focus\:text-indigo-600:focus {
+    color: #5a67d8;
   }
 
-  .md\:hover\:scale-100:hover {
-    transform: scale(1);
+  .md\:focus\:text-indigo-700:focus {
+    color: #4c51bf;
   }
 
-  .md\:hover\:scale-105:hover {
-    transform: scale(1.05);
+  .md\:focus\:text-indigo-800:focus {
+    color: #434190;
   }
 
-  .md\:hover\:scale-110:hover {
-    transform: scale(1.1);
+  .md\:focus\:text-indigo-900:focus {
+    color: #3c366b;
   }
 
-  .md\:hover\:scale-125:hover {
-    transform: scale(1.25);
+  .md\:focus\:text-purple-100:focus {
+    color: #faf5ff;
   }
 
-  .md\:hover\:scale-150:hover {
-    transform: scale(1.5);
+  .md\:focus\:text-purple-200:focus {
+    color: #e9d8fd;
   }
 
-  .md\:hover\:scale-x-0:hover {
-    transform: scaleX(0);
+  .md\:focus\:text-purple-300:focus {
+    color: #d6bcfa;
   }
 
-  .md\:hover\:scale-x-50:hover {
-    transform: scaleX(.5);
+  .md\:focus\:text-purple-400:focus {
+    color: #b794f4;
   }
 
-  .md\:hover\:scale-x-75:hover {
-    transform: scaleX(.75);
+  .md\:focus\:text-purple-500:focus {
+    color: #9f7aea;
   }
 
-  .md\:hover\:scale-x-90:hover {
-    transform: scaleX(.9);
+  .md\:focus\:text-purple-600:focus {
+    color: #805ad5;
   }
 
-  .md\:hover\:scale-x-95:hover {
-    transform: scaleX(.95);
+  .md\:focus\:text-purple-700:focus {
+    color: #6b46c1;
   }
 
-  .md\:hover\:scale-x-100:hover {
-    transform: scaleX(1);
+  .md\:focus\:text-purple-800:focus {
+    color: #553c9a;
   }
 
-  .md\:hover\:scale-x-105:hover {
-    transform: scaleX(1.05);
+  .md\:focus\:text-purple-900:focus {
+    color: #44337a;
   }
 
-  .md\:hover\:scale-x-110:hover {
-    transform: scaleX(1.1);
+  .md\:focus\:text-pink-100:focus {
+    color: #fff5f7;
   }
 
-  .md\:hover\:scale-x-125:hover {
-    transform: scaleX(1.25);
+  .md\:focus\:text-pink-200:focus {
+    color: #fed7e2;
   }
 
-  .md\:hover\:scale-x-150:hover {
-    transform: scaleX(1.5);
+  .md\:focus\:text-pink-300:focus {
+    color: #fbb6ce;
   }
 
-  .md\:hover\:scale-y-0:hover {
-    transform: scaleY(0);
+  .md\:focus\:text-pink-400:focus {
+    color: #f687b3;
   }
 
-  .md\:hover\:scale-y-50:hover {
-    transform: scaleY(.5);
+  .md\:focus\:text-pink-500:focus {
+    color: #ed64a6;
   }
 
-  .md\:hover\:scale-y-75:hover {
-    transform: scaleY(.75);
+  .md\:focus\:text-pink-600:focus {
+    color: #d53f8c;
   }
 
-  .md\:hover\:scale-y-90:hover {
-    transform: scaleY(.9);
+  .md\:focus\:text-pink-700:focus {
+    color: #b83280;
   }
 
-  .md\:hover\:scale-y-95:hover {
-    transform: scaleY(.95);
+  .md\:focus\:text-pink-800:focus {
+    color: #97266d;
   }
 
-  .md\:hover\:scale-y-100:hover {
-    transform: scaleY(1);
+  .md\:focus\:text-pink-900:focus {
+    color: #702459;
   }
 
-  .md\:hover\:scale-y-105:hover {
-    transform: scaleY(1.05);
+  .md\:italic {
+    font-style: italic;
   }
 
-  .md\:hover\:scale-y-110:hover {
-    transform: scaleY(1.1);
+  .md\:not-italic {
+    font-style: normal;
   }
 
-  .md\:hover\:scale-y-125:hover {
-    transform: scaleY(1.25);
+  .md\:uppercase {
+    text-transform: uppercase;
   }
 
-  .md\:hover\:scale-y-150:hover {
-    transform: scaleY(1.5);
+  .md\:lowercase {
+    text-transform: lowercase;
   }
 
-  .md\:focus\:scale-0:focus {
-    transform: scale(0);
+  .md\:capitalize {
+    text-transform: capitalize;
   }
 
-  .md\:focus\:scale-50:focus {
-    transform: scale(.5);
+  .md\:normal-case {
+    text-transform: none;
   }
 
-  .md\:focus\:scale-75:focus {
-    transform: scale(.75);
+  .md\:underline {
+    text-decoration: underline;
   }
 
-  .md\:focus\:scale-90:focus {
-    transform: scale(.9);
+  .md\:line-through {
+    text-decoration: line-through;
   }
 
-  .md\:focus\:scale-95:focus {
-    transform: scale(.95);
+  .md\:no-underline {
+    text-decoration: none;
   }
 
-  .md\:focus\:scale-100:focus {
-    transform: scale(1);
+  .md\:hover\:underline:hover {
+    text-decoration: underline;
   }
 
-  .md\:focus\:scale-105:focus {
-    transform: scale(1.05);
+  .md\:hover\:line-through:hover {
+    text-decoration: line-through;
   }
 
-  .md\:focus\:scale-110:focus {
-    transform: scale(1.1);
+  .md\:hover\:no-underline:hover {
+    text-decoration: none;
   }
 
-  .md\:focus\:scale-125:focus {
-    transform: scale(1.25);
+  .md\:focus\:underline:focus {
+    text-decoration: underline;
   }
 
-  .md\:focus\:scale-150:focus {
-    transform: scale(1.5);
+  .md\:focus\:line-through:focus {
+    text-decoration: line-through;
   }
 
-  .md\:focus\:scale-x-0:focus {
-    transform: scaleX(0);
+  .md\:focus\:no-underline:focus {
+    text-decoration: none;
   }
 
-  .md\:focus\:scale-x-50:focus {
-    transform: scaleX(.5);
+  .md\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
 
-  .md\:focus\:scale-x-75:focus {
-    transform: scaleX(.75);
+  .md\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
   }
 
-  .md\:focus\:scale-x-90:focus {
-    transform: scaleX(.9);
+  .md\:tracking-tighter {
+    letter-spacing: -0.05em;
   }
 
-  .md\:focus\:scale-x-95:focus {
-    transform: scaleX(.95);
+  .md\:tracking-tight {
+    letter-spacing: -0.025em;
   }
 
-  .md\:focus\:scale-x-100:focus {
-    transform: scaleX(1);
+  .md\:tracking-normal {
+    letter-spacing: 0;
   }
 
-  .md\:focus\:scale-x-105:focus {
-    transform: scaleX(1.05);
+  .md\:tracking-wide {
+    letter-spacing: 0.025em;
   }
 
-  .md\:focus\:scale-x-110:focus {
-    transform: scaleX(1.1);
+  .md\:tracking-wider {
+    letter-spacing: 0.05em;
   }
 
-  .md\:focus\:scale-x-125:focus {
-    transform: scaleX(1.25);
+  .md\:tracking-widest {
+    letter-spacing: 0.1em;
   }
 
-  .md\:focus\:scale-x-150:focus {
-    transform: scaleX(1.5);
+  .md\:select-none {
+    user-select: none;
   }
 
-  .md\:focus\:scale-y-0:focus {
-    transform: scaleY(0);
+  .md\:select-text {
+    user-select: text;
   }
 
-  .md\:focus\:scale-y-50:focus {
-    transform: scaleY(.5);
+  .md\:select-all {
+    user-select: all;
   }
 
-  .md\:focus\:scale-y-75:focus {
-    transform: scaleY(.75);
+  .md\:select-auto {
+    user-select: auto;
   }
 
-  .md\:focus\:scale-y-90:focus {
-    transform: scaleY(.9);
+  .md\:align-baseline {
+    vertical-align: baseline;
   }
 
-  .md\:focus\:scale-y-95:focus {
-    transform: scaleY(.95);
+  .md\:align-top {
+    vertical-align: top;
   }
 
-  .md\:focus\:scale-y-100:focus {
-    transform: scaleY(1);
+  .md\:align-middle {
+    vertical-align: middle;
   }
 
-  .md\:focus\:scale-y-105:focus {
-    transform: scaleY(1.05);
+  .md\:align-bottom {
+    vertical-align: bottom;
   }
 
-  .md\:focus\:scale-y-110:focus {
-    transform: scaleY(1.1);
+  .md\:align-text-top {
+    vertical-align: text-top;
   }
 
-  .md\:focus\:scale-y-125:focus {
-    transform: scaleY(1.25);
+  .md\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
-  .md\:focus\:scale-y-150:focus {
-    transform: scaleY(1.5);
+  .md\:visible {
+    visibility: visible;
   }
 
-  .md\:rotate-0 {
-    transform: rotate(0);
+  .md\:invisible {
+    visibility: hidden;
   }
 
-  .md\:rotate-45 {
-    transform: rotate(45deg);
+  .md\:whitespace-normal {
+    white-space: normal;
   }
 
-  .md\:rotate-90 {
-    transform: rotate(90deg);
+  .md\:whitespace-no-wrap {
+    white-space: nowrap;
   }
 
-  .md\:rotate-180 {
-    transform: rotate(180deg);
+  .md\:whitespace-pre {
+    white-space: pre;
   }
 
-  .md\:-rotate-180 {
-    transform: rotate(-180deg);
+  .md\:whitespace-pre-line {
+    white-space: pre-line;
   }
 
-  .md\:-rotate-90 {
-    transform: rotate(-90deg);
+  .md\:whitespace-pre-wrap {
+    white-space: pre-wrap;
   }
 
-  .md\:-rotate-45 {
-    transform: rotate(-45deg);
+  .md\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
   }
 
-  .md\:hover\:rotate-0:hover {
-    transform: rotate(0);
+  .md\:break-words {
+    overflow-wrap: break-word;
   }
 
-  .md\:hover\:rotate-45:hover {
-    transform: rotate(45deg);
+  .md\:break-all {
+    word-break: break-all;
   }
 
-  .md\:hover\:rotate-90:hover {
-    transform: rotate(90deg);
+  .md\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
-  .md\:hover\:rotate-180:hover {
-    transform: rotate(180deg);
+  .md\:w-0 {
+    width: 0;
   }
 
-  .md\:hover\:-rotate-180:hover {
-    transform: rotate(-180deg);
+  .md\:w-1 {
+    width: 0.25rem;
   }
 
-  .md\:hover\:-rotate-90:hover {
-    transform: rotate(-90deg);
+  .md\:w-2 {
+    width: 0.5rem;
   }
 
-  .md\:hover\:-rotate-45:hover {
-    transform: rotate(-45deg);
+  .md\:w-3 {
+    width: 0.75rem;
   }
 
-  .md\:focus\:rotate-0:focus {
-    transform: rotate(0);
+  .md\:w-4 {
+    width: 1rem;
   }
 
-  .md\:focus\:rotate-45:focus {
-    transform: rotate(45deg);
+  .md\:w-5 {
+    width: 1.25rem;
   }
 
-  .md\:focus\:rotate-90:focus {
-    transform: rotate(90deg);
+  .md\:w-6 {
+    width: 1.5rem;
   }
 
-  .md\:focus\:rotate-180:focus {
-    transform: rotate(180deg);
+  .md\:w-8 {
+    width: 2rem;
   }
 
-  .md\:focus\:-rotate-180:focus {
-    transform: rotate(-180deg);
+  .md\:w-10 {
+    width: 2.5rem;
   }
 
-  .md\:focus\:-rotate-90:focus {
-    transform: rotate(-90deg);
+  .md\:w-12 {
+    width: 3rem;
   }
 
-  .md\:focus\:-rotate-45:focus {
-    transform: rotate(-45deg);
+  .md\:w-16 {
+    width: 4rem;
   }
 
-  .md\:translate-x-0 {
-    transform: translateX(0);
+  .md\:w-20 {
+    width: 5rem;
   }
 
-  .md\:translate-x-1 {
-    transform: translateX(0.25rem);
+  .md\:w-24 {
+    width: 6rem;
   }
 
-  .md\:translate-x-2 {
-    transform: translateX(0.5rem);
+  .md\:w-32 {
+    width: 8rem;
   }
 
-  .md\:translate-x-3 {
-    transform: translateX(0.75rem);
+  .md\:w-40 {
+    width: 10rem;
   }
 
-  .md\:translate-x-4 {
-    transform: translateX(1rem);
+  .md\:w-48 {
+    width: 12rem;
   }
 
-  .md\:translate-x-5 {
-    transform: translateX(1.25rem);
+  .md\:w-56 {
+    width: 14rem;
   }
 
-  .md\:translate-x-6 {
-    transform: translateX(1.5rem);
+  .md\:w-64 {
+    width: 16rem;
   }
 
-  .md\:translate-x-8 {
-    transform: translateX(2rem);
+  .md\:w-auto {
+    width: auto;
   }
 
-  .md\:translate-x-10 {
-    transform: translateX(2.5rem);
+  .md\:w-px {
+    width: 1px;
   }
 
-  .md\:translate-x-12 {
-    transform: translateX(3rem);
+  .md\:w-1\/2 {
+    width: 50%;
   }
 
-  .md\:translate-x-16 {
-    transform: translateX(4rem);
+  .md\:w-1\/3 {
+    width: 33.333333%;
   }
 
-  .md\:translate-x-20 {
-    transform: translateX(5rem);
+  .md\:w-2\/3 {
+    width: 66.666667%;
   }
 
-  .md\:translate-x-24 {
-    transform: translateX(6rem);
+  .md\:w-1\/4 {
+    width: 25%;
   }
 
-  .md\:translate-x-32 {
-    transform: translateX(8rem);
+  .md\:w-2\/4 {
+    width: 50%;
   }
 
-  .md\:translate-x-40 {
-    transform: translateX(10rem);
+  .md\:w-3\/4 {
+    width: 75%;
   }
 
-  .md\:translate-x-48 {
-    transform: translateX(12rem);
+  .md\:w-1\/5 {
+    width: 20%;
   }
 
-  .md\:translate-x-56 {
-    transform: translateX(14rem);
+  .md\:w-2\/5 {
+    width: 40%;
   }
 
-  .md\:translate-x-64 {
-    transform: translateX(16rem);
+  .md\:w-3\/5 {
+    width: 60%;
   }
 
-  .md\:translate-x-px {
-    transform: translateX(1px);
+  .md\:w-4\/5 {
+    width: 80%;
   }
 
-  .md\:-translate-x-1 {
-    transform: translateX(-0.25rem);
+  .md\:w-1\/6 {
+    width: 16.666667%;
   }
 
-  .md\:-translate-x-2 {
-    transform: translateX(-0.5rem);
+  .md\:w-2\/6 {
+    width: 33.333333%;
   }
 
-  .md\:-translate-x-3 {
-    transform: translateX(-0.75rem);
+  .md\:w-3\/6 {
+    width: 50%;
   }
 
-  .md\:-translate-x-4 {
-    transform: translateX(-1rem);
+  .md\:w-4\/6 {
+    width: 66.666667%;
   }
 
-  .md\:-translate-x-5 {
-    transform: translateX(-1.25rem);
+  .md\:w-5\/6 {
+    width: 83.333333%;
   }
 
-  .md\:-translate-x-6 {
-    transform: translateX(-1.5rem);
+  .md\:w-1\/12 {
+    width: 8.333333%;
   }
 
-  .md\:-translate-x-8 {
-    transform: translateX(-2rem);
+  .md\:w-2\/12 {
+    width: 16.666667%;
   }
 
-  .md\:-translate-x-10 {
-    transform: translateX(-2.5rem);
+  .md\:w-3\/12 {
+    width: 25%;
   }
 
-  .md\:-translate-x-12 {
-    transform: translateX(-3rem);
+  .md\:w-4\/12 {
+    width: 33.333333%;
   }
 
-  .md\:-translate-x-16 {
-    transform: translateX(-4rem);
+  .md\:w-5\/12 {
+    width: 41.666667%;
   }
 
-  .md\:-translate-x-20 {
-    transform: translateX(-5rem);
+  .md\:w-6\/12 {
+    width: 50%;
   }
 
-  .md\:-translate-x-24 {
-    transform: translateX(-6rem);
+  .md\:w-7\/12 {
+    width: 58.333333%;
   }
 
-  .md\:-translate-x-32 {
-    transform: translateX(-8rem);
+  .md\:w-8\/12 {
+    width: 66.666667%;
   }
 
-  .md\:-translate-x-40 {
-    transform: translateX(-10rem);
+  .md\:w-9\/12 {
+    width: 75%;
   }
 
-  .md\:-translate-x-48 {
-    transform: translateX(-12rem);
+  .md\:w-10\/12 {
+    width: 83.333333%;
   }
 
-  .md\:-translate-x-56 {
-    transform: translateX(-14rem);
+  .md\:w-11\/12 {
+    width: 91.666667%;
   }
 
-  .md\:-translate-x-64 {
-    transform: translateX(-16rem);
+  .md\:w-full {
+    width: 100%;
   }
 
-  .md\:-translate-x-px {
-    transform: translateX(-1px);
+  .md\:w-screen {
+    width: 100vw;
   }
 
-  .md\:-translate-x-full {
-    transform: translateX(-100%);
+  .md\:z-0 {
+    z-index: 0;
   }
 
-  .md\:-translate-x-1\/2 {
-    transform: translateX(-50%);
+  .md\:z-10 {
+    z-index: 10;
   }
 
-  .md\:translate-x-1\/2 {
-    transform: translateX(50%);
+  .md\:z-20 {
+    z-index: 20;
   }
 
-  .md\:translate-x-full {
-    transform: translateX(100%);
+  .md\:z-30 {
+    z-index: 30;
   }
 
-  .md\:translate-y-0 {
-    transform: translateY(0);
+  .md\:z-40 {
+    z-index: 40;
   }
 
-  .md\:translate-y-1 {
-    transform: translateY(0.25rem);
+  .md\:z-50 {
+    z-index: 50;
   }
 
-  .md\:translate-y-2 {
-    transform: translateY(0.5rem);
+  .md\:z-auto {
+    z-index: auto;
   }
 
-  .md\:translate-y-3 {
-    transform: translateY(0.75rem);
+  .md\:origin-center {
+    transform-origin: center;
   }
 
-  .md\:translate-y-4 {
-    transform: translateY(1rem);
+  .md\:origin-top {
+    transform-origin: top;
   }
 
-  .md\:translate-y-5 {
-    transform: translateY(1.25rem);
+  .md\:origin-top-right {
+    transform-origin: top right;
   }
 
-  .md\:translate-y-6 {
-    transform: translateY(1.5rem);
+  .md\:origin-right {
+    transform-origin: right;
   }
 
-  .md\:translate-y-8 {
-    transform: translateY(2rem);
+  .md\:origin-bottom-right {
+    transform-origin: bottom right;
   }
 
-  .md\:translate-y-10 {
-    transform: translateY(2.5rem);
+  .md\:origin-bottom {
+    transform-origin: bottom;
   }
 
-  .md\:translate-y-12 {
-    transform: translateY(3rem);
+  .md\:origin-bottom-left {
+    transform-origin: bottom left;
   }
 
-  .md\:translate-y-16 {
-    transform: translateY(4rem);
+  .md\:origin-left {
+    transform-origin: left;
   }
 
-  .md\:translate-y-20 {
-    transform: translateY(5rem);
+  .md\:origin-top-left {
+    transform-origin: top left;
   }
 
-  .md\:translate-y-24 {
-    transform: translateY(6rem);
+  .md\:scale-0 {
+    transform: scale(0);
   }
 
-  .md\:translate-y-32 {
-    transform: translateY(8rem);
+  .md\:scale-50 {
+    transform: scale(.5);
   }
 
-  .md\:translate-y-40 {
-    transform: translateY(10rem);
+  .md\:scale-75 {
+    transform: scale(.75);
   }
 
-  .md\:translate-y-48 {
-    transform: translateY(12rem);
+  .md\:scale-90 {
+    transform: scale(.9);
   }
 
-  .md\:translate-y-56 {
-    transform: translateY(14rem);
+  .md\:scale-95 {
+    transform: scale(.95);
   }
 
-  .md\:translate-y-64 {
-    transform: translateY(16rem);
+  .md\:scale-100 {
+    transform: scale(1);
   }
 
-  .md\:translate-y-px {
-    transform: translateY(1px);
+  .md\:scale-105 {
+    transform: scale(1.05);
   }
 
-  .md\:-translate-y-1 {
-    transform: translateY(-0.25rem);
+  .md\:scale-110 {
+    transform: scale(1.1);
   }
 
-  .md\:-translate-y-2 {
-    transform: translateY(-0.5rem);
+  .md\:scale-125 {
+    transform: scale(1.25);
   }
 
-  .md\:-translate-y-3 {
-    transform: translateY(-0.75rem);
+  .md\:scale-150 {
+    transform: scale(1.5);
   }
 
-  .md\:-translate-y-4 {
-    transform: translateY(-1rem);
+  .md\:scale-x-0 {
+    transform: scaleX(0);
   }
 
-  .md\:-translate-y-5 {
-    transform: translateY(-1.25rem);
+  .md\:scale-x-50 {
+    transform: scaleX(.5);
   }
 
-  .md\:-translate-y-6 {
-    transform: translateY(-1.5rem);
+  .md\:scale-x-75 {
+    transform: scaleX(.75);
   }
 
-  .md\:-translate-y-8 {
-    transform: translateY(-2rem);
+  .md\:scale-x-90 {
+    transform: scaleX(.9);
   }
 
-  .md\:-translate-y-10 {
-    transform: translateY(-2.5rem);
+  .md\:scale-x-95 {
+    transform: scaleX(.95);
   }
 
-  .md\:-translate-y-12 {
-    transform: translateY(-3rem);
+  .md\:scale-x-100 {
+    transform: scaleX(1);
   }
 
-  .md\:-translate-y-16 {
-    transform: translateY(-4rem);
+  .md\:scale-x-105 {
+    transform: scaleX(1.05);
   }
 
-  .md\:-translate-y-20 {
-    transform: translateY(-5rem);
+  .md\:scale-x-110 {
+    transform: scaleX(1.1);
   }
 
-  .md\:-translate-y-24 {
-    transform: translateY(-6rem);
+  .md\:scale-x-125 {
+    transform: scaleX(1.25);
   }
 
-  .md\:-translate-y-32 {
-    transform: translateY(-8rem);
+  .md\:scale-x-150 {
+    transform: scaleX(1.5);
   }
 
-  .md\:-translate-y-40 {
-    transform: translateY(-10rem);
+  .md\:scale-y-0 {
+    transform: scaleY(0);
   }
 
-  .md\:-translate-y-48 {
-    transform: translateY(-12rem);
+  .md\:scale-y-50 {
+    transform: scaleY(.5);
   }
 
-  .md\:-translate-y-56 {
-    transform: translateY(-14rem);
+  .md\:scale-y-75 {
+    transform: scaleY(.75);
   }
 
-  .md\:-translate-y-64 {
-    transform: translateY(-16rem);
+  .md\:scale-y-90 {
+    transform: scaleY(.9);
   }
 
-  .md\:-translate-y-px {
-    transform: translateY(-1px);
+  .md\:scale-y-95 {
+    transform: scaleY(.95);
   }
 
-  .md\:-translate-y-full {
-    transform: translateY(-100%);
+  .md\:scale-y-100 {
+    transform: scaleY(1);
   }
 
-  .md\:-translate-y-1\/2 {
-    transform: translateY(-50%);
+  .md\:scale-y-105 {
+    transform: scaleY(1.05);
   }
 
-  .md\:translate-y-1\/2 {
-    transform: translateY(50%);
+  .md\:scale-y-110 {
+    transform: scaleY(1.1);
   }
 
-  .md\:translate-y-full {
-    transform: translateY(100%);
+  .md\:scale-y-125 {
+    transform: scaleY(1.25);
   }
 
-  .md\:hover\:translate-x-0:hover {
-    transform: translateX(0);
+  .md\:scale-y-150 {
+    transform: scaleY(1.5);
   }
 
-  .md\:hover\:translate-x-1:hover {
-    transform: translateX(0.25rem);
+  .md\:hover\:scale-0:hover {
+    transform: scale(0);
   }
 
-  .md\:hover\:translate-x-2:hover {
-    transform: translateX(0.5rem);
+  .md\:hover\:scale-50:hover {
+    transform: scale(.5);
   }
 
-  .md\:hover\:translate-x-3:hover {
-    transform: translateX(0.75rem);
+  .md\:hover\:scale-75:hover {
+    transform: scale(.75);
   }
 
-  .md\:hover\:translate-x-4:hover {
-    transform: translateX(1rem);
+  .md\:hover\:scale-90:hover {
+    transform: scale(.9);
   }
 
-  .md\:hover\:translate-x-5:hover {
-    transform: translateX(1.25rem);
+  .md\:hover\:scale-95:hover {
+    transform: scale(.95);
   }
 
-  .md\:hover\:translate-x-6:hover {
-    transform: translateX(1.5rem);
+  .md\:hover\:scale-100:hover {
+    transform: scale(1);
   }
 
-  .md\:hover\:translate-x-8:hover {
-    transform: translateX(2rem);
+  .md\:hover\:scale-105:hover {
+    transform: scale(1.05);
   }
 
-  .md\:hover\:translate-x-10:hover {
-    transform: translateX(2.5rem);
+  .md\:hover\:scale-110:hover {
+    transform: scale(1.1);
   }
 
-  .md\:hover\:translate-x-12:hover {
-    transform: translateX(3rem);
+  .md\:hover\:scale-125:hover {
+    transform: scale(1.25);
   }
 
-  .md\:hover\:translate-x-16:hover {
-    transform: translateX(4rem);
+  .md\:hover\:scale-150:hover {
+    transform: scale(1.5);
   }
 
-  .md\:hover\:translate-x-20:hover {
-    transform: translateX(5rem);
+  .md\:hover\:scale-x-0:hover {
+    transform: scaleX(0);
   }
 
-  .md\:hover\:translate-x-24:hover {
-    transform: translateX(6rem);
+  .md\:hover\:scale-x-50:hover {
+    transform: scaleX(.5);
   }
 
-  .md\:hover\:translate-x-32:hover {
-    transform: translateX(8rem);
+  .md\:hover\:scale-x-75:hover {
+    transform: scaleX(.75);
   }
 
-  .md\:hover\:translate-x-40:hover {
-    transform: translateX(10rem);
+  .md\:hover\:scale-x-90:hover {
+    transform: scaleX(.9);
   }
 
-  .md\:hover\:translate-x-48:hover {
-    transform: translateX(12rem);
+  .md\:hover\:scale-x-95:hover {
+    transform: scaleX(.95);
   }
 
-  .md\:hover\:translate-x-56:hover {
-    transform: translateX(14rem);
+  .md\:hover\:scale-x-100:hover {
+    transform: scaleX(1);
   }
 
-  .md\:hover\:translate-x-64:hover {
-    transform: translateX(16rem);
+  .md\:hover\:scale-x-105:hover {
+    transform: scaleX(1.05);
   }
 
-  .md\:hover\:translate-x-px:hover {
-    transform: translateX(1px);
+  .md\:hover\:scale-x-110:hover {
+    transform: scaleX(1.1);
   }
 
-  .md\:hover\:-translate-x-1:hover {
-    transform: translateX(-0.25rem);
+  .md\:hover\:scale-x-125:hover {
+    transform: scaleX(1.25);
   }
 
-  .md\:hover\:-translate-x-2:hover {
-    transform: translateX(-0.5rem);
+  .md\:hover\:scale-x-150:hover {
+    transform: scaleX(1.5);
   }
 
-  .md\:hover\:-translate-x-3:hover {
-    transform: translateX(-0.75rem);
+  .md\:hover\:scale-y-0:hover {
+    transform: scaleY(0);
   }
 
-  .md\:hover\:-translate-x-4:hover {
-    transform: translateX(-1rem);
+  .md\:hover\:scale-y-50:hover {
+    transform: scaleY(.5);
   }
 
-  .md\:hover\:-translate-x-5:hover {
-    transform: translateX(-1.25rem);
+  .md\:hover\:scale-y-75:hover {
+    transform: scaleY(.75);
   }
 
-  .md\:hover\:-translate-x-6:hover {
-    transform: translateX(-1.5rem);
+  .md\:hover\:scale-y-90:hover {
+    transform: scaleY(.9);
   }
 
-  .md\:hover\:-translate-x-8:hover {
-    transform: translateX(-2rem);
+  .md\:hover\:scale-y-95:hover {
+    transform: scaleY(.95);
   }
 
-  .md\:hover\:-translate-x-10:hover {
-    transform: translateX(-2.5rem);
+  .md\:hover\:scale-y-100:hover {
+    transform: scaleY(1);
   }
 
-  .md\:hover\:-translate-x-12:hover {
-    transform: translateX(-3rem);
+  .md\:hover\:scale-y-105:hover {
+    transform: scaleY(1.05);
   }
 
-  .md\:hover\:-translate-x-16:hover {
-    transform: translateX(-4rem);
+  .md\:hover\:scale-y-110:hover {
+    transform: scaleY(1.1);
   }
 
-  .md\:hover\:-translate-x-20:hover {
-    transform: translateX(-5rem);
+  .md\:hover\:scale-y-125:hover {
+    transform: scaleY(1.25);
   }
 
-  .md\:hover\:-translate-x-24:hover {
-    transform: translateX(-6rem);
+  .md\:hover\:scale-y-150:hover {
+    transform: scaleY(1.5);
   }
 
-  .md\:hover\:-translate-x-32:hover {
-    transform: translateX(-8rem);
+  .md\:focus\:scale-0:focus {
+    transform: scale(0);
   }
 
-  .md\:hover\:-translate-x-40:hover {
-    transform: translateX(-10rem);
+  .md\:focus\:scale-50:focus {
+    transform: scale(.5);
   }
 
-  .md\:hover\:-translate-x-48:hover {
-    transform: translateX(-12rem);
+  .md\:focus\:scale-75:focus {
+    transform: scale(.75);
   }
 
-  .md\:hover\:-translate-x-56:hover {
-    transform: translateX(-14rem);
+  .md\:focus\:scale-90:focus {
+    transform: scale(.9);
   }
 
-  .md\:hover\:-translate-x-64:hover {
-    transform: translateX(-16rem);
+  .md\:focus\:scale-95:focus {
+    transform: scale(.95);
   }
 
-  .md\:hover\:-translate-x-px:hover {
-    transform: translateX(-1px);
+  .md\:focus\:scale-100:focus {
+    transform: scale(1);
   }
 
-  .md\:hover\:-translate-x-full:hover {
-    transform: translateX(-100%);
+  .md\:focus\:scale-105:focus {
+    transform: scale(1.05);
   }
 
-  .md\:hover\:-translate-x-1\/2:hover {
-    transform: translateX(-50%);
+  .md\:focus\:scale-110:focus {
+    transform: scale(1.1);
   }
 
-  .md\:hover\:translate-x-1\/2:hover {
-    transform: translateX(50%);
+  .md\:focus\:scale-125:focus {
+    transform: scale(1.25);
   }
 
-  .md\:hover\:translate-x-full:hover {
-    transform: translateX(100%);
+  .md\:focus\:scale-150:focus {
+    transform: scale(1.5);
   }
 
-  .md\:hover\:translate-y-0:hover {
-    transform: translateY(0);
+  .md\:focus\:scale-x-0:focus {
+    transform: scaleX(0);
   }
 
-  .md\:hover\:translate-y-1:hover {
-    transform: translateY(0.25rem);
+  .md\:focus\:scale-x-50:focus {
+    transform: scaleX(.5);
   }
 
-  .md\:hover\:translate-y-2:hover {
-    transform: translateY(0.5rem);
+  .md\:focus\:scale-x-75:focus {
+    transform: scaleX(.75);
   }
 
-  .md\:hover\:translate-y-3:hover {
-    transform: translateY(0.75rem);
+  .md\:focus\:scale-x-90:focus {
+    transform: scaleX(.9);
   }
 
-  .md\:hover\:translate-y-4:hover {
-    transform: translateY(1rem);
+  .md\:focus\:scale-x-95:focus {
+    transform: scaleX(.95);
   }
 
-  .md\:hover\:translate-y-5:hover {
-    transform: translateY(1.25rem);
+  .md\:focus\:scale-x-100:focus {
+    transform: scaleX(1);
   }
 
-  .md\:hover\:translate-y-6:hover {
-    transform: translateY(1.5rem);
+  .md\:focus\:scale-x-105:focus {
+    transform: scaleX(1.05);
   }
 
-  .md\:hover\:translate-y-8:hover {
-    transform: translateY(2rem);
+  .md\:focus\:scale-x-110:focus {
+    transform: scaleX(1.1);
   }
 
-  .md\:hover\:translate-y-10:hover {
-    transform: translateY(2.5rem);
+  .md\:focus\:scale-x-125:focus {
+    transform: scaleX(1.25);
   }
 
-  .md\:hover\:translate-y-12:hover {
-    transform: translateY(3rem);
+  .md\:focus\:scale-x-150:focus {
+    transform: scaleX(1.5);
   }
 
-  .md\:hover\:translate-y-16:hover {
-    transform: translateY(4rem);
+  .md\:focus\:scale-y-0:focus {
+    transform: scaleY(0);
   }
 
-  .md\:hover\:translate-y-20:hover {
-    transform: translateY(5rem);
+  .md\:focus\:scale-y-50:focus {
+    transform: scaleY(.5);
   }
 
-  .md\:hover\:translate-y-24:hover {
-    transform: translateY(6rem);
+  .md\:focus\:scale-y-75:focus {
+    transform: scaleY(.75);
   }
 
-  .md\:hover\:translate-y-32:hover {
-    transform: translateY(8rem);
+  .md\:focus\:scale-y-90:focus {
+    transform: scaleY(.9);
   }
 
-  .md\:hover\:translate-y-40:hover {
-    transform: translateY(10rem);
+  .md\:focus\:scale-y-95:focus {
+    transform: scaleY(.95);
   }
 
-  .md\:hover\:translate-y-48:hover {
-    transform: translateY(12rem);
+  .md\:focus\:scale-y-100:focus {
+    transform: scaleY(1);
   }
 
-  .md\:hover\:translate-y-56:hover {
-    transform: translateY(14rem);
+  .md\:focus\:scale-y-105:focus {
+    transform: scaleY(1.05);
   }
 
-  .md\:hover\:translate-y-64:hover {
-    transform: translateY(16rem);
+  .md\:focus\:scale-y-110:focus {
+    transform: scaleY(1.1);
   }
 
-  .md\:hover\:translate-y-px:hover {
-    transform: translateY(1px);
+  .md\:focus\:scale-y-125:focus {
+    transform: scaleY(1.25);
   }
 
-  .md\:hover\:-translate-y-1:hover {
-    transform: translateY(-0.25rem);
+  .md\:focus\:scale-y-150:focus {
+    transform: scaleY(1.5);
   }
 
-  .md\:hover\:-translate-y-2:hover {
-    transform: translateY(-0.5rem);
+  .md\:rotate-0 {
+    transform: rotate(0);
   }
 
-  .md\:hover\:-translate-y-3:hover {
-    transform: translateY(-0.75rem);
+  .md\:rotate-45 {
+    transform: rotate(45deg);
   }
 
-  .md\:hover\:-translate-y-4:hover {
-    transform: translateY(-1rem);
+  .md\:rotate-90 {
+    transform: rotate(90deg);
   }
 
-  .md\:hover\:-translate-y-5:hover {
-    transform: translateY(-1.25rem);
+  .md\:rotate-180 {
+    transform: rotate(180deg);
   }
 
-  .md\:hover\:-translate-y-6:hover {
-    transform: translateY(-1.5rem);
+  .md\:-rotate-180 {
+    transform: rotate(-180deg);
   }
 
-  .md\:hover\:-translate-y-8:hover {
-    transform: translateY(-2rem);
+  .md\:-rotate-90 {
+    transform: rotate(-90deg);
   }
 
-  .md\:hover\:-translate-y-10:hover {
-    transform: translateY(-2.5rem);
+  .md\:-rotate-45 {
+    transform: rotate(-45deg);
   }
 
-  .md\:hover\:-translate-y-12:hover {
-    transform: translateY(-3rem);
+  .md\:hover\:rotate-0:hover {
+    transform: rotate(0);
   }
 
-  .md\:hover\:-translate-y-16:hover {
-    transform: translateY(-4rem);
+  .md\:hover\:rotate-45:hover {
+    transform: rotate(45deg);
   }
 
-  .md\:hover\:-translate-y-20:hover {
-    transform: translateY(-5rem);
+  .md\:hover\:rotate-90:hover {
+    transform: rotate(90deg);
   }
 
-  .md\:hover\:-translate-y-24:hover {
-    transform: translateY(-6rem);
+  .md\:hover\:rotate-180:hover {
+    transform: rotate(180deg);
   }
 
-  .md\:hover\:-translate-y-32:hover {
-    transform: translateY(-8rem);
+  .md\:hover\:-rotate-180:hover {
+    transform: rotate(-180deg);
   }
 
-  .md\:hover\:-translate-y-40:hover {
-    transform: translateY(-10rem);
+  .md\:hover\:-rotate-90:hover {
+    transform: rotate(-90deg);
   }
 
-  .md\:hover\:-translate-y-48:hover {
-    transform: translateY(-12rem);
+  .md\:hover\:-rotate-45:hover {
+    transform: rotate(-45deg);
   }
 
-  .md\:hover\:-translate-y-56:hover {
-    transform: translateY(-14rem);
+  .md\:focus\:rotate-0:focus {
+    transform: rotate(0);
   }
 
-  .md\:hover\:-translate-y-64:hover {
-    transform: translateY(-16rem);
+  .md\:focus\:rotate-45:focus {
+    transform: rotate(45deg);
   }
 
-  .md\:hover\:-translate-y-px:hover {
-    transform: translateY(-1px);
+  .md\:focus\:rotate-90:focus {
+    transform: rotate(90deg);
   }
 
-  .md\:hover\:-translate-y-full:hover {
-    transform: translateY(-100%);
+  .md\:focus\:rotate-180:focus {
+    transform: rotate(180deg);
   }
 
-  .md\:hover\:-translate-y-1\/2:hover {
-    transform: translateY(-50%);
+  .md\:focus\:-rotate-180:focus {
+    transform: rotate(-180deg);
   }
 
-  .md\:hover\:translate-y-1\/2:hover {
-    transform: translateY(50%);
+  .md\:focus\:-rotate-90:focus {
+    transform: rotate(-90deg);
   }
 
-  .md\:hover\:translate-y-full:hover {
-    transform: translateY(100%);
+  .md\:focus\:-rotate-45:focus {
+    transform: rotate(-45deg);
   }
 
-  .md\:focus\:translate-x-0:focus {
+  .md\:translate-x-0 {
     transform: translateX(0);
   }
 
-  .md\:focus\:translate-x-1:focus {
+  .md\:translate-x-1 {
     transform: translateX(0.25rem);
   }
 
-  .md\:focus\:translate-x-2:focus {
+  .md\:translate-x-2 {
     transform: translateX(0.5rem);
   }
 
-  .md\:focus\:translate-x-3:focus {
+  .md\:translate-x-3 {
     transform: translateX(0.75rem);
   }
 
-  .md\:focus\:translate-x-4:focus {
+  .md\:translate-x-4 {
     transform: translateX(1rem);
   }
 
-  .md\:focus\:translate-x-5:focus {
+  .md\:translate-x-5 {
     transform: translateX(1.25rem);
   }
 
-  .md\:focus\:translate-x-6:focus {
+  .md\:translate-x-6 {
     transform: translateX(1.5rem);
   }
 
-  .md\:focus\:translate-x-8:focus {
+  .md\:translate-x-8 {
     transform: translateX(2rem);
   }
 
-  .md\:focus\:translate-x-10:focus {
+  .md\:translate-x-10 {
     transform: translateX(2.5rem);
   }
 
-  .md\:focus\:translate-x-12:focus {
+  .md\:translate-x-12 {
     transform: translateX(3rem);
   }
 
-  .md\:focus\:translate-x-16:focus {
+  .md\:translate-x-16 {
     transform: translateX(4rem);
   }
 
-  .md\:focus\:translate-x-20:focus {
+  .md\:translate-x-20 {
     transform: translateX(5rem);
   }
 
-  .md\:focus\:translate-x-24:focus {
+  .md\:translate-x-24 {
     transform: translateX(6rem);
   }
 
-  .md\:focus\:translate-x-32:focus {
+  .md\:translate-x-32 {
     transform: translateX(8rem);
   }
 
-  .md\:focus\:translate-x-40:focus {
+  .md\:translate-x-40 {
     transform: translateX(10rem);
   }
 
-  .md\:focus\:translate-x-48:focus {
+  .md\:translate-x-48 {
     transform: translateX(12rem);
   }
 
-  .md\:focus\:translate-x-56:focus {
+  .md\:translate-x-56 {
     transform: translateX(14rem);
   }
 
-  .md\:focus\:translate-x-64:focus {
+  .md\:translate-x-64 {
     transform: translateX(16rem);
   }
 
-  .md\:focus\:translate-x-px:focus {
+  .md\:translate-x-px {
     transform: translateX(1px);
   }
 
-  .md\:focus\:-translate-x-1:focus {
+  .md\:-translate-x-1 {
     transform: translateX(-0.25rem);
   }
 
-  .md\:focus\:-translate-x-2:focus {
+  .md\:-translate-x-2 {
     transform: translateX(-0.5rem);
   }
 
-  .md\:focus\:-translate-x-3:focus {
+  .md\:-translate-x-3 {
     transform: translateX(-0.75rem);
   }
 
-  .md\:focus\:-translate-x-4:focus {
+  .md\:-translate-x-4 {
     transform: translateX(-1rem);
   }
 
-  .md\:focus\:-translate-x-5:focus {
+  .md\:-translate-x-5 {
     transform: translateX(-1.25rem);
   }
 
-  .md\:focus\:-translate-x-6:focus {
+  .md\:-translate-x-6 {
     transform: translateX(-1.5rem);
   }
 
-  .md\:focus\:-translate-x-8:focus {
+  .md\:-translate-x-8 {
     transform: translateX(-2rem);
   }
 
-  .md\:focus\:-translate-x-10:focus {
+  .md\:-translate-x-10 {
     transform: translateX(-2.5rem);
   }
 
-  .md\:focus\:-translate-x-12:focus {
+  .md\:-translate-x-12 {
     transform: translateX(-3rem);
   }
 
-  .md\:focus\:-translate-x-16:focus {
+  .md\:-translate-x-16 {
     transform: translateX(-4rem);
   }
 
-  .md\:focus\:-translate-x-20:focus {
+  .md\:-translate-x-20 {
     transform: translateX(-5rem);
   }
 
-  .md\:focus\:-translate-x-24:focus {
+  .md\:-translate-x-24 {
     transform: translateX(-6rem);
   }
 
-  .md\:focus\:-translate-x-32:focus {
+  .md\:-translate-x-32 {
     transform: translateX(-8rem);
   }
 
-  .md\:focus\:-translate-x-40:focus {
+  .md\:-translate-x-40 {
     transform: translateX(-10rem);
   }
 
-  .md\:focus\:-translate-x-48:focus {
+  .md\:-translate-x-48 {
     transform: translateX(-12rem);
   }
 
-  .md\:focus\:-translate-x-56:focus {
+  .md\:-translate-x-56 {
     transform: translateX(-14rem);
   }
 
-  .md\:focus\:-translate-x-64:focus {
+  .md\:-translate-x-64 {
     transform: translateX(-16rem);
   }
 
-  .md\:focus\:-translate-x-px:focus {
+  .md\:-translate-x-px {
     transform: translateX(-1px);
   }
 
-  .md\:focus\:-translate-x-full:focus {
+  .md\:-translate-x-full {
     transform: translateX(-100%);
   }
 
-  .md\:focus\:-translate-x-1\/2:focus {
+  .md\:-translate-x-1\/2 {
     transform: translateX(-50%);
   }
 
-  .md\:focus\:translate-x-1\/2:focus {
+  .md\:translate-x-1\/2 {
     transform: translateX(50%);
   }
 
-  .md\:focus\:translate-x-full:focus {
+  .md\:translate-x-full {
     transform: translateX(100%);
   }
 
-  .md\:focus\:translate-y-0:focus {
+  .md\:translate-y-0 {
     transform: translateY(0);
   }
 
-  .md\:focus\:translate-y-1:focus {
+  .md\:translate-y-1 {
     transform: translateY(0.25rem);
   }
 
-  .md\:focus\:translate-y-2:focus {
+  .md\:translate-y-2 {
     transform: translateY(0.5rem);
   }
 
-  .md\:focus\:translate-y-3:focus {
+  .md\:translate-y-3 {
     transform: translateY(0.75rem);
   }
 
-  .md\:focus\:translate-y-4:focus {
+  .md\:translate-y-4 {
     transform: translateY(1rem);
   }
 
-  .md\:focus\:translate-y-5:focus {
+  .md\:translate-y-5 {
     transform: translateY(1.25rem);
   }
 
-  .md\:focus\:translate-y-6:focus {
+  .md\:translate-y-6 {
     transform: translateY(1.5rem);
   }
 
-  .md\:focus\:translate-y-8:focus {
+  .md\:translate-y-8 {
     transform: translateY(2rem);
   }
 
-  .md\:focus\:translate-y-10:focus {
+  .md\:translate-y-10 {
     transform: translateY(2.5rem);
   }
 
-  .md\:focus\:translate-y-12:focus {
+  .md\:translate-y-12 {
     transform: translateY(3rem);
   }
 
-  .md\:focus\:translate-y-16:focus {
+  .md\:translate-y-16 {
     transform: translateY(4rem);
   }
 
-  .md\:focus\:translate-y-20:focus {
+  .md\:translate-y-20 {
     transform: translateY(5rem);
   }
 
-  .md\:focus\:translate-y-24:focus {
+  .md\:translate-y-24 {
     transform: translateY(6rem);
   }
 
-  .md\:focus\:translate-y-32:focus {
+  .md\:translate-y-32 {
     transform: translateY(8rem);
   }
 
-  .md\:focus\:translate-y-40:focus {
+  .md\:translate-y-40 {
     transform: translateY(10rem);
   }
 
-  .md\:focus\:translate-y-48:focus {
+  .md\:translate-y-48 {
     transform: translateY(12rem);
   }
 
-  .md\:focus\:translate-y-56:focus {
+  .md\:translate-y-56 {
     transform: translateY(14rem);
   }
 
-  .md\:focus\:translate-y-64:focus {
+  .md\:translate-y-64 {
     transform: translateY(16rem);
   }
 
-  .md\:focus\:translate-y-px:focus {
+  .md\:translate-y-px {
     transform: translateY(1px);
   }
 
-  .md\:focus\:-translate-y-1:focus {
+  .md\:-translate-y-1 {
     transform: translateY(-0.25rem);
   }
 
-  .md\:focus\:-translate-y-2:focus {
+  .md\:-translate-y-2 {
     transform: translateY(-0.5rem);
   }
 
-  .md\:focus\:-translate-y-3:focus {
+  .md\:-translate-y-3 {
     transform: translateY(-0.75rem);
   }
 
-  .md\:focus\:-translate-y-4:focus {
+  .md\:-translate-y-4 {
     transform: translateY(-1rem);
   }
 
-  .md\:focus\:-translate-y-5:focus {
+  .md\:-translate-y-5 {
     transform: translateY(-1.25rem);
   }
 
-  .md\:focus\:-translate-y-6:focus {
+  .md\:-translate-y-6 {
     transform: translateY(-1.5rem);
   }
 
-  .md\:focus\:-translate-y-8:focus {
+  .md\:-translate-y-8 {
     transform: translateY(-2rem);
   }
 
-  .md\:focus\:-translate-y-10:focus {
+  .md\:-translate-y-10 {
     transform: translateY(-2.5rem);
   }
 
-  .md\:focus\:-translate-y-12:focus {
+  .md\:-translate-y-12 {
     transform: translateY(-3rem);
   }
 
-  .md\:focus\:-translate-y-16:focus {
+  .md\:-translate-y-16 {
     transform: translateY(-4rem);
   }
 
-  .md\:focus\:-translate-y-20:focus {
+  .md\:-translate-y-20 {
     transform: translateY(-5rem);
   }
 
-  .md\:focus\:-translate-y-24:focus {
+  .md\:-translate-y-24 {
     transform: translateY(-6rem);
   }
 
-  .md\:focus\:-translate-y-32:focus {
+  .md\:-translate-y-32 {
     transform: translateY(-8rem);
   }
 
-  .md\:focus\:-translate-y-40:focus {
+  .md\:-translate-y-40 {
     transform: translateY(-10rem);
   }
 
-  .md\:focus\:-translate-y-48:focus {
+  .md\:-translate-y-48 {
     transform: translateY(-12rem);
   }
 
-  .md\:focus\:-translate-y-56:focus {
+  .md\:-translate-y-56 {
     transform: translateY(-14rem);
   }
 
-  .md\:focus\:-translate-y-64:focus {
+  .md\:-translate-y-64 {
     transform: translateY(-16rem);
   }
 
-  .md\:focus\:-translate-y-px:focus {
+  .md\:-translate-y-px {
     transform: translateY(-1px);
   }
 
-  .md\:focus\:-translate-y-full:focus {
+  .md\:-translate-y-full {
     transform: translateY(-100%);
   }
 
-  .md\:focus\:-translate-y-1\/2:focus {
+  .md\:-translate-y-1\/2 {
     transform: translateY(-50%);
   }
 
-  .md\:focus\:translate-y-1\/2:focus {
+  .md\:translate-y-1\/2 {
     transform: translateY(50%);
   }
 
-  .md\:focus\:translate-y-full:focus {
+  .md\:translate-y-full {
     transform: translateY(100%);
   }
 
-  .md\:skew-x-0 {
-    transform: skewX(0);
-  }
-
-  .md\:skew-x-3 {
-    transform: skewX(3deg);
-  }
-
-  .md\:skew-x-6 {
-    transform: skewX(6deg);
-  }
-
-  .md\:skew-x-12 {
-    transform: skewX(12deg);
-  }
-
-  .md\:-skew-x-12 {
-    transform: skewX(-12deg);
-  }
-
-  .md\:-skew-x-6 {
-    transform: skewX(-6deg);
-  }
-
-  .md\:-skew-x-3 {
-    transform: skewX(-3deg);
-  }
-
-  .md\:skew-y-0 {
-    transform: skewY(0);
-  }
-
-  .md\:skew-y-3 {
-    transform: skewY(3deg);
-  }
-
-  .md\:skew-y-6 {
-    transform: skewY(6deg);
-  }
-
-  .md\:skew-y-12 {
-    transform: skewY(12deg);
-  }
-
-  .md\:-skew-y-12 {
-    transform: skewY(-12deg);
-  }
-
-  .md\:-skew-y-6 {
-    transform: skewY(-6deg);
-  }
-
-  .md\:-skew-y-3 {
-    transform: skewY(-3deg);
-  }
-
-  .md\:hover\:skew-x-0:hover {
-    transform: skewX(0);
-  }
-
-  .md\:hover\:skew-x-3:hover {
-    transform: skewX(3deg);
-  }
-
-  .md\:hover\:skew-x-6:hover {
-    transform: skewX(6deg);
-  }
-
-  .md\:hover\:skew-x-12:hover {
-    transform: skewX(12deg);
-  }
-
-  .md\:hover\:-skew-x-12:hover {
-    transform: skewX(-12deg);
-  }
-
-  .md\:hover\:-skew-x-6:hover {
-    transform: skewX(-6deg);
-  }
-
-  .md\:hover\:-skew-x-3:hover {
-    transform: skewX(-3deg);
-  }
-
-  .md\:hover\:skew-y-0:hover {
-    transform: skewY(0);
-  }
-
-  .md\:hover\:skew-y-3:hover {
-    transform: skewY(3deg);
-  }
-
-  .md\:hover\:skew-y-6:hover {
-    transform: skewY(6deg);
-  }
-
-  .md\:hover\:skew-y-12:hover {
-    transform: skewY(12deg);
+  .md\:hover\:translate-x-0:hover {
+    transform: translateX(0);
   }
 
-  .md\:hover\:-skew-y-12:hover {
-    transform: skewY(-12deg);
+  .md\:hover\:translate-x-1:hover {
+    transform: translateX(0.25rem);
   }
 
-  .md\:hover\:-skew-y-6:hover {
-    transform: skewY(-6deg);
+  .md\:hover\:translate-x-2:hover {
+    transform: translateX(0.5rem);
   }
 
-  .md\:hover\:-skew-y-3:hover {
-    transform: skewY(-3deg);
+  .md\:hover\:translate-x-3:hover {
+    transform: translateX(0.75rem);
   }
 
-  .md\:focus\:skew-x-0:focus {
-    transform: skewX(0);
+  .md\:hover\:translate-x-4:hover {
+    transform: translateX(1rem);
   }
 
-  .md\:focus\:skew-x-3:focus {
-    transform: skewX(3deg);
+  .md\:hover\:translate-x-5:hover {
+    transform: translateX(1.25rem);
   }
 
-  .md\:focus\:skew-x-6:focus {
-    transform: skewX(6deg);
+  .md\:hover\:translate-x-6:hover {
+    transform: translateX(1.5rem);
   }
 
-  .md\:focus\:skew-x-12:focus {
-    transform: skewX(12deg);
+  .md\:hover\:translate-x-8:hover {
+    transform: translateX(2rem);
   }
 
-  .md\:focus\:-skew-x-12:focus {
-    transform: skewX(-12deg);
+  .md\:hover\:translate-x-10:hover {
+    transform: translateX(2.5rem);
   }
 
-  .md\:focus\:-skew-x-6:focus {
-    transform: skewX(-6deg);
+  .md\:hover\:translate-x-12:hover {
+    transform: translateX(3rem);
   }
 
-  .md\:focus\:-skew-x-3:focus {
-    transform: skewX(-3deg);
+  .md\:hover\:translate-x-16:hover {
+    transform: translateX(4rem);
   }
 
-  .md\:focus\:skew-y-0:focus {
-    transform: skewY(0);
+  .md\:hover\:translate-x-20:hover {
+    transform: translateX(5rem);
   }
 
-  .md\:focus\:skew-y-3:focus {
-    transform: skewY(3deg);
+  .md\:hover\:translate-x-24:hover {
+    transform: translateX(6rem);
   }
 
-  .md\:focus\:skew-y-6:focus {
-    transform: skewY(6deg);
+  .md\:hover\:translate-x-32:hover {
+    transform: translateX(8rem);
   }
 
-  .md\:focus\:skew-y-12:focus {
-    transform: skewY(12deg);
+  .md\:hover\:translate-x-40:hover {
+    transform: translateX(10rem);
   }
 
-  .md\:focus\:-skew-y-12:focus {
-    transform: skewY(-12deg);
+  .md\:hover\:translate-x-48:hover {
+    transform: translateX(12rem);
   }
 
-  .md\:focus\:-skew-y-6:focus {
-    transform: skewY(-6deg);
+  .md\:hover\:translate-x-56:hover {
+    transform: translateX(14rem);
   }
 
-  .md\:focus\:-skew-y-3:focus {
-    transform: skewY(-3deg);
+  .md\:hover\:translate-x-64:hover {
+    transform: translateX(16rem);
   }
 
-  .md\:transition-none {
-    transition-property: none;
+  .md\:hover\:translate-x-px:hover {
+    transform: translateX(1px);
   }
 
-  .md\:transition-all {
-    transition-property: all;
+  .md\:hover\:-translate-x-1:hover {
+    transform: translateX(-0.25rem);
   }
 
-  .md\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  .md\:hover\:-translate-x-2:hover {
+    transform: translateX(-0.5rem);
   }
 
-  .md\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
+  .md\:hover\:-translate-x-3:hover {
+    transform: translateX(-0.75rem);
   }
 
-  .md\:transition-opacity {
-    transition-property: opacity;
+  .md\:hover\:-translate-x-4:hover {
+    transform: translateX(-1rem);
   }
 
-  .md\:transition-shadow {
-    transition-property: box-shadow;
+  .md\:hover\:-translate-x-5:hover {
+    transform: translateX(-1.25rem);
   }
 
-  .md\:transition-transform {
-    transition-property: transform;
+  .md\:hover\:-translate-x-6:hover {
+    transform: translateX(-1.5rem);
   }
 
-  .md\:ease-linear {
-    transition-timing-function: linear;
+  .md\:hover\:-translate-x-8:hover {
+    transform: translateX(-2rem);
   }
 
-  .md\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  .md\:hover\:-translate-x-10:hover {
+    transform: translateX(-2.5rem);
   }
 
-  .md\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  .md\:hover\:-translate-x-12:hover {
+    transform: translateX(-3rem);
   }
 
-  .md\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  .md\:hover\:-translate-x-16:hover {
+    transform: translateX(-4rem);
   }
 
-  .md\:duration-75 {
-    transition-duration: 75ms;
+  .md\:hover\:-translate-x-20:hover {
+    transform: translateX(-5rem);
   }
 
-  .md\:duration-100 {
-    transition-duration: 100ms;
+  .md\:hover\:-translate-x-24:hover {
+    transform: translateX(-6rem);
   }
 
-  .md\:duration-150 {
-    transition-duration: 150ms;
+  .md\:hover\:-translate-x-32:hover {
+    transform: translateX(-8rem);
   }
 
-  .md\:duration-200 {
-    transition-duration: 200ms;
+  .md\:hover\:-translate-x-40:hover {
+    transform: translateX(-10rem);
   }
 
-  .md\:duration-300 {
-    transition-duration: 300ms;
+  .md\:hover\:-translate-x-48:hover {
+    transform: translateX(-12rem);
   }
 
-  .md\:duration-500 {
-    transition-duration: 500ms;
+  .md\:hover\:-translate-x-56:hover {
+    transform: translateX(-14rem);
   }
 
-  .md\:duration-700 {
-    transition-duration: 700ms;
+  .md\:hover\:-translate-x-64:hover {
+    transform: translateX(-16rem);
   }
 
-  .md\:duration-1000 {
-    transition-duration: 1000ms;
+  .md\:hover\:-translate-x-px:hover {
+    transform: translateX(-1px);
   }
 
-  .md\:delay-75 {
-    transition-delay: 75ms;
+  .md\:hover\:-translate-x-full:hover {
+    transform: translateX(-100%);
   }
 
-  .md\:delay-100 {
-    transition-delay: 100ms;
+  .md\:hover\:-translate-x-1\/2:hover {
+    transform: translateX(-50%);
   }
 
-  .md\:delay-150 {
-    transition-delay: 150ms;
+  .md\:hover\:translate-x-1\/2:hover {
+    transform: translateX(50%);
   }
 
-  .md\:delay-200 {
-    transition-delay: 200ms;
+  .md\:hover\:translate-x-full:hover {
+    transform: translateX(100%);
   }
 
-  .md\:delay-300 {
-    transition-delay: 300ms;
+  .md\:hover\:translate-y-0:hover {
+    transform: translateY(0);
   }
 
-  .md\:delay-500 {
-    transition-delay: 500ms;
+  .md\:hover\:translate-y-1:hover {
+    transform: translateY(0.25rem);
   }
 
-  .md\:delay-700 {
-    transition-delay: 700ms;
+  .md\:hover\:translate-y-2:hover {
+    transform: translateY(0.5rem);
   }
 
-  .md\:delay-1000 {
-    transition-delay: 1000ms;
+  .md\:hover\:translate-y-3:hover {
+    transform: translateY(0.75rem);
   }
 
-  .md\:example {
-    font-weight: 700;
-    color: #f56565;
+  .md\:hover\:translate-y-4:hover {
+    transform: translateY(1rem);
   }
-}
 
-@media (min-width: 1024px) {
-  .lg\:space-y-0 > :not(template) ~ :not(template) {
-    margin-top: 0;
+  .md\:hover\:translate-y-5:hover {
+    transform: translateY(1.25rem);
   }
 
-  .lg\:space-x-0 > :not(template) ~ :not(template) {
-    margin-left: 0;
+  .md\:hover\:translate-y-6:hover {
+    transform: translateY(1.5rem);
   }
 
-  .lg\:space-y-1 > :not(template) ~ :not(template) {
-    margin-top: 0.25rem;
+  .md\:hover\:translate-y-8:hover {
+    transform: translateY(2rem);
   }
 
-  .lg\:space-x-1 > :not(template) ~ :not(template) {
-    margin-left: 0.25rem;
+  .md\:hover\:translate-y-10:hover {
+    transform: translateY(2.5rem);
   }
 
-  .lg\:space-y-2 > :not(template) ~ :not(template) {
-    margin-top: 0.5rem;
+  .md\:hover\:translate-y-12:hover {
+    transform: translateY(3rem);
   }
 
-  .lg\:space-x-2 > :not(template) ~ :not(template) {
-    margin-left: 0.5rem;
+  .md\:hover\:translate-y-16:hover {
+    transform: translateY(4rem);
   }
 
-  .lg\:space-y-3 > :not(template) ~ :not(template) {
-    margin-top: 0.75rem;
+  .md\:hover\:translate-y-20:hover {
+    transform: translateY(5rem);
   }
 
-  .lg\:space-x-3 > :not(template) ~ :not(template) {
-    margin-left: 0.75rem;
+  .md\:hover\:translate-y-24:hover {
+    transform: translateY(6rem);
   }
 
-  .lg\:space-y-4 > :not(template) ~ :not(template) {
-    margin-top: 1rem;
+  .md\:hover\:translate-y-32:hover {
+    transform: translateY(8rem);
   }
 
-  .lg\:space-x-4 > :not(template) ~ :not(template) {
-    margin-left: 1rem;
+  .md\:hover\:translate-y-40:hover {
+    transform: translateY(10rem);
   }
 
-  .lg\:space-y-5 > :not(template) ~ :not(template) {
-    margin-top: 1.25rem;
+  .md\:hover\:translate-y-48:hover {
+    transform: translateY(12rem);
   }
 
-  .lg\:space-x-5 > :not(template) ~ :not(template) {
-    margin-left: 1.25rem;
+  .md\:hover\:translate-y-56:hover {
+    transform: translateY(14rem);
   }
 
-  .lg\:space-y-6 > :not(template) ~ :not(template) {
-    margin-top: 1.5rem;
+  .md\:hover\:translate-y-64:hover {
+    transform: translateY(16rem);
   }
 
-  .lg\:space-x-6 > :not(template) ~ :not(template) {
-    margin-left: 1.5rem;
+  .md\:hover\:translate-y-px:hover {
+    transform: translateY(1px);
   }
 
-  .lg\:space-y-8 > :not(template) ~ :not(template) {
-    margin-top: 2rem;
+  .md\:hover\:-translate-y-1:hover {
+    transform: translateY(-0.25rem);
   }
 
-  .lg\:space-x-8 > :not(template) ~ :not(template) {
-    margin-left: 2rem;
+  .md\:hover\:-translate-y-2:hover {
+    transform: translateY(-0.5rem);
   }
 
-  .lg\:space-y-10 > :not(template) ~ :not(template) {
-    margin-top: 2.5rem;
+  .md\:hover\:-translate-y-3:hover {
+    transform: translateY(-0.75rem);
   }
 
-  .lg\:space-x-10 > :not(template) ~ :not(template) {
-    margin-left: 2.5rem;
+  .md\:hover\:-translate-y-4:hover {
+    transform: translateY(-1rem);
   }
 
-  .lg\:space-y-12 > :not(template) ~ :not(template) {
-    margin-top: 3rem;
+  .md\:hover\:-translate-y-5:hover {
+    transform: translateY(-1.25rem);
   }
 
-  .lg\:space-x-12 > :not(template) ~ :not(template) {
-    margin-left: 3rem;
+  .md\:hover\:-translate-y-6:hover {
+    transform: translateY(-1.5rem);
   }
 
-  .lg\:space-y-16 > :not(template) ~ :not(template) {
-    margin-top: 4rem;
+  .md\:hover\:-translate-y-8:hover {
+    transform: translateY(-2rem);
   }
 
-  .lg\:space-x-16 > :not(template) ~ :not(template) {
-    margin-left: 4rem;
+  .md\:hover\:-translate-y-10:hover {
+    transform: translateY(-2.5rem);
   }
 
-  .lg\:space-y-20 > :not(template) ~ :not(template) {
-    margin-top: 5rem;
+  .md\:hover\:-translate-y-12:hover {
+    transform: translateY(-3rem);
   }
 
-  .lg\:space-x-20 > :not(template) ~ :not(template) {
-    margin-left: 5rem;
+  .md\:hover\:-translate-y-16:hover {
+    transform: translateY(-4rem);
   }
 
-  .lg\:space-y-24 > :not(template) ~ :not(template) {
-    margin-top: 6rem;
+  .md\:hover\:-translate-y-20:hover {
+    transform: translateY(-5rem);
   }
 
-  .lg\:space-x-24 > :not(template) ~ :not(template) {
-    margin-left: 6rem;
+  .md\:hover\:-translate-y-24:hover {
+    transform: translateY(-6rem);
   }
 
-  .lg\:space-y-32 > :not(template) ~ :not(template) {
-    margin-top: 8rem;
+  .md\:hover\:-translate-y-32:hover {
+    transform: translateY(-8rem);
   }
 
-  .lg\:space-x-32 > :not(template) ~ :not(template) {
-    margin-left: 8rem;
+  .md\:hover\:-translate-y-40:hover {
+    transform: translateY(-10rem);
   }
 
-  .lg\:space-y-40 > :not(template) ~ :not(template) {
-    margin-top: 10rem;
+  .md\:hover\:-translate-y-48:hover {
+    transform: translateY(-12rem);
   }
 
-  .lg\:space-x-40 > :not(template) ~ :not(template) {
-    margin-left: 10rem;
+  .md\:hover\:-translate-y-56:hover {
+    transform: translateY(-14rem);
   }
 
-  .lg\:space-y-48 > :not(template) ~ :not(template) {
-    margin-top: 12rem;
+  .md\:hover\:-translate-y-64:hover {
+    transform: translateY(-16rem);
   }
 
-  .lg\:space-x-48 > :not(template) ~ :not(template) {
-    margin-left: 12rem;
+  .md\:hover\:-translate-y-px:hover {
+    transform: translateY(-1px);
   }
 
-  .lg\:space-y-56 > :not(template) ~ :not(template) {
-    margin-top: 14rem;
+  .md\:hover\:-translate-y-full:hover {
+    transform: translateY(-100%);
   }
 
-  .lg\:space-x-56 > :not(template) ~ :not(template) {
-    margin-left: 14rem;
+  .md\:hover\:-translate-y-1\/2:hover {
+    transform: translateY(-50%);
   }
 
-  .lg\:space-y-64 > :not(template) ~ :not(template) {
-    margin-top: 16rem;
+  .md\:hover\:translate-y-1\/2:hover {
+    transform: translateY(50%);
   }
 
-  .lg\:space-x-64 > :not(template) ~ :not(template) {
-    margin-left: 16rem;
+  .md\:hover\:translate-y-full:hover {
+    transform: translateY(100%);
   }
 
-  .lg\:space-y-px > :not(template) ~ :not(template) {
-    margin-top: 1px;
+  .md\:focus\:translate-x-0:focus {
+    transform: translateX(0);
   }
 
-  .lg\:space-x-px > :not(template) ~ :not(template) {
-    margin-left: 1px;
+  .md\:focus\:translate-x-1:focus {
+    transform: translateX(0.25rem);
   }
 
-  .lg\:-space-y-1 > :not(template) ~ :not(template) {
-    margin-top: -0.25rem;
+  .md\:focus\:translate-x-2:focus {
+    transform: translateX(0.5rem);
   }
 
-  .lg\:-space-x-1 > :not(template) ~ :not(template) {
-    margin-left: -0.25rem;
+  .md\:focus\:translate-x-3:focus {
+    transform: translateX(0.75rem);
   }
 
-  .lg\:-space-y-2 > :not(template) ~ :not(template) {
-    margin-top: -0.5rem;
+  .md\:focus\:translate-x-4:focus {
+    transform: translateX(1rem);
   }
 
-  .lg\:-space-x-2 > :not(template) ~ :not(template) {
-    margin-left: -0.5rem;
+  .md\:focus\:translate-x-5:focus {
+    transform: translateX(1.25rem);
   }
 
-  .lg\:-space-y-3 > :not(template) ~ :not(template) {
-    margin-top: -0.75rem;
+  .md\:focus\:translate-x-6:focus {
+    transform: translateX(1.5rem);
   }
 
-  .lg\:-space-x-3 > :not(template) ~ :not(template) {
-    margin-left: -0.75rem;
+  .md\:focus\:translate-x-8:focus {
+    transform: translateX(2rem);
   }
 
-  .lg\:-space-y-4 > :not(template) ~ :not(template) {
-    margin-top: -1rem;
+  .md\:focus\:translate-x-10:focus {
+    transform: translateX(2.5rem);
   }
 
-  .lg\:-space-x-4 > :not(template) ~ :not(template) {
-    margin-left: -1rem;
+  .md\:focus\:translate-x-12:focus {
+    transform: translateX(3rem);
   }
 
-  .lg\:-space-y-5 > :not(template) ~ :not(template) {
-    margin-top: -1.25rem;
+  .md\:focus\:translate-x-16:focus {
+    transform: translateX(4rem);
   }
 
-  .lg\:-space-x-5 > :not(template) ~ :not(template) {
-    margin-left: -1.25rem;
+  .md\:focus\:translate-x-20:focus {
+    transform: translateX(5rem);
   }
 
-  .lg\:-space-y-6 > :not(template) ~ :not(template) {
-    margin-top: -1.5rem;
+  .md\:focus\:translate-x-24:focus {
+    transform: translateX(6rem);
   }
 
-  .lg\:-space-x-6 > :not(template) ~ :not(template) {
-    margin-left: -1.5rem;
+  .md\:focus\:translate-x-32:focus {
+    transform: translateX(8rem);
   }
 
-  .lg\:-space-y-8 > :not(template) ~ :not(template) {
-    margin-top: -2rem;
+  .md\:focus\:translate-x-40:focus {
+    transform: translateX(10rem);
   }
 
-  .lg\:-space-x-8 > :not(template) ~ :not(template) {
-    margin-left: -2rem;
+  .md\:focus\:translate-x-48:focus {
+    transform: translateX(12rem);
   }
 
-  .lg\:-space-y-10 > :not(template) ~ :not(template) {
-    margin-top: -2.5rem;
+  .md\:focus\:translate-x-56:focus {
+    transform: translateX(14rem);
   }
 
-  .lg\:-space-x-10 > :not(template) ~ :not(template) {
-    margin-left: -2.5rem;
+  .md\:focus\:translate-x-64:focus {
+    transform: translateX(16rem);
   }
 
-  .lg\:-space-y-12 > :not(template) ~ :not(template) {
-    margin-top: -3rem;
+  .md\:focus\:translate-x-px:focus {
+    transform: translateX(1px);
   }
 
-  .lg\:-space-x-12 > :not(template) ~ :not(template) {
-    margin-left: -3rem;
+  .md\:focus\:-translate-x-1:focus {
+    transform: translateX(-0.25rem);
   }
 
-  .lg\:-space-y-16 > :not(template) ~ :not(template) {
-    margin-top: -4rem;
+  .md\:focus\:-translate-x-2:focus {
+    transform: translateX(-0.5rem);
   }
 
-  .lg\:-space-x-16 > :not(template) ~ :not(template) {
-    margin-left: -4rem;
+  .md\:focus\:-translate-x-3:focus {
+    transform: translateX(-0.75rem);
   }
 
-  .lg\:-space-y-20 > :not(template) ~ :not(template) {
-    margin-top: -5rem;
+  .md\:focus\:-translate-x-4:focus {
+    transform: translateX(-1rem);
   }
 
-  .lg\:-space-x-20 > :not(template) ~ :not(template) {
-    margin-left: -5rem;
+  .md\:focus\:-translate-x-5:focus {
+    transform: translateX(-1.25rem);
   }
 
-  .lg\:-space-y-24 > :not(template) ~ :not(template) {
-    margin-top: -6rem;
+  .md\:focus\:-translate-x-6:focus {
+    transform: translateX(-1.5rem);
   }
 
-  .lg\:-space-x-24 > :not(template) ~ :not(template) {
-    margin-left: -6rem;
+  .md\:focus\:-translate-x-8:focus {
+    transform: translateX(-2rem);
   }
 
-  .lg\:-space-y-32 > :not(template) ~ :not(template) {
-    margin-top: -8rem;
+  .md\:focus\:-translate-x-10:focus {
+    transform: translateX(-2.5rem);
   }
 
-  .lg\:-space-x-32 > :not(template) ~ :not(template) {
-    margin-left: -8rem;
+  .md\:focus\:-translate-x-12:focus {
+    transform: translateX(-3rem);
   }
 
-  .lg\:-space-y-40 > :not(template) ~ :not(template) {
-    margin-top: -10rem;
+  .md\:focus\:-translate-x-16:focus {
+    transform: translateX(-4rem);
   }
 
-  .lg\:-space-x-40 > :not(template) ~ :not(template) {
-    margin-left: -10rem;
+  .md\:focus\:-translate-x-20:focus {
+    transform: translateX(-5rem);
   }
 
-  .lg\:-space-y-48 > :not(template) ~ :not(template) {
-    margin-top: -12rem;
+  .md\:focus\:-translate-x-24:focus {
+    transform: translateX(-6rem);
   }
 
-  .lg\:-space-x-48 > :not(template) ~ :not(template) {
-    margin-left: -12rem;
+  .md\:focus\:-translate-x-32:focus {
+    transform: translateX(-8rem);
   }
 
-  .lg\:-space-y-56 > :not(template) ~ :not(template) {
-    margin-top: -14rem;
+  .md\:focus\:-translate-x-40:focus {
+    transform: translateX(-10rem);
   }
 
-  .lg\:-space-x-56 > :not(template) ~ :not(template) {
-    margin-left: -14rem;
+  .md\:focus\:-translate-x-48:focus {
+    transform: translateX(-12rem);
   }
 
-  .lg\:-space-y-64 > :not(template) ~ :not(template) {
-    margin-top: -16rem;
+  .md\:focus\:-translate-x-56:focus {
+    transform: translateX(-14rem);
   }
 
-  .lg\:-space-x-64 > :not(template) ~ :not(template) {
-    margin-left: -16rem;
+  .md\:focus\:-translate-x-64:focus {
+    transform: translateX(-16rem);
   }
 
-  .lg\:-space-y-px > :not(template) ~ :not(template) {
-    margin-top: -1px;
+  .md\:focus\:-translate-x-px:focus {
+    transform: translateX(-1px);
   }
 
-  .lg\:-space-x-px > :not(template) ~ :not(template) {
-    margin-left: -1px;
+  .md\:focus\:-translate-x-full:focus {
+    transform: translateX(-100%);
   }
 
-  .lg\:divide-y-0 > :not(template) ~ :not(template) {
-    border-top-width: 0;
+  .md\:focus\:-translate-x-1\/2:focus {
+    transform: translateX(-50%);
   }
 
-  .lg\:divide-x-0 > :not(template) ~ :not(template) {
-    border-left-width: 0;
+  .md\:focus\:translate-x-1\/2:focus {
+    transform: translateX(50%);
   }
 
-  .lg\:divide-y-2 > :not(template) ~ :not(template) {
-    border-top-width: 2px;
+  .md\:focus\:translate-x-full:focus {
+    transform: translateX(100%);
   }
 
-  .lg\:divide-x-2 > :not(template) ~ :not(template) {
-    border-left-width: 2px;
+  .md\:focus\:translate-y-0:focus {
+    transform: translateY(0);
   }
 
-  .lg\:divide-y-4 > :not(template) ~ :not(template) {
-    border-top-width: 4px;
+  .md\:focus\:translate-y-1:focus {
+    transform: translateY(0.25rem);
   }
 
-  .lg\:divide-x-4 > :not(template) ~ :not(template) {
-    border-left-width: 4px;
+  .md\:focus\:translate-y-2:focus {
+    transform: translateY(0.5rem);
   }
 
-  .lg\:divide-y-8 > :not(template) ~ :not(template) {
-    border-top-width: 8px;
+  .md\:focus\:translate-y-3:focus {
+    transform: translateY(0.75rem);
   }
 
-  .lg\:divide-x-8 > :not(template) ~ :not(template) {
-    border-left-width: 8px;
+  .md\:focus\:translate-y-4:focus {
+    transform: translateY(1rem);
   }
 
-  .lg\:divide-y > :not(template) ~ :not(template) {
-    border-top-width: 1px;
+  .md\:focus\:translate-y-5:focus {
+    transform: translateY(1.25rem);
   }
 
-  .lg\:divide-x > :not(template) ~ :not(template) {
-    border-left-width: 1px;
+  .md\:focus\:translate-y-6:focus {
+    transform: translateY(1.5rem);
   }
 
-  .lg\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
+  .md\:focus\:translate-y-8:focus {
+    transform: translateY(2rem);
   }
 
-  .lg\:divide-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
+  .md\:focus\:translate-y-10:focus {
+    transform: translateY(2.5rem);
   }
 
-  .lg\:divide-black > :not(template) ~ :not(template) {
-    border-color: #000;
+  .md\:focus\:translate-y-12:focus {
+    transform: translateY(3rem);
   }
 
-  .lg\:divide-white > :not(template) ~ :not(template) {
-    border-color: #fff;
+  .md\:focus\:translate-y-16:focus {
+    transform: translateY(4rem);
   }
 
-  .lg\:divide-gray-100 > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
+  .md\:focus\:translate-y-20:focus {
+    transform: translateY(5rem);
   }
 
-  .lg\:divide-gray-200 > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
+  .md\:focus\:translate-y-24:focus {
+    transform: translateY(6rem);
   }
 
-  .lg\:divide-gray-300 > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
+  .md\:focus\:translate-y-32:focus {
+    transform: translateY(8rem);
   }
 
-  .lg\:divide-gray-400 > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
+  .md\:focus\:translate-y-40:focus {
+    transform: translateY(10rem);
   }
 
-  .lg\:divide-gray-500 > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
+  .md\:focus\:translate-y-48:focus {
+    transform: translateY(12rem);
   }
 
-  .lg\:divide-gray-600 > :not(template) ~ :not(template) {
-    border-color: #718096;
+  .md\:focus\:translate-y-56:focus {
+    transform: translateY(14rem);
   }
 
-  .lg\:divide-gray-700 > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+  .md\:focus\:translate-y-64:focus {
+    transform: translateY(16rem);
   }
 
-  .lg\:divide-gray-800 > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .md\:focus\:translate-y-px:focus {
+    transform: translateY(1px);
   }
 
-  .lg\:divide-gray-900 > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .md\:focus\:-translate-y-1:focus {
+    transform: translateY(-0.25rem);
   }
 
-  .lg\:divide-red-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .md\:focus\:-translate-y-2:focus {
+    transform: translateY(-0.5rem);
   }
 
-  .lg\:divide-red-200 > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .md\:focus\:-translate-y-3:focus {
+    transform: translateY(-0.75rem);
   }
 
-  .lg\:divide-red-300 > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .md\:focus\:-translate-y-4:focus {
+    transform: translateY(-1rem);
   }
 
-  .lg\:divide-red-400 > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .md\:focus\:-translate-y-5:focus {
+    transform: translateY(-1.25rem);
   }
 
-  .lg\:divide-red-500 > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .md\:focus\:-translate-y-6:focus {
+    transform: translateY(-1.5rem);
   }
 
-  .lg\:divide-red-600 > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .md\:focus\:-translate-y-8:focus {
+    transform: translateY(-2rem);
   }
 
-  .lg\:divide-red-700 > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .md\:focus\:-translate-y-10:focus {
+    transform: translateY(-2.5rem);
   }
 
-  .lg\:divide-red-800 > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .md\:focus\:-translate-y-12:focus {
+    transform: translateY(-3rem);
   }
 
-  .lg\:divide-red-900 > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .md\:focus\:-translate-y-16:focus {
+    transform: translateY(-4rem);
   }
 
-  .lg\:divide-orange-100 > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .md\:focus\:-translate-y-20:focus {
+    transform: translateY(-5rem);
   }
 
-  .lg\:divide-orange-200 > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .md\:focus\:-translate-y-24:focus {
+    transform: translateY(-6rem);
   }
 
-  .lg\:divide-orange-300 > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .md\:focus\:-translate-y-32:focus {
+    transform: translateY(-8rem);
   }
 
-  .lg\:divide-orange-400 > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .md\:focus\:-translate-y-40:focus {
+    transform: translateY(-10rem);
   }
 
-  .lg\:divide-orange-500 > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .md\:focus\:-translate-y-48:focus {
+    transform: translateY(-12rem);
   }
 
-  .lg\:divide-orange-600 > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .md\:focus\:-translate-y-56:focus {
+    transform: translateY(-14rem);
   }
 
-  .lg\:divide-orange-700 > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .md\:focus\:-translate-y-64:focus {
+    transform: translateY(-16rem);
   }
 
-  .lg\:divide-orange-800 > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .md\:focus\:-translate-y-px:focus {
+    transform: translateY(-1px);
   }
 
-  .lg\:divide-orange-900 > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .md\:focus\:-translate-y-full:focus {
+    transform: translateY(-100%);
   }
 
-  .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .md\:focus\:-translate-y-1\/2:focus {
+    transform: translateY(-50%);
   }
 
-  .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .md\:focus\:translate-y-1\/2:focus {
+    transform: translateY(50%);
   }
 
-  .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .md\:focus\:translate-y-full:focus {
+    transform: translateY(100%);
   }
 
-  .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .md\:skew-x-0 {
+    transform: skewX(0);
   }
 
-  .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .md\:skew-x-3 {
+    transform: skewX(3deg);
   }
 
-  .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .md\:skew-x-6 {
+    transform: skewX(6deg);
   }
 
-  .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .md\:skew-x-12 {
+    transform: skewX(12deg);
   }
 
-  .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .md\:-skew-x-12 {
+    transform: skewX(-12deg);
   }
 
-  .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .md\:-skew-x-6 {
+    transform: skewX(-6deg);
   }
 
-  .lg\:divide-green-100 > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .md\:-skew-x-3 {
+    transform: skewX(-3deg);
   }
 
-  .lg\:divide-green-200 > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .md\:skew-y-0 {
+    transform: skewY(0);
   }
 
-  .lg\:divide-green-300 > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .md\:skew-y-3 {
+    transform: skewY(3deg);
   }
 
-  .lg\:divide-green-400 > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .md\:skew-y-6 {
+    transform: skewY(6deg);
   }
 
-  .lg\:divide-green-500 > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .md\:skew-y-12 {
+    transform: skewY(12deg);
   }
 
-  .lg\:divide-green-600 > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .md\:-skew-y-12 {
+    transform: skewY(-12deg);
   }
 
-  .lg\:divide-green-700 > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .md\:-skew-y-6 {
+    transform: skewY(-6deg);
   }
 
-  .lg\:divide-green-800 > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .md\:-skew-y-3 {
+    transform: skewY(-3deg);
   }
 
-  .lg\:divide-green-900 > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .md\:hover\:skew-x-0:hover {
+    transform: skewX(0);
   }
 
-  .lg\:divide-teal-100 > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .md\:hover\:skew-x-3:hover {
+    transform: skewX(3deg);
   }
 
-  .lg\:divide-teal-200 > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .md\:hover\:skew-x-6:hover {
+    transform: skewX(6deg);
   }
 
-  .lg\:divide-teal-300 > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .md\:hover\:skew-x-12:hover {
+    transform: skewX(12deg);
   }
 
-  .lg\:divide-teal-400 > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .md\:hover\:-skew-x-12:hover {
+    transform: skewX(-12deg);
   }
 
-  .lg\:divide-teal-500 > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .md\:hover\:-skew-x-6:hover {
+    transform: skewX(-6deg);
   }
 
-  .lg\:divide-teal-600 > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .md\:hover\:-skew-x-3:hover {
+    transform: skewX(-3deg);
   }
 
-  .lg\:divide-teal-700 > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .md\:hover\:skew-y-0:hover {
+    transform: skewY(0);
   }
 
-  .lg\:divide-teal-800 > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .md\:hover\:skew-y-3:hover {
+    transform: skewY(3deg);
   }
 
-  .lg\:divide-teal-900 > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .md\:hover\:skew-y-6:hover {
+    transform: skewY(6deg);
   }
 
-  .lg\:divide-blue-100 > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .md\:hover\:skew-y-12:hover {
+    transform: skewY(12deg);
   }
 
-  .lg\:divide-blue-200 > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .md\:hover\:-skew-y-12:hover {
+    transform: skewY(-12deg);
   }
 
-  .lg\:divide-blue-300 > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .md\:hover\:-skew-y-6:hover {
+    transform: skewY(-6deg);
   }
 
-  .lg\:divide-blue-400 > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .md\:hover\:-skew-y-3:hover {
+    transform: skewY(-3deg);
   }
 
-  .lg\:divide-blue-500 > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .md\:focus\:skew-x-0:focus {
+    transform: skewX(0);
   }
 
-  .lg\:divide-blue-600 > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .md\:focus\:skew-x-3:focus {
+    transform: skewX(3deg);
   }
 
-  .lg\:divide-blue-700 > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .md\:focus\:skew-x-6:focus {
+    transform: skewX(6deg);
   }
 
-  .lg\:divide-blue-800 > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .md\:focus\:skew-x-12:focus {
+    transform: skewX(12deg);
   }
 
-  .lg\:divide-blue-900 > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .md\:focus\:-skew-x-12:focus {
+    transform: skewX(-12deg);
   }
 
-  .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .md\:focus\:-skew-x-6:focus {
+    transform: skewX(-6deg);
   }
 
-  .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .md\:focus\:-skew-x-3:focus {
+    transform: skewX(-3deg);
   }
 
-  .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .md\:focus\:skew-y-0:focus {
+    transform: skewY(0);
   }
 
-  .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .md\:focus\:skew-y-3:focus {
+    transform: skewY(3deg);
   }
 
-  .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .md\:focus\:skew-y-6:focus {
+    transform: skewY(6deg);
   }
 
-  .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .md\:focus\:skew-y-12:focus {
+    transform: skewY(12deg);
   }
 
-  .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .md\:focus\:-skew-y-12:focus {
+    transform: skewY(-12deg);
   }
 
-  .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .md\:focus\:-skew-y-6:focus {
+    transform: skewY(-6deg);
   }
 
-  .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .md\:focus\:-skew-y-3:focus {
+    transform: skewY(-3deg);
   }
 
-  .lg\:divide-purple-100 > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .md\:transition-none {
+    transition-property: none;
   }
 
-  .lg\:divide-purple-200 > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .md\:transition-all {
+    transition-property: all;
   }
 
-  .lg\:divide-purple-300 > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .md\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
-  .lg\:divide-purple-400 > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .md\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
-  .lg\:divide-purple-500 > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .md\:transition-opacity {
+    transition-property: opacity;
   }
 
-  .lg\:divide-purple-600 > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .md\:transition-shadow {
+    transition-property: box-shadow;
   }
 
-  .lg\:divide-purple-700 > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .md\:transition-transform {
+    transition-property: transform;
   }
 
-  .lg\:divide-purple-800 > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .md\:ease-linear {
+    transition-timing-function: linear;
   }
 
-  .lg\:divide-purple-900 > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .md\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   }
 
-  .lg\:divide-pink-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .md\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 
-  .lg\:divide-pink-200 > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .md\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  .lg\:divide-pink-300 > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .md\:duration-75 {
+    transition-duration: 75ms;
   }
 
-  .lg\:divide-pink-400 > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .md\:duration-100 {
+    transition-duration: 100ms;
   }
 
-  .lg\:divide-pink-500 > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .md\:duration-150 {
+    transition-duration: 150ms;
   }
 
-  .lg\:divide-pink-600 > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .md\:duration-200 {
+    transition-duration: 200ms;
   }
 
-  .lg\:divide-pink-700 > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .md\:duration-300 {
+    transition-duration: 300ms;
   }
 
-  .lg\:divide-pink-800 > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .md\:duration-500 {
+    transition-duration: 500ms;
   }
 
-  .lg\:divide-pink-900 > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .md\:duration-700 {
+    transition-duration: 700ms;
   }
 
-  .lg\:hover\:divide-transparent:hover > :not(template) ~ :not(template) {
-    border-color: transparent;
+  .md\:duration-1000 {
+    transition-duration: 1000ms;
   }
 
-  .lg\:hover\:divide-current:hover > :not(template) ~ :not(template) {
-    border-color: currentColor;
+  .md\:delay-75 {
+    transition-delay: 75ms;
   }
 
-  .lg\:hover\:divide-black:hover > :not(template) ~ :not(template) {
-    border-color: #000;
+  .md\:delay-100 {
+    transition-delay: 100ms;
   }
 
-  .lg\:hover\:divide-white:hover > :not(template) ~ :not(template) {
-    border-color: #fff;
+  .md\:delay-150 {
+    transition-delay: 150ms;
   }
 
-  .lg\:hover\:divide-gray-100:hover > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
+  .md\:delay-200 {
+    transition-delay: 200ms;
   }
 
-  .lg\:hover\:divide-gray-200:hover > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
+  .md\:delay-300 {
+    transition-delay: 300ms;
   }
 
-  .lg\:hover\:divide-gray-300:hover > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
+  .md\:delay-500 {
+    transition-delay: 500ms;
   }
 
-  .lg\:hover\:divide-gray-400:hover > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
+  .md\:delay-700 {
+    transition-delay: 700ms;
   }
 
-  .lg\:hover\:divide-gray-500:hover > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
+  .md\:delay-1000 {
+    transition-delay: 1000ms;
   }
 
-  .lg\:hover\:divide-gray-600:hover > :not(template) ~ :not(template) {
-    border-color: #718096;
+  .md\:example {
+    font-weight: 700;
+    color: #f56565;
   }
+}
 
-  .lg\:hover\:divide-gray-700:hover > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+@media (min-width: 1024px) {
+  .lg\:space-y-0 > :not(template) ~ :not(template) {
+    margin-top: 0;
   }
 
-  .lg\:hover\:divide-gray-800:hover > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .lg\:space-x-0 > :not(template) ~ :not(template) {
+    margin-left: 0;
   }
 
-  .lg\:hover\:divide-gray-900:hover > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .lg\:space-y-1 > :not(template) ~ :not(template) {
+    margin-top: 0.25rem;
   }
 
-  .lg\:hover\:divide-red-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .lg\:space-x-1 > :not(template) ~ :not(template) {
+    margin-left: 0.25rem;
   }
 
-  .lg\:hover\:divide-red-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .lg\:space-y-2 > :not(template) ~ :not(template) {
+    margin-top: 0.5rem;
   }
 
-  .lg\:hover\:divide-red-300:hover > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .lg\:space-x-2 > :not(template) ~ :not(template) {
+    margin-left: 0.5rem;
   }
 
-  .lg\:hover\:divide-red-400:hover > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .lg\:space-y-3 > :not(template) ~ :not(template) {
+    margin-top: 0.75rem;
   }
 
-  .lg\:hover\:divide-red-500:hover > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .lg\:space-x-3 > :not(template) ~ :not(template) {
+    margin-left: 0.75rem;
   }
 
-  .lg\:hover\:divide-red-600:hover > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .lg\:space-y-4 > :not(template) ~ :not(template) {
+    margin-top: 1rem;
   }
 
-  .lg\:hover\:divide-red-700:hover > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .lg\:space-x-4 > :not(template) ~ :not(template) {
+    margin-left: 1rem;
   }
 
-  .lg\:hover\:divide-red-800:hover > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .lg\:space-y-5 > :not(template) ~ :not(template) {
+    margin-top: 1.25rem;
   }
 
-  .lg\:hover\:divide-red-900:hover > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .lg\:space-x-5 > :not(template) ~ :not(template) {
+    margin-left: 1.25rem;
   }
 
-  .lg\:hover\:divide-orange-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .lg\:space-y-6 > :not(template) ~ :not(template) {
+    margin-top: 1.5rem;
   }
 
-  .lg\:hover\:divide-orange-200:hover > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .lg\:space-x-6 > :not(template) ~ :not(template) {
+    margin-left: 1.5rem;
   }
 
-  .lg\:hover\:divide-orange-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .lg\:space-y-8 > :not(template) ~ :not(template) {
+    margin-top: 2rem;
   }
 
-  .lg\:hover\:divide-orange-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .lg\:space-x-8 > :not(template) ~ :not(template) {
+    margin-left: 2rem;
   }
 
-  .lg\:hover\:divide-orange-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .lg\:space-y-10 > :not(template) ~ :not(template) {
+    margin-top: 2.5rem;
   }
 
-  .lg\:hover\:divide-orange-600:hover > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .lg\:space-x-10 > :not(template) ~ :not(template) {
+    margin-left: 2.5rem;
   }
 
-  .lg\:hover\:divide-orange-700:hover > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .lg\:space-y-12 > :not(template) ~ :not(template) {
+    margin-top: 3rem;
   }
 
-  .lg\:hover\:divide-orange-800:hover > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .lg\:space-x-12 > :not(template) ~ :not(template) {
+    margin-left: 3rem;
   }
 
-  .lg\:hover\:divide-orange-900:hover > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .lg\:space-y-16 > :not(template) ~ :not(template) {
+    margin-top: 4rem;
   }
 
-  .lg\:hover\:divide-yellow-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .lg\:space-x-16 > :not(template) ~ :not(template) {
+    margin-left: 4rem;
   }
 
-  .lg\:hover\:divide-yellow-200:hover > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .lg\:space-y-20 > :not(template) ~ :not(template) {
+    margin-top: 5rem;
   }
 
-  .lg\:hover\:divide-yellow-300:hover > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .lg\:space-x-20 > :not(template) ~ :not(template) {
+    margin-left: 5rem;
   }
 
-  .lg\:hover\:divide-yellow-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .lg\:space-y-24 > :not(template) ~ :not(template) {
+    margin-top: 6rem;
   }
 
-  .lg\:hover\:divide-yellow-500:hover > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .lg\:space-x-24 > :not(template) ~ :not(template) {
+    margin-left: 6rem;
   }
 
-  .lg\:hover\:divide-yellow-600:hover > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .lg\:space-y-32 > :not(template) ~ :not(template) {
+    margin-top: 8rem;
   }
 
-  .lg\:hover\:divide-yellow-700:hover > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .lg\:space-x-32 > :not(template) ~ :not(template) {
+    margin-left: 8rem;
   }
 
-  .lg\:hover\:divide-yellow-800:hover > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .lg\:space-y-40 > :not(template) ~ :not(template) {
+    margin-top: 10rem;
   }
 
-  .lg\:hover\:divide-yellow-900:hover > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .lg\:space-x-40 > :not(template) ~ :not(template) {
+    margin-left: 10rem;
   }
 
-  .lg\:hover\:divide-green-100:hover > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .lg\:space-y-48 > :not(template) ~ :not(template) {
+    margin-top: 12rem;
   }
 
-  .lg\:hover\:divide-green-200:hover > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .lg\:space-x-48 > :not(template) ~ :not(template) {
+    margin-left: 12rem;
   }
 
-  .lg\:hover\:divide-green-300:hover > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .lg\:space-y-56 > :not(template) ~ :not(template) {
+    margin-top: 14rem;
   }
 
-  .lg\:hover\:divide-green-400:hover > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .lg\:space-x-56 > :not(template) ~ :not(template) {
+    margin-left: 14rem;
   }
 
-  .lg\:hover\:divide-green-500:hover > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .lg\:space-y-64 > :not(template) ~ :not(template) {
+    margin-top: 16rem;
   }
 
-  .lg\:hover\:divide-green-600:hover > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .lg\:space-x-64 > :not(template) ~ :not(template) {
+    margin-left: 16rem;
   }
 
-  .lg\:hover\:divide-green-700:hover > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .lg\:space-y-px > :not(template) ~ :not(template) {
+    margin-top: 1px;
   }
 
-  .lg\:hover\:divide-green-800:hover > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .lg\:space-x-px > :not(template) ~ :not(template) {
+    margin-left: 1px;
   }
 
-  .lg\:hover\:divide-green-900:hover > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .lg\:-space-y-1 > :not(template) ~ :not(template) {
+    margin-top: -0.25rem;
   }
 
-  .lg\:hover\:divide-teal-100:hover > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .lg\:-space-x-1 > :not(template) ~ :not(template) {
+    margin-left: -0.25rem;
   }
 
-  .lg\:hover\:divide-teal-200:hover > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .lg\:-space-y-2 > :not(template) ~ :not(template) {
+    margin-top: -0.5rem;
   }
 
-  .lg\:hover\:divide-teal-300:hover > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .lg\:-space-x-2 > :not(template) ~ :not(template) {
+    margin-left: -0.5rem;
   }
 
-  .lg\:hover\:divide-teal-400:hover > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .lg\:-space-y-3 > :not(template) ~ :not(template) {
+    margin-top: -0.75rem;
   }
 
-  .lg\:hover\:divide-teal-500:hover > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .lg\:-space-x-3 > :not(template) ~ :not(template) {
+    margin-left: -0.75rem;
   }
 
-  .lg\:hover\:divide-teal-600:hover > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .lg\:-space-y-4 > :not(template) ~ :not(template) {
+    margin-top: -1rem;
   }
 
-  .lg\:hover\:divide-teal-700:hover > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .lg\:-space-x-4 > :not(template) ~ :not(template) {
+    margin-left: -1rem;
   }
 
-  .lg\:hover\:divide-teal-800:hover > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .lg\:-space-y-5 > :not(template) ~ :not(template) {
+    margin-top: -1.25rem;
   }
 
-  .lg\:hover\:divide-teal-900:hover > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .lg\:-space-x-5 > :not(template) ~ :not(template) {
+    margin-left: -1.25rem;
   }
 
-  .lg\:hover\:divide-blue-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .lg\:-space-y-6 > :not(template) ~ :not(template) {
+    margin-top: -1.5rem;
   }
 
-  .lg\:hover\:divide-blue-200:hover > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .lg\:-space-x-6 > :not(template) ~ :not(template) {
+    margin-left: -1.5rem;
   }
 
-  .lg\:hover\:divide-blue-300:hover > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .lg\:-space-y-8 > :not(template) ~ :not(template) {
+    margin-top: -2rem;
   }
 
-  .lg\:hover\:divide-blue-400:hover > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .lg\:-space-x-8 > :not(template) ~ :not(template) {
+    margin-left: -2rem;
   }
 
-  .lg\:hover\:divide-blue-500:hover > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .lg\:-space-y-10 > :not(template) ~ :not(template) {
+    margin-top: -2.5rem;
   }
 
-  .lg\:hover\:divide-blue-600:hover > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .lg\:-space-x-10 > :not(template) ~ :not(template) {
+    margin-left: -2.5rem;
   }
 
-  .lg\:hover\:divide-blue-700:hover > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .lg\:-space-y-12 > :not(template) ~ :not(template) {
+    margin-top: -3rem;
   }
 
-  .lg\:hover\:divide-blue-800:hover > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .lg\:-space-x-12 > :not(template) ~ :not(template) {
+    margin-left: -3rem;
   }
 
-  .lg\:hover\:divide-blue-900:hover > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .lg\:-space-y-16 > :not(template) ~ :not(template) {
+    margin-top: -4rem;
   }
 
-  .lg\:hover\:divide-indigo-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .lg\:-space-x-16 > :not(template) ~ :not(template) {
+    margin-left: -4rem;
   }
 
-  .lg\:hover\:divide-indigo-200:hover > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .lg\:-space-y-20 > :not(template) ~ :not(template) {
+    margin-top: -5rem;
   }
 
-  .lg\:hover\:divide-indigo-300:hover > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .lg\:-space-x-20 > :not(template) ~ :not(template) {
+    margin-left: -5rem;
   }
 
-  .lg\:hover\:divide-indigo-400:hover > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .lg\:-space-y-24 > :not(template) ~ :not(template) {
+    margin-top: -6rem;
   }
 
-  .lg\:hover\:divide-indigo-500:hover > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .lg\:-space-x-24 > :not(template) ~ :not(template) {
+    margin-left: -6rem;
   }
 
-  .lg\:hover\:divide-indigo-600:hover > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .lg\:-space-y-32 > :not(template) ~ :not(template) {
+    margin-top: -8rem;
   }
 
-  .lg\:hover\:divide-indigo-700:hover > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .lg\:-space-x-32 > :not(template) ~ :not(template) {
+    margin-left: -8rem;
   }
 
-  .lg\:hover\:divide-indigo-800:hover > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .lg\:-space-y-40 > :not(template) ~ :not(template) {
+    margin-top: -10rem;
   }
 
-  .lg\:hover\:divide-indigo-900:hover > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .lg\:-space-x-40 > :not(template) ~ :not(template) {
+    margin-left: -10rem;
   }
 
-  .lg\:hover\:divide-purple-100:hover > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .lg\:-space-y-48 > :not(template) ~ :not(template) {
+    margin-top: -12rem;
   }
 
-  .lg\:hover\:divide-purple-200:hover > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .lg\:-space-x-48 > :not(template) ~ :not(template) {
+    margin-left: -12rem;
   }
 
-  .lg\:hover\:divide-purple-300:hover > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .lg\:-space-y-56 > :not(template) ~ :not(template) {
+    margin-top: -14rem;
   }
 
-  .lg\:hover\:divide-purple-400:hover > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .lg\:-space-x-56 > :not(template) ~ :not(template) {
+    margin-left: -14rem;
   }
 
-  .lg\:hover\:divide-purple-500:hover > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .lg\:-space-y-64 > :not(template) ~ :not(template) {
+    margin-top: -16rem;
   }
 
-  .lg\:hover\:divide-purple-600:hover > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .lg\:-space-x-64 > :not(template) ~ :not(template) {
+    margin-left: -16rem;
   }
 
-  .lg\:hover\:divide-purple-700:hover > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .lg\:-space-y-px > :not(template) ~ :not(template) {
+    margin-top: -1px;
   }
 
-  .lg\:hover\:divide-purple-800:hover > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .lg\:-space-x-px > :not(template) ~ :not(template) {
+    margin-left: -1px;
   }
 
-  .lg\:hover\:divide-purple-900:hover > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .lg\:divide-y-0 > :not(template) ~ :not(template) {
+    border-top-width: 0;
   }
 
-  .lg\:hover\:divide-pink-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .lg\:divide-x-0 > :not(template) ~ :not(template) {
+    border-left-width: 0;
   }
 
-  .lg\:hover\:divide-pink-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .lg\:divide-y-2 > :not(template) ~ :not(template) {
+    border-top-width: 2px;
   }
 
-  .lg\:hover\:divide-pink-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .lg\:divide-x-2 > :not(template) ~ :not(template) {
+    border-left-width: 2px;
   }
 
-  .lg\:hover\:divide-pink-400:hover > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .lg\:divide-y-4 > :not(template) ~ :not(template) {
+    border-top-width: 4px;
   }
 
-  .lg\:hover\:divide-pink-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .lg\:divide-x-4 > :not(template) ~ :not(template) {
+    border-left-width: 4px;
   }
 
-  .lg\:hover\:divide-pink-600:hover > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .lg\:divide-y-8 > :not(template) ~ :not(template) {
+    border-top-width: 8px;
   }
 
-  .lg\:hover\:divide-pink-700:hover > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .lg\:divide-x-8 > :not(template) ~ :not(template) {
+    border-left-width: 8px;
   }
 
-  .lg\:hover\:divide-pink-800:hover > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .lg\:divide-y > :not(template) ~ :not(template) {
+    border-top-width: 1px;
   }
 
-  .lg\:hover\:divide-pink-900:hover > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .lg\:divide-x > :not(template) ~ :not(template) {
+    border-left-width: 1px;
   }
 
-  .lg\:focus\:divide-transparent:focus > :not(template) ~ :not(template) {
+  .lg\:divide-transparent > :not(template) ~ :not(template) {
     border-color: transparent;
   }
 
-  .lg\:focus\:divide-current:focus > :not(template) ~ :not(template) {
+  .lg\:divide-current > :not(template) ~ :not(template) {
     border-color: currentColor;
   }
 
-  .lg\:focus\:divide-black:focus > :not(template) ~ :not(template) {
+  .lg\:divide-black > :not(template) ~ :not(template) {
     border-color: #000;
   }
 
-  .lg\:focus\:divide-white:focus > :not(template) ~ :not(template) {
+  .lg\:divide-white > :not(template) ~ :not(template) {
     border-color: #fff;
   }
 
-  .lg\:focus\:divide-gray-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-100 > :not(template) ~ :not(template) {
     border-color: #f7fafc;
   }
 
-  .lg\:focus\:divide-gray-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-200 > :not(template) ~ :not(template) {
     border-color: #edf2f7;
   }
 
-  .lg\:focus\:divide-gray-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-300 > :not(template) ~ :not(template) {
     border-color: #e2e8f0;
   }
 
-  .lg\:focus\:divide-gray-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-400 > :not(template) ~ :not(template) {
     border-color: #cbd5e0;
   }
 
-  .lg\:focus\:divide-gray-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-500 > :not(template) ~ :not(template) {
     border-color: #a0aec0;
   }
 
-  .lg\:focus\:divide-gray-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-600 > :not(template) ~ :not(template) {
     border-color: #718096;
   }
 
-  .lg\:focus\:divide-gray-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-700 > :not(template) ~ :not(template) {
     border-color: #4a5568;
   }
 
-  .lg\:focus\:divide-gray-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-800 > :not(template) ~ :not(template) {
     border-color: #2d3748;
   }
 
-  .lg\:focus\:divide-gray-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-gray-900 > :not(template) ~ :not(template) {
     border-color: #1a202c;
   }
 
-  .lg\:focus\:divide-red-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-100 > :not(template) ~ :not(template) {
     border-color: #fff5f5;
   }
 
-  .lg\:focus\:divide-red-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-200 > :not(template) ~ :not(template) {
     border-color: #fed7d7;
   }
 
-  .lg\:focus\:divide-red-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-300 > :not(template) ~ :not(template) {
     border-color: #feb2b2;
   }
 
-  .lg\:focus\:divide-red-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-400 > :not(template) ~ :not(template) {
     border-color: #fc8181;
   }
 
-  .lg\:focus\:divide-red-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-500 > :not(template) ~ :not(template) {
     border-color: #f56565;
   }
 
-  .lg\:focus\:divide-red-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-600 > :not(template) ~ :not(template) {
     border-color: #e53e3e;
   }
 
-  .lg\:focus\:divide-red-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-700 > :not(template) ~ :not(template) {
     border-color: #c53030;
   }
 
-  .lg\:focus\:divide-red-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-800 > :not(template) ~ :not(template) {
     border-color: #9b2c2c;
   }
 
-  .lg\:focus\:divide-red-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-red-900 > :not(template) ~ :not(template) {
     border-color: #742a2a;
   }
 
-  .lg\:focus\:divide-orange-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-100 > :not(template) ~ :not(template) {
     border-color: #fffaf0;
   }
 
-  .lg\:focus\:divide-orange-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-200 > :not(template) ~ :not(template) {
     border-color: #feebc8;
   }
 
-  .lg\:focus\:divide-orange-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-300 > :not(template) ~ :not(template) {
     border-color: #fbd38d;
   }
 
-  .lg\:focus\:divide-orange-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-400 > :not(template) ~ :not(template) {
     border-color: #f6ad55;
   }
 
-  .lg\:focus\:divide-orange-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-500 > :not(template) ~ :not(template) {
     border-color: #ed8936;
   }
 
-  .lg\:focus\:divide-orange-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-600 > :not(template) ~ :not(template) {
     border-color: #dd6b20;
   }
 
-  .lg\:focus\:divide-orange-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-700 > :not(template) ~ :not(template) {
     border-color: #c05621;
   }
 
-  .lg\:focus\:divide-orange-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-800 > :not(template) ~ :not(template) {
     border-color: #9c4221;
   }
 
-  .lg\:focus\:divide-orange-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-orange-900 > :not(template) ~ :not(template) {
     border-color: #7b341e;
   }
 
-  .lg\:focus\:divide-yellow-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
     border-color: #fffff0;
   }
 
-  .lg\:focus\:divide-yellow-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
     border-color: #fefcbf;
   }
 
-  .lg\:focus\:divide-yellow-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
     border-color: #faf089;
   }
 
-  .lg\:focus\:divide-yellow-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
     border-color: #f6e05e;
   }
 
-  .lg\:focus\:divide-yellow-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
     border-color: #ecc94b;
   }
 
-  .lg\:focus\:divide-yellow-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
     border-color: #d69e2e;
   }
 
-  .lg\:focus\:divide-yellow-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
     border-color: #b7791f;
   }
 
-  .lg\:focus\:divide-yellow-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
     border-color: #975a16;
   }
 
-  .lg\:focus\:divide-yellow-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
     border-color: #744210;
   }
 
-  .lg\:focus\:divide-green-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-100 > :not(template) ~ :not(template) {
     border-color: #f0fff4;
   }
 
-  .lg\:focus\:divide-green-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-200 > :not(template) ~ :not(template) {
     border-color: #c6f6d5;
   }
 
-  .lg\:focus\:divide-green-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-300 > :not(template) ~ :not(template) {
     border-color: #9ae6b4;
   }
 
-  .lg\:focus\:divide-green-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-400 > :not(template) ~ :not(template) {
     border-color: #68d391;
   }
 
-  .lg\:focus\:divide-green-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-500 > :not(template) ~ :not(template) {
     border-color: #48bb78;
   }
 
-  .lg\:focus\:divide-green-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-600 > :not(template) ~ :not(template) {
     border-color: #38a169;
   }
 
-  .lg\:focus\:divide-green-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-700 > :not(template) ~ :not(template) {
     border-color: #2f855a;
   }
 
-  .lg\:focus\:divide-green-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-800 > :not(template) ~ :not(template) {
     border-color: #276749;
   }
 
-  .lg\:focus\:divide-green-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-green-900 > :not(template) ~ :not(template) {
     border-color: #22543d;
   }
 
-  .lg\:focus\:divide-teal-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-100 > :not(template) ~ :not(template) {
     border-color: #e6fffa;
   }
 
-  .lg\:focus\:divide-teal-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-200 > :not(template) ~ :not(template) {
     border-color: #b2f5ea;
   }
 
-  .lg\:focus\:divide-teal-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-300 > :not(template) ~ :not(template) {
     border-color: #81e6d9;
   }
 
-  .lg\:focus\:divide-teal-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-400 > :not(template) ~ :not(template) {
     border-color: #4fd1c5;
   }
 
-  .lg\:focus\:divide-teal-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-500 > :not(template) ~ :not(template) {
     border-color: #38b2ac;
   }
 
-  .lg\:focus\:divide-teal-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-600 > :not(template) ~ :not(template) {
     border-color: #319795;
   }
 
-  .lg\:focus\:divide-teal-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-700 > :not(template) ~ :not(template) {
     border-color: #2c7a7b;
   }
 
-  .lg\:focus\:divide-teal-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-800 > :not(template) ~ :not(template) {
     border-color: #285e61;
   }
 
-  .lg\:focus\:divide-teal-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-teal-900 > :not(template) ~ :not(template) {
     border-color: #234e52;
   }
 
-  .lg\:focus\:divide-blue-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-100 > :not(template) ~ :not(template) {
     border-color: #ebf8ff;
   }
 
-  .lg\:focus\:divide-blue-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-200 > :not(template) ~ :not(template) {
     border-color: #bee3f8;
   }
 
-  .lg\:focus\:divide-blue-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-300 > :not(template) ~ :not(template) {
     border-color: #90cdf4;
   }
 
-  .lg\:focus\:divide-blue-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-400 > :not(template) ~ :not(template) {
     border-color: #63b3ed;
   }
 
-  .lg\:focus\:divide-blue-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-500 > :not(template) ~ :not(template) {
     border-color: #4299e1;
   }
 
-  .lg\:focus\:divide-blue-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-600 > :not(template) ~ :not(template) {
     border-color: #3182ce;
   }
 
-  .lg\:focus\:divide-blue-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-700 > :not(template) ~ :not(template) {
     border-color: #2b6cb0;
   }
 
-  .lg\:focus\:divide-blue-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-800 > :not(template) ~ :not(template) {
     border-color: #2c5282;
   }
 
-  .lg\:focus\:divide-blue-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-blue-900 > :not(template) ~ :not(template) {
     border-color: #2a4365;
   }
 
-  .lg\:focus\:divide-indigo-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
     border-color: #ebf4ff;
   }
 
-  .lg\:focus\:divide-indigo-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
     border-color: #c3dafe;
   }
 
-  .lg\:focus\:divide-indigo-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
     border-color: #a3bffa;
   }
 
-  .lg\:focus\:divide-indigo-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
     border-color: #7f9cf5;
   }
 
-  .lg\:focus\:divide-indigo-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
     border-color: #667eea;
   }
 
-  .lg\:focus\:divide-indigo-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
     border-color: #5a67d8;
   }
 
-  .lg\:focus\:divide-indigo-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
     border-color: #4c51bf;
   }
 
-  .lg\:focus\:divide-indigo-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
     border-color: #434190;
   }
 
-  .lg\:focus\:divide-indigo-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
     border-color: #3c366b;
   }
 
-  .lg\:focus\:divide-purple-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-100 > :not(template) ~ :not(template) {
     border-color: #faf5ff;
   }
 
-  .lg\:focus\:divide-purple-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-200 > :not(template) ~ :not(template) {
     border-color: #e9d8fd;
   }
 
-  .lg\:focus\:divide-purple-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-300 > :not(template) ~ :not(template) {
     border-color: #d6bcfa;
   }
 
-  .lg\:focus\:divide-purple-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-400 > :not(template) ~ :not(template) {
     border-color: #b794f4;
   }
 
-  .lg\:focus\:divide-purple-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-500 > :not(template) ~ :not(template) {
     border-color: #9f7aea;
   }
 
-  .lg\:focus\:divide-purple-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-600 > :not(template) ~ :not(template) {
     border-color: #805ad5;
   }
 
-  .lg\:focus\:divide-purple-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-700 > :not(template) ~ :not(template) {
     border-color: #6b46c1;
   }
 
-  .lg\:focus\:divide-purple-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-800 > :not(template) ~ :not(template) {
     border-color: #553c9a;
   }
 
-  .lg\:focus\:divide-purple-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-purple-900 > :not(template) ~ :not(template) {
     border-color: #44337a;
   }
 
-  .lg\:focus\:divide-pink-100:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-100 > :not(template) ~ :not(template) {
     border-color: #fff5f7;
   }
 
-  .lg\:focus\:divide-pink-200:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-200 > :not(template) ~ :not(template) {
     border-color: #fed7e2;
   }
 
-  .lg\:focus\:divide-pink-300:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-300 > :not(template) ~ :not(template) {
     border-color: #fbb6ce;
   }
 
-  .lg\:focus\:divide-pink-400:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-400 > :not(template) ~ :not(template) {
     border-color: #f687b3;
   }
 
-  .lg\:focus\:divide-pink-500:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-500 > :not(template) ~ :not(template) {
     border-color: #ed64a6;
   }
 
-  .lg\:focus\:divide-pink-600:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-600 > :not(template) ~ :not(template) {
     border-color: #d53f8c;
   }
 
-  .lg\:focus\:divide-pink-700:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-700 > :not(template) ~ :not(template) {
     border-color: #b83280;
   }
 
-  .lg\:focus\:divide-pink-800:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-800 > :not(template) ~ :not(template) {
     border-color: #97266d;
   }
 
-  .lg\:focus\:divide-pink-900:focus > :not(template) ~ :not(template) {
+  .lg\:divide-pink-900 > :not(template) ~ :not(template) {
     border-color: #702459;
   }
 
@@ -39021,7467 +36013,6715 @@ video {
 
   .lg\:my-8 {
     margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-
-  .lg\:mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-
-  .lg\:my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-
-  .lg\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .lg\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-
-  .lg\:mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-
-  .lg\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .lg\:mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .lg\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
-  .lg\:mx-20 {
-    margin-left: 5rem;
-    margin-right: 5rem;
-  }
-
-  .lg\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .lg\:mx-24 {
-    margin-left: 6rem;
-    margin-right: 6rem;
-  }
-
-  .lg\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .lg\:mx-32 {
-    margin-left: 8rem;
-    margin-right: 8rem;
-  }
-
-  .lg\:my-40 {
-    margin-top: 10rem;
-    margin-bottom: 10rem;
-  }
-
-  .lg\:mx-40 {
-    margin-left: 10rem;
-    margin-right: 10rem;
-  }
-
-  .lg\:my-48 {
-    margin-top: 12rem;
-    margin-bottom: 12rem;
-  }
-
-  .lg\:mx-48 {
-    margin-left: 12rem;
-    margin-right: 12rem;
-  }
-
-  .lg\:my-56 {
-    margin-top: 14rem;
-    margin-bottom: 14rem;
-  }
-
-  .lg\:mx-56 {
-    margin-left: 14rem;
-    margin-right: 14rem;
-  }
-
-  .lg\:my-64 {
-    margin-top: 16rem;
-    margin-bottom: 16rem;
-  }
-
-  .lg\:mx-64 {
-    margin-left: 16rem;
-    margin-right: 16rem;
-  }
-
-  .lg\:my-auto {
-    margin-top: auto;
-    margin-bottom: auto;
-  }
-
-  .lg\:mx-auto {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .lg\:my-px {
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  .lg\:mx-px {
-    margin-left: 1px;
-    margin-right: 1px;
-  }
-
-  .lg\:-my-1 {
-    margin-top: -0.25rem;
-    margin-bottom: -0.25rem;
-  }
-
-  .lg\:-mx-1 {
-    margin-left: -0.25rem;
-    margin-right: -0.25rem;
-  }
-
-  .lg\:-my-2 {
-    margin-top: -0.5rem;
-    margin-bottom: -0.5rem;
-  }
-
-  .lg\:-mx-2 {
-    margin-left: -0.5rem;
-    margin-right: -0.5rem;
-  }
-
-  .lg\:-my-3 {
-    margin-top: -0.75rem;
-    margin-bottom: -0.75rem;
-  }
-
-  .lg\:-mx-3 {
-    margin-left: -0.75rem;
-    margin-right: -0.75rem;
-  }
-
-  .lg\:-my-4 {
-    margin-top: -1rem;
-    margin-bottom: -1rem;
-  }
-
-  .lg\:-mx-4 {
-    margin-left: -1rem;
-    margin-right: -1rem;
-  }
-
-  .lg\:-my-5 {
-    margin-top: -1.25rem;
-    margin-bottom: -1.25rem;
-  }
-
-  .lg\:-mx-5 {
-    margin-left: -1.25rem;
-    margin-right: -1.25rem;
-  }
-
-  .lg\:-my-6 {
-    margin-top: -1.5rem;
-    margin-bottom: -1.5rem;
-  }
-
-  .lg\:-mx-6 {
-    margin-left: -1.5rem;
-    margin-right: -1.5rem;
-  }
-
-  .lg\:-my-8 {
-    margin-top: -2rem;
-    margin-bottom: -2rem;
-  }
-
-  .lg\:-mx-8 {
-    margin-left: -2rem;
-    margin-right: -2rem;
-  }
-
-  .lg\:-my-10 {
-    margin-top: -2.5rem;
-    margin-bottom: -2.5rem;
-  }
-
-  .lg\:-mx-10 {
-    margin-left: -2.5rem;
-    margin-right: -2.5rem;
-  }
-
-  .lg\:-my-12 {
-    margin-top: -3rem;
-    margin-bottom: -3rem;
-  }
-
-  .lg\:-mx-12 {
-    margin-left: -3rem;
-    margin-right: -3rem;
-  }
-
-  .lg\:-my-16 {
-    margin-top: -4rem;
-    margin-bottom: -4rem;
-  }
-
-  .lg\:-mx-16 {
-    margin-left: -4rem;
-    margin-right: -4rem;
-  }
-
-  .lg\:-my-20 {
-    margin-top: -5rem;
-    margin-bottom: -5rem;
-  }
-
-  .lg\:-mx-20 {
-    margin-left: -5rem;
-    margin-right: -5rem;
-  }
-
-  .lg\:-my-24 {
-    margin-top: -6rem;
-    margin-bottom: -6rem;
-  }
-
-  .lg\:-mx-24 {
-    margin-left: -6rem;
-    margin-right: -6rem;
-  }
-
-  .lg\:-my-32 {
-    margin-top: -8rem;
-    margin-bottom: -8rem;
-  }
-
-  .lg\:-mx-32 {
-    margin-left: -8rem;
-    margin-right: -8rem;
-  }
-
-  .lg\:-my-40 {
-    margin-top: -10rem;
-    margin-bottom: -10rem;
-  }
-
-  .lg\:-mx-40 {
-    margin-left: -10rem;
-    margin-right: -10rem;
-  }
-
-  .lg\:-my-48 {
-    margin-top: -12rem;
-    margin-bottom: -12rem;
-  }
-
-  .lg\:-mx-48 {
-    margin-left: -12rem;
-    margin-right: -12rem;
-  }
-
-  .lg\:-my-56 {
-    margin-top: -14rem;
-    margin-bottom: -14rem;
-  }
-
-  .lg\:-mx-56 {
-    margin-left: -14rem;
-    margin-right: -14rem;
-  }
-
-  .lg\:-my-64 {
-    margin-top: -16rem;
-    margin-bottom: -16rem;
-  }
-
-  .lg\:-mx-64 {
-    margin-left: -16rem;
-    margin-right: -16rem;
-  }
-
-  .lg\:-my-px {
-    margin-top: -1px;
-    margin-bottom: -1px;
-  }
-
-  .lg\:-mx-px {
-    margin-left: -1px;
-    margin-right: -1px;
-  }
-
-  .lg\:mt-0 {
-    margin-top: 0;
-  }
-
-  .lg\:mr-0 {
-    margin-right: 0;
-  }
-
-  .lg\:mb-0 {
-    margin-bottom: 0;
-  }
-
-  .lg\:ml-0 {
-    margin-left: 0;
-  }
-
-  .lg\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
-  .lg\:mr-1 {
-    margin-right: 0.25rem;
-  }
-
-  .lg\:mb-1 {
-    margin-bottom: 0.25rem;
-  }
-
-  .lg\:ml-1 {
-    margin-left: 0.25rem;
-  }
-
-  .lg\:mt-2 {
-    margin-top: 0.5rem;
-  }
-
-  .lg\:mr-2 {
-    margin-right: 0.5rem;
-  }
-
-  .lg\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .lg\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .lg\:mt-3 {
-    margin-top: 0.75rem;
-  }
-
-  .lg\:mr-3 {
-    margin-right: 0.75rem;
-  }
-
-  .lg\:mb-3 {
-    margin-bottom: 0.75rem;
-  }
-
-  .lg\:ml-3 {
-    margin-left: 0.75rem;
-  }
-
-  .lg\:mt-4 {
-    margin-top: 1rem;
-  }
-
-  .lg\:mr-4 {
-    margin-right: 1rem;
-  }
-
-  .lg\:mb-4 {
-    margin-bottom: 1rem;
-  }
-
-  .lg\:ml-4 {
-    margin-left: 1rem;
-  }
-
-  .lg\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
-  .lg\:mr-5 {
-    margin-right: 1.25rem;
-  }
-
-  .lg\:mb-5 {
-    margin-bottom: 1.25rem;
-  }
-
-  .lg\:ml-5 {
-    margin-left: 1.25rem;
-  }
-
-  .lg\:mt-6 {
-    margin-top: 1.5rem;
-  }
-
-  .lg\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
-  .lg\:mb-6 {
-    margin-bottom: 1.5rem;
-  }
-
-  .lg\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
-  .lg\:mt-8 {
-    margin-top: 2rem;
-  }
-
-  .lg\:mr-8 {
-    margin-right: 2rem;
-  }
-
-  .lg\:mb-8 {
-    margin-bottom: 2rem;
-  }
-
-  .lg\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .lg\:mt-10 {
-    margin-top: 2.5rem;
+    margin-bottom: 2rem;
   }
 
-  .lg\:mr-10 {
-    margin-right: 2.5rem;
+  .lg\:mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
   }
 
-  .lg\:mb-10 {
+  .lg\:my-10 {
+    margin-top: 2.5rem;
     margin-bottom: 2.5rem;
   }
 
-  .lg\:ml-10 {
+  .lg\:mx-10 {
     margin-left: 2.5rem;
+    margin-right: 2.5rem;
   }
 
-  .lg\:mt-12 {
+  .lg\:my-12 {
     margin-top: 3rem;
-  }
-
-  .lg\:mr-12 {
-    margin-right: 3rem;
-  }
-
-  .lg\:mb-12 {
     margin-bottom: 3rem;
   }
 
-  .lg\:ml-12 {
+  .lg\:mx-12 {
     margin-left: 3rem;
+    margin-right: 3rem;
   }
 
-  .lg\:mt-16 {
+  .lg\:my-16 {
     margin-top: 4rem;
-  }
-
-  .lg\:mr-16 {
-    margin-right: 4rem;
-  }
-
-  .lg\:mb-16 {
     margin-bottom: 4rem;
   }
 
-  .lg\:ml-16 {
+  .lg\:mx-16 {
     margin-left: 4rem;
+    margin-right: 4rem;
   }
 
-  .lg\:mt-20 {
+  .lg\:my-20 {
     margin-top: 5rem;
-  }
-
-  .lg\:mr-20 {
-    margin-right: 5rem;
-  }
-
-  .lg\:mb-20 {
     margin-bottom: 5rem;
   }
 
-  .lg\:ml-20 {
+  .lg\:mx-20 {
     margin-left: 5rem;
+    margin-right: 5rem;
   }
 
-  .lg\:mt-24 {
+  .lg\:my-24 {
     margin-top: 6rem;
-  }
-
-  .lg\:mr-24 {
-    margin-right: 6rem;
-  }
-
-  .lg\:mb-24 {
     margin-bottom: 6rem;
   }
 
-  .lg\:ml-24 {
+  .lg\:mx-24 {
     margin-left: 6rem;
+    margin-right: 6rem;
   }
 
-  .lg\:mt-32 {
+  .lg\:my-32 {
     margin-top: 8rem;
-  }
-
-  .lg\:mr-32 {
-    margin-right: 8rem;
-  }
-
-  .lg\:mb-32 {
     margin-bottom: 8rem;
   }
 
-  .lg\:ml-32 {
+  .lg\:mx-32 {
     margin-left: 8rem;
+    margin-right: 8rem;
   }
 
-  .lg\:mt-40 {
+  .lg\:my-40 {
     margin-top: 10rem;
-  }
-
-  .lg\:mr-40 {
-    margin-right: 10rem;
-  }
-
-  .lg\:mb-40 {
     margin-bottom: 10rem;
   }
 
-  .lg\:ml-40 {
+  .lg\:mx-40 {
     margin-left: 10rem;
+    margin-right: 10rem;
   }
 
-  .lg\:mt-48 {
+  .lg\:my-48 {
     margin-top: 12rem;
-  }
-
-  .lg\:mr-48 {
-    margin-right: 12rem;
-  }
-
-  .lg\:mb-48 {
     margin-bottom: 12rem;
   }
 
-  .lg\:ml-48 {
+  .lg\:mx-48 {
     margin-left: 12rem;
+    margin-right: 12rem;
   }
 
-  .lg\:mt-56 {
+  .lg\:my-56 {
     margin-top: 14rem;
-  }
-
-  .lg\:mr-56 {
-    margin-right: 14rem;
-  }
-
-  .lg\:mb-56 {
     margin-bottom: 14rem;
   }
 
-  .lg\:ml-56 {
+  .lg\:mx-56 {
     margin-left: 14rem;
+    margin-right: 14rem;
   }
 
-  .lg\:mt-64 {
+  .lg\:my-64 {
     margin-top: 16rem;
-  }
-
-  .lg\:mr-64 {
-    margin-right: 16rem;
-  }
-
-  .lg\:mb-64 {
     margin-bottom: 16rem;
   }
 
-  .lg\:ml-64 {
+  .lg\:mx-64 {
     margin-left: 16rem;
+    margin-right: 16rem;
   }
 
-  .lg\:mt-auto {
+  .lg\:my-auto {
     margin-top: auto;
-  }
-
-  .lg\:mr-auto {
-    margin-right: auto;
-  }
-
-  .lg\:mb-auto {
     margin-bottom: auto;
   }
 
-  .lg\:ml-auto {
+  .lg\:mx-auto {
     margin-left: auto;
+    margin-right: auto;
   }
 
-  .lg\:mt-px {
+  .lg\:my-px {
     margin-top: 1px;
-  }
-
-  .lg\:mr-px {
-    margin-right: 1px;
-  }
-
-  .lg\:mb-px {
     margin-bottom: 1px;
   }
 
-  .lg\:ml-px {
+  .lg\:mx-px {
     margin-left: 1px;
+    margin-right: 1px;
   }
 
-  .lg\:-mt-1 {
+  .lg\:-my-1 {
     margin-top: -0.25rem;
-  }
-
-  .lg\:-mr-1 {
-    margin-right: -0.25rem;
-  }
-
-  .lg\:-mb-1 {
     margin-bottom: -0.25rem;
   }
 
-  .lg\:-ml-1 {
+  .lg\:-mx-1 {
     margin-left: -0.25rem;
+    margin-right: -0.25rem;
   }
 
-  .lg\:-mt-2 {
+  .lg\:-my-2 {
     margin-top: -0.5rem;
-  }
-
-  .lg\:-mr-2 {
-    margin-right: -0.5rem;
-  }
-
-  .lg\:-mb-2 {
     margin-bottom: -0.5rem;
   }
 
-  .lg\:-ml-2 {
+  .lg\:-mx-2 {
     margin-left: -0.5rem;
+    margin-right: -0.5rem;
   }
 
-  .lg\:-mt-3 {
+  .lg\:-my-3 {
     margin-top: -0.75rem;
-  }
-
-  .lg\:-mr-3 {
-    margin-right: -0.75rem;
-  }
-
-  .lg\:-mb-3 {
     margin-bottom: -0.75rem;
   }
 
-  .lg\:-ml-3 {
+  .lg\:-mx-3 {
     margin-left: -0.75rem;
+    margin-right: -0.75rem;
   }
 
-  .lg\:-mt-4 {
+  .lg\:-my-4 {
     margin-top: -1rem;
-  }
-
-  .lg\:-mr-4 {
-    margin-right: -1rem;
-  }
-
-  .lg\:-mb-4 {
     margin-bottom: -1rem;
   }
 
-  .lg\:-ml-4 {
+  .lg\:-mx-4 {
     margin-left: -1rem;
+    margin-right: -1rem;
   }
 
-  .lg\:-mt-5 {
+  .lg\:-my-5 {
     margin-top: -1.25rem;
-  }
-
-  .lg\:-mr-5 {
-    margin-right: -1.25rem;
-  }
-
-  .lg\:-mb-5 {
     margin-bottom: -1.25rem;
   }
 
-  .lg\:-ml-5 {
+  .lg\:-mx-5 {
     margin-left: -1.25rem;
+    margin-right: -1.25rem;
   }
 
-  .lg\:-mt-6 {
+  .lg\:-my-6 {
     margin-top: -1.5rem;
-  }
-
-  .lg\:-mr-6 {
-    margin-right: -1.5rem;
-  }
-
-  .lg\:-mb-6 {
     margin-bottom: -1.5rem;
   }
 
-  .lg\:-ml-6 {
+  .lg\:-mx-6 {
     margin-left: -1.5rem;
+    margin-right: -1.5rem;
   }
 
-  .lg\:-mt-8 {
+  .lg\:-my-8 {
     margin-top: -2rem;
-  }
-
-  .lg\:-mr-8 {
-    margin-right: -2rem;
-  }
-
-  .lg\:-mb-8 {
     margin-bottom: -2rem;
   }
 
-  .lg\:-ml-8 {
+  .lg\:-mx-8 {
     margin-left: -2rem;
+    margin-right: -2rem;
   }
 
-  .lg\:-mt-10 {
+  .lg\:-my-10 {
     margin-top: -2.5rem;
-  }
-
-  .lg\:-mr-10 {
-    margin-right: -2.5rem;
-  }
-
-  .lg\:-mb-10 {
     margin-bottom: -2.5rem;
   }
 
-  .lg\:-ml-10 {
+  .lg\:-mx-10 {
     margin-left: -2.5rem;
+    margin-right: -2.5rem;
   }
 
-  .lg\:-mt-12 {
+  .lg\:-my-12 {
     margin-top: -3rem;
-  }
-
-  .lg\:-mr-12 {
-    margin-right: -3rem;
-  }
-
-  .lg\:-mb-12 {
     margin-bottom: -3rem;
   }
 
-  .lg\:-ml-12 {
+  .lg\:-mx-12 {
     margin-left: -3rem;
+    margin-right: -3rem;
   }
 
-  .lg\:-mt-16 {
+  .lg\:-my-16 {
     margin-top: -4rem;
-  }
-
-  .lg\:-mr-16 {
-    margin-right: -4rem;
-  }
-
-  .lg\:-mb-16 {
     margin-bottom: -4rem;
   }
 
-  .lg\:-ml-16 {
+  .lg\:-mx-16 {
     margin-left: -4rem;
+    margin-right: -4rem;
   }
 
-  .lg\:-mt-20 {
+  .lg\:-my-20 {
     margin-top: -5rem;
-  }
-
-  .lg\:-mr-20 {
-    margin-right: -5rem;
-  }
-
-  .lg\:-mb-20 {
     margin-bottom: -5rem;
   }
 
-  .lg\:-ml-20 {
+  .lg\:-mx-20 {
     margin-left: -5rem;
+    margin-right: -5rem;
   }
 
-  .lg\:-mt-24 {
+  .lg\:-my-24 {
     margin-top: -6rem;
-  }
-
-  .lg\:-mr-24 {
-    margin-right: -6rem;
-  }
-
-  .lg\:-mb-24 {
     margin-bottom: -6rem;
   }
 
-  .lg\:-ml-24 {
+  .lg\:-mx-24 {
     margin-left: -6rem;
+    margin-right: -6rem;
   }
 
-  .lg\:-mt-32 {
+  .lg\:-my-32 {
     margin-top: -8rem;
-  }
-
-  .lg\:-mr-32 {
-    margin-right: -8rem;
-  }
-
-  .lg\:-mb-32 {
     margin-bottom: -8rem;
   }
 
-  .lg\:-ml-32 {
+  .lg\:-mx-32 {
     margin-left: -8rem;
+    margin-right: -8rem;
   }
 
-  .lg\:-mt-40 {
+  .lg\:-my-40 {
     margin-top: -10rem;
-  }
-
-  .lg\:-mr-40 {
-    margin-right: -10rem;
-  }
-
-  .lg\:-mb-40 {
     margin-bottom: -10rem;
   }
 
-  .lg\:-ml-40 {
+  .lg\:-mx-40 {
     margin-left: -10rem;
+    margin-right: -10rem;
   }
 
-  .lg\:-mt-48 {
+  .lg\:-my-48 {
     margin-top: -12rem;
-  }
-
-  .lg\:-mr-48 {
-    margin-right: -12rem;
-  }
-
-  .lg\:-mb-48 {
     margin-bottom: -12rem;
   }
 
-  .lg\:-ml-48 {
+  .lg\:-mx-48 {
     margin-left: -12rem;
+    margin-right: -12rem;
   }
 
-  .lg\:-mt-56 {
+  .lg\:-my-56 {
     margin-top: -14rem;
-  }
-
-  .lg\:-mr-56 {
-    margin-right: -14rem;
-  }
-
-  .lg\:-mb-56 {
     margin-bottom: -14rem;
   }
 
-  .lg\:-ml-56 {
+  .lg\:-mx-56 {
     margin-left: -14rem;
+    margin-right: -14rem;
   }
 
-  .lg\:-mt-64 {
+  .lg\:-my-64 {
     margin-top: -16rem;
-  }
-
-  .lg\:-mr-64 {
-    margin-right: -16rem;
-  }
-
-  .lg\:-mb-64 {
     margin-bottom: -16rem;
   }
 
-  .lg\:-ml-64 {
+  .lg\:-mx-64 {
     margin-left: -16rem;
+    margin-right: -16rem;
   }
 
-  .lg\:-mt-px {
+  .lg\:-my-px {
     margin-top: -1px;
-  }
-
-  .lg\:-mr-px {
-    margin-right: -1px;
-  }
-
-  .lg\:-mb-px {
     margin-bottom: -1px;
   }
 
-  .lg\:-ml-px {
+  .lg\:-mx-px {
     margin-left: -1px;
+    margin-right: -1px;
   }
 
-  .lg\:max-h-full {
-    max-height: 100%;
-  }
-
-  .lg\:max-h-screen {
-    max-height: 100vh;
-  }
-
-  .lg\:max-w-none {
-    max-width: none;
-  }
-
-  .lg\:max-w-xs {
-    max-width: 20rem;
-  }
-
-  .lg\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .lg\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .lg\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .lg\:max-w-xl {
-    max-width: 36rem;
+  .lg\:mt-0 {
+    margin-top: 0;
   }
 
-  .lg\:max-w-2xl {
-    max-width: 42rem;
+  .lg\:mr-0 {
+    margin-right: 0;
   }
 
-  .lg\:max-w-3xl {
-    max-width: 48rem;
+  .lg\:mb-0 {
+    margin-bottom: 0;
   }
 
-  .lg\:max-w-4xl {
-    max-width: 56rem;
+  .lg\:ml-0 {
+    margin-left: 0;
   }
 
-  .lg\:max-w-5xl {
-    max-width: 64rem;
+  .lg\:mt-1 {
+    margin-top: 0.25rem;
   }
 
-  .lg\:max-w-6xl {
-    max-width: 72rem;
+  .lg\:mr-1 {
+    margin-right: 0.25rem;
   }
 
-  .lg\:max-w-full {
-    max-width: 100%;
+  .lg\:mb-1 {
+    margin-bottom: 0.25rem;
   }
 
-  .lg\:max-w-screen-sm {
-    max-width: 640px;
+  .lg\:ml-1 {
+    margin-left: 0.25rem;
   }
 
-  .lg\:max-w-screen-md {
-    max-width: 768px;
+  .lg\:mt-2 {
+    margin-top: 0.5rem;
   }
 
-  .lg\:max-w-screen-lg {
-    max-width: 1024px;
+  .lg\:mr-2 {
+    margin-right: 0.5rem;
   }
 
-  .lg\:max-w-screen-xl {
-    max-width: 1280px;
+  .lg\:mb-2 {
+    margin-bottom: 0.5rem;
   }
 
-  .lg\:min-h-0 {
-    min-height: 0;
+  .lg\:ml-2 {
+    margin-left: 0.5rem;
   }
 
-  .lg\:min-h-full {
-    min-height: 100%;
+  .lg\:mt-3 {
+    margin-top: 0.75rem;
   }
 
-  .lg\:min-h-screen {
-    min-height: 100vh;
+  .lg\:mr-3 {
+    margin-right: 0.75rem;
   }
 
-  .lg\:min-w-0 {
-    min-width: 0;
+  .lg\:mb-3 {
+    margin-bottom: 0.75rem;
   }
 
-  .lg\:min-w-full {
-    min-width: 100%;
+  .lg\:ml-3 {
+    margin-left: 0.75rem;
   }
 
-  .lg\:opacity-0 {
-    opacity: 0;
+  .lg\:mt-4 {
+    margin-top: 1rem;
   }
 
-  .lg\:opacity-25 {
-    opacity: 0.25;
+  .lg\:mr-4 {
+    margin-right: 1rem;
   }
 
-  .lg\:opacity-50 {
-    opacity: 0.5;
+  .lg\:mb-4 {
+    margin-bottom: 1rem;
   }
 
-  .lg\:opacity-75 {
-    opacity: 0.75;
+  .lg\:ml-4 {
+    margin-left: 1rem;
   }
 
-  .lg\:opacity-100 {
-    opacity: 1;
+  .lg\:mt-5 {
+    margin-top: 1.25rem;
   }
 
-  .lg\:hover\:opacity-0:hover {
-    opacity: 0;
+  .lg\:mr-5 {
+    margin-right: 1.25rem;
   }
 
-  .lg\:hover\:opacity-25:hover {
-    opacity: 0.25;
+  .lg\:mb-5 {
+    margin-bottom: 1.25rem;
   }
 
-  .lg\:hover\:opacity-50:hover {
-    opacity: 0.5;
+  .lg\:ml-5 {
+    margin-left: 1.25rem;
   }
 
-  .lg\:hover\:opacity-75:hover {
-    opacity: 0.75;
+  .lg\:mt-6 {
+    margin-top: 1.5rem;
   }
 
-  .lg\:hover\:opacity-100:hover {
-    opacity: 1;
+  .lg\:mr-6 {
+    margin-right: 1.5rem;
   }
 
-  .lg\:focus\:opacity-0:focus {
-    opacity: 0;
+  .lg\:mb-6 {
+    margin-bottom: 1.5rem;
   }
 
-  .lg\:focus\:opacity-25:focus {
-    opacity: 0.25;
+  .lg\:ml-6 {
+    margin-left: 1.5rem;
   }
 
-  .lg\:focus\:opacity-50:focus {
-    opacity: 0.5;
+  .lg\:mt-8 {
+    margin-top: 2rem;
   }
 
-  .lg\:focus\:opacity-75:focus {
-    opacity: 0.75;
+  .lg\:mr-8 {
+    margin-right: 2rem;
   }
 
-  .lg\:focus\:opacity-100:focus {
-    opacity: 1;
+  .lg\:mb-8 {
+    margin-bottom: 2rem;
   }
 
-  .lg\:outline-none {
-    outline: 0;
+  .lg\:ml-8 {
+    margin-left: 2rem;
   }
 
-  .lg\:focus\:outline-none:focus {
-    outline: 0;
+  .lg\:mt-10 {
+    margin-top: 2.5rem;
   }
 
-  .lg\:overflow-auto {
-    overflow: auto;
+  .lg\:mr-10 {
+    margin-right: 2.5rem;
   }
 
-  .lg\:overflow-hidden {
-    overflow: hidden;
+  .lg\:mb-10 {
+    margin-bottom: 2.5rem;
   }
 
-  .lg\:overflow-visible {
-    overflow: visible;
+  .lg\:ml-10 {
+    margin-left: 2.5rem;
   }
 
-  .lg\:overflow-scroll {
-    overflow: scroll;
+  .lg\:mt-12 {
+    margin-top: 3rem;
   }
 
-  .lg\:overflow-x-auto {
-    overflow-x: auto;
+  .lg\:mr-12 {
+    margin-right: 3rem;
   }
 
-  .lg\:overflow-y-auto {
-    overflow-y: auto;
+  .lg\:mb-12 {
+    margin-bottom: 3rem;
   }
 
-  .lg\:overflow-x-hidden {
-    overflow-x: hidden;
+  .lg\:ml-12 {
+    margin-left: 3rem;
   }
 
-  .lg\:overflow-y-hidden {
-    overflow-y: hidden;
+  .lg\:mt-16 {
+    margin-top: 4rem;
   }
 
-  .lg\:overflow-x-visible {
-    overflow-x: visible;
+  .lg\:mr-16 {
+    margin-right: 4rem;
   }
 
-  .lg\:overflow-y-visible {
-    overflow-y: visible;
+  .lg\:mb-16 {
+    margin-bottom: 4rem;
   }
 
-  .lg\:overflow-x-scroll {
-    overflow-x: scroll;
+  .lg\:ml-16 {
+    margin-left: 4rem;
   }
 
-  .lg\:overflow-y-scroll {
-    overflow-y: scroll;
+  .lg\:mt-20 {
+    margin-top: 5rem;
   }
 
-  .lg\:scrolling-touch {
-    -webkit-overflow-scrolling: touch;
+  .lg\:mr-20 {
+    margin-right: 5rem;
   }
 
-  .lg\:scrolling-auto {
-    -webkit-overflow-scrolling: auto;
+  .lg\:mb-20 {
+    margin-bottom: 5rem;
   }
 
-  .lg\:p-0 {
-    padding: 0;
+  .lg\:ml-20 {
+    margin-left: 5rem;
   }
 
-  .lg\:p-1 {
-    padding: 0.25rem;
+  .lg\:mt-24 {
+    margin-top: 6rem;
   }
 
-  .lg\:p-2 {
-    padding: 0.5rem;
+  .lg\:mr-24 {
+    margin-right: 6rem;
   }
 
-  .lg\:p-3 {
-    padding: 0.75rem;
+  .lg\:mb-24 {
+    margin-bottom: 6rem;
   }
 
-  .lg\:p-4 {
-    padding: 1rem;
+  .lg\:ml-24 {
+    margin-left: 6rem;
   }
 
-  .lg\:p-5 {
-    padding: 1.25rem;
+  .lg\:mt-32 {
+    margin-top: 8rem;
   }
 
-  .lg\:p-6 {
-    padding: 1.5rem;
+  .lg\:mr-32 {
+    margin-right: 8rem;
   }
 
-  .lg\:p-8 {
-    padding: 2rem;
+  .lg\:mb-32 {
+    margin-bottom: 8rem;
   }
 
-  .lg\:p-10 {
-    padding: 2.5rem;
+  .lg\:ml-32 {
+    margin-left: 8rem;
   }
 
-  .lg\:p-12 {
-    padding: 3rem;
+  .lg\:mt-40 {
+    margin-top: 10rem;
   }
 
-  .lg\:p-16 {
-    padding: 4rem;
+  .lg\:mr-40 {
+    margin-right: 10rem;
   }
 
-  .lg\:p-20 {
-    padding: 5rem;
+  .lg\:mb-40 {
+    margin-bottom: 10rem;
   }
 
-  .lg\:p-24 {
-    padding: 6rem;
+  .lg\:ml-40 {
+    margin-left: 10rem;
   }
 
-  .lg\:p-32 {
-    padding: 8rem;
+  .lg\:mt-48 {
+    margin-top: 12rem;
   }
 
-  .lg\:p-40 {
-    padding: 10rem;
+  .lg\:mr-48 {
+    margin-right: 12rem;
   }
 
-  .lg\:p-48 {
-    padding: 12rem;
+  .lg\:mb-48 {
+    margin-bottom: 12rem;
   }
 
-  .lg\:p-56 {
-    padding: 14rem;
+  .lg\:ml-48 {
+    margin-left: 12rem;
   }
 
-  .lg\:p-64 {
-    padding: 16rem;
+  .lg\:mt-56 {
+    margin-top: 14rem;
   }
 
-  .lg\:p-px {
-    padding: 1px;
+  .lg\:mr-56 {
+    margin-right: 14rem;
   }
 
-  .lg\:py-0 {
-    padding-top: 0;
-    padding-bottom: 0;
+  .lg\:mb-56 {
+    margin-bottom: 14rem;
   }
 
-  .lg\:px-0 {
-    padding-left: 0;
-    padding-right: 0;
+  .lg\:ml-56 {
+    margin-left: 14rem;
   }
 
-  .lg\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
+  .lg\:mt-64 {
+    margin-top: 16rem;
   }
 
-  .lg\:px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
+  .lg\:mr-64 {
+    margin-right: 16rem;
   }
 
-  .lg\:py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+  .lg\:mb-64 {
+    margin-bottom: 16rem;
   }
 
-  .lg\:px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
+  .lg\:ml-64 {
+    margin-left: 16rem;
   }
 
-  .lg\:py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+  .lg\:mt-auto {
+    margin-top: auto;
   }
 
-  .lg\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
+  .lg\:mr-auto {
+    margin-right: auto;
   }
 
-  .lg\:py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
+  .lg\:mb-auto {
+    margin-bottom: auto;
   }
 
-  .lg\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
+  .lg\:ml-auto {
+    margin-left: auto;
   }
 
-  .lg\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
+  .lg\:mt-px {
+    margin-top: 1px;
   }
 
-  .lg\:px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
+  .lg\:mr-px {
+    margin-right: 1px;
   }
 
-  .lg\:py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
+  .lg\:mb-px {
+    margin-bottom: 1px;
   }
 
-  .lg\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+  .lg\:ml-px {
+    margin-left: 1px;
   }
 
-  .lg\:py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
+  .lg\:-mt-1 {
+    margin-top: -0.25rem;
   }
 
-  .lg\:px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
+  .lg\:-mr-1 {
+    margin-right: -0.25rem;
   }
 
-  .lg\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
+  .lg\:-mb-1 {
+    margin-bottom: -0.25rem;
   }
 
-  .lg\:px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
+  .lg\:-ml-1 {
+    margin-left: -0.25rem;
   }
 
-  .lg\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
+  .lg\:-mt-2 {
+    margin-top: -0.5rem;
   }
 
-  .lg\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
+  .lg\:-mr-2 {
+    margin-right: -0.5rem;
   }
 
-  .lg\:py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
+  .lg\:-mb-2 {
+    margin-bottom: -0.5rem;
   }
 
-  .lg\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
+  .lg\:-ml-2 {
+    margin-left: -0.5rem;
   }
 
-  .lg\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
+  .lg\:-mt-3 {
+    margin-top: -0.75rem;
   }
 
-  .lg\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
+  .lg\:-mr-3 {
+    margin-right: -0.75rem;
   }
 
-  .lg\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
+  .lg\:-mb-3 {
+    margin-bottom: -0.75rem;
   }
 
-  .lg\:px-24 {
-    padding-left: 6rem;
-    padding-right: 6rem;
+  .lg\:-ml-3 {
+    margin-left: -0.75rem;
   }
 
-  .lg\:py-32 {
-    padding-top: 8rem;
-    padding-bottom: 8rem;
+  .lg\:-mt-4 {
+    margin-top: -1rem;
   }
 
-  .lg\:px-32 {
-    padding-left: 8rem;
-    padding-right: 8rem;
+  .lg\:-mr-4 {
+    margin-right: -1rem;
   }
 
-  .lg\:py-40 {
-    padding-top: 10rem;
-    padding-bottom: 10rem;
+  .lg\:-mb-4 {
+    margin-bottom: -1rem;
   }
 
-  .lg\:px-40 {
-    padding-left: 10rem;
-    padding-right: 10rem;
+  .lg\:-ml-4 {
+    margin-left: -1rem;
   }
 
-  .lg\:py-48 {
-    padding-top: 12rem;
-    padding-bottom: 12rem;
+  .lg\:-mt-5 {
+    margin-top: -1.25rem;
   }
 
-  .lg\:px-48 {
-    padding-left: 12rem;
-    padding-right: 12rem;
+  .lg\:-mr-5 {
+    margin-right: -1.25rem;
   }
 
-  .lg\:py-56 {
-    padding-top: 14rem;
-    padding-bottom: 14rem;
+  .lg\:-mb-5 {
+    margin-bottom: -1.25rem;
   }
 
-  .lg\:px-56 {
-    padding-left: 14rem;
-    padding-right: 14rem;
+  .lg\:-ml-5 {
+    margin-left: -1.25rem;
   }
 
-  .lg\:py-64 {
-    padding-top: 16rem;
-    padding-bottom: 16rem;
+  .lg\:-mt-6 {
+    margin-top: -1.5rem;
   }
 
-  .lg\:px-64 {
-    padding-left: 16rem;
-    padding-right: 16rem;
+  .lg\:-mr-6 {
+    margin-right: -1.5rem;
   }
 
-  .lg\:py-px {
-    padding-top: 1px;
-    padding-bottom: 1px;
+  .lg\:-mb-6 {
+    margin-bottom: -1.5rem;
   }
 
-  .lg\:px-px {
-    padding-left: 1px;
-    padding-right: 1px;
+  .lg\:-ml-6 {
+    margin-left: -1.5rem;
   }
 
-  .lg\:pt-0 {
-    padding-top: 0;
+  .lg\:-mt-8 {
+    margin-top: -2rem;
   }
 
-  .lg\:pr-0 {
-    padding-right: 0;
+  .lg\:-mr-8 {
+    margin-right: -2rem;
   }
 
-  .lg\:pb-0 {
-    padding-bottom: 0;
+  .lg\:-mb-8 {
+    margin-bottom: -2rem;
   }
 
-  .lg\:pl-0 {
-    padding-left: 0;
+  .lg\:-ml-8 {
+    margin-left: -2rem;
   }
 
-  .lg\:pt-1 {
-    padding-top: 0.25rem;
+  .lg\:-mt-10 {
+    margin-top: -2.5rem;
   }
 
-  .lg\:pr-1 {
-    padding-right: 0.25rem;
+  .lg\:-mr-10 {
+    margin-right: -2.5rem;
   }
 
-  .lg\:pb-1 {
-    padding-bottom: 0.25rem;
+  .lg\:-mb-10 {
+    margin-bottom: -2.5rem;
   }
 
-  .lg\:pl-1 {
-    padding-left: 0.25rem;
+  .lg\:-ml-10 {
+    margin-left: -2.5rem;
   }
 
-  .lg\:pt-2 {
-    padding-top: 0.5rem;
+  .lg\:-mt-12 {
+    margin-top: -3rem;
   }
 
-  .lg\:pr-2 {
-    padding-right: 0.5rem;
+  .lg\:-mr-12 {
+    margin-right: -3rem;
   }
 
-  .lg\:pb-2 {
-    padding-bottom: 0.5rem;
+  .lg\:-mb-12 {
+    margin-bottom: -3rem;
   }
 
-  .lg\:pl-2 {
-    padding-left: 0.5rem;
+  .lg\:-ml-12 {
+    margin-left: -3rem;
   }
 
-  .lg\:pt-3 {
-    padding-top: 0.75rem;
+  .lg\:-mt-16 {
+    margin-top: -4rem;
   }
 
-  .lg\:pr-3 {
-    padding-right: 0.75rem;
+  .lg\:-mr-16 {
+    margin-right: -4rem;
   }
 
-  .lg\:pb-3 {
-    padding-bottom: 0.75rem;
+  .lg\:-mb-16 {
+    margin-bottom: -4rem;
   }
 
-  .lg\:pl-3 {
-    padding-left: 0.75rem;
+  .lg\:-ml-16 {
+    margin-left: -4rem;
   }
 
-  .lg\:pt-4 {
-    padding-top: 1rem;
+  .lg\:-mt-20 {
+    margin-top: -5rem;
   }
 
-  .lg\:pr-4 {
-    padding-right: 1rem;
+  .lg\:-mr-20 {
+    margin-right: -5rem;
   }
 
-  .lg\:pb-4 {
-    padding-bottom: 1rem;
+  .lg\:-mb-20 {
+    margin-bottom: -5rem;
   }
 
-  .lg\:pl-4 {
-    padding-left: 1rem;
+  .lg\:-ml-20 {
+    margin-left: -5rem;
   }
 
-  .lg\:pt-5 {
-    padding-top: 1.25rem;
+  .lg\:-mt-24 {
+    margin-top: -6rem;
   }
 
-  .lg\:pr-5 {
-    padding-right: 1.25rem;
+  .lg\:-mr-24 {
+    margin-right: -6rem;
   }
 
-  .lg\:pb-5 {
-    padding-bottom: 1.25rem;
+  .lg\:-mb-24 {
+    margin-bottom: -6rem;
   }
 
-  .lg\:pl-5 {
-    padding-left: 1.25rem;
+  .lg\:-ml-24 {
+    margin-left: -6rem;
   }
 
-  .lg\:pt-6 {
-    padding-top: 1.5rem;
+  .lg\:-mt-32 {
+    margin-top: -8rem;
   }
 
-  .lg\:pr-6 {
-    padding-right: 1.5rem;
+  .lg\:-mr-32 {
+    margin-right: -8rem;
   }
 
-  .lg\:pb-6 {
-    padding-bottom: 1.5rem;
+  .lg\:-mb-32 {
+    margin-bottom: -8rem;
   }
 
-  .lg\:pl-6 {
-    padding-left: 1.5rem;
+  .lg\:-ml-32 {
+    margin-left: -8rem;
   }
 
-  .lg\:pt-8 {
-    padding-top: 2rem;
+  .lg\:-mt-40 {
+    margin-top: -10rem;
   }
 
-  .lg\:pr-8 {
-    padding-right: 2rem;
+  .lg\:-mr-40 {
+    margin-right: -10rem;
   }
 
-  .lg\:pb-8 {
-    padding-bottom: 2rem;
+  .lg\:-mb-40 {
+    margin-bottom: -10rem;
   }
 
-  .lg\:pl-8 {
-    padding-left: 2rem;
+  .lg\:-ml-40 {
+    margin-left: -10rem;
   }
 
-  .lg\:pt-10 {
-    padding-top: 2.5rem;
+  .lg\:-mt-48 {
+    margin-top: -12rem;
   }
 
-  .lg\:pr-10 {
-    padding-right: 2.5rem;
+  .lg\:-mr-48 {
+    margin-right: -12rem;
   }
 
-  .lg\:pb-10 {
-    padding-bottom: 2.5rem;
+  .lg\:-mb-48 {
+    margin-bottom: -12rem;
   }
 
-  .lg\:pl-10 {
-    padding-left: 2.5rem;
+  .lg\:-ml-48 {
+    margin-left: -12rem;
   }
 
-  .lg\:pt-12 {
-    padding-top: 3rem;
+  .lg\:-mt-56 {
+    margin-top: -14rem;
   }
 
-  .lg\:pr-12 {
-    padding-right: 3rem;
+  .lg\:-mr-56 {
+    margin-right: -14rem;
   }
 
-  .lg\:pb-12 {
-    padding-bottom: 3rem;
+  .lg\:-mb-56 {
+    margin-bottom: -14rem;
   }
 
-  .lg\:pl-12 {
-    padding-left: 3rem;
+  .lg\:-ml-56 {
+    margin-left: -14rem;
   }
 
-  .lg\:pt-16 {
-    padding-top: 4rem;
+  .lg\:-mt-64 {
+    margin-top: -16rem;
   }
 
-  .lg\:pr-16 {
-    padding-right: 4rem;
+  .lg\:-mr-64 {
+    margin-right: -16rem;
   }
 
-  .lg\:pb-16 {
-    padding-bottom: 4rem;
+  .lg\:-mb-64 {
+    margin-bottom: -16rem;
   }
 
-  .lg\:pl-16 {
-    padding-left: 4rem;
+  .lg\:-ml-64 {
+    margin-left: -16rem;
   }
 
-  .lg\:pt-20 {
-    padding-top: 5rem;
+  .lg\:-mt-px {
+    margin-top: -1px;
   }
 
-  .lg\:pr-20 {
-    padding-right: 5rem;
+  .lg\:-mr-px {
+    margin-right: -1px;
   }
 
-  .lg\:pb-20 {
-    padding-bottom: 5rem;
+  .lg\:-mb-px {
+    margin-bottom: -1px;
   }
 
-  .lg\:pl-20 {
-    padding-left: 5rem;
+  .lg\:-ml-px {
+    margin-left: -1px;
   }
 
-  .lg\:pt-24 {
-    padding-top: 6rem;
+  .lg\:max-h-full {
+    max-height: 100%;
   }
 
-  .lg\:pr-24 {
-    padding-right: 6rem;
+  .lg\:max-h-screen {
+    max-height: 100vh;
   }
 
-  .lg\:pb-24 {
-    padding-bottom: 6rem;
+  .lg\:max-w-none {
+    max-width: none;
   }
 
-  .lg\:pl-24 {
-    padding-left: 6rem;
+  .lg\:max-w-xs {
+    max-width: 20rem;
   }
 
-  .lg\:pt-32 {
-    padding-top: 8rem;
+  .lg\:max-w-sm {
+    max-width: 24rem;
   }
 
-  .lg\:pr-32 {
-    padding-right: 8rem;
+  .lg\:max-w-md {
+    max-width: 28rem;
   }
 
-  .lg\:pb-32 {
-    padding-bottom: 8rem;
+  .lg\:max-w-lg {
+    max-width: 32rem;
   }
 
-  .lg\:pl-32 {
-    padding-left: 8rem;
+  .lg\:max-w-xl {
+    max-width: 36rem;
   }
 
-  .lg\:pt-40 {
-    padding-top: 10rem;
+  .lg\:max-w-2xl {
+    max-width: 42rem;
   }
 
-  .lg\:pr-40 {
-    padding-right: 10rem;
+  .lg\:max-w-3xl {
+    max-width: 48rem;
   }
 
-  .lg\:pb-40 {
-    padding-bottom: 10rem;
+  .lg\:max-w-4xl {
+    max-width: 56rem;
   }
 
-  .lg\:pl-40 {
-    padding-left: 10rem;
+  .lg\:max-w-5xl {
+    max-width: 64rem;
   }
 
-  .lg\:pt-48 {
-    padding-top: 12rem;
+  .lg\:max-w-6xl {
+    max-width: 72rem;
   }
 
-  .lg\:pr-48 {
-    padding-right: 12rem;
+  .lg\:max-w-full {
+    max-width: 100%;
   }
 
-  .lg\:pb-48 {
-    padding-bottom: 12rem;
+  .lg\:max-w-screen-sm {
+    max-width: 640px;
   }
 
-  .lg\:pl-48 {
-    padding-left: 12rem;
+  .lg\:max-w-screen-md {
+    max-width: 768px;
   }
 
-  .lg\:pt-56 {
-    padding-top: 14rem;
+  .lg\:max-w-screen-lg {
+    max-width: 1024px;
   }
 
-  .lg\:pr-56 {
-    padding-right: 14rem;
+  .lg\:max-w-screen-xl {
+    max-width: 1280px;
   }
 
-  .lg\:pb-56 {
-    padding-bottom: 14rem;
+  .lg\:min-h-0 {
+    min-height: 0;
   }
 
-  .lg\:pl-56 {
-    padding-left: 14rem;
+  .lg\:min-h-full {
+    min-height: 100%;
   }
 
-  .lg\:pt-64 {
-    padding-top: 16rem;
+  .lg\:min-h-screen {
+    min-height: 100vh;
   }
 
-  .lg\:pr-64 {
-    padding-right: 16rem;
+  .lg\:min-w-0 {
+    min-width: 0;
   }
 
-  .lg\:pb-64 {
-    padding-bottom: 16rem;
+  .lg\:min-w-full {
+    min-width: 100%;
   }
 
-  .lg\:pl-64 {
-    padding-left: 16rem;
+  .lg\:opacity-0 {
+    opacity: 0;
   }
 
-  .lg\:pt-px {
-    padding-top: 1px;
+  .lg\:opacity-25 {
+    opacity: 0.25;
   }
 
-  .lg\:pr-px {
-    padding-right: 1px;
+  .lg\:opacity-50 {
+    opacity: 0.5;
   }
 
-  .lg\:pb-px {
-    padding-bottom: 1px;
+  .lg\:opacity-75 {
+    opacity: 0.75;
   }
 
-  .lg\:pl-px {
-    padding-left: 1px;
+  .lg\:opacity-100 {
+    opacity: 1;
   }
 
-  .lg\:placeholder-transparent::placeholder {
-    color: transparent;
+  .lg\:hover\:opacity-0:hover {
+    opacity: 0;
   }
 
-  .lg\:placeholder-current::placeholder {
-    color: currentColor;
+  .lg\:hover\:opacity-25:hover {
+    opacity: 0.25;
   }
 
-  .lg\:placeholder-black::placeholder {
-    color: #000;
+  .lg\:hover\:opacity-50:hover {
+    opacity: 0.5;
   }
 
-  .lg\:placeholder-white::placeholder {
-    color: #fff;
+  .lg\:hover\:opacity-75:hover {
+    opacity: 0.75;
   }
 
-  .lg\:placeholder-gray-100::placeholder {
-    color: #f7fafc;
+  .lg\:hover\:opacity-100:hover {
+    opacity: 1;
   }
 
-  .lg\:placeholder-gray-200::placeholder {
-    color: #edf2f7;
+  .lg\:focus\:opacity-0:focus {
+    opacity: 0;
   }
 
-  .lg\:placeholder-gray-300::placeholder {
-    color: #e2e8f0;
+  .lg\:focus\:opacity-25:focus {
+    opacity: 0.25;
   }
 
-  .lg\:placeholder-gray-400::placeholder {
-    color: #cbd5e0;
+  .lg\:focus\:opacity-50:focus {
+    opacity: 0.5;
   }
 
-  .lg\:placeholder-gray-500::placeholder {
-    color: #a0aec0;
+  .lg\:focus\:opacity-75:focus {
+    opacity: 0.75;
   }
 
-  .lg\:placeholder-gray-600::placeholder {
-    color: #718096;
+  .lg\:focus\:opacity-100:focus {
+    opacity: 1;
   }
 
-  .lg\:placeholder-gray-700::placeholder {
-    color: #4a5568;
+  .lg\:outline-none {
+    outline: 0;
   }
 
-  .lg\:placeholder-gray-800::placeholder {
-    color: #2d3748;
+  .lg\:focus\:outline-none:focus {
+    outline: 0;
   }
 
-  .lg\:placeholder-gray-900::placeholder {
-    color: #1a202c;
+  .lg\:overflow-auto {
+    overflow: auto;
   }
 
-  .lg\:placeholder-red-100::placeholder {
-    color: #fff5f5;
+  .lg\:overflow-hidden {
+    overflow: hidden;
   }
 
-  .lg\:placeholder-red-200::placeholder {
-    color: #fed7d7;
+  .lg\:overflow-visible {
+    overflow: visible;
   }
 
-  .lg\:placeholder-red-300::placeholder {
-    color: #feb2b2;
+  .lg\:overflow-scroll {
+    overflow: scroll;
   }
 
-  .lg\:placeholder-red-400::placeholder {
-    color: #fc8181;
+  .lg\:overflow-x-auto {
+    overflow-x: auto;
   }
 
-  .lg\:placeholder-red-500::placeholder {
-    color: #f56565;
+  .lg\:overflow-y-auto {
+    overflow-y: auto;
   }
 
-  .lg\:placeholder-red-600::placeholder {
-    color: #e53e3e;
+  .lg\:overflow-x-hidden {
+    overflow-x: hidden;
   }
 
-  .lg\:placeholder-red-700::placeholder {
-    color: #c53030;
+  .lg\:overflow-y-hidden {
+    overflow-y: hidden;
   }
 
-  .lg\:placeholder-red-800::placeholder {
-    color: #9b2c2c;
+  .lg\:overflow-x-visible {
+    overflow-x: visible;
   }
 
-  .lg\:placeholder-red-900::placeholder {
-    color: #742a2a;
+  .lg\:overflow-y-visible {
+    overflow-y: visible;
   }
 
-  .lg\:placeholder-orange-100::placeholder {
-    color: #fffaf0;
+  .lg\:overflow-x-scroll {
+    overflow-x: scroll;
   }
 
-  .lg\:placeholder-orange-200::placeholder {
-    color: #feebc8;
+  .lg\:overflow-y-scroll {
+    overflow-y: scroll;
   }
 
-  .lg\:placeholder-orange-300::placeholder {
-    color: #fbd38d;
+  .lg\:scrolling-touch {
+    -webkit-overflow-scrolling: touch;
   }
 
-  .lg\:placeholder-orange-400::placeholder {
-    color: #f6ad55;
+  .lg\:scrolling-auto {
+    -webkit-overflow-scrolling: auto;
   }
 
-  .lg\:placeholder-orange-500::placeholder {
-    color: #ed8936;
+  .lg\:p-0 {
+    padding: 0;
   }
 
-  .lg\:placeholder-orange-600::placeholder {
-    color: #dd6b20;
+  .lg\:p-1 {
+    padding: 0.25rem;
   }
 
-  .lg\:placeholder-orange-700::placeholder {
-    color: #c05621;
+  .lg\:p-2 {
+    padding: 0.5rem;
   }
 
-  .lg\:placeholder-orange-800::placeholder {
-    color: #9c4221;
+  .lg\:p-3 {
+    padding: 0.75rem;
   }
 
-  .lg\:placeholder-orange-900::placeholder {
-    color: #7b341e;
+  .lg\:p-4 {
+    padding: 1rem;
   }
 
-  .lg\:placeholder-yellow-100::placeholder {
-    color: #fffff0;
+  .lg\:p-5 {
+    padding: 1.25rem;
   }
 
-  .lg\:placeholder-yellow-200::placeholder {
-    color: #fefcbf;
+  .lg\:p-6 {
+    padding: 1.5rem;
   }
 
-  .lg\:placeholder-yellow-300::placeholder {
-    color: #faf089;
+  .lg\:p-8 {
+    padding: 2rem;
   }
 
-  .lg\:placeholder-yellow-400::placeholder {
-    color: #f6e05e;
+  .lg\:p-10 {
+    padding: 2.5rem;
   }
 
-  .lg\:placeholder-yellow-500::placeholder {
-    color: #ecc94b;
+  .lg\:p-12 {
+    padding: 3rem;
   }
 
-  .lg\:placeholder-yellow-600::placeholder {
-    color: #d69e2e;
+  .lg\:p-16 {
+    padding: 4rem;
   }
 
-  .lg\:placeholder-yellow-700::placeholder {
-    color: #b7791f;
+  .lg\:p-20 {
+    padding: 5rem;
   }
 
-  .lg\:placeholder-yellow-800::placeholder {
-    color: #975a16;
+  .lg\:p-24 {
+    padding: 6rem;
   }
 
-  .lg\:placeholder-yellow-900::placeholder {
-    color: #744210;
+  .lg\:p-32 {
+    padding: 8rem;
   }
 
-  .lg\:placeholder-green-100::placeholder {
-    color: #f0fff4;
+  .lg\:p-40 {
+    padding: 10rem;
   }
 
-  .lg\:placeholder-green-200::placeholder {
-    color: #c6f6d5;
+  .lg\:p-48 {
+    padding: 12rem;
   }
 
-  .lg\:placeholder-green-300::placeholder {
-    color: #9ae6b4;
+  .lg\:p-56 {
+    padding: 14rem;
   }
 
-  .lg\:placeholder-green-400::placeholder {
-    color: #68d391;
+  .lg\:p-64 {
+    padding: 16rem;
   }
 
-  .lg\:placeholder-green-500::placeholder {
-    color: #48bb78;
+  .lg\:p-px {
+    padding: 1px;
   }
 
-  .lg\:placeholder-green-600::placeholder {
-    color: #38a169;
+  .lg\:py-0 {
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
-  .lg\:placeholder-green-700::placeholder {
-    color: #2f855a;
+  .lg\:px-0 {
+    padding-left: 0;
+    padding-right: 0;
   }
 
-  .lg\:placeholder-green-800::placeholder {
-    color: #276749;
+  .lg\:py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
   }
 
-  .lg\:placeholder-green-900::placeholder {
-    color: #22543d;
+  .lg\:px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
   }
 
-  .lg\:placeholder-teal-100::placeholder {
-    color: #e6fffa;
+  .lg\:py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
   }
 
-  .lg\:placeholder-teal-200::placeholder {
-    color: #b2f5ea;
+  .lg\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
 
-  .lg\:placeholder-teal-300::placeholder {
-    color: #81e6d9;
+  .lg\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
   }
 
-  .lg\:placeholder-teal-400::placeholder {
-    color: #4fd1c5;
+  .lg\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
   }
 
-  .lg\:placeholder-teal-500::placeholder {
-    color: #38b2ac;
+  .lg\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
   }
 
-  .lg\:placeholder-teal-600::placeholder {
-    color: #319795;
+  .lg\:px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
   }
 
-  .lg\:placeholder-teal-700::placeholder {
-    color: #2c7a7b;
+  .lg\:py-5 {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
   }
 
-  .lg\:placeholder-teal-800::placeholder {
-    color: #285e61;
+  .lg\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
   }
 
-  .lg\:placeholder-teal-900::placeholder {
-    color: #234e52;
+  .lg\:py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
   }
 
-  .lg\:placeholder-blue-100::placeholder {
-    color: #ebf8ff;
+  .lg\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
   }
 
-  .lg\:placeholder-blue-200::placeholder {
-    color: #bee3f8;
+  .lg\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
   }
 
-  .lg\:placeholder-blue-300::placeholder {
-    color: #90cdf4;
+  .lg\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
   }
 
-  .lg\:placeholder-blue-400::placeholder {
-    color: #63b3ed;
+  .lg\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
   }
 
-  .lg\:placeholder-blue-500::placeholder {
-    color: #4299e1;
+  .lg\:px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
   }
 
-  .lg\:placeholder-blue-600::placeholder {
-    color: #3182ce;
+  .lg\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
   }
 
-  .lg\:placeholder-blue-700::placeholder {
-    color: #2b6cb0;
+  .lg\:px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
   }
 
-  .lg\:placeholder-blue-800::placeholder {
-    color: #2c5282;
+  .lg\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
   }
 
-  .lg\:placeholder-blue-900::placeholder {
-    color: #2a4365;
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
   }
 
-  .lg\:placeholder-indigo-100::placeholder {
-    color: #ebf4ff;
+  .lg\:py-20 {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
   }
 
-  .lg\:placeholder-indigo-200::placeholder {
-    color: #c3dafe;
+  .lg\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
   }
 
-  .lg\:placeholder-indigo-300::placeholder {
-    color: #a3bffa;
+  .lg\:py-24 {
+    padding-top: 6rem;
+    padding-bottom: 6rem;
   }
 
-  .lg\:placeholder-indigo-400::placeholder {
-    color: #7f9cf5;
+  .lg\:px-24 {
+    padding-left: 6rem;
+    padding-right: 6rem;
   }
 
-  .lg\:placeholder-indigo-500::placeholder {
-    color: #667eea;
+  .lg\:py-32 {
+    padding-top: 8rem;
+    padding-bottom: 8rem;
   }
 
-  .lg\:placeholder-indigo-600::placeholder {
-    color: #5a67d8;
+  .lg\:px-32 {
+    padding-left: 8rem;
+    padding-right: 8rem;
   }
 
-  .lg\:placeholder-indigo-700::placeholder {
-    color: #4c51bf;
+  .lg\:py-40 {
+    padding-top: 10rem;
+    padding-bottom: 10rem;
   }
 
-  .lg\:placeholder-indigo-800::placeholder {
-    color: #434190;
+  .lg\:px-40 {
+    padding-left: 10rem;
+    padding-right: 10rem;
   }
 
-  .lg\:placeholder-indigo-900::placeholder {
-    color: #3c366b;
+  .lg\:py-48 {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
   }
 
-  .lg\:placeholder-purple-100::placeholder {
-    color: #faf5ff;
+  .lg\:px-48 {
+    padding-left: 12rem;
+    padding-right: 12rem;
   }
 
-  .lg\:placeholder-purple-200::placeholder {
-    color: #e9d8fd;
+  .lg\:py-56 {
+    padding-top: 14rem;
+    padding-bottom: 14rem;
   }
 
-  .lg\:placeholder-purple-300::placeholder {
-    color: #d6bcfa;
+  .lg\:px-56 {
+    padding-left: 14rem;
+    padding-right: 14rem;
   }
 
-  .lg\:placeholder-purple-400::placeholder {
-    color: #b794f4;
+  .lg\:py-64 {
+    padding-top: 16rem;
+    padding-bottom: 16rem;
   }
 
-  .lg\:placeholder-purple-500::placeholder {
-    color: #9f7aea;
+  .lg\:px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
   }
 
-  .lg\:placeholder-purple-600::placeholder {
-    color: #805ad5;
+  .lg\:py-px {
+    padding-top: 1px;
+    padding-bottom: 1px;
   }
 
-  .lg\:placeholder-purple-700::placeholder {
-    color: #6b46c1;
+  .lg\:px-px {
+    padding-left: 1px;
+    padding-right: 1px;
   }
 
-  .lg\:placeholder-purple-800::placeholder {
-    color: #553c9a;
+  .lg\:pt-0 {
+    padding-top: 0;
   }
 
-  .lg\:placeholder-purple-900::placeholder {
-    color: #44337a;
+  .lg\:pr-0 {
+    padding-right: 0;
   }
 
-  .lg\:placeholder-pink-100::placeholder {
-    color: #fff5f7;
+  .lg\:pb-0 {
+    padding-bottom: 0;
   }
 
-  .lg\:placeholder-pink-200::placeholder {
-    color: #fed7e2;
+  .lg\:pl-0 {
+    padding-left: 0;
   }
 
-  .lg\:placeholder-pink-300::placeholder {
-    color: #fbb6ce;
+  .lg\:pt-1 {
+    padding-top: 0.25rem;
   }
 
-  .lg\:placeholder-pink-400::placeholder {
-    color: #f687b3;
+  .lg\:pr-1 {
+    padding-right: 0.25rem;
   }
 
-  .lg\:placeholder-pink-500::placeholder {
-    color: #ed64a6;
+  .lg\:pb-1 {
+    padding-bottom: 0.25rem;
   }
 
-  .lg\:placeholder-pink-600::placeholder {
-    color: #d53f8c;
+  .lg\:pl-1 {
+    padding-left: 0.25rem;
   }
 
-  .lg\:placeholder-pink-700::placeholder {
-    color: #b83280;
+  .lg\:pt-2 {
+    padding-top: 0.5rem;
   }
 
-  .lg\:placeholder-pink-800::placeholder {
-    color: #97266d;
+  .lg\:pr-2 {
+    padding-right: 0.5rem;
   }
 
-  .lg\:placeholder-pink-900::placeholder {
-    color: #702459;
+  .lg\:pb-2 {
+    padding-bottom: 0.5rem;
   }
 
-  .lg\:focus\:placeholder-transparent:focus::placeholder {
-    color: transparent;
+  .lg\:pl-2 {
+    padding-left: 0.5rem;
   }
 
-  .lg\:focus\:placeholder-current:focus::placeholder {
-    color: currentColor;
+  .lg\:pt-3 {
+    padding-top: 0.75rem;
   }
 
-  .lg\:focus\:placeholder-black:focus::placeholder {
-    color: #000;
+  .lg\:pr-3 {
+    padding-right: 0.75rem;
   }
 
-  .lg\:focus\:placeholder-white:focus::placeholder {
-    color: #fff;
+  .lg\:pb-3 {
+    padding-bottom: 0.75rem;
   }
 
-  .lg\:focus\:placeholder-gray-100:focus::placeholder {
-    color: #f7fafc;
+  .lg\:pl-3 {
+    padding-left: 0.75rem;
   }
 
-  .lg\:focus\:placeholder-gray-200:focus::placeholder {
-    color: #edf2f7;
+  .lg\:pt-4 {
+    padding-top: 1rem;
   }
 
-  .lg\:focus\:placeholder-gray-300:focus::placeholder {
-    color: #e2e8f0;
+  .lg\:pr-4 {
+    padding-right: 1rem;
   }
 
-  .lg\:focus\:placeholder-gray-400:focus::placeholder {
-    color: #cbd5e0;
+  .lg\:pb-4 {
+    padding-bottom: 1rem;
   }
 
-  .lg\:focus\:placeholder-gray-500:focus::placeholder {
-    color: #a0aec0;
+  .lg\:pl-4 {
+    padding-left: 1rem;
   }
 
-  .lg\:focus\:placeholder-gray-600:focus::placeholder {
-    color: #718096;
+  .lg\:pt-5 {
+    padding-top: 1.25rem;
   }
 
-  .lg\:focus\:placeholder-gray-700:focus::placeholder {
-    color: #4a5568;
+  .lg\:pr-5 {
+    padding-right: 1.25rem;
   }
 
-  .lg\:focus\:placeholder-gray-800:focus::placeholder {
-    color: #2d3748;
+  .lg\:pb-5 {
+    padding-bottom: 1.25rem;
   }
 
-  .lg\:focus\:placeholder-gray-900:focus::placeholder {
-    color: #1a202c;
+  .lg\:pl-5 {
+    padding-left: 1.25rem;
   }
 
-  .lg\:focus\:placeholder-red-100:focus::placeholder {
-    color: #fff5f5;
+  .lg\:pt-6 {
+    padding-top: 1.5rem;
   }
 
-  .lg\:focus\:placeholder-red-200:focus::placeholder {
-    color: #fed7d7;
+  .lg\:pr-6 {
+    padding-right: 1.5rem;
   }
 
-  .lg\:focus\:placeholder-red-300:focus::placeholder {
-    color: #feb2b2;
+  .lg\:pb-6 {
+    padding-bottom: 1.5rem;
   }
 
-  .lg\:focus\:placeholder-red-400:focus::placeholder {
-    color: #fc8181;
+  .lg\:pl-6 {
+    padding-left: 1.5rem;
   }
 
-  .lg\:focus\:placeholder-red-500:focus::placeholder {
-    color: #f56565;
+  .lg\:pt-8 {
+    padding-top: 2rem;
   }
 
-  .lg\:focus\:placeholder-red-600:focus::placeholder {
-    color: #e53e3e;
+  .lg\:pr-8 {
+    padding-right: 2rem;
   }
 
-  .lg\:focus\:placeholder-red-700:focus::placeholder {
-    color: #c53030;
+  .lg\:pb-8 {
+    padding-bottom: 2rem;
   }
 
-  .lg\:focus\:placeholder-red-800:focus::placeholder {
-    color: #9b2c2c;
+  .lg\:pl-8 {
+    padding-left: 2rem;
   }
 
-  .lg\:focus\:placeholder-red-900:focus::placeholder {
-    color: #742a2a;
+  .lg\:pt-10 {
+    padding-top: 2.5rem;
   }
 
-  .lg\:focus\:placeholder-orange-100:focus::placeholder {
-    color: #fffaf0;
+  .lg\:pr-10 {
+    padding-right: 2.5rem;
   }
 
-  .lg\:focus\:placeholder-orange-200:focus::placeholder {
-    color: #feebc8;
+  .lg\:pb-10 {
+    padding-bottom: 2.5rem;
   }
 
-  .lg\:focus\:placeholder-orange-300:focus::placeholder {
-    color: #fbd38d;
+  .lg\:pl-10 {
+    padding-left: 2.5rem;
   }
 
-  .lg\:focus\:placeholder-orange-400:focus::placeholder {
-    color: #f6ad55;
+  .lg\:pt-12 {
+    padding-top: 3rem;
   }
 
-  .lg\:focus\:placeholder-orange-500:focus::placeholder {
-    color: #ed8936;
+  .lg\:pr-12 {
+    padding-right: 3rem;
   }
 
-  .lg\:focus\:placeholder-orange-600:focus::placeholder {
-    color: #dd6b20;
+  .lg\:pb-12 {
+    padding-bottom: 3rem;
   }
 
-  .lg\:focus\:placeholder-orange-700:focus::placeholder {
-    color: #c05621;
+  .lg\:pl-12 {
+    padding-left: 3rem;
   }
 
-  .lg\:focus\:placeholder-orange-800:focus::placeholder {
-    color: #9c4221;
+  .lg\:pt-16 {
+    padding-top: 4rem;
   }
 
-  .lg\:focus\:placeholder-orange-900:focus::placeholder {
-    color: #7b341e;
+  .lg\:pr-16 {
+    padding-right: 4rem;
   }
 
-  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
-    color: #fffff0;
+  .lg\:pb-16 {
+    padding-bottom: 4rem;
   }
 
-  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
-    color: #fefcbf;
+  .lg\:pl-16 {
+    padding-left: 4rem;
   }
 
-  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
-    color: #faf089;
+  .lg\:pt-20 {
+    padding-top: 5rem;
   }
 
-  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
-    color: #f6e05e;
+  .lg\:pr-20 {
+    padding-right: 5rem;
   }
 
-  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
-    color: #ecc94b;
+  .lg\:pb-20 {
+    padding-bottom: 5rem;
   }
 
-  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
-    color: #d69e2e;
+  .lg\:pl-20 {
+    padding-left: 5rem;
   }
 
-  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
-    color: #b7791f;
+  .lg\:pt-24 {
+    padding-top: 6rem;
   }
 
-  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
-    color: #975a16;
+  .lg\:pr-24 {
+    padding-right: 6rem;
   }
 
-  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
-    color: #744210;
+  .lg\:pb-24 {
+    padding-bottom: 6rem;
   }
 
-  .lg\:focus\:placeholder-green-100:focus::placeholder {
-    color: #f0fff4;
+  .lg\:pl-24 {
+    padding-left: 6rem;
   }
 
-  .lg\:focus\:placeholder-green-200:focus::placeholder {
-    color: #c6f6d5;
+  .lg\:pt-32 {
+    padding-top: 8rem;
   }
 
-  .lg\:focus\:placeholder-green-300:focus::placeholder {
-    color: #9ae6b4;
+  .lg\:pr-32 {
+    padding-right: 8rem;
   }
 
-  .lg\:focus\:placeholder-green-400:focus::placeholder {
-    color: #68d391;
+  .lg\:pb-32 {
+    padding-bottom: 8rem;
   }
 
-  .lg\:focus\:placeholder-green-500:focus::placeholder {
-    color: #48bb78;
+  .lg\:pl-32 {
+    padding-left: 8rem;
   }
 
-  .lg\:focus\:placeholder-green-600:focus::placeholder {
-    color: #38a169;
+  .lg\:pt-40 {
+    padding-top: 10rem;
   }
 
-  .lg\:focus\:placeholder-green-700:focus::placeholder {
-    color: #2f855a;
+  .lg\:pr-40 {
+    padding-right: 10rem;
   }
 
-  .lg\:focus\:placeholder-green-800:focus::placeholder {
-    color: #276749;
+  .lg\:pb-40 {
+    padding-bottom: 10rem;
   }
 
-  .lg\:focus\:placeholder-green-900:focus::placeholder {
-    color: #22543d;
+  .lg\:pl-40 {
+    padding-left: 10rem;
   }
 
-  .lg\:focus\:placeholder-teal-100:focus::placeholder {
-    color: #e6fffa;
+  .lg\:pt-48 {
+    padding-top: 12rem;
   }
 
-  .lg\:focus\:placeholder-teal-200:focus::placeholder {
-    color: #b2f5ea;
+  .lg\:pr-48 {
+    padding-right: 12rem;
   }
 
-  .lg\:focus\:placeholder-teal-300:focus::placeholder {
-    color: #81e6d9;
+  .lg\:pb-48 {
+    padding-bottom: 12rem;
   }
 
-  .lg\:focus\:placeholder-teal-400:focus::placeholder {
-    color: #4fd1c5;
+  .lg\:pl-48 {
+    padding-left: 12rem;
   }
 
-  .lg\:focus\:placeholder-teal-500:focus::placeholder {
-    color: #38b2ac;
+  .lg\:pt-56 {
+    padding-top: 14rem;
   }
 
-  .lg\:focus\:placeholder-teal-600:focus::placeholder {
-    color: #319795;
+  .lg\:pr-56 {
+    padding-right: 14rem;
   }
 
-  .lg\:focus\:placeholder-teal-700:focus::placeholder {
-    color: #2c7a7b;
+  .lg\:pb-56 {
+    padding-bottom: 14rem;
   }
 
-  .lg\:focus\:placeholder-teal-800:focus::placeholder {
-    color: #285e61;
+  .lg\:pl-56 {
+    padding-left: 14rem;
   }
 
-  .lg\:focus\:placeholder-teal-900:focus::placeholder {
-    color: #234e52;
+  .lg\:pt-64 {
+    padding-top: 16rem;
   }
 
-  .lg\:focus\:placeholder-blue-100:focus::placeholder {
-    color: #ebf8ff;
+  .lg\:pr-64 {
+    padding-right: 16rem;
   }
 
-  .lg\:focus\:placeholder-blue-200:focus::placeholder {
-    color: #bee3f8;
+  .lg\:pb-64 {
+    padding-bottom: 16rem;
   }
 
-  .lg\:focus\:placeholder-blue-300:focus::placeholder {
-    color: #90cdf4;
+  .lg\:pl-64 {
+    padding-left: 16rem;
   }
 
-  .lg\:focus\:placeholder-blue-400:focus::placeholder {
-    color: #63b3ed;
+  .lg\:pt-px {
+    padding-top: 1px;
   }
 
-  .lg\:focus\:placeholder-blue-500:focus::placeholder {
-    color: #4299e1;
+  .lg\:pr-px {
+    padding-right: 1px;
   }
 
-  .lg\:focus\:placeholder-blue-600:focus::placeholder {
-    color: #3182ce;
+  .lg\:pb-px {
+    padding-bottom: 1px;
   }
 
-  .lg\:focus\:placeholder-blue-700:focus::placeholder {
-    color: #2b6cb0;
+  .lg\:pl-px {
+    padding-left: 1px;
   }
 
-  .lg\:focus\:placeholder-blue-800:focus::placeholder {
-    color: #2c5282;
+  .lg\:placeholder-transparent::placeholder {
+    color: transparent;
   }
 
-  .lg\:focus\:placeholder-blue-900:focus::placeholder {
-    color: #2a4365;
+  .lg\:placeholder-current::placeholder {
+    color: currentColor;
   }
 
-  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
-    color: #ebf4ff;
+  .lg\:placeholder-black::placeholder {
+    color: #000;
   }
 
-  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
-    color: #c3dafe;
+  .lg\:placeholder-white::placeholder {
+    color: #fff;
   }
 
-  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
-    color: #a3bffa;
+  .lg\:placeholder-gray-100::placeholder {
+    color: #f7fafc;
   }
 
-  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
-    color: #7f9cf5;
+  .lg\:placeholder-gray-200::placeholder {
+    color: #edf2f7;
   }
 
-  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
-    color: #667eea;
+  .lg\:placeholder-gray-300::placeholder {
+    color: #e2e8f0;
   }
 
-  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
-    color: #5a67d8;
+  .lg\:placeholder-gray-400::placeholder {
+    color: #cbd5e0;
   }
 
-  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
-    color: #4c51bf;
+  .lg\:placeholder-gray-500::placeholder {
+    color: #a0aec0;
   }
 
-  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
-    color: #434190;
+  .lg\:placeholder-gray-600::placeholder {
+    color: #718096;
   }
 
-  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
-    color: #3c366b;
+  .lg\:placeholder-gray-700::placeholder {
+    color: #4a5568;
   }
 
-  .lg\:focus\:placeholder-purple-100:focus::placeholder {
-    color: #faf5ff;
+  .lg\:placeholder-gray-800::placeholder {
+    color: #2d3748;
   }
 
-  .lg\:focus\:placeholder-purple-200:focus::placeholder {
-    color: #e9d8fd;
+  .lg\:placeholder-gray-900::placeholder {
+    color: #1a202c;
   }
 
-  .lg\:focus\:placeholder-purple-300:focus::placeholder {
-    color: #d6bcfa;
+  .lg\:placeholder-red-100::placeholder {
+    color: #fff5f5;
   }
 
-  .lg\:focus\:placeholder-purple-400:focus::placeholder {
-    color: #b794f4;
+  .lg\:placeholder-red-200::placeholder {
+    color: #fed7d7;
   }
 
-  .lg\:focus\:placeholder-purple-500:focus::placeholder {
-    color: #9f7aea;
+  .lg\:placeholder-red-300::placeholder {
+    color: #feb2b2;
   }
 
-  .lg\:focus\:placeholder-purple-600:focus::placeholder {
-    color: #805ad5;
+  .lg\:placeholder-red-400::placeholder {
+    color: #fc8181;
   }
 
-  .lg\:focus\:placeholder-purple-700:focus::placeholder {
-    color: #6b46c1;
+  .lg\:placeholder-red-500::placeholder {
+    color: #f56565;
   }
 
-  .lg\:focus\:placeholder-purple-800:focus::placeholder {
-    color: #553c9a;
+  .lg\:placeholder-red-600::placeholder {
+    color: #e53e3e;
   }
 
-  .lg\:focus\:placeholder-purple-900:focus::placeholder {
-    color: #44337a;
+  .lg\:placeholder-red-700::placeholder {
+    color: #c53030;
   }
 
-  .lg\:focus\:placeholder-pink-100:focus::placeholder {
-    color: #fff5f7;
+  .lg\:placeholder-red-800::placeholder {
+    color: #9b2c2c;
   }
 
-  .lg\:focus\:placeholder-pink-200:focus::placeholder {
-    color: #fed7e2;
+  .lg\:placeholder-red-900::placeholder {
+    color: #742a2a;
   }
 
-  .lg\:focus\:placeholder-pink-300:focus::placeholder {
-    color: #fbb6ce;
+  .lg\:placeholder-orange-100::placeholder {
+    color: #fffaf0;
   }
 
-  .lg\:focus\:placeholder-pink-400:focus::placeholder {
-    color: #f687b3;
+  .lg\:placeholder-orange-200::placeholder {
+    color: #feebc8;
   }
 
-  .lg\:focus\:placeholder-pink-500:focus::placeholder {
-    color: #ed64a6;
+  .lg\:placeholder-orange-300::placeholder {
+    color: #fbd38d;
   }
 
-  .lg\:focus\:placeholder-pink-600:focus::placeholder {
-    color: #d53f8c;
+  .lg\:placeholder-orange-400::placeholder {
+    color: #f6ad55;
   }
 
-  .lg\:focus\:placeholder-pink-700:focus::placeholder {
-    color: #b83280;
+  .lg\:placeholder-orange-500::placeholder {
+    color: #ed8936;
   }
 
-  .lg\:focus\:placeholder-pink-800:focus::placeholder {
-    color: #97266d;
+  .lg\:placeholder-orange-600::placeholder {
+    color: #dd6b20;
   }
 
-  .lg\:focus\:placeholder-pink-900:focus::placeholder {
-    color: #702459;
+  .lg\:placeholder-orange-700::placeholder {
+    color: #c05621;
   }
 
-  .lg\:pointer-events-none {
-    pointer-events: none;
+  .lg\:placeholder-orange-800::placeholder {
+    color: #9c4221;
   }
 
-  .lg\:pointer-events-auto {
-    pointer-events: auto;
+  .lg\:placeholder-orange-900::placeholder {
+    color: #7b341e;
   }
 
-  .lg\:static {
-    position: static;
+  .lg\:placeholder-yellow-100::placeholder {
+    color: #fffff0;
   }
 
-  .lg\:fixed {
-    position: fixed;
+  .lg\:placeholder-yellow-200::placeholder {
+    color: #fefcbf;
   }
 
-  .lg\:absolute {
-    position: absolute;
+  .lg\:placeholder-yellow-300::placeholder {
+    color: #faf089;
   }
 
-  .lg\:relative {
-    position: relative;
+  .lg\:placeholder-yellow-400::placeholder {
+    color: #f6e05e;
   }
 
-  .lg\:inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+  .lg\:placeholder-yellow-500::placeholder {
+    color: #ecc94b;
   }
 
-  .lg\:inset-auto {
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
+  .lg\:placeholder-yellow-600::placeholder {
+    color: #d69e2e;
   }
 
-  .lg\:inset-y-0 {
-    top: 0;
-    bottom: 0;
+  .lg\:placeholder-yellow-700::placeholder {
+    color: #b7791f;
   }
 
-  .lg\:inset-x-0 {
-    right: 0;
-    left: 0;
+  .lg\:placeholder-yellow-800::placeholder {
+    color: #975a16;
   }
 
-  .lg\:inset-y-auto {
-    top: auto;
-    bottom: auto;
+  .lg\:placeholder-yellow-900::placeholder {
+    color: #744210;
   }
 
-  .lg\:inset-x-auto {
-    right: auto;
-    left: auto;
+  .lg\:placeholder-green-100::placeholder {
+    color: #f0fff4;
   }
 
-  .lg\:top-0 {
-    top: 0;
+  .lg\:placeholder-green-200::placeholder {
+    color: #c6f6d5;
   }
 
-  .lg\:right-0 {
-    right: 0;
+  .lg\:placeholder-green-300::placeholder {
+    color: #9ae6b4;
   }
 
-  .lg\:bottom-0 {
-    bottom: 0;
+  .lg\:placeholder-green-400::placeholder {
+    color: #68d391;
   }
 
-  .lg\:left-0 {
-    left: 0;
+  .lg\:placeholder-green-500::placeholder {
+    color: #48bb78;
   }
 
-  .lg\:top-auto {
-    top: auto;
+  .lg\:placeholder-green-600::placeholder {
+    color: #38a169;
   }
 
-  .lg\:right-auto {
-    right: auto;
+  .lg\:placeholder-green-700::placeholder {
+    color: #2f855a;
   }
 
-  .lg\:bottom-auto {
-    bottom: auto;
+  .lg\:placeholder-green-800::placeholder {
+    color: #276749;
   }
 
-  .lg\:left-auto {
-    left: auto;
+  .lg\:placeholder-green-900::placeholder {
+    color: #22543d;
   }
 
-  .lg\:resize-none {
-    resize: none;
+  .lg\:placeholder-teal-100::placeholder {
+    color: #e6fffa;
   }
 
-  .lg\:resize-y {
-    resize: vertical;
+  .lg\:placeholder-teal-200::placeholder {
+    color: #b2f5ea;
   }
 
-  .lg\:resize-x {
-    resize: horizontal;
+  .lg\:placeholder-teal-300::placeholder {
+    color: #81e6d9;
   }
 
-  .lg\:resize {
-    resize: both;
+  .lg\:placeholder-teal-400::placeholder {
+    color: #4fd1c5;
   }
 
-  .lg\:shadow-xs {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-teal-500::placeholder {
+    color: #38b2ac;
   }
 
-  .lg\:shadow-sm {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-teal-600::placeholder {
+    color: #319795;
   }
 
-  .lg\:shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-teal-700::placeholder {
+    color: #2c7a7b;
   }
 
-  .lg\:shadow-md {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-teal-800::placeholder {
+    color: #285e61;
   }
 
-  .lg\:shadow-lg {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-teal-900::placeholder {
+    color: #234e52;
   }
 
-  .lg\:shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .lg\:placeholder-blue-100::placeholder {
+    color: #ebf8ff;
   }
 
-  .lg\:shadow-2xl {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .lg\:placeholder-blue-200::placeholder {
+    color: #bee3f8;
   }
 
-  .lg\:shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-blue-300::placeholder {
+    color: #90cdf4;
   }
 
-  .lg\:shadow-outline {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .lg\:placeholder-blue-400::placeholder {
+    color: #63b3ed;
   }
 
-  .lg\:shadow-none {
-    box-shadow: none;
+  .lg\:placeholder-blue-500::placeholder {
+    color: #4299e1;
   }
 
-  .lg\:hover\:shadow-xs:hover {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-blue-600::placeholder {
+    color: #3182ce;
   }
 
-  .lg\:hover\:shadow-sm:hover {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-blue-700::placeholder {
+    color: #2b6cb0;
   }
 
-  .lg\:hover\:shadow:hover {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-blue-800::placeholder {
+    color: #2c5282;
   }
 
-  .lg\:hover\:shadow-md:hover {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-blue-900::placeholder {
+    color: #2a4365;
   }
 
-  .lg\:hover\:shadow-lg:hover {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-indigo-100::placeholder {
+    color: #ebf4ff;
   }
 
-  .lg\:hover\:shadow-xl:hover {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .lg\:placeholder-indigo-200::placeholder {
+    color: #c3dafe;
   }
 
-  .lg\:hover\:shadow-2xl:hover {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .lg\:placeholder-indigo-300::placeholder {
+    color: #a3bffa;
   }
 
-  .lg\:hover\:shadow-inner:hover {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-indigo-400::placeholder {
+    color: #7f9cf5;
   }
 
-  .lg\:hover\:shadow-outline:hover {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .lg\:placeholder-indigo-500::placeholder {
+    color: #667eea;
   }
 
-  .lg\:hover\:shadow-none:hover {
-    box-shadow: none;
+  .lg\:placeholder-indigo-600::placeholder {
+    color: #5a67d8;
   }
 
-  .lg\:focus\:shadow-xs:focus {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-indigo-700::placeholder {
+    color: #4c51bf;
   }
 
-  .lg\:focus\:shadow-sm:focus {
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-indigo-800::placeholder {
+    color: #434190;
   }
 
-  .lg\:focus\:shadow:focus {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-indigo-900::placeholder {
+    color: #3c366b;
   }
 
-  .lg\:focus\:shadow-md:focus {
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-purple-100::placeholder {
+    color: #faf5ff;
   }
 
-  .lg\:focus\:shadow-lg:focus {
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  .lg\:placeholder-purple-200::placeholder {
+    color: #e9d8fd;
   }
 
-  .lg\:focus\:shadow-xl:focus {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  .lg\:placeholder-purple-300::placeholder {
+    color: #d6bcfa;
   }
 
-  .lg\:focus\:shadow-2xl:focus {
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  .lg\:placeholder-purple-400::placeholder {
+    color: #b794f4;
   }
 
-  .lg\:focus\:shadow-inner:focus {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  .lg\:placeholder-purple-500::placeholder {
+    color: #9f7aea;
   }
 
-  .lg\:focus\:shadow-outline:focus {
-    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
+  .lg\:placeholder-purple-600::placeholder {
+    color: #805ad5;
   }
 
-  .lg\:focus\:shadow-none:focus {
-    box-shadow: none;
+  .lg\:placeholder-purple-700::placeholder {
+    color: #6b46c1;
   }
 
-  .lg\:fill-current {
-    fill: currentColor;
+  .lg\:placeholder-purple-800::placeholder {
+    color: #553c9a;
   }
 
-  .lg\:stroke-current {
-    stroke: currentColor;
+  .lg\:placeholder-purple-900::placeholder {
+    color: #44337a;
   }
 
-  .lg\:stroke-0 {
-    stroke-width: 0;
+  .lg\:placeholder-pink-100::placeholder {
+    color: #fff5f7;
   }
 
-  .lg\:stroke-1 {
-    stroke-width: 1;
+  .lg\:placeholder-pink-200::placeholder {
+    color: #fed7e2;
   }
 
-  .lg\:stroke-2 {
-    stroke-width: 2;
+  .lg\:placeholder-pink-300::placeholder {
+    color: #fbb6ce;
   }
 
-  .lg\:table-auto {
-    table-layout: auto;
+  .lg\:placeholder-pink-400::placeholder {
+    color: #f687b3;
   }
 
-  .lg\:table-fixed {
-    table-layout: fixed;
+  .lg\:placeholder-pink-500::placeholder {
+    color: #ed64a6;
   }
 
-  .lg\:text-left {
-    text-align: left;
+  .lg\:placeholder-pink-600::placeholder {
+    color: #d53f8c;
   }
 
-  .lg\:text-center {
-    text-align: center;
+  .lg\:placeholder-pink-700::placeholder {
+    color: #b83280;
   }
 
-  .lg\:text-right {
-    text-align: right;
+  .lg\:placeholder-pink-800::placeholder {
+    color: #97266d;
   }
 
-  .lg\:text-justify {
-    text-align: justify;
+  .lg\:placeholder-pink-900::placeholder {
+    color: #702459;
   }
 
-  .lg\:text-transparent {
+  .lg\:focus\:placeholder-transparent:focus::placeholder {
     color: transparent;
   }
 
-  .lg\:text-current {
+  .lg\:focus\:placeholder-current:focus::placeholder {
     color: currentColor;
   }
 
-  .lg\:text-black {
+  .lg\:focus\:placeholder-black:focus::placeholder {
     color: #000;
   }
 
-  .lg\:text-white {
+  .lg\:focus\:placeholder-white:focus::placeholder {
     color: #fff;
   }
 
-  .lg\:text-gray-100 {
+  .lg\:focus\:placeholder-gray-100:focus::placeholder {
     color: #f7fafc;
   }
 
-  .lg\:text-gray-200 {
+  .lg\:focus\:placeholder-gray-200:focus::placeholder {
     color: #edf2f7;
   }
 
-  .lg\:text-gray-300 {
+  .lg\:focus\:placeholder-gray-300:focus::placeholder {
     color: #e2e8f0;
   }
 
-  .lg\:text-gray-400 {
+  .lg\:focus\:placeholder-gray-400:focus::placeholder {
     color: #cbd5e0;
   }
 
-  .lg\:text-gray-500 {
+  .lg\:focus\:placeholder-gray-500:focus::placeholder {
     color: #a0aec0;
   }
 
-  .lg\:text-gray-600 {
+  .lg\:focus\:placeholder-gray-600:focus::placeholder {
     color: #718096;
   }
 
-  .lg\:text-gray-700 {
+  .lg\:focus\:placeholder-gray-700:focus::placeholder {
     color: #4a5568;
   }
 
-  .lg\:text-gray-800 {
+  .lg\:focus\:placeholder-gray-800:focus::placeholder {
     color: #2d3748;
   }
 
-  .lg\:text-gray-900 {
+  .lg\:focus\:placeholder-gray-900:focus::placeholder {
     color: #1a202c;
   }
 
-  .lg\:text-red-100 {
+  .lg\:focus\:placeholder-red-100:focus::placeholder {
     color: #fff5f5;
   }
 
-  .lg\:text-red-200 {
+  .lg\:focus\:placeholder-red-200:focus::placeholder {
     color: #fed7d7;
   }
 
-  .lg\:text-red-300 {
+  .lg\:focus\:placeholder-red-300:focus::placeholder {
     color: #feb2b2;
   }
 
-  .lg\:text-red-400 {
+  .lg\:focus\:placeholder-red-400:focus::placeholder {
     color: #fc8181;
   }
 
-  .lg\:text-red-500 {
+  .lg\:focus\:placeholder-red-500:focus::placeholder {
     color: #f56565;
   }
 
-  .lg\:text-red-600 {
+  .lg\:focus\:placeholder-red-600:focus::placeholder {
     color: #e53e3e;
   }
 
-  .lg\:text-red-700 {
+  .lg\:focus\:placeholder-red-700:focus::placeholder {
     color: #c53030;
   }
 
-  .lg\:text-red-800 {
+  .lg\:focus\:placeholder-red-800:focus::placeholder {
     color: #9b2c2c;
   }
 
-  .lg\:text-red-900 {
+  .lg\:focus\:placeholder-red-900:focus::placeholder {
     color: #742a2a;
   }
 
-  .lg\:text-orange-100 {
+  .lg\:focus\:placeholder-orange-100:focus::placeholder {
     color: #fffaf0;
   }
 
-  .lg\:text-orange-200 {
+  .lg\:focus\:placeholder-orange-200:focus::placeholder {
     color: #feebc8;
   }
 
-  .lg\:text-orange-300 {
+  .lg\:focus\:placeholder-orange-300:focus::placeholder {
     color: #fbd38d;
   }
 
-  .lg\:text-orange-400 {
+  .lg\:focus\:placeholder-orange-400:focus::placeholder {
     color: #f6ad55;
   }
 
-  .lg\:text-orange-500 {
+  .lg\:focus\:placeholder-orange-500:focus::placeholder {
     color: #ed8936;
   }
 
-  .lg\:text-orange-600 {
+  .lg\:focus\:placeholder-orange-600:focus::placeholder {
     color: #dd6b20;
   }
 
-  .lg\:text-orange-700 {
+  .lg\:focus\:placeholder-orange-700:focus::placeholder {
     color: #c05621;
   }
 
-  .lg\:text-orange-800 {
+  .lg\:focus\:placeholder-orange-800:focus::placeholder {
     color: #9c4221;
   }
 
-  .lg\:text-orange-900 {
+  .lg\:focus\:placeholder-orange-900:focus::placeholder {
     color: #7b341e;
   }
 
-  .lg\:text-yellow-100 {
+  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
     color: #fffff0;
   }
 
-  .lg\:text-yellow-200 {
+  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
     color: #fefcbf;
   }
 
-  .lg\:text-yellow-300 {
+  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
     color: #faf089;
   }
 
-  .lg\:text-yellow-400 {
+  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
     color: #f6e05e;
   }
 
-  .lg\:text-yellow-500 {
+  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
     color: #ecc94b;
   }
 
-  .lg\:text-yellow-600 {
+  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
     color: #d69e2e;
   }
 
-  .lg\:text-yellow-700 {
+  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
     color: #b7791f;
   }
 
-  .lg\:text-yellow-800 {
+  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
     color: #975a16;
   }
 
-  .lg\:text-yellow-900 {
+  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
     color: #744210;
   }
 
-  .lg\:text-green-100 {
+  .lg\:focus\:placeholder-green-100:focus::placeholder {
     color: #f0fff4;
   }
 
-  .lg\:text-green-200 {
+  .lg\:focus\:placeholder-green-200:focus::placeholder {
     color: #c6f6d5;
   }
 
-  .lg\:text-green-300 {
+  .lg\:focus\:placeholder-green-300:focus::placeholder {
     color: #9ae6b4;
   }
 
-  .lg\:text-green-400 {
+  .lg\:focus\:placeholder-green-400:focus::placeholder {
     color: #68d391;
   }
 
-  .lg\:text-green-500 {
+  .lg\:focus\:placeholder-green-500:focus::placeholder {
     color: #48bb78;
   }
 
-  .lg\:text-green-600 {
+  .lg\:focus\:placeholder-green-600:focus::placeholder {
     color: #38a169;
   }
 
-  .lg\:text-green-700 {
+  .lg\:focus\:placeholder-green-700:focus::placeholder {
     color: #2f855a;
   }
 
-  .lg\:text-green-800 {
+  .lg\:focus\:placeholder-green-800:focus::placeholder {
     color: #276749;
   }
 
-  .lg\:text-green-900 {
+  .lg\:focus\:placeholder-green-900:focus::placeholder {
     color: #22543d;
   }
 
-  .lg\:text-teal-100 {
+  .lg\:focus\:placeholder-teal-100:focus::placeholder {
     color: #e6fffa;
   }
 
-  .lg\:text-teal-200 {
+  .lg\:focus\:placeholder-teal-200:focus::placeholder {
     color: #b2f5ea;
   }
 
-  .lg\:text-teal-300 {
+  .lg\:focus\:placeholder-teal-300:focus::placeholder {
     color: #81e6d9;
   }
 
-  .lg\:text-teal-400 {
+  .lg\:focus\:placeholder-teal-400:focus::placeholder {
     color: #4fd1c5;
   }
 
-  .lg\:text-teal-500 {
+  .lg\:focus\:placeholder-teal-500:focus::placeholder {
     color: #38b2ac;
   }
 
-  .lg\:text-teal-600 {
+  .lg\:focus\:placeholder-teal-600:focus::placeholder {
     color: #319795;
   }
 
-  .lg\:text-teal-700 {
+  .lg\:focus\:placeholder-teal-700:focus::placeholder {
     color: #2c7a7b;
   }
 
-  .lg\:text-teal-800 {
+  .lg\:focus\:placeholder-teal-800:focus::placeholder {
     color: #285e61;
   }
 
-  .lg\:text-teal-900 {
+  .lg\:focus\:placeholder-teal-900:focus::placeholder {
     color: #234e52;
   }
 
-  .lg\:text-blue-100 {
+  .lg\:focus\:placeholder-blue-100:focus::placeholder {
     color: #ebf8ff;
   }
 
-  .lg\:text-blue-200 {
+  .lg\:focus\:placeholder-blue-200:focus::placeholder {
     color: #bee3f8;
   }
 
-  .lg\:text-blue-300 {
+  .lg\:focus\:placeholder-blue-300:focus::placeholder {
     color: #90cdf4;
   }
 
-  .lg\:text-blue-400 {
+  .lg\:focus\:placeholder-blue-400:focus::placeholder {
     color: #63b3ed;
   }
 
-  .lg\:text-blue-500 {
+  .lg\:focus\:placeholder-blue-500:focus::placeholder {
     color: #4299e1;
   }
 
-  .lg\:text-blue-600 {
+  .lg\:focus\:placeholder-blue-600:focus::placeholder {
     color: #3182ce;
   }
 
-  .lg\:text-blue-700 {
+  .lg\:focus\:placeholder-blue-700:focus::placeholder {
     color: #2b6cb0;
   }
 
-  .lg\:text-blue-800 {
+  .lg\:focus\:placeholder-blue-800:focus::placeholder {
     color: #2c5282;
   }
 
-  .lg\:text-blue-900 {
+  .lg\:focus\:placeholder-blue-900:focus::placeholder {
     color: #2a4365;
   }
 
-  .lg\:text-indigo-100 {
+  .lg\:focus\:placeholder-indigo-100:focus::placeholder {
     color: #ebf4ff;
   }
 
-  .lg\:text-indigo-200 {
+  .lg\:focus\:placeholder-indigo-200:focus::placeholder {
     color: #c3dafe;
   }
 
-  .lg\:text-indigo-300 {
+  .lg\:focus\:placeholder-indigo-300:focus::placeholder {
     color: #a3bffa;
   }
 
-  .lg\:text-indigo-400 {
+  .lg\:focus\:placeholder-indigo-400:focus::placeholder {
     color: #7f9cf5;
   }
 
-  .lg\:text-indigo-500 {
+  .lg\:focus\:placeholder-indigo-500:focus::placeholder {
     color: #667eea;
   }
 
-  .lg\:text-indigo-600 {
+  .lg\:focus\:placeholder-indigo-600:focus::placeholder {
     color: #5a67d8;
   }
 
-  .lg\:text-indigo-700 {
+  .lg\:focus\:placeholder-indigo-700:focus::placeholder {
     color: #4c51bf;
   }
 
-  .lg\:text-indigo-800 {
+  .lg\:focus\:placeholder-indigo-800:focus::placeholder {
     color: #434190;
   }
 
-  .lg\:text-indigo-900 {
+  .lg\:focus\:placeholder-indigo-900:focus::placeholder {
     color: #3c366b;
   }
 
-  .lg\:text-purple-100 {
+  .lg\:focus\:placeholder-purple-100:focus::placeholder {
     color: #faf5ff;
   }
 
-  .lg\:text-purple-200 {
+  .lg\:focus\:placeholder-purple-200:focus::placeholder {
     color: #e9d8fd;
   }
 
-  .lg\:text-purple-300 {
+  .lg\:focus\:placeholder-purple-300:focus::placeholder {
     color: #d6bcfa;
   }
 
-  .lg\:text-purple-400 {
+  .lg\:focus\:placeholder-purple-400:focus::placeholder {
     color: #b794f4;
   }
 
-  .lg\:text-purple-500 {
+  .lg\:focus\:placeholder-purple-500:focus::placeholder {
     color: #9f7aea;
   }
 
-  .lg\:text-purple-600 {
+  .lg\:focus\:placeholder-purple-600:focus::placeholder {
     color: #805ad5;
   }
 
-  .lg\:text-purple-700 {
+  .lg\:focus\:placeholder-purple-700:focus::placeholder {
     color: #6b46c1;
   }
 
-  .lg\:text-purple-800 {
+  .lg\:focus\:placeholder-purple-800:focus::placeholder {
     color: #553c9a;
   }
 
-  .lg\:text-purple-900 {
+  .lg\:focus\:placeholder-purple-900:focus::placeholder {
     color: #44337a;
   }
 
-  .lg\:text-pink-100 {
+  .lg\:focus\:placeholder-pink-100:focus::placeholder {
     color: #fff5f7;
   }
 
-  .lg\:text-pink-200 {
+  .lg\:focus\:placeholder-pink-200:focus::placeholder {
     color: #fed7e2;
   }
 
-  .lg\:text-pink-300 {
+  .lg\:focus\:placeholder-pink-300:focus::placeholder {
     color: #fbb6ce;
   }
 
-  .lg\:text-pink-400 {
+  .lg\:focus\:placeholder-pink-400:focus::placeholder {
     color: #f687b3;
   }
 
-  .lg\:text-pink-500 {
+  .lg\:focus\:placeholder-pink-500:focus::placeholder {
     color: #ed64a6;
   }
 
-  .lg\:text-pink-600 {
+  .lg\:focus\:placeholder-pink-600:focus::placeholder {
     color: #d53f8c;
   }
 
-  .lg\:text-pink-700 {
+  .lg\:focus\:placeholder-pink-700:focus::placeholder {
     color: #b83280;
   }
 
-  .lg\:text-pink-800 {
+  .lg\:focus\:placeholder-pink-800:focus::placeholder {
     color: #97266d;
   }
 
-  .lg\:text-pink-900 {
+  .lg\:focus\:placeholder-pink-900:focus::placeholder {
     color: #702459;
   }
 
-  .lg\:hover\:text-transparent:hover {
-    color: transparent;
-  }
-
-  .lg\:hover\:text-current:hover {
-    color: currentColor;
-  }
-
-  .lg\:hover\:text-black:hover {
-    color: #000;
-  }
-
-  .lg\:hover\:text-white:hover {
-    color: #fff;
-  }
-
-  .lg\:hover\:text-gray-100:hover {
-    color: #f7fafc;
-  }
-
-  .lg\:hover\:text-gray-200:hover {
-    color: #edf2f7;
-  }
-
-  .lg\:hover\:text-gray-300:hover {
-    color: #e2e8f0;
-  }
-
-  .lg\:hover\:text-gray-400:hover {
-    color: #cbd5e0;
-  }
-
-  .lg\:hover\:text-gray-500:hover {
-    color: #a0aec0;
-  }
-
-  .lg\:hover\:text-gray-600:hover {
-    color: #718096;
-  }
-
-  .lg\:hover\:text-gray-700:hover {
-    color: #4a5568;
-  }
-
-  .lg\:hover\:text-gray-800:hover {
-    color: #2d3748;
-  }
-
-  .lg\:hover\:text-gray-900:hover {
-    color: #1a202c;
-  }
-
-  .lg\:hover\:text-red-100:hover {
-    color: #fff5f5;
-  }
-
-  .lg\:hover\:text-red-200:hover {
-    color: #fed7d7;
-  }
-
-  .lg\:hover\:text-red-300:hover {
-    color: #feb2b2;
-  }
-
-  .lg\:hover\:text-red-400:hover {
-    color: #fc8181;
-  }
-
-  .lg\:hover\:text-red-500:hover {
-    color: #f56565;
-  }
-
-  .lg\:hover\:text-red-600:hover {
-    color: #e53e3e;
-  }
-
-  .lg\:hover\:text-red-700:hover {
-    color: #c53030;
-  }
-
-  .lg\:hover\:text-red-800:hover {
-    color: #9b2c2c;
-  }
-
-  .lg\:hover\:text-red-900:hover {
-    color: #742a2a;
-  }
-
-  .lg\:hover\:text-orange-100:hover {
-    color: #fffaf0;
-  }
-
-  .lg\:hover\:text-orange-200:hover {
-    color: #feebc8;
-  }
-
-  .lg\:hover\:text-orange-300:hover {
-    color: #fbd38d;
-  }
-
-  .lg\:hover\:text-orange-400:hover {
-    color: #f6ad55;
-  }
-
-  .lg\:hover\:text-orange-500:hover {
-    color: #ed8936;
-  }
-
-  .lg\:hover\:text-orange-600:hover {
-    color: #dd6b20;
-  }
-
-  .lg\:hover\:text-orange-700:hover {
-    color: #c05621;
-  }
-
-  .lg\:hover\:text-orange-800:hover {
-    color: #9c4221;
+  .lg\:pointer-events-none {
+    pointer-events: none;
   }
 
-  .lg\:hover\:text-orange-900:hover {
-    color: #7b341e;
+  .lg\:pointer-events-auto {
+    pointer-events: auto;
   }
 
-  .lg\:hover\:text-yellow-100:hover {
-    color: #fffff0;
+  .lg\:static {
+    position: static;
   }
 
-  .lg\:hover\:text-yellow-200:hover {
-    color: #fefcbf;
+  .lg\:fixed {
+    position: fixed;
   }
 
-  .lg\:hover\:text-yellow-300:hover {
-    color: #faf089;
+  .lg\:absolute {
+    position: absolute;
   }
 
-  .lg\:hover\:text-yellow-400:hover {
-    color: #f6e05e;
+  .lg\:relative {
+    position: relative;
   }
 
-  .lg\:hover\:text-yellow-500:hover {
-    color: #ecc94b;
+  .lg\:inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
   }
 
-  .lg\:hover\:text-yellow-600:hover {
-    color: #d69e2e;
+  .lg\:inset-auto {
+    top: auto;
+    right: auto;
+    bottom: auto;
+    left: auto;
   }
 
-  .lg\:hover\:text-yellow-700:hover {
-    color: #b7791f;
+  .lg\:inset-y-0 {
+    top: 0;
+    bottom: 0;
   }
 
-  .lg\:hover\:text-yellow-800:hover {
-    color: #975a16;
+  .lg\:inset-x-0 {
+    right: 0;
+    left: 0;
   }
 
-  .lg\:hover\:text-yellow-900:hover {
-    color: #744210;
+  .lg\:inset-y-auto {
+    top: auto;
+    bottom: auto;
   }
 
-  .lg\:hover\:text-green-100:hover {
-    color: #f0fff4;
+  .lg\:inset-x-auto {
+    right: auto;
+    left: auto;
   }
 
-  .lg\:hover\:text-green-200:hover {
-    color: #c6f6d5;
+  .lg\:top-0 {
+    top: 0;
   }
 
-  .lg\:hover\:text-green-300:hover {
-    color: #9ae6b4;
+  .lg\:right-0 {
+    right: 0;
   }
 
-  .lg\:hover\:text-green-400:hover {
-    color: #68d391;
+  .lg\:bottom-0 {
+    bottom: 0;
   }
 
-  .lg\:hover\:text-green-500:hover {
-    color: #48bb78;
+  .lg\:left-0 {
+    left: 0;
   }
 
-  .lg\:hover\:text-green-600:hover {
-    color: #38a169;
+  .lg\:top-auto {
+    top: auto;
   }
 
-  .lg\:hover\:text-green-700:hover {
-    color: #2f855a;
+  .lg\:right-auto {
+    right: auto;
   }
 
-  .lg\:hover\:text-green-800:hover {
-    color: #276749;
+  .lg\:bottom-auto {
+    bottom: auto;
   }
 
-  .lg\:hover\:text-green-900:hover {
-    color: #22543d;
+  .lg\:left-auto {
+    left: auto;
   }
 
-  .lg\:hover\:text-teal-100:hover {
-    color: #e6fffa;
+  .lg\:resize-none {
+    resize: none;
   }
 
-  .lg\:hover\:text-teal-200:hover {
-    color: #b2f5ea;
+  .lg\:resize-y {
+    resize: vertical;
   }
 
-  .lg\:hover\:text-teal-300:hover {
-    color: #81e6d9;
+  .lg\:resize-x {
+    resize: horizontal;
   }
 
-  .lg\:hover\:text-teal-400:hover {
-    color: #4fd1c5;
+  .lg\:resize {
+    resize: both;
   }
 
-  .lg\:hover\:text-teal-500:hover {
-    color: #38b2ac;
+  .lg\:shadow-xs {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-teal-600:hover {
-    color: #319795;
+  .lg\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-teal-700:hover {
-    color: #2c7a7b;
+  .lg\:shadow {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-teal-800:hover {
-    color: #285e61;
+  .lg\:shadow-md {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-teal-900:hover {
-    color: #234e52;
+  .lg\:shadow-lg {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-blue-100:hover {
-    color: #ebf8ff;
+  .lg\:shadow-xl {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .lg\:hover\:text-blue-200:hover {
-    color: #bee3f8;
+  .lg\:shadow-2xl {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .lg\:hover\:text-blue-300:hover {
-    color: #90cdf4;
+  .lg\:shadow-inner {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-blue-400:hover {
-    color: #63b3ed;
+  .lg\:shadow-outline {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .lg\:hover\:text-blue-500:hover {
-    color: #4299e1;
+  .lg\:shadow-none {
+    box-shadow: none;
   }
 
-  .lg\:hover\:text-blue-600:hover {
-    color: #3182ce;
+  .lg\:hover\:shadow-xs:hover {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-blue-700:hover {
-    color: #2b6cb0;
+  .lg\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-blue-800:hover {
-    color: #2c5282;
+  .lg\:hover\:shadow:hover {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-blue-900:hover {
-    color: #2a4365;
+  .lg\:hover\:shadow-md:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-indigo-100:hover {
-    color: #ebf4ff;
+  .lg\:hover\:shadow-lg:hover {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-indigo-200:hover {
-    color: #c3dafe;
+  .lg\:hover\:shadow-xl:hover {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .lg\:hover\:text-indigo-300:hover {
-    color: #a3bffa;
+  .lg\:hover\:shadow-2xl:hover {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .lg\:hover\:text-indigo-400:hover {
-    color: #7f9cf5;
+  .lg\:hover\:shadow-inner:hover {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-indigo-500:hover {
-    color: #667eea;
+  .lg\:hover\:shadow-outline:hover {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .lg\:hover\:text-indigo-600:hover {
-    color: #5a67d8;
+  .lg\:hover\:shadow-none:hover {
+    box-shadow: none;
   }
 
-  .lg\:hover\:text-indigo-700:hover {
-    color: #4c51bf;
+  .lg\:focus\:shadow-xs:focus {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-indigo-800:hover {
-    color: #434190;
+  .lg\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-indigo-900:hover {
-    color: #3c366b;
+  .lg\:focus\:shadow:focus {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-purple-100:hover {
-    color: #faf5ff;
+  .lg\:focus\:shadow-md:focus {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-purple-200:hover {
-    color: #e9d8fd;
+  .lg\:focus\:shadow-lg:focus {
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
-  .lg\:hover\:text-purple-300:hover {
-    color: #d6bcfa;
+  .lg\:focus\:shadow-xl:focus {
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
   }
 
-  .lg\:hover\:text-purple-400:hover {
-    color: #b794f4;
+  .lg\:focus\:shadow-2xl:focus {
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
   }
 
-  .lg\:hover\:text-purple-500:hover {
-    color: #9f7aea;
+  .lg\:focus\:shadow-inner:focus {
+    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   }
 
-  .lg\:hover\:text-purple-600:hover {
-    color: #805ad5;
+  .lg\:focus\:shadow-outline:focus {
+    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
   }
 
-  .lg\:hover\:text-purple-700:hover {
-    color: #6b46c1;
+  .lg\:focus\:shadow-none:focus {
+    box-shadow: none;
   }
 
-  .lg\:hover\:text-purple-800:hover {
-    color: #553c9a;
+  .lg\:fill-current {
+    fill: currentColor;
   }
 
-  .lg\:hover\:text-purple-900:hover {
-    color: #44337a;
+  .lg\:stroke-current {
+    stroke: currentColor;
   }
 
-  .lg\:hover\:text-pink-100:hover {
-    color: #fff5f7;
+  .lg\:stroke-0 {
+    stroke-width: 0;
   }
 
-  .lg\:hover\:text-pink-200:hover {
-    color: #fed7e2;
+  .lg\:stroke-1 {
+    stroke-width: 1;
   }
 
-  .lg\:hover\:text-pink-300:hover {
-    color: #fbb6ce;
+  .lg\:stroke-2 {
+    stroke-width: 2;
   }
 
-  .lg\:hover\:text-pink-400:hover {
-    color: #f687b3;
+  .lg\:table-auto {
+    table-layout: auto;
   }
 
-  .lg\:hover\:text-pink-500:hover {
-    color: #ed64a6;
+  .lg\:table-fixed {
+    table-layout: fixed;
   }
 
-  .lg\:hover\:text-pink-600:hover {
-    color: #d53f8c;
+  .lg\:text-left {
+    text-align: left;
   }
 
-  .lg\:hover\:text-pink-700:hover {
-    color: #b83280;
+  .lg\:text-center {
+    text-align: center;
   }
 
-  .lg\:hover\:text-pink-800:hover {
-    color: #97266d;
+  .lg\:text-right {
+    text-align: right;
   }
 
-  .lg\:hover\:text-pink-900:hover {
-    color: #702459;
+  .lg\:text-justify {
+    text-align: justify;
   }
 
-  .lg\:focus\:text-transparent:focus {
+  .lg\:text-transparent {
     color: transparent;
   }
 
-  .lg\:focus\:text-current:focus {
+  .lg\:text-current {
     color: currentColor;
   }
 
-  .lg\:focus\:text-black:focus {
+  .lg\:text-black {
     color: #000;
   }
 
-  .lg\:focus\:text-white:focus {
+  .lg\:text-white {
     color: #fff;
   }
 
-  .lg\:focus\:text-gray-100:focus {
+  .lg\:text-gray-100 {
     color: #f7fafc;
   }
 
-  .lg\:focus\:text-gray-200:focus {
+  .lg\:text-gray-200 {
     color: #edf2f7;
   }
 
-  .lg\:focus\:text-gray-300:focus {
+  .lg\:text-gray-300 {
     color: #e2e8f0;
   }
 
-  .lg\:focus\:text-gray-400:focus {
+  .lg\:text-gray-400 {
     color: #cbd5e0;
   }
 
-  .lg\:focus\:text-gray-500:focus {
+  .lg\:text-gray-500 {
     color: #a0aec0;
   }
 
-  .lg\:focus\:text-gray-600:focus {
+  .lg\:text-gray-600 {
     color: #718096;
   }
 
-  .lg\:focus\:text-gray-700:focus {
+  .lg\:text-gray-700 {
     color: #4a5568;
   }
 
-  .lg\:focus\:text-gray-800:focus {
+  .lg\:text-gray-800 {
     color: #2d3748;
   }
 
-  .lg\:focus\:text-gray-900:focus {
+  .lg\:text-gray-900 {
     color: #1a202c;
   }
 
-  .lg\:focus\:text-red-100:focus {
+  .lg\:text-red-100 {
     color: #fff5f5;
   }
 
-  .lg\:focus\:text-red-200:focus {
+  .lg\:text-red-200 {
     color: #fed7d7;
   }
 
-  .lg\:focus\:text-red-300:focus {
+  .lg\:text-red-300 {
     color: #feb2b2;
   }
 
-  .lg\:focus\:text-red-400:focus {
+  .lg\:text-red-400 {
     color: #fc8181;
   }
 
-  .lg\:focus\:text-red-500:focus {
+  .lg\:text-red-500 {
     color: #f56565;
   }
 
-  .lg\:focus\:text-red-600:focus {
+  .lg\:text-red-600 {
     color: #e53e3e;
   }
 
-  .lg\:focus\:text-red-700:focus {
+  .lg\:text-red-700 {
     color: #c53030;
   }
 
-  .lg\:focus\:text-red-800:focus {
+  .lg\:text-red-800 {
     color: #9b2c2c;
   }
 
-  .lg\:focus\:text-red-900:focus {
+  .lg\:text-red-900 {
     color: #742a2a;
   }
 
-  .lg\:focus\:text-orange-100:focus {
+  .lg\:text-orange-100 {
     color: #fffaf0;
   }
 
-  .lg\:focus\:text-orange-200:focus {
+  .lg\:text-orange-200 {
     color: #feebc8;
   }
 
-  .lg\:focus\:text-orange-300:focus {
+  .lg\:text-orange-300 {
     color: #fbd38d;
   }
 
-  .lg\:focus\:text-orange-400:focus {
+  .lg\:text-orange-400 {
     color: #f6ad55;
   }
 
-  .lg\:focus\:text-orange-500:focus {
+  .lg\:text-orange-500 {
     color: #ed8936;
   }
 
-  .lg\:focus\:text-orange-600:focus {
+  .lg\:text-orange-600 {
     color: #dd6b20;
   }
 
-  .lg\:focus\:text-orange-700:focus {
+  .lg\:text-orange-700 {
     color: #c05621;
   }
 
-  .lg\:focus\:text-orange-800:focus {
+  .lg\:text-orange-800 {
     color: #9c4221;
   }
 
-  .lg\:focus\:text-orange-900:focus {
+  .lg\:text-orange-900 {
     color: #7b341e;
   }
 
-  .lg\:focus\:text-yellow-100:focus {
+  .lg\:text-yellow-100 {
     color: #fffff0;
   }
 
-  .lg\:focus\:text-yellow-200:focus {
+  .lg\:text-yellow-200 {
     color: #fefcbf;
   }
 
-  .lg\:focus\:text-yellow-300:focus {
+  .lg\:text-yellow-300 {
     color: #faf089;
   }
 
-  .lg\:focus\:text-yellow-400:focus {
+  .lg\:text-yellow-400 {
     color: #f6e05e;
   }
 
-  .lg\:focus\:text-yellow-500:focus {
+  .lg\:text-yellow-500 {
     color: #ecc94b;
   }
 
-  .lg\:focus\:text-yellow-600:focus {
+  .lg\:text-yellow-600 {
     color: #d69e2e;
   }
 
-  .lg\:focus\:text-yellow-700:focus {
+  .lg\:text-yellow-700 {
     color: #b7791f;
   }
 
-  .lg\:focus\:text-yellow-800:focus {
+  .lg\:text-yellow-800 {
     color: #975a16;
   }
 
-  .lg\:focus\:text-yellow-900:focus {
+  .lg\:text-yellow-900 {
     color: #744210;
   }
 
-  .lg\:focus\:text-green-100:focus {
+  .lg\:text-green-100 {
     color: #f0fff4;
   }
 
-  .lg\:focus\:text-green-200:focus {
+  .lg\:text-green-200 {
     color: #c6f6d5;
   }
 
-  .lg\:focus\:text-green-300:focus {
+  .lg\:text-green-300 {
     color: #9ae6b4;
   }
 
-  .lg\:focus\:text-green-400:focus {
+  .lg\:text-green-400 {
     color: #68d391;
   }
 
-  .lg\:focus\:text-green-500:focus {
+  .lg\:text-green-500 {
     color: #48bb78;
   }
 
-  .lg\:focus\:text-green-600:focus {
+  .lg\:text-green-600 {
     color: #38a169;
   }
 
-  .lg\:focus\:text-green-700:focus {
+  .lg\:text-green-700 {
     color: #2f855a;
   }
 
-  .lg\:focus\:text-green-800:focus {
+  .lg\:text-green-800 {
     color: #276749;
   }
 
-  .lg\:focus\:text-green-900:focus {
+  .lg\:text-green-900 {
     color: #22543d;
   }
 
-  .lg\:focus\:text-teal-100:focus {
+  .lg\:text-teal-100 {
     color: #e6fffa;
   }
 
-  .lg\:focus\:text-teal-200:focus {
+  .lg\:text-teal-200 {
     color: #b2f5ea;
   }
 
-  .lg\:focus\:text-teal-300:focus {
+  .lg\:text-teal-300 {
     color: #81e6d9;
   }
 
-  .lg\:focus\:text-teal-400:focus {
+  .lg\:text-teal-400 {
     color: #4fd1c5;
   }
 
-  .lg\:focus\:text-teal-500:focus {
+  .lg\:text-teal-500 {
     color: #38b2ac;
   }
 
-  .lg\:focus\:text-teal-600:focus {
+  .lg\:text-teal-600 {
     color: #319795;
   }
 
-  .lg\:focus\:text-teal-700:focus {
+  .lg\:text-teal-700 {
     color: #2c7a7b;
   }
 
-  .lg\:focus\:text-teal-800:focus {
+  .lg\:text-teal-800 {
     color: #285e61;
   }
 
-  .lg\:focus\:text-teal-900:focus {
+  .lg\:text-teal-900 {
     color: #234e52;
   }
 
-  .lg\:focus\:text-blue-100:focus {
+  .lg\:text-blue-100 {
     color: #ebf8ff;
   }
 
-  .lg\:focus\:text-blue-200:focus {
+  .lg\:text-blue-200 {
     color: #bee3f8;
   }
 
-  .lg\:focus\:text-blue-300:focus {
+  .lg\:text-blue-300 {
     color: #90cdf4;
   }
 
-  .lg\:focus\:text-blue-400:focus {
+  .lg\:text-blue-400 {
     color: #63b3ed;
   }
 
-  .lg\:focus\:text-blue-500:focus {
+  .lg\:text-blue-500 {
     color: #4299e1;
   }
 
-  .lg\:focus\:text-blue-600:focus {
+  .lg\:text-blue-600 {
     color: #3182ce;
   }
 
-  .lg\:focus\:text-blue-700:focus {
+  .lg\:text-blue-700 {
     color: #2b6cb0;
   }
 
-  .lg\:focus\:text-blue-800:focus {
+  .lg\:text-blue-800 {
     color: #2c5282;
   }
 
-  .lg\:focus\:text-blue-900:focus {
+  .lg\:text-blue-900 {
     color: #2a4365;
   }
 
-  .lg\:focus\:text-indigo-100:focus {
+  .lg\:text-indigo-100 {
     color: #ebf4ff;
   }
 
-  .lg\:focus\:text-indigo-200:focus {
+  .lg\:text-indigo-200 {
     color: #c3dafe;
   }
 
-  .lg\:focus\:text-indigo-300:focus {
+  .lg\:text-indigo-300 {
     color: #a3bffa;
   }
 
-  .lg\:focus\:text-indigo-400:focus {
+  .lg\:text-indigo-400 {
     color: #7f9cf5;
   }
 
-  .lg\:focus\:text-indigo-500:focus {
+  .lg\:text-indigo-500 {
     color: #667eea;
   }
 
-  .lg\:focus\:text-indigo-600:focus {
+  .lg\:text-indigo-600 {
     color: #5a67d8;
   }
 
-  .lg\:focus\:text-indigo-700:focus {
+  .lg\:text-indigo-700 {
     color: #4c51bf;
   }
 
-  .lg\:focus\:text-indigo-800:focus {
+  .lg\:text-indigo-800 {
     color: #434190;
   }
 
-  .lg\:focus\:text-indigo-900:focus {
+  .lg\:text-indigo-900 {
     color: #3c366b;
   }
 
-  .lg\:focus\:text-purple-100:focus {
+  .lg\:text-purple-100 {
     color: #faf5ff;
   }
 
-  .lg\:focus\:text-purple-200:focus {
+  .lg\:text-purple-200 {
     color: #e9d8fd;
   }
 
-  .lg\:focus\:text-purple-300:focus {
+  .lg\:text-purple-300 {
     color: #d6bcfa;
   }
 
-  .lg\:focus\:text-purple-400:focus {
+  .lg\:text-purple-400 {
     color: #b794f4;
   }
 
-  .lg\:focus\:text-purple-500:focus {
+  .lg\:text-purple-500 {
     color: #9f7aea;
   }
 
-  .lg\:focus\:text-purple-600:focus {
+  .lg\:text-purple-600 {
     color: #805ad5;
   }
 
-  .lg\:focus\:text-purple-700:focus {
+  .lg\:text-purple-700 {
     color: #6b46c1;
   }
 
-  .lg\:focus\:text-purple-800:focus {
+  .lg\:text-purple-800 {
     color: #553c9a;
   }
 
-  .lg\:focus\:text-purple-900:focus {
+  .lg\:text-purple-900 {
     color: #44337a;
   }
 
-  .lg\:focus\:text-pink-100:focus {
+  .lg\:text-pink-100 {
     color: #fff5f7;
   }
 
-  .lg\:focus\:text-pink-200:focus {
+  .lg\:text-pink-200 {
     color: #fed7e2;
   }
 
-  .lg\:focus\:text-pink-300:focus {
+  .lg\:text-pink-300 {
     color: #fbb6ce;
   }
 
-  .lg\:focus\:text-pink-400:focus {
+  .lg\:text-pink-400 {
     color: #f687b3;
   }
 
-  .lg\:focus\:text-pink-500:focus {
+  .lg\:text-pink-500 {
     color: #ed64a6;
   }
 
-  .lg\:focus\:text-pink-600:focus {
+  .lg\:text-pink-600 {
     color: #d53f8c;
   }
 
-  .lg\:focus\:text-pink-700:focus {
+  .lg\:text-pink-700 {
     color: #b83280;
   }
 
-  .lg\:focus\:text-pink-800:focus {
+  .lg\:text-pink-800 {
     color: #97266d;
   }
 
-  .lg\:focus\:text-pink-900:focus {
+  .lg\:text-pink-900 {
     color: #702459;
   }
 
-  .lg\:italic {
-    font-style: italic;
+  .lg\:hover\:text-transparent:hover {
+    color: transparent;
   }
 
-  .lg\:not-italic {
-    font-style: normal;
+  .lg\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .lg\:hover\:text-black:hover {
+    color: #000;
+  }
+
+  .lg\:hover\:text-white:hover {
+    color: #fff;
+  }
+
+  .lg\:hover\:text-gray-100:hover {
+    color: #f7fafc;
+  }
+
+  .lg\:hover\:text-gray-200:hover {
+    color: #edf2f7;
+  }
+
+  .lg\:hover\:text-gray-300:hover {
+    color: #e2e8f0;
+  }
+
+  .lg\:hover\:text-gray-400:hover {
+    color: #cbd5e0;
+  }
+
+  .lg\:hover\:text-gray-500:hover {
+    color: #a0aec0;
+  }
+
+  .lg\:hover\:text-gray-600:hover {
+    color: #718096;
+  }
+
+  .lg\:hover\:text-gray-700:hover {
+    color: #4a5568;
+  }
+
+  .lg\:hover\:text-gray-800:hover {
+    color: #2d3748;
+  }
+
+  .lg\:hover\:text-gray-900:hover {
+    color: #1a202c;
+  }
+
+  .lg\:hover\:text-red-100:hover {
+    color: #fff5f5;
+  }
+
+  .lg\:hover\:text-red-200:hover {
+    color: #fed7d7;
+  }
+
+  .lg\:hover\:text-red-300:hover {
+    color: #feb2b2;
+  }
+
+  .lg\:hover\:text-red-400:hover {
+    color: #fc8181;
+  }
+
+  .lg\:hover\:text-red-500:hover {
+    color: #f56565;
+  }
+
+  .lg\:hover\:text-red-600:hover {
+    color: #e53e3e;
+  }
+
+  .lg\:hover\:text-red-700:hover {
+    color: #c53030;
+  }
+
+  .lg\:hover\:text-red-800:hover {
+    color: #9b2c2c;
+  }
+
+  .lg\:hover\:text-red-900:hover {
+    color: #742a2a;
+  }
+
+  .lg\:hover\:text-orange-100:hover {
+    color: #fffaf0;
+  }
+
+  .lg\:hover\:text-orange-200:hover {
+    color: #feebc8;
+  }
+
+  .lg\:hover\:text-orange-300:hover {
+    color: #fbd38d;
+  }
+
+  .lg\:hover\:text-orange-400:hover {
+    color: #f6ad55;
   }
 
-  .lg\:uppercase {
-    text-transform: uppercase;
+  .lg\:hover\:text-orange-500:hover {
+    color: #ed8936;
   }
 
-  .lg\:lowercase {
-    text-transform: lowercase;
+  .lg\:hover\:text-orange-600:hover {
+    color: #dd6b20;
   }
 
-  .lg\:capitalize {
-    text-transform: capitalize;
+  .lg\:hover\:text-orange-700:hover {
+    color: #c05621;
   }
 
-  .lg\:normal-case {
-    text-transform: none;
+  .lg\:hover\:text-orange-800:hover {
+    color: #9c4221;
   }
 
-  .lg\:underline {
-    text-decoration: underline;
+  .lg\:hover\:text-orange-900:hover {
+    color: #7b341e;
   }
 
-  .lg\:line-through {
-    text-decoration: line-through;
+  .lg\:hover\:text-yellow-100:hover {
+    color: #fffff0;
   }
 
-  .lg\:no-underline {
-    text-decoration: none;
+  .lg\:hover\:text-yellow-200:hover {
+    color: #fefcbf;
   }
 
-  .lg\:hover\:underline:hover {
-    text-decoration: underline;
+  .lg\:hover\:text-yellow-300:hover {
+    color: #faf089;
   }
 
-  .lg\:hover\:line-through:hover {
-    text-decoration: line-through;
+  .lg\:hover\:text-yellow-400:hover {
+    color: #f6e05e;
   }
 
-  .lg\:hover\:no-underline:hover {
-    text-decoration: none;
+  .lg\:hover\:text-yellow-500:hover {
+    color: #ecc94b;
   }
 
-  .lg\:focus\:underline:focus {
-    text-decoration: underline;
+  .lg\:hover\:text-yellow-600:hover {
+    color: #d69e2e;
   }
 
-  .lg\:focus\:line-through:focus {
-    text-decoration: line-through;
+  .lg\:hover\:text-yellow-700:hover {
+    color: #b7791f;
   }
 
-  .lg\:focus\:no-underline:focus {
-    text-decoration: none;
+  .lg\:hover\:text-yellow-800:hover {
+    color: #975a16;
   }
 
-  .lg\:antialiased {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  .lg\:hover\:text-yellow-900:hover {
+    color: #744210;
   }
 
-  .lg\:subpixel-antialiased {
-    -webkit-font-smoothing: auto;
-    -moz-osx-font-smoothing: auto;
+  .lg\:hover\:text-green-100:hover {
+    color: #f0fff4;
   }
 
-  .lg\:tracking-tighter {
-    letter-spacing: -0.05em;
+  .lg\:hover\:text-green-200:hover {
+    color: #c6f6d5;
   }
 
-  .lg\:tracking-tight {
-    letter-spacing: -0.025em;
+  .lg\:hover\:text-green-300:hover {
+    color: #9ae6b4;
   }
 
-  .lg\:tracking-normal {
-    letter-spacing: 0;
+  .lg\:hover\:text-green-400:hover {
+    color: #68d391;
   }
 
-  .lg\:tracking-wide {
-    letter-spacing: 0.025em;
+  .lg\:hover\:text-green-500:hover {
+    color: #48bb78;
   }
 
-  .lg\:tracking-wider {
-    letter-spacing: 0.05em;
+  .lg\:hover\:text-green-600:hover {
+    color: #38a169;
   }
 
-  .lg\:tracking-widest {
-    letter-spacing: 0.1em;
+  .lg\:hover\:text-green-700:hover {
+    color: #2f855a;
   }
 
-  .lg\:select-none {
-    user-select: none;
+  .lg\:hover\:text-green-800:hover {
+    color: #276749;
   }
 
-  .lg\:select-text {
-    user-select: text;
+  .lg\:hover\:text-green-900:hover {
+    color: #22543d;
   }
 
-  .lg\:select-all {
-    user-select: all;
+  .lg\:hover\:text-teal-100:hover {
+    color: #e6fffa;
   }
 
-  .lg\:select-auto {
-    user-select: auto;
+  .lg\:hover\:text-teal-200:hover {
+    color: #b2f5ea;
   }
 
-  .lg\:align-baseline {
-    vertical-align: baseline;
+  .lg\:hover\:text-teal-300:hover {
+    color: #81e6d9;
   }
 
-  .lg\:align-top {
-    vertical-align: top;
+  .lg\:hover\:text-teal-400:hover {
+    color: #4fd1c5;
   }
 
-  .lg\:align-middle {
-    vertical-align: middle;
+  .lg\:hover\:text-teal-500:hover {
+    color: #38b2ac;
   }
 
-  .lg\:align-bottom {
-    vertical-align: bottom;
+  .lg\:hover\:text-teal-600:hover {
+    color: #319795;
   }
 
-  .lg\:align-text-top {
-    vertical-align: text-top;
+  .lg\:hover\:text-teal-700:hover {
+    color: #2c7a7b;
   }
 
-  .lg\:align-text-bottom {
-    vertical-align: text-bottom;
+  .lg\:hover\:text-teal-800:hover {
+    color: #285e61;
   }
 
-  .lg\:visible {
-    visibility: visible;
+  .lg\:hover\:text-teal-900:hover {
+    color: #234e52;
   }
 
-  .lg\:invisible {
-    visibility: hidden;
+  .lg\:hover\:text-blue-100:hover {
+    color: #ebf8ff;
   }
 
-  .lg\:whitespace-normal {
-    white-space: normal;
+  .lg\:hover\:text-blue-200:hover {
+    color: #bee3f8;
   }
 
-  .lg\:whitespace-no-wrap {
-    white-space: nowrap;
+  .lg\:hover\:text-blue-300:hover {
+    color: #90cdf4;
   }
 
-  .lg\:whitespace-pre {
-    white-space: pre;
+  .lg\:hover\:text-blue-400:hover {
+    color: #63b3ed;
   }
 
-  .lg\:whitespace-pre-line {
-    white-space: pre-line;
+  .lg\:hover\:text-blue-500:hover {
+    color: #4299e1;
   }
 
-  .lg\:whitespace-pre-wrap {
-    white-space: pre-wrap;
+  .lg\:hover\:text-blue-600:hover {
+    color: #3182ce;
   }
 
-  .lg\:break-normal {
-    overflow-wrap: normal;
-    word-break: normal;
+  .lg\:hover\:text-blue-700:hover {
+    color: #2b6cb0;
   }
 
-  .lg\:break-words {
-    overflow-wrap: break-word;
+  .lg\:hover\:text-blue-800:hover {
+    color: #2c5282;
   }
 
-  .lg\:break-all {
-    word-break: break-all;
+  .lg\:hover\:text-blue-900:hover {
+    color: #2a4365;
   }
 
-  .lg\:truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .lg\:hover\:text-indigo-100:hover {
+    color: #ebf4ff;
   }
 
-  .lg\:w-0 {
-    width: 0;
+  .lg\:hover\:text-indigo-200:hover {
+    color: #c3dafe;
   }
 
-  .lg\:w-1 {
-    width: 0.25rem;
+  .lg\:hover\:text-indigo-300:hover {
+    color: #a3bffa;
   }
 
-  .lg\:w-2 {
-    width: 0.5rem;
+  .lg\:hover\:text-indigo-400:hover {
+    color: #7f9cf5;
   }
 
-  .lg\:w-3 {
-    width: 0.75rem;
+  .lg\:hover\:text-indigo-500:hover {
+    color: #667eea;
   }
 
-  .lg\:w-4 {
-    width: 1rem;
+  .lg\:hover\:text-indigo-600:hover {
+    color: #5a67d8;
   }
 
-  .lg\:w-5 {
-    width: 1.25rem;
+  .lg\:hover\:text-indigo-700:hover {
+    color: #4c51bf;
   }
 
-  .lg\:w-6 {
-    width: 1.5rem;
+  .lg\:hover\:text-indigo-800:hover {
+    color: #434190;
   }
 
-  .lg\:w-8 {
-    width: 2rem;
+  .lg\:hover\:text-indigo-900:hover {
+    color: #3c366b;
   }
 
-  .lg\:w-10 {
-    width: 2.5rem;
+  .lg\:hover\:text-purple-100:hover {
+    color: #faf5ff;
   }
 
-  .lg\:w-12 {
-    width: 3rem;
+  .lg\:hover\:text-purple-200:hover {
+    color: #e9d8fd;
   }
 
-  .lg\:w-16 {
-    width: 4rem;
+  .lg\:hover\:text-purple-300:hover {
+    color: #d6bcfa;
   }
 
-  .lg\:w-20 {
-    width: 5rem;
+  .lg\:hover\:text-purple-400:hover {
+    color: #b794f4;
   }
 
-  .lg\:w-24 {
-    width: 6rem;
+  .lg\:hover\:text-purple-500:hover {
+    color: #9f7aea;
   }
 
-  .lg\:w-32 {
-    width: 8rem;
+  .lg\:hover\:text-purple-600:hover {
+    color: #805ad5;
   }
 
-  .lg\:w-40 {
-    width: 10rem;
+  .lg\:hover\:text-purple-700:hover {
+    color: #6b46c1;
   }
 
-  .lg\:w-48 {
-    width: 12rem;
+  .lg\:hover\:text-purple-800:hover {
+    color: #553c9a;
   }
 
-  .lg\:w-56 {
-    width: 14rem;
+  .lg\:hover\:text-purple-900:hover {
+    color: #44337a;
   }
 
-  .lg\:w-64 {
-    width: 16rem;
+  .lg\:hover\:text-pink-100:hover {
+    color: #fff5f7;
   }
 
-  .lg\:w-auto {
-    width: auto;
+  .lg\:hover\:text-pink-200:hover {
+    color: #fed7e2;
   }
 
-  .lg\:w-px {
-    width: 1px;
+  .lg\:hover\:text-pink-300:hover {
+    color: #fbb6ce;
   }
 
-  .lg\:w-1\/2 {
-    width: 50%;
+  .lg\:hover\:text-pink-400:hover {
+    color: #f687b3;
   }
 
-  .lg\:w-1\/3 {
-    width: 33.333333%;
+  .lg\:hover\:text-pink-500:hover {
+    color: #ed64a6;
   }
 
-  .lg\:w-2\/3 {
-    width: 66.666667%;
+  .lg\:hover\:text-pink-600:hover {
+    color: #d53f8c;
   }
 
-  .lg\:w-1\/4 {
-    width: 25%;
+  .lg\:hover\:text-pink-700:hover {
+    color: #b83280;
   }
 
-  .lg\:w-2\/4 {
-    width: 50%;
+  .lg\:hover\:text-pink-800:hover {
+    color: #97266d;
   }
 
-  .lg\:w-3\/4 {
-    width: 75%;
+  .lg\:hover\:text-pink-900:hover {
+    color: #702459;
   }
 
-  .lg\:w-1\/5 {
-    width: 20%;
+  .lg\:focus\:text-transparent:focus {
+    color: transparent;
   }
 
-  .lg\:w-2\/5 {
-    width: 40%;
+  .lg\:focus\:text-current:focus {
+    color: currentColor;
   }
 
-  .lg\:w-3\/5 {
-    width: 60%;
+  .lg\:focus\:text-black:focus {
+    color: #000;
   }
 
-  .lg\:w-4\/5 {
-    width: 80%;
+  .lg\:focus\:text-white:focus {
+    color: #fff;
   }
 
-  .lg\:w-1\/6 {
-    width: 16.666667%;
+  .lg\:focus\:text-gray-100:focus {
+    color: #f7fafc;
   }
 
-  .lg\:w-2\/6 {
-    width: 33.333333%;
+  .lg\:focus\:text-gray-200:focus {
+    color: #edf2f7;
   }
 
-  .lg\:w-3\/6 {
-    width: 50%;
+  .lg\:focus\:text-gray-300:focus {
+    color: #e2e8f0;
   }
 
-  .lg\:w-4\/6 {
-    width: 66.666667%;
+  .lg\:focus\:text-gray-400:focus {
+    color: #cbd5e0;
   }
 
-  .lg\:w-5\/6 {
-    width: 83.333333%;
+  .lg\:focus\:text-gray-500:focus {
+    color: #a0aec0;
   }
 
-  .lg\:w-1\/12 {
-    width: 8.333333%;
+  .lg\:focus\:text-gray-600:focus {
+    color: #718096;
   }
 
-  .lg\:w-2\/12 {
-    width: 16.666667%;
+  .lg\:focus\:text-gray-700:focus {
+    color: #4a5568;
   }
 
-  .lg\:w-3\/12 {
-    width: 25%;
+  .lg\:focus\:text-gray-800:focus {
+    color: #2d3748;
   }
 
-  .lg\:w-4\/12 {
-    width: 33.333333%;
+  .lg\:focus\:text-gray-900:focus {
+    color: #1a202c;
   }
 
-  .lg\:w-5\/12 {
-    width: 41.666667%;
+  .lg\:focus\:text-red-100:focus {
+    color: #fff5f5;
   }
 
-  .lg\:w-6\/12 {
-    width: 50%;
+  .lg\:focus\:text-red-200:focus {
+    color: #fed7d7;
   }
 
-  .lg\:w-7\/12 {
-    width: 58.333333%;
+  .lg\:focus\:text-red-300:focus {
+    color: #feb2b2;
   }
 
-  .lg\:w-8\/12 {
-    width: 66.666667%;
+  .lg\:focus\:text-red-400:focus {
+    color: #fc8181;
   }
 
-  .lg\:w-9\/12 {
-    width: 75%;
+  .lg\:focus\:text-red-500:focus {
+    color: #f56565;
   }
 
-  .lg\:w-10\/12 {
-    width: 83.333333%;
+  .lg\:focus\:text-red-600:focus {
+    color: #e53e3e;
   }
 
-  .lg\:w-11\/12 {
-    width: 91.666667%;
+  .lg\:focus\:text-red-700:focus {
+    color: #c53030;
   }
 
-  .lg\:w-full {
-    width: 100%;
+  .lg\:focus\:text-red-800:focus {
+    color: #9b2c2c;
   }
 
-  .lg\:w-screen {
-    width: 100vw;
+  .lg\:focus\:text-red-900:focus {
+    color: #742a2a;
   }
 
-  .lg\:z-0 {
-    z-index: 0;
+  .lg\:focus\:text-orange-100:focus {
+    color: #fffaf0;
   }
 
-  .lg\:z-10 {
-    z-index: 10;
+  .lg\:focus\:text-orange-200:focus {
+    color: #feebc8;
   }
 
-  .lg\:z-20 {
-    z-index: 20;
+  .lg\:focus\:text-orange-300:focus {
+    color: #fbd38d;
   }
 
-  .lg\:z-30 {
-    z-index: 30;
+  .lg\:focus\:text-orange-400:focus {
+    color: #f6ad55;
   }
 
-  .lg\:z-40 {
-    z-index: 40;
+  .lg\:focus\:text-orange-500:focus {
+    color: #ed8936;
   }
 
-  .lg\:z-50 {
-    z-index: 50;
+  .lg\:focus\:text-orange-600:focus {
+    color: #dd6b20;
   }
 
-  .lg\:z-auto {
-    z-index: auto;
+  .lg\:focus\:text-orange-700:focus {
+    color: #c05621;
   }
 
-  .lg\:origin-center {
-    transform-origin: center;
+  .lg\:focus\:text-orange-800:focus {
+    color: #9c4221;
   }
 
-  .lg\:origin-top {
-    transform-origin: top;
+  .lg\:focus\:text-orange-900:focus {
+    color: #7b341e;
   }
 
-  .lg\:origin-top-right {
-    transform-origin: top right;
+  .lg\:focus\:text-yellow-100:focus {
+    color: #fffff0;
   }
 
-  .lg\:origin-right {
-    transform-origin: right;
+  .lg\:focus\:text-yellow-200:focus {
+    color: #fefcbf;
   }
 
-  .lg\:origin-bottom-right {
-    transform-origin: bottom right;
+  .lg\:focus\:text-yellow-300:focus {
+    color: #faf089;
   }
 
-  .lg\:origin-bottom {
-    transform-origin: bottom;
+  .lg\:focus\:text-yellow-400:focus {
+    color: #f6e05e;
   }
 
-  .lg\:origin-bottom-left {
-    transform-origin: bottom left;
+  .lg\:focus\:text-yellow-500:focus {
+    color: #ecc94b;
   }
 
-  .lg\:origin-left {
-    transform-origin: left;
+  .lg\:focus\:text-yellow-600:focus {
+    color: #d69e2e;
   }
 
-  .lg\:origin-top-left {
-    transform-origin: top left;
+  .lg\:focus\:text-yellow-700:focus {
+    color: #b7791f;
   }
 
-  .lg\:scale-0 {
-    transform: scale(0);
+  .lg\:focus\:text-yellow-800:focus {
+    color: #975a16;
   }
 
-  .lg\:scale-50 {
-    transform: scale(.5);
+  .lg\:focus\:text-yellow-900:focus {
+    color: #744210;
   }
 
-  .lg\:scale-75 {
-    transform: scale(.75);
+  .lg\:focus\:text-green-100:focus {
+    color: #f0fff4;
   }
 
-  .lg\:scale-90 {
-    transform: scale(.9);
+  .lg\:focus\:text-green-200:focus {
+    color: #c6f6d5;
   }
 
-  .lg\:scale-95 {
-    transform: scale(.95);
+  .lg\:focus\:text-green-300:focus {
+    color: #9ae6b4;
   }
 
-  .lg\:scale-100 {
-    transform: scale(1);
+  .lg\:focus\:text-green-400:focus {
+    color: #68d391;
   }
 
-  .lg\:scale-105 {
-    transform: scale(1.05);
+  .lg\:focus\:text-green-500:focus {
+    color: #48bb78;
   }
 
-  .lg\:scale-110 {
-    transform: scale(1.1);
+  .lg\:focus\:text-green-600:focus {
+    color: #38a169;
   }
 
-  .lg\:scale-125 {
-    transform: scale(1.25);
+  .lg\:focus\:text-green-700:focus {
+    color: #2f855a;
   }
 
-  .lg\:scale-150 {
-    transform: scale(1.5);
+  .lg\:focus\:text-green-800:focus {
+    color: #276749;
   }
 
-  .lg\:scale-x-0 {
-    transform: scaleX(0);
+  .lg\:focus\:text-green-900:focus {
+    color: #22543d;
   }
 
-  .lg\:scale-x-50 {
-    transform: scaleX(.5);
+  .lg\:focus\:text-teal-100:focus {
+    color: #e6fffa;
   }
 
-  .lg\:scale-x-75 {
-    transform: scaleX(.75);
+  .lg\:focus\:text-teal-200:focus {
+    color: #b2f5ea;
   }
 
-  .lg\:scale-x-90 {
-    transform: scaleX(.9);
+  .lg\:focus\:text-teal-300:focus {
+    color: #81e6d9;
   }
 
-  .lg\:scale-x-95 {
-    transform: scaleX(.95);
+  .lg\:focus\:text-teal-400:focus {
+    color: #4fd1c5;
   }
 
-  .lg\:scale-x-100 {
-    transform: scaleX(1);
+  .lg\:focus\:text-teal-500:focus {
+    color: #38b2ac;
   }
 
-  .lg\:scale-x-105 {
-    transform: scaleX(1.05);
+  .lg\:focus\:text-teal-600:focus {
+    color: #319795;
   }
 
-  .lg\:scale-x-110 {
-    transform: scaleX(1.1);
+  .lg\:focus\:text-teal-700:focus {
+    color: #2c7a7b;
   }
 
-  .lg\:scale-x-125 {
-    transform: scaleX(1.25);
+  .lg\:focus\:text-teal-800:focus {
+    color: #285e61;
   }
 
-  .lg\:scale-x-150 {
-    transform: scaleX(1.5);
+  .lg\:focus\:text-teal-900:focus {
+    color: #234e52;
   }
 
-  .lg\:scale-y-0 {
-    transform: scaleY(0);
+  .lg\:focus\:text-blue-100:focus {
+    color: #ebf8ff;
   }
 
-  .lg\:scale-y-50 {
-    transform: scaleY(.5);
+  .lg\:focus\:text-blue-200:focus {
+    color: #bee3f8;
   }
 
-  .lg\:scale-y-75 {
-    transform: scaleY(.75);
+  .lg\:focus\:text-blue-300:focus {
+    color: #90cdf4;
   }
 
-  .lg\:scale-y-90 {
-    transform: scaleY(.9);
+  .lg\:focus\:text-blue-400:focus {
+    color: #63b3ed;
   }
 
-  .lg\:scale-y-95 {
-    transform: scaleY(.95);
+  .lg\:focus\:text-blue-500:focus {
+    color: #4299e1;
   }
 
-  .lg\:scale-y-100 {
-    transform: scaleY(1);
+  .lg\:focus\:text-blue-600:focus {
+    color: #3182ce;
   }
 
-  .lg\:scale-y-105 {
-    transform: scaleY(1.05);
+  .lg\:focus\:text-blue-700:focus {
+    color: #2b6cb0;
   }
 
-  .lg\:scale-y-110 {
-    transform: scaleY(1.1);
+  .lg\:focus\:text-blue-800:focus {
+    color: #2c5282;
   }
 
-  .lg\:scale-y-125 {
-    transform: scaleY(1.25);
+  .lg\:focus\:text-blue-900:focus {
+    color: #2a4365;
   }
 
-  .lg\:scale-y-150 {
-    transform: scaleY(1.5);
+  .lg\:focus\:text-indigo-100:focus {
+    color: #ebf4ff;
   }
 
-  .lg\:hover\:scale-0:hover {
-    transform: scale(0);
+  .lg\:focus\:text-indigo-200:focus {
+    color: #c3dafe;
   }
 
-  .lg\:hover\:scale-50:hover {
-    transform: scale(.5);
+  .lg\:focus\:text-indigo-300:focus {
+    color: #a3bffa;
   }
 
-  .lg\:hover\:scale-75:hover {
-    transform: scale(.75);
+  .lg\:focus\:text-indigo-400:focus {
+    color: #7f9cf5;
   }
 
-  .lg\:hover\:scale-90:hover {
-    transform: scale(.9);
+  .lg\:focus\:text-indigo-500:focus {
+    color: #667eea;
   }
 
-  .lg\:hover\:scale-95:hover {
-    transform: scale(.95);
+  .lg\:focus\:text-indigo-600:focus {
+    color: #5a67d8;
   }
 
-  .lg\:hover\:scale-100:hover {
-    transform: scale(1);
+  .lg\:focus\:text-indigo-700:focus {
+    color: #4c51bf;
   }
 
-  .lg\:hover\:scale-105:hover {
-    transform: scale(1.05);
+  .lg\:focus\:text-indigo-800:focus {
+    color: #434190;
   }
 
-  .lg\:hover\:scale-110:hover {
-    transform: scale(1.1);
+  .lg\:focus\:text-indigo-900:focus {
+    color: #3c366b;
   }
 
-  .lg\:hover\:scale-125:hover {
-    transform: scale(1.25);
+  .lg\:focus\:text-purple-100:focus {
+    color: #faf5ff;
   }
 
-  .lg\:hover\:scale-150:hover {
-    transform: scale(1.5);
+  .lg\:focus\:text-purple-200:focus {
+    color: #e9d8fd;
   }
 
-  .lg\:hover\:scale-x-0:hover {
-    transform: scaleX(0);
+  .lg\:focus\:text-purple-300:focus {
+    color: #d6bcfa;
   }
 
-  .lg\:hover\:scale-x-50:hover {
-    transform: scaleX(.5);
+  .lg\:focus\:text-purple-400:focus {
+    color: #b794f4;
   }
 
-  .lg\:hover\:scale-x-75:hover {
-    transform: scaleX(.75);
+  .lg\:focus\:text-purple-500:focus {
+    color: #9f7aea;
   }
 
-  .lg\:hover\:scale-x-90:hover {
-    transform: scaleX(.9);
+  .lg\:focus\:text-purple-600:focus {
+    color: #805ad5;
   }
 
-  .lg\:hover\:scale-x-95:hover {
-    transform: scaleX(.95);
+  .lg\:focus\:text-purple-700:focus {
+    color: #6b46c1;
   }
 
-  .lg\:hover\:scale-x-100:hover {
-    transform: scaleX(1);
+  .lg\:focus\:text-purple-800:focus {
+    color: #553c9a;
   }
 
-  .lg\:hover\:scale-x-105:hover {
-    transform: scaleX(1.05);
+  .lg\:focus\:text-purple-900:focus {
+    color: #44337a;
   }
 
-  .lg\:hover\:scale-x-110:hover {
-    transform: scaleX(1.1);
+  .lg\:focus\:text-pink-100:focus {
+    color: #fff5f7;
   }
 
-  .lg\:hover\:scale-x-125:hover {
-    transform: scaleX(1.25);
+  .lg\:focus\:text-pink-200:focus {
+    color: #fed7e2;
   }
 
-  .lg\:hover\:scale-x-150:hover {
-    transform: scaleX(1.5);
+  .lg\:focus\:text-pink-300:focus {
+    color: #fbb6ce;
   }
 
-  .lg\:hover\:scale-y-0:hover {
-    transform: scaleY(0);
+  .lg\:focus\:text-pink-400:focus {
+    color: #f687b3;
   }
 
-  .lg\:hover\:scale-y-50:hover {
-    transform: scaleY(.5);
+  .lg\:focus\:text-pink-500:focus {
+    color: #ed64a6;
   }
 
-  .lg\:hover\:scale-y-75:hover {
-    transform: scaleY(.75);
+  .lg\:focus\:text-pink-600:focus {
+    color: #d53f8c;
   }
 
-  .lg\:hover\:scale-y-90:hover {
-    transform: scaleY(.9);
+  .lg\:focus\:text-pink-700:focus {
+    color: #b83280;
   }
 
-  .lg\:hover\:scale-y-95:hover {
-    transform: scaleY(.95);
+  .lg\:focus\:text-pink-800:focus {
+    color: #97266d;
   }
 
-  .lg\:hover\:scale-y-100:hover {
-    transform: scaleY(1);
+  .lg\:focus\:text-pink-900:focus {
+    color: #702459;
   }
 
-  .lg\:hover\:scale-y-105:hover {
-    transform: scaleY(1.05);
+  .lg\:italic {
+    font-style: italic;
   }
 
-  .lg\:hover\:scale-y-110:hover {
-    transform: scaleY(1.1);
+  .lg\:not-italic {
+    font-style: normal;
   }
 
-  .lg\:hover\:scale-y-125:hover {
-    transform: scaleY(1.25);
+  .lg\:uppercase {
+    text-transform: uppercase;
   }
 
-  .lg\:hover\:scale-y-150:hover {
-    transform: scaleY(1.5);
+  .lg\:lowercase {
+    text-transform: lowercase;
   }
 
-  .lg\:focus\:scale-0:focus {
-    transform: scale(0);
+  .lg\:capitalize {
+    text-transform: capitalize;
   }
 
-  .lg\:focus\:scale-50:focus {
-    transform: scale(.5);
+  .lg\:normal-case {
+    text-transform: none;
   }
 
-  .lg\:focus\:scale-75:focus {
-    transform: scale(.75);
+  .lg\:underline {
+    text-decoration: underline;
   }
 
-  .lg\:focus\:scale-90:focus {
-    transform: scale(.9);
+  .lg\:line-through {
+    text-decoration: line-through;
   }
 
-  .lg\:focus\:scale-95:focus {
-    transform: scale(.95);
+  .lg\:no-underline {
+    text-decoration: none;
   }
 
-  .lg\:focus\:scale-100:focus {
-    transform: scale(1);
+  .lg\:hover\:underline:hover {
+    text-decoration: underline;
   }
 
-  .lg\:focus\:scale-105:focus {
-    transform: scale(1.05);
+  .lg\:hover\:line-through:hover {
+    text-decoration: line-through;
   }
 
-  .lg\:focus\:scale-110:focus {
-    transform: scale(1.1);
+  .lg\:hover\:no-underline:hover {
+    text-decoration: none;
   }
 
-  .lg\:focus\:scale-125:focus {
-    transform: scale(1.25);
+  .lg\:focus\:underline:focus {
+    text-decoration: underline;
   }
 
-  .lg\:focus\:scale-150:focus {
-    transform: scale(1.5);
+  .lg\:focus\:line-through:focus {
+    text-decoration: line-through;
   }
 
-  .lg\:focus\:scale-x-0:focus {
-    transform: scaleX(0);
+  .lg\:focus\:no-underline:focus {
+    text-decoration: none;
   }
 
-  .lg\:focus\:scale-x-50:focus {
-    transform: scaleX(.5);
+  .lg\:antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
 
-  .lg\:focus\:scale-x-75:focus {
-    transform: scaleX(.75);
+  .lg\:subpixel-antialiased {
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
   }
 
-  .lg\:focus\:scale-x-90:focus {
-    transform: scaleX(.9);
+  .lg\:tracking-tighter {
+    letter-spacing: -0.05em;
   }
 
-  .lg\:focus\:scale-x-95:focus {
-    transform: scaleX(.95);
+  .lg\:tracking-tight {
+    letter-spacing: -0.025em;
   }
 
-  .lg\:focus\:scale-x-100:focus {
-    transform: scaleX(1);
+  .lg\:tracking-normal {
+    letter-spacing: 0;
   }
 
-  .lg\:focus\:scale-x-105:focus {
-    transform: scaleX(1.05);
+  .lg\:tracking-wide {
+    letter-spacing: 0.025em;
   }
 
-  .lg\:focus\:scale-x-110:focus {
-    transform: scaleX(1.1);
+  .lg\:tracking-wider {
+    letter-spacing: 0.05em;
   }
 
-  .lg\:focus\:scale-x-125:focus {
-    transform: scaleX(1.25);
+  .lg\:tracking-widest {
+    letter-spacing: 0.1em;
   }
 
-  .lg\:focus\:scale-x-150:focus {
-    transform: scaleX(1.5);
+  .lg\:select-none {
+    user-select: none;
   }
 
-  .lg\:focus\:scale-y-0:focus {
-    transform: scaleY(0);
+  .lg\:select-text {
+    user-select: text;
   }
 
-  .lg\:focus\:scale-y-50:focus {
-    transform: scaleY(.5);
+  .lg\:select-all {
+    user-select: all;
   }
 
-  .lg\:focus\:scale-y-75:focus {
-    transform: scaleY(.75);
+  .lg\:select-auto {
+    user-select: auto;
   }
 
-  .lg\:focus\:scale-y-90:focus {
-    transform: scaleY(.9);
+  .lg\:align-baseline {
+    vertical-align: baseline;
   }
 
-  .lg\:focus\:scale-y-95:focus {
-    transform: scaleY(.95);
+  .lg\:align-top {
+    vertical-align: top;
   }
 
-  .lg\:focus\:scale-y-100:focus {
-    transform: scaleY(1);
+  .lg\:align-middle {
+    vertical-align: middle;
   }
 
-  .lg\:focus\:scale-y-105:focus {
-    transform: scaleY(1.05);
+  .lg\:align-bottom {
+    vertical-align: bottom;
   }
 
-  .lg\:focus\:scale-y-110:focus {
-    transform: scaleY(1.1);
+  .lg\:align-text-top {
+    vertical-align: text-top;
   }
 
-  .lg\:focus\:scale-y-125:focus {
-    transform: scaleY(1.25);
+  .lg\:align-text-bottom {
+    vertical-align: text-bottom;
   }
 
-  .lg\:focus\:scale-y-150:focus {
-    transform: scaleY(1.5);
+  .lg\:visible {
+    visibility: visible;
   }
 
-  .lg\:rotate-0 {
-    transform: rotate(0);
+  .lg\:invisible {
+    visibility: hidden;
   }
 
-  .lg\:rotate-45 {
-    transform: rotate(45deg);
+  .lg\:whitespace-normal {
+    white-space: normal;
   }
 
-  .lg\:rotate-90 {
-    transform: rotate(90deg);
+  .lg\:whitespace-no-wrap {
+    white-space: nowrap;
   }
 
-  .lg\:rotate-180 {
-    transform: rotate(180deg);
+  .lg\:whitespace-pre {
+    white-space: pre;
   }
 
-  .lg\:-rotate-180 {
-    transform: rotate(-180deg);
+  .lg\:whitespace-pre-line {
+    white-space: pre-line;
   }
 
-  .lg\:-rotate-90 {
-    transform: rotate(-90deg);
+  .lg\:whitespace-pre-wrap {
+    white-space: pre-wrap;
   }
 
-  .lg\:-rotate-45 {
-    transform: rotate(-45deg);
+  .lg\:break-normal {
+    overflow-wrap: normal;
+    word-break: normal;
   }
 
-  .lg\:hover\:rotate-0:hover {
-    transform: rotate(0);
+  .lg\:break-words {
+    overflow-wrap: break-word;
   }
 
-  .lg\:hover\:rotate-45:hover {
-    transform: rotate(45deg);
+  .lg\:break-all {
+    word-break: break-all;
   }
 
-  .lg\:hover\:rotate-90:hover {
-    transform: rotate(90deg);
+  .lg\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
-  .lg\:hover\:rotate-180:hover {
-    transform: rotate(180deg);
+  .lg\:w-0 {
+    width: 0;
   }
 
-  .lg\:hover\:-rotate-180:hover {
-    transform: rotate(-180deg);
+  .lg\:w-1 {
+    width: 0.25rem;
   }
 
-  .lg\:hover\:-rotate-90:hover {
-    transform: rotate(-90deg);
+  .lg\:w-2 {
+    width: 0.5rem;
   }
 
-  .lg\:hover\:-rotate-45:hover {
-    transform: rotate(-45deg);
+  .lg\:w-3 {
+    width: 0.75rem;
   }
 
-  .lg\:focus\:rotate-0:focus {
-    transform: rotate(0);
+  .lg\:w-4 {
+    width: 1rem;
   }
 
-  .lg\:focus\:rotate-45:focus {
-    transform: rotate(45deg);
+  .lg\:w-5 {
+    width: 1.25rem;
   }
 
-  .lg\:focus\:rotate-90:focus {
-    transform: rotate(90deg);
+  .lg\:w-6 {
+    width: 1.5rem;
   }
 
-  .lg\:focus\:rotate-180:focus {
-    transform: rotate(180deg);
+  .lg\:w-8 {
+    width: 2rem;
   }
 
-  .lg\:focus\:-rotate-180:focus {
-    transform: rotate(-180deg);
+  .lg\:w-10 {
+    width: 2.5rem;
   }
 
-  .lg\:focus\:-rotate-90:focus {
-    transform: rotate(-90deg);
+  .lg\:w-12 {
+    width: 3rem;
   }
 
-  .lg\:focus\:-rotate-45:focus {
-    transform: rotate(-45deg);
+  .lg\:w-16 {
+    width: 4rem;
   }
 
-  .lg\:translate-x-0 {
-    transform: translateX(0);
+  .lg\:w-20 {
+    width: 5rem;
   }
 
-  .lg\:translate-x-1 {
-    transform: translateX(0.25rem);
+  .lg\:w-24 {
+    width: 6rem;
   }
 
-  .lg\:translate-x-2 {
-    transform: translateX(0.5rem);
+  .lg\:w-32 {
+    width: 8rem;
   }
 
-  .lg\:translate-x-3 {
-    transform: translateX(0.75rem);
+  .lg\:w-40 {
+    width: 10rem;
   }
 
-  .lg\:translate-x-4 {
-    transform: translateX(1rem);
+  .lg\:w-48 {
+    width: 12rem;
   }
 
-  .lg\:translate-x-5 {
-    transform: translateX(1.25rem);
+  .lg\:w-56 {
+    width: 14rem;
   }
 
-  .lg\:translate-x-6 {
-    transform: translateX(1.5rem);
+  .lg\:w-64 {
+    width: 16rem;
   }
 
-  .lg\:translate-x-8 {
-    transform: translateX(2rem);
+  .lg\:w-auto {
+    width: auto;
   }
 
-  .lg\:translate-x-10 {
-    transform: translateX(2.5rem);
+  .lg\:w-px {
+    width: 1px;
   }
 
-  .lg\:translate-x-12 {
-    transform: translateX(3rem);
+  .lg\:w-1\/2 {
+    width: 50%;
   }
 
-  .lg\:translate-x-16 {
-    transform: translateX(4rem);
+  .lg\:w-1\/3 {
+    width: 33.333333%;
   }
 
-  .lg\:translate-x-20 {
-    transform: translateX(5rem);
+  .lg\:w-2\/3 {
+    width: 66.666667%;
   }
 
-  .lg\:translate-x-24 {
-    transform: translateX(6rem);
+  .lg\:w-1\/4 {
+    width: 25%;
   }
 
-  .lg\:translate-x-32 {
-    transform: translateX(8rem);
+  .lg\:w-2\/4 {
+    width: 50%;
   }
 
-  .lg\:translate-x-40 {
-    transform: translateX(10rem);
+  .lg\:w-3\/4 {
+    width: 75%;
   }
 
-  .lg\:translate-x-48 {
-    transform: translateX(12rem);
+  .lg\:w-1\/5 {
+    width: 20%;
   }
 
-  .lg\:translate-x-56 {
-    transform: translateX(14rem);
+  .lg\:w-2\/5 {
+    width: 40%;
   }
 
-  .lg\:translate-x-64 {
-    transform: translateX(16rem);
+  .lg\:w-3\/5 {
+    width: 60%;
   }
 
-  .lg\:translate-x-px {
-    transform: translateX(1px);
+  .lg\:w-4\/5 {
+    width: 80%;
   }
 
-  .lg\:-translate-x-1 {
-    transform: translateX(-0.25rem);
+  .lg\:w-1\/6 {
+    width: 16.666667%;
   }
 
-  .lg\:-translate-x-2 {
-    transform: translateX(-0.5rem);
+  .lg\:w-2\/6 {
+    width: 33.333333%;
   }
 
-  .lg\:-translate-x-3 {
-    transform: translateX(-0.75rem);
+  .lg\:w-3\/6 {
+    width: 50%;
   }
 
-  .lg\:-translate-x-4 {
-    transform: translateX(-1rem);
+  .lg\:w-4\/6 {
+    width: 66.666667%;
   }
 
-  .lg\:-translate-x-5 {
-    transform: translateX(-1.25rem);
+  .lg\:w-5\/6 {
+    width: 83.333333%;
   }
 
-  .lg\:-translate-x-6 {
-    transform: translateX(-1.5rem);
+  .lg\:w-1\/12 {
+    width: 8.333333%;
   }
 
-  .lg\:-translate-x-8 {
-    transform: translateX(-2rem);
+  .lg\:w-2\/12 {
+    width: 16.666667%;
   }
 
-  .lg\:-translate-x-10 {
-    transform: translateX(-2.5rem);
+  .lg\:w-3\/12 {
+    width: 25%;
   }
 
-  .lg\:-translate-x-12 {
-    transform: translateX(-3rem);
+  .lg\:w-4\/12 {
+    width: 33.333333%;
   }
 
-  .lg\:-translate-x-16 {
-    transform: translateX(-4rem);
+  .lg\:w-5\/12 {
+    width: 41.666667%;
   }
 
-  .lg\:-translate-x-20 {
-    transform: translateX(-5rem);
+  .lg\:w-6\/12 {
+    width: 50%;
   }
 
-  .lg\:-translate-x-24 {
-    transform: translateX(-6rem);
+  .lg\:w-7\/12 {
+    width: 58.333333%;
   }
 
-  .lg\:-translate-x-32 {
-    transform: translateX(-8rem);
+  .lg\:w-8\/12 {
+    width: 66.666667%;
   }
 
-  .lg\:-translate-x-40 {
-    transform: translateX(-10rem);
+  .lg\:w-9\/12 {
+    width: 75%;
   }
 
-  .lg\:-translate-x-48 {
-    transform: translateX(-12rem);
+  .lg\:w-10\/12 {
+    width: 83.333333%;
   }
 
-  .lg\:-translate-x-56 {
-    transform: translateX(-14rem);
+  .lg\:w-11\/12 {
+    width: 91.666667%;
   }
 
-  .lg\:-translate-x-64 {
-    transform: translateX(-16rem);
+  .lg\:w-full {
+    width: 100%;
   }
 
-  .lg\:-translate-x-px {
-    transform: translateX(-1px);
+  .lg\:w-screen {
+    width: 100vw;
   }
 
-  .lg\:-translate-x-full {
-    transform: translateX(-100%);
+  .lg\:z-0 {
+    z-index: 0;
   }
 
-  .lg\:-translate-x-1\/2 {
-    transform: translateX(-50%);
+  .lg\:z-10 {
+    z-index: 10;
   }
 
-  .lg\:translate-x-1\/2 {
-    transform: translateX(50%);
+  .lg\:z-20 {
+    z-index: 20;
   }
 
-  .lg\:translate-x-full {
-    transform: translateX(100%);
+  .lg\:z-30 {
+    z-index: 30;
   }
 
-  .lg\:translate-y-0 {
-    transform: translateY(0);
+  .lg\:z-40 {
+    z-index: 40;
   }
 
-  .lg\:translate-y-1 {
-    transform: translateY(0.25rem);
+  .lg\:z-50 {
+    z-index: 50;
   }
 
-  .lg\:translate-y-2 {
-    transform: translateY(0.5rem);
+  .lg\:z-auto {
+    z-index: auto;
   }
 
-  .lg\:translate-y-3 {
-    transform: translateY(0.75rem);
+  .lg\:origin-center {
+    transform-origin: center;
   }
 
-  .lg\:translate-y-4 {
-    transform: translateY(1rem);
+  .lg\:origin-top {
+    transform-origin: top;
   }
 
-  .lg\:translate-y-5 {
-    transform: translateY(1.25rem);
+  .lg\:origin-top-right {
+    transform-origin: top right;
   }
 
-  .lg\:translate-y-6 {
-    transform: translateY(1.5rem);
+  .lg\:origin-right {
+    transform-origin: right;
   }
 
-  .lg\:translate-y-8 {
-    transform: translateY(2rem);
+  .lg\:origin-bottom-right {
+    transform-origin: bottom right;
   }
 
-  .lg\:translate-y-10 {
-    transform: translateY(2.5rem);
+  .lg\:origin-bottom {
+    transform-origin: bottom;
   }
 
-  .lg\:translate-y-12 {
-    transform: translateY(3rem);
+  .lg\:origin-bottom-left {
+    transform-origin: bottom left;
   }
 
-  .lg\:translate-y-16 {
-    transform: translateY(4rem);
+  .lg\:origin-left {
+    transform-origin: left;
   }
 
-  .lg\:translate-y-20 {
-    transform: translateY(5rem);
+  .lg\:origin-top-left {
+    transform-origin: top left;
   }
 
-  .lg\:translate-y-24 {
-    transform: translateY(6rem);
+  .lg\:scale-0 {
+    transform: scale(0);
   }
 
-  .lg\:translate-y-32 {
-    transform: translateY(8rem);
+  .lg\:scale-50 {
+    transform: scale(.5);
   }
 
-  .lg\:translate-y-40 {
-    transform: translateY(10rem);
+  .lg\:scale-75 {
+    transform: scale(.75);
   }
 
-  .lg\:translate-y-48 {
-    transform: translateY(12rem);
+  .lg\:scale-90 {
+    transform: scale(.9);
   }
 
-  .lg\:translate-y-56 {
-    transform: translateY(14rem);
+  .lg\:scale-95 {
+    transform: scale(.95);
   }
 
-  .lg\:translate-y-64 {
-    transform: translateY(16rem);
+  .lg\:scale-100 {
+    transform: scale(1);
   }
 
-  .lg\:translate-y-px {
-    transform: translateY(1px);
+  .lg\:scale-105 {
+    transform: scale(1.05);
   }
 
-  .lg\:-translate-y-1 {
-    transform: translateY(-0.25rem);
+  .lg\:scale-110 {
+    transform: scale(1.1);
   }
 
-  .lg\:-translate-y-2 {
-    transform: translateY(-0.5rem);
+  .lg\:scale-125 {
+    transform: scale(1.25);
   }
 
-  .lg\:-translate-y-3 {
-    transform: translateY(-0.75rem);
+  .lg\:scale-150 {
+    transform: scale(1.5);
   }
 
-  .lg\:-translate-y-4 {
-    transform: translateY(-1rem);
+  .lg\:scale-x-0 {
+    transform: scaleX(0);
   }
 
-  .lg\:-translate-y-5 {
-    transform: translateY(-1.25rem);
+  .lg\:scale-x-50 {
+    transform: scaleX(.5);
   }
 
-  .lg\:-translate-y-6 {
-    transform: translateY(-1.5rem);
+  .lg\:scale-x-75 {
+    transform: scaleX(.75);
   }
 
-  .lg\:-translate-y-8 {
-    transform: translateY(-2rem);
+  .lg\:scale-x-90 {
+    transform: scaleX(.9);
   }
 
-  .lg\:-translate-y-10 {
-    transform: translateY(-2.5rem);
+  .lg\:scale-x-95 {
+    transform: scaleX(.95);
   }
 
-  .lg\:-translate-y-12 {
-    transform: translateY(-3rem);
+  .lg\:scale-x-100 {
+    transform: scaleX(1);
   }
 
-  .lg\:-translate-y-16 {
-    transform: translateY(-4rem);
+  .lg\:scale-x-105 {
+    transform: scaleX(1.05);
   }
 
-  .lg\:-translate-y-20 {
-    transform: translateY(-5rem);
+  .lg\:scale-x-110 {
+    transform: scaleX(1.1);
   }
 
-  .lg\:-translate-y-24 {
-    transform: translateY(-6rem);
+  .lg\:scale-x-125 {
+    transform: scaleX(1.25);
   }
 
-  .lg\:-translate-y-32 {
-    transform: translateY(-8rem);
+  .lg\:scale-x-150 {
+    transform: scaleX(1.5);
   }
 
-  .lg\:-translate-y-40 {
-    transform: translateY(-10rem);
+  .lg\:scale-y-0 {
+    transform: scaleY(0);
   }
 
-  .lg\:-translate-y-48 {
-    transform: translateY(-12rem);
+  .lg\:scale-y-50 {
+    transform: scaleY(.5);
   }
 
-  .lg\:-translate-y-56 {
-    transform: translateY(-14rem);
+  .lg\:scale-y-75 {
+    transform: scaleY(.75);
   }
 
-  .lg\:-translate-y-64 {
-    transform: translateY(-16rem);
+  .lg\:scale-y-90 {
+    transform: scaleY(.9);
   }
 
-  .lg\:-translate-y-px {
-    transform: translateY(-1px);
+  .lg\:scale-y-95 {
+    transform: scaleY(.95);
   }
 
-  .lg\:-translate-y-full {
-    transform: translateY(-100%);
+  .lg\:scale-y-100 {
+    transform: scaleY(1);
   }
 
-  .lg\:-translate-y-1\/2 {
-    transform: translateY(-50%);
+  .lg\:scale-y-105 {
+    transform: scaleY(1.05);
   }
 
-  .lg\:translate-y-1\/2 {
-    transform: translateY(50%);
+  .lg\:scale-y-110 {
+    transform: scaleY(1.1);
   }
 
-  .lg\:translate-y-full {
-    transform: translateY(100%);
+  .lg\:scale-y-125 {
+    transform: scaleY(1.25);
   }
 
-  .lg\:hover\:translate-x-0:hover {
-    transform: translateX(0);
+  .lg\:scale-y-150 {
+    transform: scaleY(1.5);
   }
 
-  .lg\:hover\:translate-x-1:hover {
-    transform: translateX(0.25rem);
+  .lg\:hover\:scale-0:hover {
+    transform: scale(0);
   }
 
-  .lg\:hover\:translate-x-2:hover {
-    transform: translateX(0.5rem);
+  .lg\:hover\:scale-50:hover {
+    transform: scale(.5);
   }
 
-  .lg\:hover\:translate-x-3:hover {
-    transform: translateX(0.75rem);
+  .lg\:hover\:scale-75:hover {
+    transform: scale(.75);
   }
 
-  .lg\:hover\:translate-x-4:hover {
-    transform: translateX(1rem);
+  .lg\:hover\:scale-90:hover {
+    transform: scale(.9);
   }
 
-  .lg\:hover\:translate-x-5:hover {
-    transform: translateX(1.25rem);
+  .lg\:hover\:scale-95:hover {
+    transform: scale(.95);
   }
 
-  .lg\:hover\:translate-x-6:hover {
-    transform: translateX(1.5rem);
+  .lg\:hover\:scale-100:hover {
+    transform: scale(1);
   }
 
-  .lg\:hover\:translate-x-8:hover {
-    transform: translateX(2rem);
+  .lg\:hover\:scale-105:hover {
+    transform: scale(1.05);
   }
 
-  .lg\:hover\:translate-x-10:hover {
-    transform: translateX(2.5rem);
+  .lg\:hover\:scale-110:hover {
+    transform: scale(1.1);
   }
 
-  .lg\:hover\:translate-x-12:hover {
-    transform: translateX(3rem);
+  .lg\:hover\:scale-125:hover {
+    transform: scale(1.25);
   }
 
-  .lg\:hover\:translate-x-16:hover {
-    transform: translateX(4rem);
+  .lg\:hover\:scale-150:hover {
+    transform: scale(1.5);
   }
 
-  .lg\:hover\:translate-x-20:hover {
-    transform: translateX(5rem);
+  .lg\:hover\:scale-x-0:hover {
+    transform: scaleX(0);
   }
 
-  .lg\:hover\:translate-x-24:hover {
-    transform: translateX(6rem);
+  .lg\:hover\:scale-x-50:hover {
+    transform: scaleX(.5);
   }
 
-  .lg\:hover\:translate-x-32:hover {
-    transform: translateX(8rem);
+  .lg\:hover\:scale-x-75:hover {
+    transform: scaleX(.75);
   }
 
-  .lg\:hover\:translate-x-40:hover {
-    transform: translateX(10rem);
+  .lg\:hover\:scale-x-90:hover {
+    transform: scaleX(.9);
   }
 
-  .lg\:hover\:translate-x-48:hover {
-    transform: translateX(12rem);
+  .lg\:hover\:scale-x-95:hover {
+    transform: scaleX(.95);
   }
 
-  .lg\:hover\:translate-x-56:hover {
-    transform: translateX(14rem);
+  .lg\:hover\:scale-x-100:hover {
+    transform: scaleX(1);
   }
 
-  .lg\:hover\:translate-x-64:hover {
-    transform: translateX(16rem);
+  .lg\:hover\:scale-x-105:hover {
+    transform: scaleX(1.05);
   }
 
-  .lg\:hover\:translate-x-px:hover {
-    transform: translateX(1px);
+  .lg\:hover\:scale-x-110:hover {
+    transform: scaleX(1.1);
   }
 
-  .lg\:hover\:-translate-x-1:hover {
-    transform: translateX(-0.25rem);
+  .lg\:hover\:scale-x-125:hover {
+    transform: scaleX(1.25);
   }
 
-  .lg\:hover\:-translate-x-2:hover {
-    transform: translateX(-0.5rem);
+  .lg\:hover\:scale-x-150:hover {
+    transform: scaleX(1.5);
   }
 
-  .lg\:hover\:-translate-x-3:hover {
-    transform: translateX(-0.75rem);
+  .lg\:hover\:scale-y-0:hover {
+    transform: scaleY(0);
   }
 
-  .lg\:hover\:-translate-x-4:hover {
-    transform: translateX(-1rem);
+  .lg\:hover\:scale-y-50:hover {
+    transform: scaleY(.5);
   }
 
-  .lg\:hover\:-translate-x-5:hover {
-    transform: translateX(-1.25rem);
+  .lg\:hover\:scale-y-75:hover {
+    transform: scaleY(.75);
   }
 
-  .lg\:hover\:-translate-x-6:hover {
-    transform: translateX(-1.5rem);
+  .lg\:hover\:scale-y-90:hover {
+    transform: scaleY(.9);
   }
 
-  .lg\:hover\:-translate-x-8:hover {
-    transform: translateX(-2rem);
+  .lg\:hover\:scale-y-95:hover {
+    transform: scaleY(.95);
   }
 
-  .lg\:hover\:-translate-x-10:hover {
-    transform: translateX(-2.5rem);
+  .lg\:hover\:scale-y-100:hover {
+    transform: scaleY(1);
   }
 
-  .lg\:hover\:-translate-x-12:hover {
-    transform: translateX(-3rem);
+  .lg\:hover\:scale-y-105:hover {
+    transform: scaleY(1.05);
   }
 
-  .lg\:hover\:-translate-x-16:hover {
-    transform: translateX(-4rem);
+  .lg\:hover\:scale-y-110:hover {
+    transform: scaleY(1.1);
   }
 
-  .lg\:hover\:-translate-x-20:hover {
-    transform: translateX(-5rem);
+  .lg\:hover\:scale-y-125:hover {
+    transform: scaleY(1.25);
   }
 
-  .lg\:hover\:-translate-x-24:hover {
-    transform: translateX(-6rem);
+  .lg\:hover\:scale-y-150:hover {
+    transform: scaleY(1.5);
   }
 
-  .lg\:hover\:-translate-x-32:hover {
-    transform: translateX(-8rem);
+  .lg\:focus\:scale-0:focus {
+    transform: scale(0);
   }
 
-  .lg\:hover\:-translate-x-40:hover {
-    transform: translateX(-10rem);
+  .lg\:focus\:scale-50:focus {
+    transform: scale(.5);
   }
 
-  .lg\:hover\:-translate-x-48:hover {
-    transform: translateX(-12rem);
+  .lg\:focus\:scale-75:focus {
+    transform: scale(.75);
   }
 
-  .lg\:hover\:-translate-x-56:hover {
-    transform: translateX(-14rem);
+  .lg\:focus\:scale-90:focus {
+    transform: scale(.9);
   }
 
-  .lg\:hover\:-translate-x-64:hover {
-    transform: translateX(-16rem);
+  .lg\:focus\:scale-95:focus {
+    transform: scale(.95);
   }
 
-  .lg\:hover\:-translate-x-px:hover {
-    transform: translateX(-1px);
+  .lg\:focus\:scale-100:focus {
+    transform: scale(1);
   }
 
-  .lg\:hover\:-translate-x-full:hover {
-    transform: translateX(-100%);
+  .lg\:focus\:scale-105:focus {
+    transform: scale(1.05);
   }
 
-  .lg\:hover\:-translate-x-1\/2:hover {
-    transform: translateX(-50%);
+  .lg\:focus\:scale-110:focus {
+    transform: scale(1.1);
   }
 
-  .lg\:hover\:translate-x-1\/2:hover {
-    transform: translateX(50%);
+  .lg\:focus\:scale-125:focus {
+    transform: scale(1.25);
   }
 
-  .lg\:hover\:translate-x-full:hover {
-    transform: translateX(100%);
+  .lg\:focus\:scale-150:focus {
+    transform: scale(1.5);
   }
 
-  .lg\:hover\:translate-y-0:hover {
-    transform: translateY(0);
+  .lg\:focus\:scale-x-0:focus {
+    transform: scaleX(0);
   }
 
-  .lg\:hover\:translate-y-1:hover {
-    transform: translateY(0.25rem);
+  .lg\:focus\:scale-x-50:focus {
+    transform: scaleX(.5);
   }
 
-  .lg\:hover\:translate-y-2:hover {
-    transform: translateY(0.5rem);
+  .lg\:focus\:scale-x-75:focus {
+    transform: scaleX(.75);
   }
 
-  .lg\:hover\:translate-y-3:hover {
-    transform: translateY(0.75rem);
+  .lg\:focus\:scale-x-90:focus {
+    transform: scaleX(.9);
   }
 
-  .lg\:hover\:translate-y-4:hover {
-    transform: translateY(1rem);
+  .lg\:focus\:scale-x-95:focus {
+    transform: scaleX(.95);
   }
 
-  .lg\:hover\:translate-y-5:hover {
-    transform: translateY(1.25rem);
+  .lg\:focus\:scale-x-100:focus {
+    transform: scaleX(1);
   }
 
-  .lg\:hover\:translate-y-6:hover {
-    transform: translateY(1.5rem);
+  .lg\:focus\:scale-x-105:focus {
+    transform: scaleX(1.05);
   }
 
-  .lg\:hover\:translate-y-8:hover {
-    transform: translateY(2rem);
+  .lg\:focus\:scale-x-110:focus {
+    transform: scaleX(1.1);
   }
 
-  .lg\:hover\:translate-y-10:hover {
-    transform: translateY(2.5rem);
+  .lg\:focus\:scale-x-125:focus {
+    transform: scaleX(1.25);
   }
 
-  .lg\:hover\:translate-y-12:hover {
-    transform: translateY(3rem);
+  .lg\:focus\:scale-x-150:focus {
+    transform: scaleX(1.5);
   }
 
-  .lg\:hover\:translate-y-16:hover {
-    transform: translateY(4rem);
+  .lg\:focus\:scale-y-0:focus {
+    transform: scaleY(0);
   }
 
-  .lg\:hover\:translate-y-20:hover {
-    transform: translateY(5rem);
+  .lg\:focus\:scale-y-50:focus {
+    transform: scaleY(.5);
   }
 
-  .lg\:hover\:translate-y-24:hover {
-    transform: translateY(6rem);
+  .lg\:focus\:scale-y-75:focus {
+    transform: scaleY(.75);
   }
 
-  .lg\:hover\:translate-y-32:hover {
-    transform: translateY(8rem);
+  .lg\:focus\:scale-y-90:focus {
+    transform: scaleY(.9);
   }
 
-  .lg\:hover\:translate-y-40:hover {
-    transform: translateY(10rem);
+  .lg\:focus\:scale-y-95:focus {
+    transform: scaleY(.95);
   }
 
-  .lg\:hover\:translate-y-48:hover {
-    transform: translateY(12rem);
+  .lg\:focus\:scale-y-100:focus {
+    transform: scaleY(1);
   }
 
-  .lg\:hover\:translate-y-56:hover {
-    transform: translateY(14rem);
+  .lg\:focus\:scale-y-105:focus {
+    transform: scaleY(1.05);
   }
 
-  .lg\:hover\:translate-y-64:hover {
-    transform: translateY(16rem);
+  .lg\:focus\:scale-y-110:focus {
+    transform: scaleY(1.1);
   }
 
-  .lg\:hover\:translate-y-px:hover {
-    transform: translateY(1px);
+  .lg\:focus\:scale-y-125:focus {
+    transform: scaleY(1.25);
   }
 
-  .lg\:hover\:-translate-y-1:hover {
-    transform: translateY(-0.25rem);
+  .lg\:focus\:scale-y-150:focus {
+    transform: scaleY(1.5);
   }
 
-  .lg\:hover\:-translate-y-2:hover {
-    transform: translateY(-0.5rem);
+  .lg\:rotate-0 {
+    transform: rotate(0);
   }
 
-  .lg\:hover\:-translate-y-3:hover {
-    transform: translateY(-0.75rem);
+  .lg\:rotate-45 {
+    transform: rotate(45deg);
   }
 
-  .lg\:hover\:-translate-y-4:hover {
-    transform: translateY(-1rem);
+  .lg\:rotate-90 {
+    transform: rotate(90deg);
   }
 
-  .lg\:hover\:-translate-y-5:hover {
-    transform: translateY(-1.25rem);
+  .lg\:rotate-180 {
+    transform: rotate(180deg);
   }
 
-  .lg\:hover\:-translate-y-6:hover {
-    transform: translateY(-1.5rem);
+  .lg\:-rotate-180 {
+    transform: rotate(-180deg);
   }
 
-  .lg\:hover\:-translate-y-8:hover {
-    transform: translateY(-2rem);
+  .lg\:-rotate-90 {
+    transform: rotate(-90deg);
   }
 
-  .lg\:hover\:-translate-y-10:hover {
-    transform: translateY(-2.5rem);
+  .lg\:-rotate-45 {
+    transform: rotate(-45deg);
   }
 
-  .lg\:hover\:-translate-y-12:hover {
-    transform: translateY(-3rem);
+  .lg\:hover\:rotate-0:hover {
+    transform: rotate(0);
   }
 
-  .lg\:hover\:-translate-y-16:hover {
-    transform: translateY(-4rem);
+  .lg\:hover\:rotate-45:hover {
+    transform: rotate(45deg);
   }
 
-  .lg\:hover\:-translate-y-20:hover {
-    transform: translateY(-5rem);
+  .lg\:hover\:rotate-90:hover {
+    transform: rotate(90deg);
   }
 
-  .lg\:hover\:-translate-y-24:hover {
-    transform: translateY(-6rem);
+  .lg\:hover\:rotate-180:hover {
+    transform: rotate(180deg);
   }
 
-  .lg\:hover\:-translate-y-32:hover {
-    transform: translateY(-8rem);
+  .lg\:hover\:-rotate-180:hover {
+    transform: rotate(-180deg);
   }
 
-  .lg\:hover\:-translate-y-40:hover {
-    transform: translateY(-10rem);
+  .lg\:hover\:-rotate-90:hover {
+    transform: rotate(-90deg);
   }
 
-  .lg\:hover\:-translate-y-48:hover {
-    transform: translateY(-12rem);
+  .lg\:hover\:-rotate-45:hover {
+    transform: rotate(-45deg);
   }
 
-  .lg\:hover\:-translate-y-56:hover {
-    transform: translateY(-14rem);
+  .lg\:focus\:rotate-0:focus {
+    transform: rotate(0);
   }
 
-  .lg\:hover\:-translate-y-64:hover {
-    transform: translateY(-16rem);
+  .lg\:focus\:rotate-45:focus {
+    transform: rotate(45deg);
   }
 
-  .lg\:hover\:-translate-y-px:hover {
-    transform: translateY(-1px);
+  .lg\:focus\:rotate-90:focus {
+    transform: rotate(90deg);
   }
 
-  .lg\:hover\:-translate-y-full:hover {
-    transform: translateY(-100%);
+  .lg\:focus\:rotate-180:focus {
+    transform: rotate(180deg);
   }
 
-  .lg\:hover\:-translate-y-1\/2:hover {
-    transform: translateY(-50%);
+  .lg\:focus\:-rotate-180:focus {
+    transform: rotate(-180deg);
   }
 
-  .lg\:hover\:translate-y-1\/2:hover {
-    transform: translateY(50%);
+  .lg\:focus\:-rotate-90:focus {
+    transform: rotate(-90deg);
   }
 
-  .lg\:hover\:translate-y-full:hover {
-    transform: translateY(100%);
+  .lg\:focus\:-rotate-45:focus {
+    transform: rotate(-45deg);
   }
 
-  .lg\:focus\:translate-x-0:focus {
+  .lg\:translate-x-0 {
     transform: translateX(0);
   }
 
-  .lg\:focus\:translate-x-1:focus {
+  .lg\:translate-x-1 {
     transform: translateX(0.25rem);
   }
 
-  .lg\:focus\:translate-x-2:focus {
+  .lg\:translate-x-2 {
     transform: translateX(0.5rem);
   }
 
-  .lg\:focus\:translate-x-3:focus {
+  .lg\:translate-x-3 {
     transform: translateX(0.75rem);
   }
 
-  .lg\:focus\:translate-x-4:focus {
+  .lg\:translate-x-4 {
     transform: translateX(1rem);
   }
 
-  .lg\:focus\:translate-x-5:focus {
+  .lg\:translate-x-5 {
     transform: translateX(1.25rem);
   }
 
-  .lg\:focus\:translate-x-6:focus {
+  .lg\:translate-x-6 {
     transform: translateX(1.5rem);
   }
 
-  .lg\:focus\:translate-x-8:focus {
+  .lg\:translate-x-8 {
     transform: translateX(2rem);
   }
 
-  .lg\:focus\:translate-x-10:focus {
+  .lg\:translate-x-10 {
     transform: translateX(2.5rem);
   }
 
-  .lg\:focus\:translate-x-12:focus {
+  .lg\:translate-x-12 {
     transform: translateX(3rem);
   }
 
-  .lg\:focus\:translate-x-16:focus {
+  .lg\:translate-x-16 {
     transform: translateX(4rem);
   }
 
-  .lg\:focus\:translate-x-20:focus {
+  .lg\:translate-x-20 {
     transform: translateX(5rem);
   }
 
-  .lg\:focus\:translate-x-24:focus {
+  .lg\:translate-x-24 {
     transform: translateX(6rem);
   }
 
-  .lg\:focus\:translate-x-32:focus {
+  .lg\:translate-x-32 {
     transform: translateX(8rem);
   }
 
-  .lg\:focus\:translate-x-40:focus {
+  .lg\:translate-x-40 {
     transform: translateX(10rem);
   }
 
-  .lg\:focus\:translate-x-48:focus {
+  .lg\:translate-x-48 {
     transform: translateX(12rem);
   }
 
-  .lg\:focus\:translate-x-56:focus {
+  .lg\:translate-x-56 {
     transform: translateX(14rem);
   }
 
-  .lg\:focus\:translate-x-64:focus {
+  .lg\:translate-x-64 {
     transform: translateX(16rem);
   }
 
-  .lg\:focus\:translate-x-px:focus {
+  .lg\:translate-x-px {
     transform: translateX(1px);
   }
 
-  .lg\:focus\:-translate-x-1:focus {
+  .lg\:-translate-x-1 {
     transform: translateX(-0.25rem);
   }
 
-  .lg\:focus\:-translate-x-2:focus {
+  .lg\:-translate-x-2 {
     transform: translateX(-0.5rem);
   }
 
-  .lg\:focus\:-translate-x-3:focus {
+  .lg\:-translate-x-3 {
     transform: translateX(-0.75rem);
   }
 
-  .lg\:focus\:-translate-x-4:focus {
+  .lg\:-translate-x-4 {
     transform: translateX(-1rem);
   }
 
-  .lg\:focus\:-translate-x-5:focus {
+  .lg\:-translate-x-5 {
     transform: translateX(-1.25rem);
   }
 
-  .lg\:focus\:-translate-x-6:focus {
+  .lg\:-translate-x-6 {
     transform: translateX(-1.5rem);
   }
 
-  .lg\:focus\:-translate-x-8:focus {
+  .lg\:-translate-x-8 {
     transform: translateX(-2rem);
   }
 
-  .lg\:focus\:-translate-x-10:focus {
+  .lg\:-translate-x-10 {
     transform: translateX(-2.5rem);
   }
 
-  .lg\:focus\:-translate-x-12:focus {
+  .lg\:-translate-x-12 {
     transform: translateX(-3rem);
   }
 
-  .lg\:focus\:-translate-x-16:focus {
+  .lg\:-translate-x-16 {
     transform: translateX(-4rem);
   }
 
-  .lg\:focus\:-translate-x-20:focus {
+  .lg\:-translate-x-20 {
     transform: translateX(-5rem);
   }
 
-  .lg\:focus\:-translate-x-24:focus {
+  .lg\:-translate-x-24 {
     transform: translateX(-6rem);
   }
 
-  .lg\:focus\:-translate-x-32:focus {
+  .lg\:-translate-x-32 {
     transform: translateX(-8rem);
   }
 
-  .lg\:focus\:-translate-x-40:focus {
+  .lg\:-translate-x-40 {
     transform: translateX(-10rem);
   }
 
-  .lg\:focus\:-translate-x-48:focus {
+  .lg\:-translate-x-48 {
     transform: translateX(-12rem);
   }
 
-  .lg\:focus\:-translate-x-56:focus {
+  .lg\:-translate-x-56 {
     transform: translateX(-14rem);
   }
 
-  .lg\:focus\:-translate-x-64:focus {
+  .lg\:-translate-x-64 {
     transform: translateX(-16rem);
   }
 
-  .lg\:focus\:-translate-x-px:focus {
+  .lg\:-translate-x-px {
     transform: translateX(-1px);
   }
 
-  .lg\:focus\:-translate-x-full:focus {
+  .lg\:-translate-x-full {
     transform: translateX(-100%);
   }
 
-  .lg\:focus\:-translate-x-1\/2:focus {
+  .lg\:-translate-x-1\/2 {
     transform: translateX(-50%);
   }
 
-  .lg\:focus\:translate-x-1\/2:focus {
+  .lg\:translate-x-1\/2 {
     transform: translateX(50%);
   }
 
-  .lg\:focus\:translate-x-full:focus {
+  .lg\:translate-x-full {
     transform: translateX(100%);
   }
 
-  .lg\:focus\:translate-y-0:focus {
+  .lg\:translate-y-0 {
     transform: translateY(0);
   }
 
-  .lg\:focus\:translate-y-1:focus {
+  .lg\:translate-y-1 {
     transform: translateY(0.25rem);
   }
 
-  .lg\:focus\:translate-y-2:focus {
+  .lg\:translate-y-2 {
     transform: translateY(0.5rem);
   }
 
-  .lg\:focus\:translate-y-3:focus {
+  .lg\:translate-y-3 {
     transform: translateY(0.75rem);
   }
 
-  .lg\:focus\:translate-y-4:focus {
+  .lg\:translate-y-4 {
     transform: translateY(1rem);
   }
 
-  .lg\:focus\:translate-y-5:focus {
+  .lg\:translate-y-5 {
     transform: translateY(1.25rem);
   }
 
-  .lg\:focus\:translate-y-6:focus {
+  .lg\:translate-y-6 {
     transform: translateY(1.5rem);
   }
 
-  .lg\:focus\:translate-y-8:focus {
+  .lg\:translate-y-8 {
     transform: translateY(2rem);
   }
 
-  .lg\:focus\:translate-y-10:focus {
+  .lg\:translate-y-10 {
     transform: translateY(2.5rem);
   }
 
-  .lg\:focus\:translate-y-12:focus {
+  .lg\:translate-y-12 {
     transform: translateY(3rem);
   }
 
-  .lg\:focus\:translate-y-16:focus {
+  .lg\:translate-y-16 {
     transform: translateY(4rem);
   }
 
-  .lg\:focus\:translate-y-20:focus {
+  .lg\:translate-y-20 {
     transform: translateY(5rem);
   }
 
-  .lg\:focus\:translate-y-24:focus {
+  .lg\:translate-y-24 {
     transform: translateY(6rem);
   }
 
-  .lg\:focus\:translate-y-32:focus {
+  .lg\:translate-y-32 {
     transform: translateY(8rem);
   }
 
-  .lg\:focus\:translate-y-40:focus {
+  .lg\:translate-y-40 {
     transform: translateY(10rem);
   }
 
-  .lg\:focus\:translate-y-48:focus {
+  .lg\:translate-y-48 {
     transform: translateY(12rem);
   }
 
-  .lg\:focus\:translate-y-56:focus {
+  .lg\:translate-y-56 {
     transform: translateY(14rem);
   }
 
-  .lg\:focus\:translate-y-64:focus {
+  .lg\:translate-y-64 {
     transform: translateY(16rem);
   }
 
-  .lg\:focus\:translate-y-px:focus {
+  .lg\:translate-y-px {
     transform: translateY(1px);
   }
 
-  .lg\:focus\:-translate-y-1:focus {
+  .lg\:-translate-y-1 {
     transform: translateY(-0.25rem);
   }
 
-  .lg\:focus\:-translate-y-2:focus {
+  .lg\:-translate-y-2 {
     transform: translateY(-0.5rem);
   }
 
-  .lg\:focus\:-translate-y-3:focus {
+  .lg\:-translate-y-3 {
     transform: translateY(-0.75rem);
   }
 
-  .lg\:focus\:-translate-y-4:focus {
+  .lg\:-translate-y-4 {
     transform: translateY(-1rem);
   }
 
-  .lg\:focus\:-translate-y-5:focus {
+  .lg\:-translate-y-5 {
     transform: translateY(-1.25rem);
   }
 
-  .lg\:focus\:-translate-y-6:focus {
+  .lg\:-translate-y-6 {
     transform: translateY(-1.5rem);
   }
 
-  .lg\:focus\:-translate-y-8:focus {
+  .lg\:-translate-y-8 {
     transform: translateY(-2rem);
   }
 
-  .lg\:focus\:-translate-y-10:focus {
+  .lg\:-translate-y-10 {
     transform: translateY(-2.5rem);
   }
 
-  .lg\:focus\:-translate-y-12:focus {
+  .lg\:-translate-y-12 {
     transform: translateY(-3rem);
   }
 
-  .lg\:focus\:-translate-y-16:focus {
+  .lg\:-translate-y-16 {
     transform: translateY(-4rem);
   }
 
-  .lg\:focus\:-translate-y-20:focus {
+  .lg\:-translate-y-20 {
     transform: translateY(-5rem);
   }
 
-  .lg\:focus\:-translate-y-24:focus {
+  .lg\:-translate-y-24 {
     transform: translateY(-6rem);
   }
 
-  .lg\:focus\:-translate-y-32:focus {
+  .lg\:-translate-y-32 {
     transform: translateY(-8rem);
   }
 
-  .lg\:focus\:-translate-y-40:focus {
+  .lg\:-translate-y-40 {
     transform: translateY(-10rem);
   }
 
-  .lg\:focus\:-translate-y-48:focus {
+  .lg\:-translate-y-48 {
     transform: translateY(-12rem);
   }
 
-  .lg\:focus\:-translate-y-56:focus {
+  .lg\:-translate-y-56 {
     transform: translateY(-14rem);
   }
 
-  .lg\:focus\:-translate-y-64:focus {
+  .lg\:-translate-y-64 {
     transform: translateY(-16rem);
   }
 
-  .lg\:focus\:-translate-y-px:focus {
+  .lg\:-translate-y-px {
     transform: translateY(-1px);
   }
 
-  .lg\:focus\:-translate-y-full:focus {
+  .lg\:-translate-y-full {
     transform: translateY(-100%);
   }
 
-  .lg\:focus\:-translate-y-1\/2:focus {
+  .lg\:-translate-y-1\/2 {
     transform: translateY(-50%);
   }
 
-  .lg\:focus\:translate-y-1\/2:focus {
+  .lg\:translate-y-1\/2 {
     transform: translateY(50%);
   }
 
-  .lg\:focus\:translate-y-full:focus {
+  .lg\:translate-y-full {
     transform: translateY(100%);
   }
 
-  .lg\:skew-x-0 {
-    transform: skewX(0);
-  }
-
-  .lg\:skew-x-3 {
-    transform: skewX(3deg);
-  }
-
-  .lg\:skew-x-6 {
-    transform: skewX(6deg);
-  }
-
-  .lg\:skew-x-12 {
-    transform: skewX(12deg);
-  }
-
-  .lg\:-skew-x-12 {
-    transform: skewX(-12deg);
-  }
-
-  .lg\:-skew-x-6 {
-    transform: skewX(-6deg);
-  }
-
-  .lg\:-skew-x-3 {
-    transform: skewX(-3deg);
-  }
-
-  .lg\:skew-y-0 {
-    transform: skewY(0);
-  }
-
-  .lg\:skew-y-3 {
-    transform: skewY(3deg);
-  }
-
-  .lg\:skew-y-6 {
-    transform: skewY(6deg);
-  }
-
-  .lg\:skew-y-12 {
-    transform: skewY(12deg);
-  }
-
-  .lg\:-skew-y-12 {
-    transform: skewY(-12deg);
-  }
-
-  .lg\:-skew-y-6 {
-    transform: skewY(-6deg);
-  }
-
-  .lg\:-skew-y-3 {
-    transform: skewY(-3deg);
-  }
-
-  .lg\:hover\:skew-x-0:hover {
-    transform: skewX(0);
-  }
-
-  .lg\:hover\:skew-x-3:hover {
-    transform: skewX(3deg);
-  }
-
-  .lg\:hover\:skew-x-6:hover {
-    transform: skewX(6deg);
-  }
-
-  .lg\:hover\:skew-x-12:hover {
-    transform: skewX(12deg);
-  }
-
-  .lg\:hover\:-skew-x-12:hover {
-    transform: skewX(-12deg);
-  }
-
-  .lg\:hover\:-skew-x-6:hover {
-    transform: skewX(-6deg);
-  }
-
-  .lg\:hover\:-skew-x-3:hover {
-    transform: skewX(-3deg);
-  }
-
-  .lg\:hover\:skew-y-0:hover {
-    transform: skewY(0);
-  }
-
-  .lg\:hover\:skew-y-3:hover {
-    transform: skewY(3deg);
-  }
-
-  .lg\:hover\:skew-y-6:hover {
-    transform: skewY(6deg);
-  }
-
-  .lg\:hover\:skew-y-12:hover {
-    transform: skewY(12deg);
+  .lg\:hover\:translate-x-0:hover {
+    transform: translateX(0);
   }
 
-  .lg\:hover\:-skew-y-12:hover {
-    transform: skewY(-12deg);
+  .lg\:hover\:translate-x-1:hover {
+    transform: translateX(0.25rem);
   }
 
-  .lg\:hover\:-skew-y-6:hover {
-    transform: skewY(-6deg);
+  .lg\:hover\:translate-x-2:hover {
+    transform: translateX(0.5rem);
   }
 
-  .lg\:hover\:-skew-y-3:hover {
-    transform: skewY(-3deg);
+  .lg\:hover\:translate-x-3:hover {
+    transform: translateX(0.75rem);
   }
 
-  .lg\:focus\:skew-x-0:focus {
-    transform: skewX(0);
+  .lg\:hover\:translate-x-4:hover {
+    transform: translateX(1rem);
   }
 
-  .lg\:focus\:skew-x-3:focus {
-    transform: skewX(3deg);
+  .lg\:hover\:translate-x-5:hover {
+    transform: translateX(1.25rem);
   }
 
-  .lg\:focus\:skew-x-6:focus {
-    transform: skewX(6deg);
+  .lg\:hover\:translate-x-6:hover {
+    transform: translateX(1.5rem);
   }
 
-  .lg\:focus\:skew-x-12:focus {
-    transform: skewX(12deg);
+  .lg\:hover\:translate-x-8:hover {
+    transform: translateX(2rem);
   }
 
-  .lg\:focus\:-skew-x-12:focus {
-    transform: skewX(-12deg);
+  .lg\:hover\:translate-x-10:hover {
+    transform: translateX(2.5rem);
   }
 
-  .lg\:focus\:-skew-x-6:focus {
-    transform: skewX(-6deg);
+  .lg\:hover\:translate-x-12:hover {
+    transform: translateX(3rem);
   }
 
-  .lg\:focus\:-skew-x-3:focus {
-    transform: skewX(-3deg);
+  .lg\:hover\:translate-x-16:hover {
+    transform: translateX(4rem);
   }
 
-  .lg\:focus\:skew-y-0:focus {
-    transform: skewY(0);
+  .lg\:hover\:translate-x-20:hover {
+    transform: translateX(5rem);
   }
 
-  .lg\:focus\:skew-y-3:focus {
-    transform: skewY(3deg);
+  .lg\:hover\:translate-x-24:hover {
+    transform: translateX(6rem);
   }
 
-  .lg\:focus\:skew-y-6:focus {
-    transform: skewY(6deg);
+  .lg\:hover\:translate-x-32:hover {
+    transform: translateX(8rem);
   }
 
-  .lg\:focus\:skew-y-12:focus {
-    transform: skewY(12deg);
+  .lg\:hover\:translate-x-40:hover {
+    transform: translateX(10rem);
   }
 
-  .lg\:focus\:-skew-y-12:focus {
-    transform: skewY(-12deg);
+  .lg\:hover\:translate-x-48:hover {
+    transform: translateX(12rem);
   }
 
-  .lg\:focus\:-skew-y-6:focus {
-    transform: skewY(-6deg);
+  .lg\:hover\:translate-x-56:hover {
+    transform: translateX(14rem);
   }
 
-  .lg\:focus\:-skew-y-3:focus {
-    transform: skewY(-3deg);
+  .lg\:hover\:translate-x-64:hover {
+    transform: translateX(16rem);
   }
 
-  .lg\:transition-none {
-    transition-property: none;
+  .lg\:hover\:translate-x-px:hover {
+    transform: translateX(1px);
   }
 
-  .lg\:transition-all {
-    transition-property: all;
+  .lg\:hover\:-translate-x-1:hover {
+    transform: translateX(-0.25rem);
   }
 
-  .lg\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+  .lg\:hover\:-translate-x-2:hover {
+    transform: translateX(-0.5rem);
   }
 
-  .lg\:transition-colors {
-    transition-property: background-color, border-color, color, fill, stroke;
+  .lg\:hover\:-translate-x-3:hover {
+    transform: translateX(-0.75rem);
   }
 
-  .lg\:transition-opacity {
-    transition-property: opacity;
+  .lg\:hover\:-translate-x-4:hover {
+    transform: translateX(-1rem);
   }
 
-  .lg\:transition-shadow {
-    transition-property: box-shadow;
+  .lg\:hover\:-translate-x-5:hover {
+    transform: translateX(-1.25rem);
   }
 
-  .lg\:transition-transform {
-    transition-property: transform;
+  .lg\:hover\:-translate-x-6:hover {
+    transform: translateX(-1.5rem);
   }
 
-  .lg\:ease-linear {
-    transition-timing-function: linear;
+  .lg\:hover\:-translate-x-8:hover {
+    transform: translateX(-2rem);
   }
 
-  .lg\:ease-in {
-    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  .lg\:hover\:-translate-x-10:hover {
+    transform: translateX(-2.5rem);
   }
 
-  .lg\:ease-out {
-    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  .lg\:hover\:-translate-x-12:hover {
+    transform: translateX(-3rem);
   }
 
-  .lg\:ease-in-out {
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  .lg\:hover\:-translate-x-16:hover {
+    transform: translateX(-4rem);
   }
 
-  .lg\:duration-75 {
-    transition-duration: 75ms;
+  .lg\:hover\:-translate-x-20:hover {
+    transform: translateX(-5rem);
   }
 
-  .lg\:duration-100 {
-    transition-duration: 100ms;
+  .lg\:hover\:-translate-x-24:hover {
+    transform: translateX(-6rem);
   }
 
-  .lg\:duration-150 {
-    transition-duration: 150ms;
+  .lg\:hover\:-translate-x-32:hover {
+    transform: translateX(-8rem);
   }
 
-  .lg\:duration-200 {
-    transition-duration: 200ms;
+  .lg\:hover\:-translate-x-40:hover {
+    transform: translateX(-10rem);
   }
 
-  .lg\:duration-300 {
-    transition-duration: 300ms;
+  .lg\:hover\:-translate-x-48:hover {
+    transform: translateX(-12rem);
   }
 
-  .lg\:duration-500 {
-    transition-duration: 500ms;
+  .lg\:hover\:-translate-x-56:hover {
+    transform: translateX(-14rem);
   }
 
-  .lg\:duration-700 {
-    transition-duration: 700ms;
+  .lg\:hover\:-translate-x-64:hover {
+    transform: translateX(-16rem);
   }
 
-  .lg\:duration-1000 {
-    transition-duration: 1000ms;
+  .lg\:hover\:-translate-x-px:hover {
+    transform: translateX(-1px);
   }
 
-  .lg\:delay-75 {
-    transition-delay: 75ms;
+  .lg\:hover\:-translate-x-full:hover {
+    transform: translateX(-100%);
   }
 
-  .lg\:delay-100 {
-    transition-delay: 100ms;
+  .lg\:hover\:-translate-x-1\/2:hover {
+    transform: translateX(-50%);
   }
 
-  .lg\:delay-150 {
-    transition-delay: 150ms;
+  .lg\:hover\:translate-x-1\/2:hover {
+    transform: translateX(50%);
   }
 
-  .lg\:delay-200 {
-    transition-delay: 200ms;
+  .lg\:hover\:translate-x-full:hover {
+    transform: translateX(100%);
   }
 
-  .lg\:delay-300 {
-    transition-delay: 300ms;
+  .lg\:hover\:translate-y-0:hover {
+    transform: translateY(0);
   }
 
-  .lg\:delay-500 {
-    transition-delay: 500ms;
+  .lg\:hover\:translate-y-1:hover {
+    transform: translateY(0.25rem);
   }
 
-  .lg\:delay-700 {
-    transition-delay: 700ms;
+  .lg\:hover\:translate-y-2:hover {
+    transform: translateY(0.5rem);
   }
 
-  .lg\:delay-1000 {
-    transition-delay: 1000ms;
+  .lg\:hover\:translate-y-3:hover {
+    transform: translateY(0.75rem);
   }
 
-  .lg\:example {
-    font-weight: 700;
-    color: #f56565;
+  .lg\:hover\:translate-y-4:hover {
+    transform: translateY(1rem);
   }
-}
 
-@media (min-width: 1280px) {
-  .xl\:space-y-0 > :not(template) ~ :not(template) {
-    margin-top: 0;
+  .lg\:hover\:translate-y-5:hover {
+    transform: translateY(1.25rem);
   }
 
-  .xl\:space-x-0 > :not(template) ~ :not(template) {
-    margin-left: 0;
+  .lg\:hover\:translate-y-6:hover {
+    transform: translateY(1.5rem);
   }
 
-  .xl\:space-y-1 > :not(template) ~ :not(template) {
-    margin-top: 0.25rem;
+  .lg\:hover\:translate-y-8:hover {
+    transform: translateY(2rem);
   }
 
-  .xl\:space-x-1 > :not(template) ~ :not(template) {
-    margin-left: 0.25rem;
+  .lg\:hover\:translate-y-10:hover {
+    transform: translateY(2.5rem);
   }
 
-  .xl\:space-y-2 > :not(template) ~ :not(template) {
-    margin-top: 0.5rem;
+  .lg\:hover\:translate-y-12:hover {
+    transform: translateY(3rem);
   }
 
-  .xl\:space-x-2 > :not(template) ~ :not(template) {
-    margin-left: 0.5rem;
+  .lg\:hover\:translate-y-16:hover {
+    transform: translateY(4rem);
   }
 
-  .xl\:space-y-3 > :not(template) ~ :not(template) {
-    margin-top: 0.75rem;
+  .lg\:hover\:translate-y-20:hover {
+    transform: translateY(5rem);
   }
 
-  .xl\:space-x-3 > :not(template) ~ :not(template) {
-    margin-left: 0.75rem;
+  .lg\:hover\:translate-y-24:hover {
+    transform: translateY(6rem);
   }
 
-  .xl\:space-y-4 > :not(template) ~ :not(template) {
-    margin-top: 1rem;
+  .lg\:hover\:translate-y-32:hover {
+    transform: translateY(8rem);
   }
 
-  .xl\:space-x-4 > :not(template) ~ :not(template) {
-    margin-left: 1rem;
+  .lg\:hover\:translate-y-40:hover {
+    transform: translateY(10rem);
   }
 
-  .xl\:space-y-5 > :not(template) ~ :not(template) {
-    margin-top: 1.25rem;
+  .lg\:hover\:translate-y-48:hover {
+    transform: translateY(12rem);
   }
 
-  .xl\:space-x-5 > :not(template) ~ :not(template) {
-    margin-left: 1.25rem;
+  .lg\:hover\:translate-y-56:hover {
+    transform: translateY(14rem);
   }
 
-  .xl\:space-y-6 > :not(template) ~ :not(template) {
-    margin-top: 1.5rem;
+  .lg\:hover\:translate-y-64:hover {
+    transform: translateY(16rem);
   }
 
-  .xl\:space-x-6 > :not(template) ~ :not(template) {
-    margin-left: 1.5rem;
+  .lg\:hover\:translate-y-px:hover {
+    transform: translateY(1px);
   }
 
-  .xl\:space-y-8 > :not(template) ~ :not(template) {
-    margin-top: 2rem;
+  .lg\:hover\:-translate-y-1:hover {
+    transform: translateY(-0.25rem);
   }
 
-  .xl\:space-x-8 > :not(template) ~ :not(template) {
-    margin-left: 2rem;
+  .lg\:hover\:-translate-y-2:hover {
+    transform: translateY(-0.5rem);
   }
 
-  .xl\:space-y-10 > :not(template) ~ :not(template) {
-    margin-top: 2.5rem;
+  .lg\:hover\:-translate-y-3:hover {
+    transform: translateY(-0.75rem);
   }
 
-  .xl\:space-x-10 > :not(template) ~ :not(template) {
-    margin-left: 2.5rem;
+  .lg\:hover\:-translate-y-4:hover {
+    transform: translateY(-1rem);
   }
 
-  .xl\:space-y-12 > :not(template) ~ :not(template) {
-    margin-top: 3rem;
+  .lg\:hover\:-translate-y-5:hover {
+    transform: translateY(-1.25rem);
   }
 
-  .xl\:space-x-12 > :not(template) ~ :not(template) {
-    margin-left: 3rem;
+  .lg\:hover\:-translate-y-6:hover {
+    transform: translateY(-1.5rem);
   }
 
-  .xl\:space-y-16 > :not(template) ~ :not(template) {
-    margin-top: 4rem;
+  .lg\:hover\:-translate-y-8:hover {
+    transform: translateY(-2rem);
   }
 
-  .xl\:space-x-16 > :not(template) ~ :not(template) {
-    margin-left: 4rem;
+  .lg\:hover\:-translate-y-10:hover {
+    transform: translateY(-2.5rem);
   }
 
-  .xl\:space-y-20 > :not(template) ~ :not(template) {
-    margin-top: 5rem;
+  .lg\:hover\:-translate-y-12:hover {
+    transform: translateY(-3rem);
   }
 
-  .xl\:space-x-20 > :not(template) ~ :not(template) {
-    margin-left: 5rem;
+  .lg\:hover\:-translate-y-16:hover {
+    transform: translateY(-4rem);
   }
 
-  .xl\:space-y-24 > :not(template) ~ :not(template) {
-    margin-top: 6rem;
+  .lg\:hover\:-translate-y-20:hover {
+    transform: translateY(-5rem);
   }
 
-  .xl\:space-x-24 > :not(template) ~ :not(template) {
-    margin-left: 6rem;
+  .lg\:hover\:-translate-y-24:hover {
+    transform: translateY(-6rem);
   }
 
-  .xl\:space-y-32 > :not(template) ~ :not(template) {
-    margin-top: 8rem;
+  .lg\:hover\:-translate-y-32:hover {
+    transform: translateY(-8rem);
   }
 
-  .xl\:space-x-32 > :not(template) ~ :not(template) {
-    margin-left: 8rem;
+  .lg\:hover\:-translate-y-40:hover {
+    transform: translateY(-10rem);
   }
 
-  .xl\:space-y-40 > :not(template) ~ :not(template) {
-    margin-top: 10rem;
+  .lg\:hover\:-translate-y-48:hover {
+    transform: translateY(-12rem);
   }
 
-  .xl\:space-x-40 > :not(template) ~ :not(template) {
-    margin-left: 10rem;
+  .lg\:hover\:-translate-y-56:hover {
+    transform: translateY(-14rem);
   }
 
-  .xl\:space-y-48 > :not(template) ~ :not(template) {
-    margin-top: 12rem;
+  .lg\:hover\:-translate-y-64:hover {
+    transform: translateY(-16rem);
   }
 
-  .xl\:space-x-48 > :not(template) ~ :not(template) {
-    margin-left: 12rem;
+  .lg\:hover\:-translate-y-px:hover {
+    transform: translateY(-1px);
   }
 
-  .xl\:space-y-56 > :not(template) ~ :not(template) {
-    margin-top: 14rem;
+  .lg\:hover\:-translate-y-full:hover {
+    transform: translateY(-100%);
   }
 
-  .xl\:space-x-56 > :not(template) ~ :not(template) {
-    margin-left: 14rem;
+  .lg\:hover\:-translate-y-1\/2:hover {
+    transform: translateY(-50%);
   }
 
-  .xl\:space-y-64 > :not(template) ~ :not(template) {
-    margin-top: 16rem;
+  .lg\:hover\:translate-y-1\/2:hover {
+    transform: translateY(50%);
   }
 
-  .xl\:space-x-64 > :not(template) ~ :not(template) {
-    margin-left: 16rem;
+  .lg\:hover\:translate-y-full:hover {
+    transform: translateY(100%);
   }
 
-  .xl\:space-y-px > :not(template) ~ :not(template) {
-    margin-top: 1px;
+  .lg\:focus\:translate-x-0:focus {
+    transform: translateX(0);
   }
 
-  .xl\:space-x-px > :not(template) ~ :not(template) {
-    margin-left: 1px;
+  .lg\:focus\:translate-x-1:focus {
+    transform: translateX(0.25rem);
   }
 
-  .xl\:-space-y-1 > :not(template) ~ :not(template) {
-    margin-top: -0.25rem;
+  .lg\:focus\:translate-x-2:focus {
+    transform: translateX(0.5rem);
   }
 
-  .xl\:-space-x-1 > :not(template) ~ :not(template) {
-    margin-left: -0.25rem;
+  .lg\:focus\:translate-x-3:focus {
+    transform: translateX(0.75rem);
   }
 
-  .xl\:-space-y-2 > :not(template) ~ :not(template) {
-    margin-top: -0.5rem;
+  .lg\:focus\:translate-x-4:focus {
+    transform: translateX(1rem);
   }
 
-  .xl\:-space-x-2 > :not(template) ~ :not(template) {
-    margin-left: -0.5rem;
+  .lg\:focus\:translate-x-5:focus {
+    transform: translateX(1.25rem);
   }
 
-  .xl\:-space-y-3 > :not(template) ~ :not(template) {
-    margin-top: -0.75rem;
+  .lg\:focus\:translate-x-6:focus {
+    transform: translateX(1.5rem);
   }
 
-  .xl\:-space-x-3 > :not(template) ~ :not(template) {
-    margin-left: -0.75rem;
+  .lg\:focus\:translate-x-8:focus {
+    transform: translateX(2rem);
   }
 
-  .xl\:-space-y-4 > :not(template) ~ :not(template) {
-    margin-top: -1rem;
+  .lg\:focus\:translate-x-10:focus {
+    transform: translateX(2.5rem);
   }
 
-  .xl\:-space-x-4 > :not(template) ~ :not(template) {
-    margin-left: -1rem;
+  .lg\:focus\:translate-x-12:focus {
+    transform: translateX(3rem);
   }
 
-  .xl\:-space-y-5 > :not(template) ~ :not(template) {
-    margin-top: -1.25rem;
+  .lg\:focus\:translate-x-16:focus {
+    transform: translateX(4rem);
   }
 
-  .xl\:-space-x-5 > :not(template) ~ :not(template) {
-    margin-left: -1.25rem;
+  .lg\:focus\:translate-x-20:focus {
+    transform: translateX(5rem);
   }
 
-  .xl\:-space-y-6 > :not(template) ~ :not(template) {
-    margin-top: -1.5rem;
+  .lg\:focus\:translate-x-24:focus {
+    transform: translateX(6rem);
   }
 
-  .xl\:-space-x-6 > :not(template) ~ :not(template) {
-    margin-left: -1.5rem;
+  .lg\:focus\:translate-x-32:focus {
+    transform: translateX(8rem);
   }
 
-  .xl\:-space-y-8 > :not(template) ~ :not(template) {
-    margin-top: -2rem;
+  .lg\:focus\:translate-x-40:focus {
+    transform: translateX(10rem);
   }
 
-  .xl\:-space-x-8 > :not(template) ~ :not(template) {
-    margin-left: -2rem;
+  .lg\:focus\:translate-x-48:focus {
+    transform: translateX(12rem);
   }
 
-  .xl\:-space-y-10 > :not(template) ~ :not(template) {
-    margin-top: -2.5rem;
+  .lg\:focus\:translate-x-56:focus {
+    transform: translateX(14rem);
   }
 
-  .xl\:-space-x-10 > :not(template) ~ :not(template) {
-    margin-left: -2.5rem;
+  .lg\:focus\:translate-x-64:focus {
+    transform: translateX(16rem);
   }
 
-  .xl\:-space-y-12 > :not(template) ~ :not(template) {
-    margin-top: -3rem;
+  .lg\:focus\:translate-x-px:focus {
+    transform: translateX(1px);
   }
 
-  .xl\:-space-x-12 > :not(template) ~ :not(template) {
-    margin-left: -3rem;
+  .lg\:focus\:-translate-x-1:focus {
+    transform: translateX(-0.25rem);
   }
 
-  .xl\:-space-y-16 > :not(template) ~ :not(template) {
-    margin-top: -4rem;
+  .lg\:focus\:-translate-x-2:focus {
+    transform: translateX(-0.5rem);
   }
 
-  .xl\:-space-x-16 > :not(template) ~ :not(template) {
-    margin-left: -4rem;
+  .lg\:focus\:-translate-x-3:focus {
+    transform: translateX(-0.75rem);
   }
 
-  .xl\:-space-y-20 > :not(template) ~ :not(template) {
-    margin-top: -5rem;
+  .lg\:focus\:-translate-x-4:focus {
+    transform: translateX(-1rem);
   }
 
-  .xl\:-space-x-20 > :not(template) ~ :not(template) {
-    margin-left: -5rem;
+  .lg\:focus\:-translate-x-5:focus {
+    transform: translateX(-1.25rem);
   }
 
-  .xl\:-space-y-24 > :not(template) ~ :not(template) {
-    margin-top: -6rem;
+  .lg\:focus\:-translate-x-6:focus {
+    transform: translateX(-1.5rem);
   }
 
-  .xl\:-space-x-24 > :not(template) ~ :not(template) {
-    margin-left: -6rem;
+  .lg\:focus\:-translate-x-8:focus {
+    transform: translateX(-2rem);
   }
 
-  .xl\:-space-y-32 > :not(template) ~ :not(template) {
-    margin-top: -8rem;
+  .lg\:focus\:-translate-x-10:focus {
+    transform: translateX(-2.5rem);
   }
 
-  .xl\:-space-x-32 > :not(template) ~ :not(template) {
-    margin-left: -8rem;
+  .lg\:focus\:-translate-x-12:focus {
+    transform: translateX(-3rem);
   }
 
-  .xl\:-space-y-40 > :not(template) ~ :not(template) {
-    margin-top: -10rem;
+  .lg\:focus\:-translate-x-16:focus {
+    transform: translateX(-4rem);
   }
 
-  .xl\:-space-x-40 > :not(template) ~ :not(template) {
-    margin-left: -10rem;
+  .lg\:focus\:-translate-x-20:focus {
+    transform: translateX(-5rem);
   }
 
-  .xl\:-space-y-48 > :not(template) ~ :not(template) {
-    margin-top: -12rem;
+  .lg\:focus\:-translate-x-24:focus {
+    transform: translateX(-6rem);
   }
 
-  .xl\:-space-x-48 > :not(template) ~ :not(template) {
-    margin-left: -12rem;
+  .lg\:focus\:-translate-x-32:focus {
+    transform: translateX(-8rem);
   }
 
-  .xl\:-space-y-56 > :not(template) ~ :not(template) {
-    margin-top: -14rem;
+  .lg\:focus\:-translate-x-40:focus {
+    transform: translateX(-10rem);
   }
 
-  .xl\:-space-x-56 > :not(template) ~ :not(template) {
-    margin-left: -14rem;
+  .lg\:focus\:-translate-x-48:focus {
+    transform: translateX(-12rem);
   }
 
-  .xl\:-space-y-64 > :not(template) ~ :not(template) {
-    margin-top: -16rem;
+  .lg\:focus\:-translate-x-56:focus {
+    transform: translateX(-14rem);
   }
 
-  .xl\:-space-x-64 > :not(template) ~ :not(template) {
-    margin-left: -16rem;
+  .lg\:focus\:-translate-x-64:focus {
+    transform: translateX(-16rem);
   }
 
-  .xl\:-space-y-px > :not(template) ~ :not(template) {
-    margin-top: -1px;
+  .lg\:focus\:-translate-x-px:focus {
+    transform: translateX(-1px);
   }
 
-  .xl\:-space-x-px > :not(template) ~ :not(template) {
-    margin-left: -1px;
+  .lg\:focus\:-translate-x-full:focus {
+    transform: translateX(-100%);
   }
 
-  .xl\:divide-y-0 > :not(template) ~ :not(template) {
-    border-top-width: 0;
+  .lg\:focus\:-translate-x-1\/2:focus {
+    transform: translateX(-50%);
   }
 
-  .xl\:divide-x-0 > :not(template) ~ :not(template) {
-    border-left-width: 0;
+  .lg\:focus\:translate-x-1\/2:focus {
+    transform: translateX(50%);
   }
 
-  .xl\:divide-y-2 > :not(template) ~ :not(template) {
-    border-top-width: 2px;
+  .lg\:focus\:translate-x-full:focus {
+    transform: translateX(100%);
   }
 
-  .xl\:divide-x-2 > :not(template) ~ :not(template) {
-    border-left-width: 2px;
+  .lg\:focus\:translate-y-0:focus {
+    transform: translateY(0);
   }
 
-  .xl\:divide-y-4 > :not(template) ~ :not(template) {
-    border-top-width: 4px;
+  .lg\:focus\:translate-y-1:focus {
+    transform: translateY(0.25rem);
   }
 
-  .xl\:divide-x-4 > :not(template) ~ :not(template) {
-    border-left-width: 4px;
+  .lg\:focus\:translate-y-2:focus {
+    transform: translateY(0.5rem);
   }
 
-  .xl\:divide-y-8 > :not(template) ~ :not(template) {
-    border-top-width: 8px;
+  .lg\:focus\:translate-y-3:focus {
+    transform: translateY(0.75rem);
   }
 
-  .xl\:divide-x-8 > :not(template) ~ :not(template) {
-    border-left-width: 8px;
+  .lg\:focus\:translate-y-4:focus {
+    transform: translateY(1rem);
   }
 
-  .xl\:divide-y > :not(template) ~ :not(template) {
-    border-top-width: 1px;
+  .lg\:focus\:translate-y-5:focus {
+    transform: translateY(1.25rem);
   }
 
-  .xl\:divide-x > :not(template) ~ :not(template) {
-    border-left-width: 1px;
+  .lg\:focus\:translate-y-6:focus {
+    transform: translateY(1.5rem);
   }
 
-  .xl\:divide-transparent > :not(template) ~ :not(template) {
-    border-color: transparent;
+  .lg\:focus\:translate-y-8:focus {
+    transform: translateY(2rem);
   }
 
-  .xl\:divide-current > :not(template) ~ :not(template) {
-    border-color: currentColor;
+  .lg\:focus\:translate-y-10:focus {
+    transform: translateY(2.5rem);
   }
 
-  .xl\:divide-black > :not(template) ~ :not(template) {
-    border-color: #000;
+  .lg\:focus\:translate-y-12:focus {
+    transform: translateY(3rem);
   }
 
-  .xl\:divide-white > :not(template) ~ :not(template) {
-    border-color: #fff;
+  .lg\:focus\:translate-y-16:focus {
+    transform: translateY(4rem);
   }
 
-  .xl\:divide-gray-100 > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
+  .lg\:focus\:translate-y-20:focus {
+    transform: translateY(5rem);
   }
 
-  .xl\:divide-gray-200 > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
+  .lg\:focus\:translate-y-24:focus {
+    transform: translateY(6rem);
   }
 
-  .xl\:divide-gray-300 > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
+  .lg\:focus\:translate-y-32:focus {
+    transform: translateY(8rem);
   }
 
-  .xl\:divide-gray-400 > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
+  .lg\:focus\:translate-y-40:focus {
+    transform: translateY(10rem);
   }
 
-  .xl\:divide-gray-500 > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
+  .lg\:focus\:translate-y-48:focus {
+    transform: translateY(12rem);
   }
 
-  .xl\:divide-gray-600 > :not(template) ~ :not(template) {
-    border-color: #718096;
+  .lg\:focus\:translate-y-56:focus {
+    transform: translateY(14rem);
   }
 
-  .xl\:divide-gray-700 > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+  .lg\:focus\:translate-y-64:focus {
+    transform: translateY(16rem);
   }
 
-  .xl\:divide-gray-800 > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .lg\:focus\:translate-y-px:focus {
+    transform: translateY(1px);
   }
 
-  .xl\:divide-gray-900 > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .lg\:focus\:-translate-y-1:focus {
+    transform: translateY(-0.25rem);
   }
 
-  .xl\:divide-red-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .lg\:focus\:-translate-y-2:focus {
+    transform: translateY(-0.5rem);
   }
 
-  .xl\:divide-red-200 > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .lg\:focus\:-translate-y-3:focus {
+    transform: translateY(-0.75rem);
   }
 
-  .xl\:divide-red-300 > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .lg\:focus\:-translate-y-4:focus {
+    transform: translateY(-1rem);
   }
 
-  .xl\:divide-red-400 > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .lg\:focus\:-translate-y-5:focus {
+    transform: translateY(-1.25rem);
   }
 
-  .xl\:divide-red-500 > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .lg\:focus\:-translate-y-6:focus {
+    transform: translateY(-1.5rem);
   }
 
-  .xl\:divide-red-600 > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .lg\:focus\:-translate-y-8:focus {
+    transform: translateY(-2rem);
   }
 
-  .xl\:divide-red-700 > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .lg\:focus\:-translate-y-10:focus {
+    transform: translateY(-2.5rem);
   }
 
-  .xl\:divide-red-800 > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .lg\:focus\:-translate-y-12:focus {
+    transform: translateY(-3rem);
   }
 
-  .xl\:divide-red-900 > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .lg\:focus\:-translate-y-16:focus {
+    transform: translateY(-4rem);
   }
 
-  .xl\:divide-orange-100 > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .lg\:focus\:-translate-y-20:focus {
+    transform: translateY(-5rem);
   }
 
-  .xl\:divide-orange-200 > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .lg\:focus\:-translate-y-24:focus {
+    transform: translateY(-6rem);
   }
 
-  .xl\:divide-orange-300 > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .lg\:focus\:-translate-y-32:focus {
+    transform: translateY(-8rem);
   }
 
-  .xl\:divide-orange-400 > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .lg\:focus\:-translate-y-40:focus {
+    transform: translateY(-10rem);
   }
 
-  .xl\:divide-orange-500 > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .lg\:focus\:-translate-y-48:focus {
+    transform: translateY(-12rem);
   }
 
-  .xl\:divide-orange-600 > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .lg\:focus\:-translate-y-56:focus {
+    transform: translateY(-14rem);
   }
 
-  .xl\:divide-orange-700 > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .lg\:focus\:-translate-y-64:focus {
+    transform: translateY(-16rem);
   }
 
-  .xl\:divide-orange-800 > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .lg\:focus\:-translate-y-px:focus {
+    transform: translateY(-1px);
   }
 
-  .xl\:divide-orange-900 > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .lg\:focus\:-translate-y-full:focus {
+    transform: translateY(-100%);
   }
 
-  .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .lg\:focus\:-translate-y-1\/2:focus {
+    transform: translateY(-50%);
   }
 
-  .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .lg\:focus\:translate-y-1\/2:focus {
+    transform: translateY(50%);
   }
 
-  .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .lg\:focus\:translate-y-full:focus {
+    transform: translateY(100%);
   }
 
-  .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .lg\:skew-x-0 {
+    transform: skewX(0);
   }
 
-  .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .lg\:skew-x-3 {
+    transform: skewX(3deg);
   }
 
-  .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .lg\:skew-x-6 {
+    transform: skewX(6deg);
   }
 
-  .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .lg\:skew-x-12 {
+    transform: skewX(12deg);
   }
 
-  .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .lg\:-skew-x-12 {
+    transform: skewX(-12deg);
   }
 
-  .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .lg\:-skew-x-6 {
+    transform: skewX(-6deg);
   }
 
-  .xl\:divide-green-100 > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .lg\:-skew-x-3 {
+    transform: skewX(-3deg);
   }
 
-  .xl\:divide-green-200 > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .lg\:skew-y-0 {
+    transform: skewY(0);
   }
 
-  .xl\:divide-green-300 > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .lg\:skew-y-3 {
+    transform: skewY(3deg);
   }
 
-  .xl\:divide-green-400 > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .lg\:skew-y-6 {
+    transform: skewY(6deg);
   }
 
-  .xl\:divide-green-500 > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .lg\:skew-y-12 {
+    transform: skewY(12deg);
   }
 
-  .xl\:divide-green-600 > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .lg\:-skew-y-12 {
+    transform: skewY(-12deg);
   }
 
-  .xl\:divide-green-700 > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .lg\:-skew-y-6 {
+    transform: skewY(-6deg);
   }
 
-  .xl\:divide-green-800 > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .lg\:-skew-y-3 {
+    transform: skewY(-3deg);
   }
 
-  .xl\:divide-green-900 > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .lg\:hover\:skew-x-0:hover {
+    transform: skewX(0);
   }
 
-  .xl\:divide-teal-100 > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .lg\:hover\:skew-x-3:hover {
+    transform: skewX(3deg);
   }
 
-  .xl\:divide-teal-200 > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .lg\:hover\:skew-x-6:hover {
+    transform: skewX(6deg);
   }
 
-  .xl\:divide-teal-300 > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .lg\:hover\:skew-x-12:hover {
+    transform: skewX(12deg);
   }
 
-  .xl\:divide-teal-400 > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .lg\:hover\:-skew-x-12:hover {
+    transform: skewX(-12deg);
   }
 
-  .xl\:divide-teal-500 > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .lg\:hover\:-skew-x-6:hover {
+    transform: skewX(-6deg);
   }
 
-  .xl\:divide-teal-600 > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .lg\:hover\:-skew-x-3:hover {
+    transform: skewX(-3deg);
   }
 
-  .xl\:divide-teal-700 > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .lg\:hover\:skew-y-0:hover {
+    transform: skewY(0);
   }
 
-  .xl\:divide-teal-800 > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .lg\:hover\:skew-y-3:hover {
+    transform: skewY(3deg);
   }
 
-  .xl\:divide-teal-900 > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .lg\:hover\:skew-y-6:hover {
+    transform: skewY(6deg);
   }
 
-  .xl\:divide-blue-100 > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .lg\:hover\:skew-y-12:hover {
+    transform: skewY(12deg);
   }
 
-  .xl\:divide-blue-200 > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .lg\:hover\:-skew-y-12:hover {
+    transform: skewY(-12deg);
   }
 
-  .xl\:divide-blue-300 > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .lg\:hover\:-skew-y-6:hover {
+    transform: skewY(-6deg);
   }
 
-  .xl\:divide-blue-400 > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .lg\:hover\:-skew-y-3:hover {
+    transform: skewY(-3deg);
   }
 
-  .xl\:divide-blue-500 > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .lg\:focus\:skew-x-0:focus {
+    transform: skewX(0);
   }
 
-  .xl\:divide-blue-600 > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .lg\:focus\:skew-x-3:focus {
+    transform: skewX(3deg);
   }
 
-  .xl\:divide-blue-700 > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .lg\:focus\:skew-x-6:focus {
+    transform: skewX(6deg);
   }
 
-  .xl\:divide-blue-800 > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .lg\:focus\:skew-x-12:focus {
+    transform: skewX(12deg);
   }
 
-  .xl\:divide-blue-900 > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .lg\:focus\:-skew-x-12:focus {
+    transform: skewX(-12deg);
   }
 
-  .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .lg\:focus\:-skew-x-6:focus {
+    transform: skewX(-6deg);
   }
 
-  .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .lg\:focus\:-skew-x-3:focus {
+    transform: skewX(-3deg);
   }
 
-  .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .lg\:focus\:skew-y-0:focus {
+    transform: skewY(0);
   }
 
-  .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .lg\:focus\:skew-y-3:focus {
+    transform: skewY(3deg);
   }
 
-  .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .lg\:focus\:skew-y-6:focus {
+    transform: skewY(6deg);
   }
 
-  .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .lg\:focus\:skew-y-12:focus {
+    transform: skewY(12deg);
   }
 
-  .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .lg\:focus\:-skew-y-12:focus {
+    transform: skewY(-12deg);
   }
 
-  .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .lg\:focus\:-skew-y-6:focus {
+    transform: skewY(-6deg);
   }
 
-  .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .lg\:focus\:-skew-y-3:focus {
+    transform: skewY(-3deg);
   }
 
-  .xl\:divide-purple-100 > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .lg\:transition-none {
+    transition-property: none;
   }
 
-  .xl\:divide-purple-200 > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .lg\:transition-all {
+    transition-property: all;
   }
 
-  .xl\:divide-purple-300 > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .lg\:transition {
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
-  .xl\:divide-purple-400 > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .lg\:transition-colors {
+    transition-property: background-color, border-color, color, fill, stroke;
   }
 
-  .xl\:divide-purple-500 > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .lg\:transition-opacity {
+    transition-property: opacity;
   }
 
-  .xl\:divide-purple-600 > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .lg\:transition-shadow {
+    transition-property: box-shadow;
   }
 
-  .xl\:divide-purple-700 > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .lg\:transition-transform {
+    transition-property: transform;
   }
 
-  .xl\:divide-purple-800 > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .lg\:ease-linear {
+    transition-timing-function: linear;
   }
 
-  .xl\:divide-purple-900 > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .lg\:ease-in {
+    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   }
 
-  .xl\:divide-pink-100 > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .lg\:ease-out {
+    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 
-  .xl\:divide-pink-200 > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .lg\:ease-in-out {
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  .xl\:divide-pink-300 > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .lg\:duration-75 {
+    transition-duration: 75ms;
   }
 
-  .xl\:divide-pink-400 > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .lg\:duration-100 {
+    transition-duration: 100ms;
   }
 
-  .xl\:divide-pink-500 > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .lg\:duration-150 {
+    transition-duration: 150ms;
   }
 
-  .xl\:divide-pink-600 > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .lg\:duration-200 {
+    transition-duration: 200ms;
   }
 
-  .xl\:divide-pink-700 > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .lg\:duration-300 {
+    transition-duration: 300ms;
   }
 
-  .xl\:divide-pink-800 > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .lg\:duration-500 {
+    transition-duration: 500ms;
   }
 
-  .xl\:divide-pink-900 > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .lg\:duration-700 {
+    transition-duration: 700ms;
   }
 
-  .xl\:hover\:divide-transparent:hover > :not(template) ~ :not(template) {
-    border-color: transparent;
+  .lg\:duration-1000 {
+    transition-duration: 1000ms;
   }
 
-  .xl\:hover\:divide-current:hover > :not(template) ~ :not(template) {
-    border-color: currentColor;
+  .lg\:delay-75 {
+    transition-delay: 75ms;
   }
 
-  .xl\:hover\:divide-black:hover > :not(template) ~ :not(template) {
-    border-color: #000;
+  .lg\:delay-100 {
+    transition-delay: 100ms;
   }
 
-  .xl\:hover\:divide-white:hover > :not(template) ~ :not(template) {
-    border-color: #fff;
+  .lg\:delay-150 {
+    transition-delay: 150ms;
   }
 
-  .xl\:hover\:divide-gray-100:hover > :not(template) ~ :not(template) {
-    border-color: #f7fafc;
+  .lg\:delay-200 {
+    transition-delay: 200ms;
   }
 
-  .xl\:hover\:divide-gray-200:hover > :not(template) ~ :not(template) {
-    border-color: #edf2f7;
+  .lg\:delay-300 {
+    transition-delay: 300ms;
   }
 
-  .xl\:hover\:divide-gray-300:hover > :not(template) ~ :not(template) {
-    border-color: #e2e8f0;
+  .lg\:delay-500 {
+    transition-delay: 500ms;
   }
 
-  .xl\:hover\:divide-gray-400:hover > :not(template) ~ :not(template) {
-    border-color: #cbd5e0;
+  .lg\:delay-700 {
+    transition-delay: 700ms;
   }
 
-  .xl\:hover\:divide-gray-500:hover > :not(template) ~ :not(template) {
-    border-color: #a0aec0;
+  .lg\:delay-1000 {
+    transition-delay: 1000ms;
   }
 
-  .xl\:hover\:divide-gray-600:hover > :not(template) ~ :not(template) {
-    border-color: #718096;
+  .lg\:example {
+    font-weight: 700;
+    color: #f56565;
   }
+}
 
-  .xl\:hover\:divide-gray-700:hover > :not(template) ~ :not(template) {
-    border-color: #4a5568;
+@media (min-width: 1280px) {
+  .xl\:space-y-0 > :not(template) ~ :not(template) {
+    margin-top: 0;
   }
 
-  .xl\:hover\:divide-gray-800:hover > :not(template) ~ :not(template) {
-    border-color: #2d3748;
+  .xl\:space-x-0 > :not(template) ~ :not(template) {
+    margin-left: 0;
   }
 
-  .xl\:hover\:divide-gray-900:hover > :not(template) ~ :not(template) {
-    border-color: #1a202c;
+  .xl\:space-y-1 > :not(template) ~ :not(template) {
+    margin-top: 0.25rem;
   }
 
-  .xl\:hover\:divide-red-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f5;
+  .xl\:space-x-1 > :not(template) ~ :not(template) {
+    margin-left: 0.25rem;
   }
 
-  .xl\:hover\:divide-red-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7d7;
+  .xl\:space-y-2 > :not(template) ~ :not(template) {
+    margin-top: 0.5rem;
   }
 
-  .xl\:hover\:divide-red-300:hover > :not(template) ~ :not(template) {
-    border-color: #feb2b2;
+  .xl\:space-x-2 > :not(template) ~ :not(template) {
+    margin-left: 0.5rem;
   }
 
-  .xl\:hover\:divide-red-400:hover > :not(template) ~ :not(template) {
-    border-color: #fc8181;
+  .xl\:space-y-3 > :not(template) ~ :not(template) {
+    margin-top: 0.75rem;
   }
 
-  .xl\:hover\:divide-red-500:hover > :not(template) ~ :not(template) {
-    border-color: #f56565;
+  .xl\:space-x-3 > :not(template) ~ :not(template) {
+    margin-left: 0.75rem;
   }
 
-  .xl\:hover\:divide-red-600:hover > :not(template) ~ :not(template) {
-    border-color: #e53e3e;
+  .xl\:space-y-4 > :not(template) ~ :not(template) {
+    margin-top: 1rem;
   }
 
-  .xl\:hover\:divide-red-700:hover > :not(template) ~ :not(template) {
-    border-color: #c53030;
+  .xl\:space-x-4 > :not(template) ~ :not(template) {
+    margin-left: 1rem;
   }
 
-  .xl\:hover\:divide-red-800:hover > :not(template) ~ :not(template) {
-    border-color: #9b2c2c;
+  .xl\:space-y-5 > :not(template) ~ :not(template) {
+    margin-top: 1.25rem;
   }
 
-  .xl\:hover\:divide-red-900:hover > :not(template) ~ :not(template) {
-    border-color: #742a2a;
+  .xl\:space-x-5 > :not(template) ~ :not(template) {
+    margin-left: 1.25rem;
   }
 
-  .xl\:hover\:divide-orange-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffaf0;
+  .xl\:space-y-6 > :not(template) ~ :not(template) {
+    margin-top: 1.5rem;
   }
 
-  .xl\:hover\:divide-orange-200:hover > :not(template) ~ :not(template) {
-    border-color: #feebc8;
+  .xl\:space-x-6 > :not(template) ~ :not(template) {
+    margin-left: 1.5rem;
   }
 
-  .xl\:hover\:divide-orange-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbd38d;
+  .xl\:space-y-8 > :not(template) ~ :not(template) {
+    margin-top: 2rem;
   }
 
-  .xl\:hover\:divide-orange-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6ad55;
+  .xl\:space-x-8 > :not(template) ~ :not(template) {
+    margin-left: 2rem;
   }
 
-  .xl\:hover\:divide-orange-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed8936;
+  .xl\:space-y-10 > :not(template) ~ :not(template) {
+    margin-top: 2.5rem;
   }
 
-  .xl\:hover\:divide-orange-600:hover > :not(template) ~ :not(template) {
-    border-color: #dd6b20;
+  .xl\:space-x-10 > :not(template) ~ :not(template) {
+    margin-left: 2.5rem;
   }
 
-  .xl\:hover\:divide-orange-700:hover > :not(template) ~ :not(template) {
-    border-color: #c05621;
+  .xl\:space-y-12 > :not(template) ~ :not(template) {
+    margin-top: 3rem;
   }
 
-  .xl\:hover\:divide-orange-800:hover > :not(template) ~ :not(template) {
-    border-color: #9c4221;
+  .xl\:space-x-12 > :not(template) ~ :not(template) {
+    margin-left: 3rem;
   }
 
-  .xl\:hover\:divide-orange-900:hover > :not(template) ~ :not(template) {
-    border-color: #7b341e;
+  .xl\:space-y-16 > :not(template) ~ :not(template) {
+    margin-top: 4rem;
   }
 
-  .xl\:hover\:divide-yellow-100:hover > :not(template) ~ :not(template) {
-    border-color: #fffff0;
+  .xl\:space-x-16 > :not(template) ~ :not(template) {
+    margin-left: 4rem;
   }
 
-  .xl\:hover\:divide-yellow-200:hover > :not(template) ~ :not(template) {
-    border-color: #fefcbf;
+  .xl\:space-y-20 > :not(template) ~ :not(template) {
+    margin-top: 5rem;
   }
 
-  .xl\:hover\:divide-yellow-300:hover > :not(template) ~ :not(template) {
-    border-color: #faf089;
+  .xl\:space-x-20 > :not(template) ~ :not(template) {
+    margin-left: 5rem;
   }
 
-  .xl\:hover\:divide-yellow-400:hover > :not(template) ~ :not(template) {
-    border-color: #f6e05e;
+  .xl\:space-y-24 > :not(template) ~ :not(template) {
+    margin-top: 6rem;
   }
 
-  .xl\:hover\:divide-yellow-500:hover > :not(template) ~ :not(template) {
-    border-color: #ecc94b;
+  .xl\:space-x-24 > :not(template) ~ :not(template) {
+    margin-left: 6rem;
   }
 
-  .xl\:hover\:divide-yellow-600:hover > :not(template) ~ :not(template) {
-    border-color: #d69e2e;
+  .xl\:space-y-32 > :not(template) ~ :not(template) {
+    margin-top: 8rem;
   }
 
-  .xl\:hover\:divide-yellow-700:hover > :not(template) ~ :not(template) {
-    border-color: #b7791f;
+  .xl\:space-x-32 > :not(template) ~ :not(template) {
+    margin-left: 8rem;
   }
 
-  .xl\:hover\:divide-yellow-800:hover > :not(template) ~ :not(template) {
-    border-color: #975a16;
+  .xl\:space-y-40 > :not(template) ~ :not(template) {
+    margin-top: 10rem;
   }
 
-  .xl\:hover\:divide-yellow-900:hover > :not(template) ~ :not(template) {
-    border-color: #744210;
+  .xl\:space-x-40 > :not(template) ~ :not(template) {
+    margin-left: 10rem;
   }
 
-  .xl\:hover\:divide-green-100:hover > :not(template) ~ :not(template) {
-    border-color: #f0fff4;
+  .xl\:space-y-48 > :not(template) ~ :not(template) {
+    margin-top: 12rem;
   }
 
-  .xl\:hover\:divide-green-200:hover > :not(template) ~ :not(template) {
-    border-color: #c6f6d5;
+  .xl\:space-x-48 > :not(template) ~ :not(template) {
+    margin-left: 12rem;
   }
 
-  .xl\:hover\:divide-green-300:hover > :not(template) ~ :not(template) {
-    border-color: #9ae6b4;
+  .xl\:space-y-56 > :not(template) ~ :not(template) {
+    margin-top: 14rem;
   }
 
-  .xl\:hover\:divide-green-400:hover > :not(template) ~ :not(template) {
-    border-color: #68d391;
+  .xl\:space-x-56 > :not(template) ~ :not(template) {
+    margin-left: 14rem;
   }
 
-  .xl\:hover\:divide-green-500:hover > :not(template) ~ :not(template) {
-    border-color: #48bb78;
+  .xl\:space-y-64 > :not(template) ~ :not(template) {
+    margin-top: 16rem;
   }
 
-  .xl\:hover\:divide-green-600:hover > :not(template) ~ :not(template) {
-    border-color: #38a169;
+  .xl\:space-x-64 > :not(template) ~ :not(template) {
+    margin-left: 16rem;
   }
 
-  .xl\:hover\:divide-green-700:hover > :not(template) ~ :not(template) {
-    border-color: #2f855a;
+  .xl\:space-y-px > :not(template) ~ :not(template) {
+    margin-top: 1px;
   }
 
-  .xl\:hover\:divide-green-800:hover > :not(template) ~ :not(template) {
-    border-color: #276749;
+  .xl\:space-x-px > :not(template) ~ :not(template) {
+    margin-left: 1px;
   }
 
-  .xl\:hover\:divide-green-900:hover > :not(template) ~ :not(template) {
-    border-color: #22543d;
+  .xl\:-space-y-1 > :not(template) ~ :not(template) {
+    margin-top: -0.25rem;
   }
 
-  .xl\:hover\:divide-teal-100:hover > :not(template) ~ :not(template) {
-    border-color: #e6fffa;
+  .xl\:-space-x-1 > :not(template) ~ :not(template) {
+    margin-left: -0.25rem;
   }
 
-  .xl\:hover\:divide-teal-200:hover > :not(template) ~ :not(template) {
-    border-color: #b2f5ea;
+  .xl\:-space-y-2 > :not(template) ~ :not(template) {
+    margin-top: -0.5rem;
   }
 
-  .xl\:hover\:divide-teal-300:hover > :not(template) ~ :not(template) {
-    border-color: #81e6d9;
+  .xl\:-space-x-2 > :not(template) ~ :not(template) {
+    margin-left: -0.5rem;
   }
 
-  .xl\:hover\:divide-teal-400:hover > :not(template) ~ :not(template) {
-    border-color: #4fd1c5;
+  .xl\:-space-y-3 > :not(template) ~ :not(template) {
+    margin-top: -0.75rem;
   }
 
-  .xl\:hover\:divide-teal-500:hover > :not(template) ~ :not(template) {
-    border-color: #38b2ac;
+  .xl\:-space-x-3 > :not(template) ~ :not(template) {
+    margin-left: -0.75rem;
   }
 
-  .xl\:hover\:divide-teal-600:hover > :not(template) ~ :not(template) {
-    border-color: #319795;
+  .xl\:-space-y-4 > :not(template) ~ :not(template) {
+    margin-top: -1rem;
   }
 
-  .xl\:hover\:divide-teal-700:hover > :not(template) ~ :not(template) {
-    border-color: #2c7a7b;
+  .xl\:-space-x-4 > :not(template) ~ :not(template) {
+    margin-left: -1rem;
   }
 
-  .xl\:hover\:divide-teal-800:hover > :not(template) ~ :not(template) {
-    border-color: #285e61;
+  .xl\:-space-y-5 > :not(template) ~ :not(template) {
+    margin-top: -1.25rem;
   }
 
-  .xl\:hover\:divide-teal-900:hover > :not(template) ~ :not(template) {
-    border-color: #234e52;
+  .xl\:-space-x-5 > :not(template) ~ :not(template) {
+    margin-left: -1.25rem;
   }
 
-  .xl\:hover\:divide-blue-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf8ff;
+  .xl\:-space-y-6 > :not(template) ~ :not(template) {
+    margin-top: -1.5rem;
   }
 
-  .xl\:hover\:divide-blue-200:hover > :not(template) ~ :not(template) {
-    border-color: #bee3f8;
+  .xl\:-space-x-6 > :not(template) ~ :not(template) {
+    margin-left: -1.5rem;
   }
 
-  .xl\:hover\:divide-blue-300:hover > :not(template) ~ :not(template) {
-    border-color: #90cdf4;
+  .xl\:-space-y-8 > :not(template) ~ :not(template) {
+    margin-top: -2rem;
   }
 
-  .xl\:hover\:divide-blue-400:hover > :not(template) ~ :not(template) {
-    border-color: #63b3ed;
+  .xl\:-space-x-8 > :not(template) ~ :not(template) {
+    margin-left: -2rem;
   }
 
-  .xl\:hover\:divide-blue-500:hover > :not(template) ~ :not(template) {
-    border-color: #4299e1;
+  .xl\:-space-y-10 > :not(template) ~ :not(template) {
+    margin-top: -2.5rem;
   }
 
-  .xl\:hover\:divide-blue-600:hover > :not(template) ~ :not(template) {
-    border-color: #3182ce;
+  .xl\:-space-x-10 > :not(template) ~ :not(template) {
+    margin-left: -2.5rem;
   }
 
-  .xl\:hover\:divide-blue-700:hover > :not(template) ~ :not(template) {
-    border-color: #2b6cb0;
+  .xl\:-space-y-12 > :not(template) ~ :not(template) {
+    margin-top: -3rem;
   }
 
-  .xl\:hover\:divide-blue-800:hover > :not(template) ~ :not(template) {
-    border-color: #2c5282;
+  .xl\:-space-x-12 > :not(template) ~ :not(template) {
+    margin-left: -3rem;
   }
 
-  .xl\:hover\:divide-blue-900:hover > :not(template) ~ :not(template) {
-    border-color: #2a4365;
+  .xl\:-space-y-16 > :not(template) ~ :not(template) {
+    margin-top: -4rem;
   }
 
-  .xl\:hover\:divide-indigo-100:hover > :not(template) ~ :not(template) {
-    border-color: #ebf4ff;
+  .xl\:-space-x-16 > :not(template) ~ :not(template) {
+    margin-left: -4rem;
   }
 
-  .xl\:hover\:divide-indigo-200:hover > :not(template) ~ :not(template) {
-    border-color: #c3dafe;
+  .xl\:-space-y-20 > :not(template) ~ :not(template) {
+    margin-top: -5rem;
   }
 
-  .xl\:hover\:divide-indigo-300:hover > :not(template) ~ :not(template) {
-    border-color: #a3bffa;
+  .xl\:-space-x-20 > :not(template) ~ :not(template) {
+    margin-left: -5rem;
   }
 
-  .xl\:hover\:divide-indigo-400:hover > :not(template) ~ :not(template) {
-    border-color: #7f9cf5;
+  .xl\:-space-y-24 > :not(template) ~ :not(template) {
+    margin-top: -6rem;
   }
 
-  .xl\:hover\:divide-indigo-500:hover > :not(template) ~ :not(template) {
-    border-color: #667eea;
+  .xl\:-space-x-24 > :not(template) ~ :not(template) {
+    margin-left: -6rem;
   }
 
-  .xl\:hover\:divide-indigo-600:hover > :not(template) ~ :not(template) {
-    border-color: #5a67d8;
+  .xl\:-space-y-32 > :not(template) ~ :not(template) {
+    margin-top: -8rem;
   }
 
-  .xl\:hover\:divide-indigo-700:hover > :not(template) ~ :not(template) {
-    border-color: #4c51bf;
+  .xl\:-space-x-32 > :not(template) ~ :not(template) {
+    margin-left: -8rem;
   }
 
-  .xl\:hover\:divide-indigo-800:hover > :not(template) ~ :not(template) {
-    border-color: #434190;
+  .xl\:-space-y-40 > :not(template) ~ :not(template) {
+    margin-top: -10rem;
   }
 
-  .xl\:hover\:divide-indigo-900:hover > :not(template) ~ :not(template) {
-    border-color: #3c366b;
+  .xl\:-space-x-40 > :not(template) ~ :not(template) {
+    margin-left: -10rem;
   }
 
-  .xl\:hover\:divide-purple-100:hover > :not(template) ~ :not(template) {
-    border-color: #faf5ff;
+  .xl\:-space-y-48 > :not(template) ~ :not(template) {
+    margin-top: -12rem;
   }
 
-  .xl\:hover\:divide-purple-200:hover > :not(template) ~ :not(template) {
-    border-color: #e9d8fd;
+  .xl\:-space-x-48 > :not(template) ~ :not(template) {
+    margin-left: -12rem;
   }
 
-  .xl\:hover\:divide-purple-300:hover > :not(template) ~ :not(template) {
-    border-color: #d6bcfa;
+  .xl\:-space-y-56 > :not(template) ~ :not(template) {
+    margin-top: -14rem;
   }
 
-  .xl\:hover\:divide-purple-400:hover > :not(template) ~ :not(template) {
-    border-color: #b794f4;
+  .xl\:-space-x-56 > :not(template) ~ :not(template) {
+    margin-left: -14rem;
   }
 
-  .xl\:hover\:divide-purple-500:hover > :not(template) ~ :not(template) {
-    border-color: #9f7aea;
+  .xl\:-space-y-64 > :not(template) ~ :not(template) {
+    margin-top: -16rem;
   }
 
-  .xl\:hover\:divide-purple-600:hover > :not(template) ~ :not(template) {
-    border-color: #805ad5;
+  .xl\:-space-x-64 > :not(template) ~ :not(template) {
+    margin-left: -16rem;
   }
 
-  .xl\:hover\:divide-purple-700:hover > :not(template) ~ :not(template) {
-    border-color: #6b46c1;
+  .xl\:-space-y-px > :not(template) ~ :not(template) {
+    margin-top: -1px;
   }
 
-  .xl\:hover\:divide-purple-800:hover > :not(template) ~ :not(template) {
-    border-color: #553c9a;
+  .xl\:-space-x-px > :not(template) ~ :not(template) {
+    margin-left: -1px;
   }
 
-  .xl\:hover\:divide-purple-900:hover > :not(template) ~ :not(template) {
-    border-color: #44337a;
+  .xl\:divide-y-0 > :not(template) ~ :not(template) {
+    border-top-width: 0;
   }
 
-  .xl\:hover\:divide-pink-100:hover > :not(template) ~ :not(template) {
-    border-color: #fff5f7;
+  .xl\:divide-x-0 > :not(template) ~ :not(template) {
+    border-left-width: 0;
   }
 
-  .xl\:hover\:divide-pink-200:hover > :not(template) ~ :not(template) {
-    border-color: #fed7e2;
+  .xl\:divide-y-2 > :not(template) ~ :not(template) {
+    border-top-width: 2px;
   }
 
-  .xl\:hover\:divide-pink-300:hover > :not(template) ~ :not(template) {
-    border-color: #fbb6ce;
+  .xl\:divide-x-2 > :not(template) ~ :not(template) {
+    border-left-width: 2px;
   }
 
-  .xl\:hover\:divide-pink-400:hover > :not(template) ~ :not(template) {
-    border-color: #f687b3;
+  .xl\:divide-y-4 > :not(template) ~ :not(template) {
+    border-top-width: 4px;
   }
 
-  .xl\:hover\:divide-pink-500:hover > :not(template) ~ :not(template) {
-    border-color: #ed64a6;
+  .xl\:divide-x-4 > :not(template) ~ :not(template) {
+    border-left-width: 4px;
   }
 
-  .xl\:hover\:divide-pink-600:hover > :not(template) ~ :not(template) {
-    border-color: #d53f8c;
+  .xl\:divide-y-8 > :not(template) ~ :not(template) {
+    border-top-width: 8px;
   }
 
-  .xl\:hover\:divide-pink-700:hover > :not(template) ~ :not(template) {
-    border-color: #b83280;
+  .xl\:divide-x-8 > :not(template) ~ :not(template) {
+    border-left-width: 8px;
   }
 
-  .xl\:hover\:divide-pink-800:hover > :not(template) ~ :not(template) {
-    border-color: #97266d;
+  .xl\:divide-y > :not(template) ~ :not(template) {
+    border-top-width: 1px;
   }
 
-  .xl\:hover\:divide-pink-900:hover > :not(template) ~ :not(template) {
-    border-color: #702459;
+  .xl\:divide-x > :not(template) ~ :not(template) {
+    border-left-width: 1px;
   }
 
-  .xl\:focus\:divide-transparent:focus > :not(template) ~ :not(template) {
+  .xl\:divide-transparent > :not(template) ~ :not(template) {
     border-color: transparent;
   }
 
-  .xl\:focus\:divide-current:focus > :not(template) ~ :not(template) {
+  .xl\:divide-current > :not(template) ~ :not(template) {
     border-color: currentColor;
   }
 
-  .xl\:focus\:divide-black:focus > :not(template) ~ :not(template) {
+  .xl\:divide-black > :not(template) ~ :not(template) {
     border-color: #000;
   }
 
-  .xl\:focus\:divide-white:focus > :not(template) ~ :not(template) {
+  .xl\:divide-white > :not(template) ~ :not(template) {
     border-color: #fff;
   }
 
-  .xl\:focus\:divide-gray-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-100 > :not(template) ~ :not(template) {
     border-color: #f7fafc;
   }
 
-  .xl\:focus\:divide-gray-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-200 > :not(template) ~ :not(template) {
     border-color: #edf2f7;
   }
 
-  .xl\:focus\:divide-gray-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-300 > :not(template) ~ :not(template) {
     border-color: #e2e8f0;
   }
 
-  .xl\:focus\:divide-gray-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-400 > :not(template) ~ :not(template) {
     border-color: #cbd5e0;
   }
 
-  .xl\:focus\:divide-gray-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-500 > :not(template) ~ :not(template) {
     border-color: #a0aec0;
   }
 
-  .xl\:focus\:divide-gray-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-600 > :not(template) ~ :not(template) {
     border-color: #718096;
   }
 
-  .xl\:focus\:divide-gray-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-700 > :not(template) ~ :not(template) {
     border-color: #4a5568;
   }
 
-  .xl\:focus\:divide-gray-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-800 > :not(template) ~ :not(template) {
     border-color: #2d3748;
   }
 
-  .xl\:focus\:divide-gray-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-gray-900 > :not(template) ~ :not(template) {
     border-color: #1a202c;
   }
 
-  .xl\:focus\:divide-red-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-100 > :not(template) ~ :not(template) {
     border-color: #fff5f5;
   }
 
-  .xl\:focus\:divide-red-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-200 > :not(template) ~ :not(template) {
     border-color: #fed7d7;
   }
 
-  .xl\:focus\:divide-red-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-300 > :not(template) ~ :not(template) {
     border-color: #feb2b2;
   }
 
-  .xl\:focus\:divide-red-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-400 > :not(template) ~ :not(template) {
     border-color: #fc8181;
   }
 
-  .xl\:focus\:divide-red-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-500 > :not(template) ~ :not(template) {
     border-color: #f56565;
   }
 
-  .xl\:focus\:divide-red-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-600 > :not(template) ~ :not(template) {
     border-color: #e53e3e;
   }
 
-  .xl\:focus\:divide-red-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-700 > :not(template) ~ :not(template) {
     border-color: #c53030;
   }
 
-  .xl\:focus\:divide-red-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-800 > :not(template) ~ :not(template) {
     border-color: #9b2c2c;
   }
 
-  .xl\:focus\:divide-red-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-red-900 > :not(template) ~ :not(template) {
     border-color: #742a2a;
   }
 
-  .xl\:focus\:divide-orange-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-100 > :not(template) ~ :not(template) {
     border-color: #fffaf0;
   }
 
-  .xl\:focus\:divide-orange-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-200 > :not(template) ~ :not(template) {
     border-color: #feebc8;
   }
 
-  .xl\:focus\:divide-orange-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-300 > :not(template) ~ :not(template) {
     border-color: #fbd38d;
   }
 
-  .xl\:focus\:divide-orange-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-400 > :not(template) ~ :not(template) {
     border-color: #f6ad55;
   }
 
-  .xl\:focus\:divide-orange-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-500 > :not(template) ~ :not(template) {
     border-color: #ed8936;
   }
 
-  .xl\:focus\:divide-orange-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-600 > :not(template) ~ :not(template) {
     border-color: #dd6b20;
   }
 
-  .xl\:focus\:divide-orange-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-700 > :not(template) ~ :not(template) {
     border-color: #c05621;
   }
 
-  .xl\:focus\:divide-orange-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-800 > :not(template) ~ :not(template) {
     border-color: #9c4221;
   }
 
-  .xl\:focus\:divide-orange-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-orange-900 > :not(template) ~ :not(template) {
     border-color: #7b341e;
   }
 
-  .xl\:focus\:divide-yellow-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
     border-color: #fffff0;
   }
 
-  .xl\:focus\:divide-yellow-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
     border-color: #fefcbf;
   }
 
-  .xl\:focus\:divide-yellow-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
     border-color: #faf089;
   }
 
-  .xl\:focus\:divide-yellow-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
     border-color: #f6e05e;
   }
 
-  .xl\:focus\:divide-yellow-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
     border-color: #ecc94b;
   }
 
-  .xl\:focus\:divide-yellow-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
     border-color: #d69e2e;
   }
 
-  .xl\:focus\:divide-yellow-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
     border-color: #b7791f;
   }
 
-  .xl\:focus\:divide-yellow-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
     border-color: #975a16;
   }
 
-  .xl\:focus\:divide-yellow-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
     border-color: #744210;
   }
 
-  .xl\:focus\:divide-green-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-100 > :not(template) ~ :not(template) {
     border-color: #f0fff4;
   }
 
-  .xl\:focus\:divide-green-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-200 > :not(template) ~ :not(template) {
     border-color: #c6f6d5;
   }
 
-  .xl\:focus\:divide-green-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-300 > :not(template) ~ :not(template) {
     border-color: #9ae6b4;
   }
 
-  .xl\:focus\:divide-green-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-400 > :not(template) ~ :not(template) {
     border-color: #68d391;
   }
 
-  .xl\:focus\:divide-green-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-500 > :not(template) ~ :not(template) {
     border-color: #48bb78;
   }
 
-  .xl\:focus\:divide-green-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-600 > :not(template) ~ :not(template) {
     border-color: #38a169;
   }
 
-  .xl\:focus\:divide-green-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-700 > :not(template) ~ :not(template) {
     border-color: #2f855a;
   }
 
-  .xl\:focus\:divide-green-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-800 > :not(template) ~ :not(template) {
     border-color: #276749;
   }
 
-  .xl\:focus\:divide-green-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-green-900 > :not(template) ~ :not(template) {
     border-color: #22543d;
   }
 
-  .xl\:focus\:divide-teal-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-100 > :not(template) ~ :not(template) {
     border-color: #e6fffa;
   }
 
-  .xl\:focus\:divide-teal-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-200 > :not(template) ~ :not(template) {
     border-color: #b2f5ea;
   }
 
-  .xl\:focus\:divide-teal-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-300 > :not(template) ~ :not(template) {
     border-color: #81e6d9;
   }
 
-  .xl\:focus\:divide-teal-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-400 > :not(template) ~ :not(template) {
     border-color: #4fd1c5;
   }
 
-  .xl\:focus\:divide-teal-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-500 > :not(template) ~ :not(template) {
     border-color: #38b2ac;
   }
 
-  .xl\:focus\:divide-teal-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-600 > :not(template) ~ :not(template) {
     border-color: #319795;
   }
 
-  .xl\:focus\:divide-teal-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-700 > :not(template) ~ :not(template) {
     border-color: #2c7a7b;
   }
 
-  .xl\:focus\:divide-teal-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-800 > :not(template) ~ :not(template) {
     border-color: #285e61;
   }
 
-  .xl\:focus\:divide-teal-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-teal-900 > :not(template) ~ :not(template) {
     border-color: #234e52;
   }
 
-  .xl\:focus\:divide-blue-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-100 > :not(template) ~ :not(template) {
     border-color: #ebf8ff;
   }
 
-  .xl\:focus\:divide-blue-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-200 > :not(template) ~ :not(template) {
     border-color: #bee3f8;
   }
 
-  .xl\:focus\:divide-blue-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-300 > :not(template) ~ :not(template) {
     border-color: #90cdf4;
   }
 
-  .xl\:focus\:divide-blue-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-400 > :not(template) ~ :not(template) {
     border-color: #63b3ed;
   }
 
-  .xl\:focus\:divide-blue-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-500 > :not(template) ~ :not(template) {
     border-color: #4299e1;
   }
 
-  .xl\:focus\:divide-blue-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-600 > :not(template) ~ :not(template) {
     border-color: #3182ce;
   }
 
-  .xl\:focus\:divide-blue-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-700 > :not(template) ~ :not(template) {
     border-color: #2b6cb0;
   }
 
-  .xl\:focus\:divide-blue-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-800 > :not(template) ~ :not(template) {
     border-color: #2c5282;
   }
 
-  .xl\:focus\:divide-blue-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-blue-900 > :not(template) ~ :not(template) {
     border-color: #2a4365;
   }
 
-  .xl\:focus\:divide-indigo-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
     border-color: #ebf4ff;
   }
 
-  .xl\:focus\:divide-indigo-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
     border-color: #c3dafe;
   }
 
-  .xl\:focus\:divide-indigo-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
     border-color: #a3bffa;
   }
 
-  .xl\:focus\:divide-indigo-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
     border-color: #7f9cf5;
   }
 
-  .xl\:focus\:divide-indigo-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
     border-color: #667eea;
   }
 
-  .xl\:focus\:divide-indigo-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
     border-color: #5a67d8;
   }
 
-  .xl\:focus\:divide-indigo-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
     border-color: #4c51bf;
   }
 
-  .xl\:focus\:divide-indigo-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
     border-color: #434190;
   }
 
-  .xl\:focus\:divide-indigo-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
     border-color: #3c366b;
   }
 
-  .xl\:focus\:divide-purple-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-100 > :not(template) ~ :not(template) {
     border-color: #faf5ff;
   }
 
-  .xl\:focus\:divide-purple-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-200 > :not(template) ~ :not(template) {
     border-color: #e9d8fd;
   }
 
-  .xl\:focus\:divide-purple-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-300 > :not(template) ~ :not(template) {
     border-color: #d6bcfa;
   }
 
-  .xl\:focus\:divide-purple-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-400 > :not(template) ~ :not(template) {
     border-color: #b794f4;
   }
 
-  .xl\:focus\:divide-purple-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-500 > :not(template) ~ :not(template) {
     border-color: #9f7aea;
   }
 
-  .xl\:focus\:divide-purple-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-600 > :not(template) ~ :not(template) {
     border-color: #805ad5;
   }
 
-  .xl\:focus\:divide-purple-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-700 > :not(template) ~ :not(template) {
     border-color: #6b46c1;
   }
 
-  .xl\:focus\:divide-purple-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-800 > :not(template) ~ :not(template) {
     border-color: #553c9a;
   }
 
-  .xl\:focus\:divide-purple-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-purple-900 > :not(template) ~ :not(template) {
     border-color: #44337a;
   }
 
-  .xl\:focus\:divide-pink-100:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-100 > :not(template) ~ :not(template) {
     border-color: #fff5f7;
   }
 
-  .xl\:focus\:divide-pink-200:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-200 > :not(template) ~ :not(template) {
     border-color: #fed7e2;
   }
 
-  .xl\:focus\:divide-pink-300:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-300 > :not(template) ~ :not(template) {
     border-color: #fbb6ce;
   }
 
-  .xl\:focus\:divide-pink-400:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-400 > :not(template) ~ :not(template) {
     border-color: #f687b3;
   }
 
-  .xl\:focus\:divide-pink-500:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-500 > :not(template) ~ :not(template) {
     border-color: #ed64a6;
   }
 
-  .xl\:focus\:divide-pink-600:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-600 > :not(template) ~ :not(template) {
     border-color: #d53f8c;
   }
 
-  .xl\:focus\:divide-pink-700:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-700 > :not(template) ~ :not(template) {
     border-color: #b83280;
   }
 
-  .xl\:focus\:divide-pink-800:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-800 > :not(template) ~ :not(template) {
     border-color: #97266d;
   }
 
-  .xl\:focus\:divide-pink-900:focus > :not(template) ~ :not(template) {
+  .xl\:divide-pink-900 > :not(template) ~ :not(template) {
     border-color: #702459;
   }
 
diff --git a/package.json b/package.json
index 4f9f7439d11b..321e7f7751f0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -30,7 +30,7 @@
     "@babel/core": "^7.0.0",
     "@babel/node": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
-    "babel-jest": "^25.1.0",
+    "babel-jest": "^26.0.0",
     "clean-css": "^4.1.9",
     "eslint": "^6.0.1",
     "eslint-config-postcss": "^2.0.2",
diff --git a/src/lib/purgeUnusedStyles.js b/src/lib/purgeUnusedStyles.js
index 394b53ba848c..240a3e9c771b 100644
--- a/src/lib/purgeUnusedStyles.js
+++ b/src/lib/purgeUnusedStyles.js
@@ -36,8 +36,20 @@ export default function purgeUnusedUtilities(config) {
   // Skip if `purge: []` since that's part of the default config
   if (Array.isArray(config.purge) && config.purge.length === 0) {
     log()
-    log(emoji.warning, chalk.yellow(' Skipping purge because no template paths provided.'))
-    log(chalk.white('   To silence this warning, set `purge: false` in your Tailwind config file.'))
+    log(
+      emoji.warning,
+      chalk.yellow(
+        ' Tailwind is not purging unused styles because no template paths have been provided.'
+      )
+    )
+    log(
+      chalk.white(
+        '   If you have manually configured PurgeCSS outside of Tailwind or are deliberately not\n      removing unused styles, set `purge: false` in your Tailwind config file to silence\n      this warning.'
+      )
+    )
+    log(
+      chalk.white('\n      https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css')
+    )
     return removeTailwindComments
   }
 
diff --git a/src/lib/substituteVariantsAtRules.js b/src/lib/substituteVariantsAtRules.js
index 931ebacfcaa6..2ae282846106 100644
--- a/src/lib/substituteVariantsAtRules.js
+++ b/src/lib/substituteVariantsAtRules.js
@@ -78,6 +78,11 @@ export default function(config, { variantGenerators: pluginVariantGenerators })
       }
 
       _.forEach(_.without(ensureIncludesDefault(variants), 'responsive'), variant => {
+        if (!variantGenerators[variant]) {
+          throw new Error(
+            `Your config mentions the "${variant}" variant, but "${variant}" doesn't appear to be a variant. Did you forget or misconfigure a plugin that supplies that variant?`
+          )
+        }
         variantGenerators[variant](atRule, config)
       })
 
diff --git a/src/plugins/divideColor.js b/src/plugins/divideColor.js
index 51e3342e8360..915aba9cd344 100644
--- a/src/plugins/divideColor.js
+++ b/src/plugins/divideColor.js
@@ -16,7 +16,7 @@ export default function() {
         })
       )
 
-      addUtilities(utilities, variants('textColor'))
+      addUtilities(utilities, variants('divideColor'))
 
       return
     }
diff --git a/yarn.lock b/yarn.lock
index c05a8a4f78ef..e58b69320dd3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -846,12 +846,12 @@
     minimist "^1.2.0"
 
 "@fullhuman/postcss-purgecss@^2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.1.2.tgz#8fe4d4ae2b58214b5452cb490a31c7146517442f"
-  integrity sha512-Jf34YVBK9GtXTblpu0svNUJdA7rTQoRMz+yEJe6mwTnXDIGipWLzaX/VgU/x6IPC6WvU5SY/XlawwqhxoyFPTg==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.2.0.tgz#2b3699287163ff515f25ccdae5b96a244eebb41a"
+  integrity sha512-q4zYAn8L9olA5uneaLhxkHRBoug9dnAqytbdX9R5dbzSORobhYr1yGR2JN3Q1UMd5RB0apm1NvJekHaymal/BQ==
   dependencies:
-    postcss "7.0.27"
-    purgecss "^2.1.2"
+    postcss "7.0.28"
+    purgecss "^2.2.0"
 
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.0.0"
@@ -879,10 +879,10 @@
     jest-util "^25.5.0"
     slash "^3.0.0"
 
-"@jest/core@^25.5.3":
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-25.5.3.tgz#0cfd7ad602e587d5adebfbc47f983c0b360c5269"
-  integrity sha512-/wY1JCmY61wMjGsix0ccNmiHsl7+l1nGMvdXnWbceezWyf8gFoqA7kRN6e2CTcF2K1GVYhsUdLdyKpz7hVMegQ==
+"@jest/core@^25.5.4":
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-25.5.4.tgz#3ef7412f7339210f003cdf36646bbca786efe7b4"
+  integrity sha512-3uSo7laYxF00Dg/DMgbn4xMJKmDdWvZnf89n8Xj/5/AeQ2dOQmn6b6Hkj/MleyzZWXpwv+WSdYWl4cLsy2JsoA==
   dependencies:
     "@jest/console" "^25.5.0"
     "@jest/reporters" "^25.5.1"
@@ -894,14 +894,14 @@
     exit "^0.1.2"
     graceful-fs "^4.2.4"
     jest-changed-files "^25.5.0"
-    jest-config "^25.5.3"
+    jest-config "^25.5.4"
     jest-haste-map "^25.5.1"
     jest-message-util "^25.5.0"
     jest-regex-util "^25.2.6"
     jest-resolve "^25.5.1"
-    jest-resolve-dependencies "^25.5.2"
-    jest-runner "^25.5.3"
-    jest-runtime "^25.5.3"
+    jest-resolve-dependencies "^25.5.4"
+    jest-runner "^25.5.4"
+    jest-runtime "^25.5.4"
     jest-snapshot "^25.5.1"
     jest-util "^25.5.0"
     jest-validate "^25.5.0"
@@ -993,27 +993,16 @@
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^25.5.2":
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.5.2.tgz#3d291179de020f42835469fff1de496d6309848a"
-  integrity sha512-spQjGJ+QTjqB2NcZclkEpStF4uXxfpMfGAsW12dtxfjR9nsxTyTEYt8JUtrpxfYk8R1iTbcwkayekxZPB2MEiw==
+"@jest/test-sequencer@^25.5.4":
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.5.4.tgz#9b4e685b36954c38d0f052e596d28161bdc8b737"
+  integrity sha512-pTJGEkSeg1EkCO2YWq6hbFvKNXk8ejqlxiOg1jBNLnWrgXOkdY6UmqZpwGFXNnRt9B8nO1uWMzLLZ4eCmhkPNA==
   dependencies:
     "@jest/test-result" "^25.5.0"
     graceful-fs "^4.2.4"
     jest-haste-map "^25.5.1"
-    jest-runner "^25.5.2"
-    jest-runtime "^25.5.2"
-
-"@jest/test-sequencer@^25.5.3":
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-25.5.3.tgz#b6638d5118a1f8a7cb3f49fe59087326a589fa36"
-  integrity sha512-/xvmwp+7eTsgmbyFp649WCpyf6x+c7CMERYOnZtIYIqpOW2p0vDbY1TNyr1wum4c/xSe+KR8iBIzsZKa6csmeg==
-  dependencies:
-    "@jest/test-result" "^25.5.0"
-    graceful-fs "^4.2.4"
-    jest-haste-map "^25.5.1"
-    jest-runner "^25.5.3"
-    jest-runtime "^25.5.3"
+    jest-runner "^25.5.4"
+    jest-runtime "^25.5.4"
 
 "@jest/transform@^25.5.1":
   version "25.5.1"
@@ -1037,6 +1026,27 @@
     source-map "^0.6.1"
     write-file-atomic "^3.0.0"
 
+"@jest/transform@^26.0.1":
+  version "26.0.1"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.0.1.tgz#0e3ecbb34a11cd4b2080ed0a9c4856cf0ceb0639"
+  integrity sha512-pPRkVkAQ91drKGbzCfDOoHN838+FSbYaEAvBXvKuWeeRRUD8FjwXkqfUNUZL6Ke48aA/1cqq/Ni7kVMCoqagWA==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^26.0.1"
+    babel-plugin-istanbul "^6.0.0"
+    chalk "^4.0.0"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.2.4"
+    jest-haste-map "^26.0.1"
+    jest-regex-util "^26.0.0"
+    jest-util "^26.0.1"
+    micromatch "^4.0.2"
+    pirates "^4.0.1"
+    slash "^3.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "^3.0.0"
+
 "@jest/types@^25.5.0":
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.5.0.tgz#4d6a4793f7b9599fc3680877b856a97dbccf2a9d"
@@ -1047,6 +1057,16 @@
     "@types/yargs" "^15.0.0"
     chalk "^3.0.0"
 
+"@jest/types@^26.0.1":
+  version "26.0.1"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.0.1.tgz#b78333fbd113fa7aec8d39de24f88de8686dac67"
+  integrity sha512-IbtjvqI9+eS1qFnOIEL7ggWmT+iK/U+Vde9cGWtYb/b6XgKb3X44ZAe/z9YZzoAAZ/E92m0DqrilF934IGNnQA==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^1.1.1"
+    "@types/yargs" "^15.0.0"
+    chalk "^4.0.0"
+
 "@sinonjs/commons@^1.7.0":
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.7.0.tgz#f90ffc52a2e519f018b13b6c4da03cbff36ebed6"
@@ -1376,7 +1396,7 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
   integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
 
-babel-jest@^25.1.0, babel-jest@^25.5.1:
+babel-jest@^25.5.1:
   version "25.5.1"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-25.5.1.tgz#bc2e6101f849d6f6aec09720ffc7bc5332e62853"
   integrity sha512-9dA9+GmMjIzgPnYtkhBg73gOo/RHqPmLruP3BaGL4KEX3Dwz6pI8auSN8G8+iuEG90+GSswyKvslN+JYSaacaQ==
@@ -1390,6 +1410,20 @@ babel-jest@^25.1.0, babel-jest@^25.5.1:
     graceful-fs "^4.2.4"
     slash "^3.0.0"
 
+babel-jest@^26.0.0:
+  version "26.0.1"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-26.0.1.tgz#450139ce4b6c17174b136425bda91885c397bc46"
+  integrity sha512-Z4GGmSNQ8pX3WS1O+6v3fo41YItJJZsVxG5gIQ+HuB/iuAQBJxMTHTwz292vuYws1LnHfwSRgoqI+nxdy/pcvw==
+  dependencies:
+    "@jest/transform" "^26.0.1"
+    "@jest/types" "^26.0.1"
+    "@types/babel__core" "^7.1.7"
+    babel-plugin-istanbul "^6.0.0"
+    babel-preset-jest "^26.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    slash "^3.0.0"
+
 babel-plugin-dynamic-import-node@^2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
@@ -1417,6 +1451,15 @@ babel-plugin-jest-hoist@^25.5.0:
     "@babel/types" "^7.3.3"
     "@types/babel__traverse" "^7.0.6"
 
+babel-plugin-jest-hoist@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.0.0.tgz#fd1d35f95cf8849fc65cb01b5e58aedd710b34a8"
+  integrity sha512-+AuoehOrjt9irZL7DOt2+4ZaTM6dlu1s5TTS46JBa0/qem4dy7VNW3tMb96qeEqcIh20LD73TVNtmVEeymTG7w==
+  dependencies:
+    "@babel/template" "^7.3.3"
+    "@babel/types" "^7.3.3"
+    "@types/babel__traverse" "^7.0.6"
+
 babel-preset-current-node-syntax@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
@@ -1441,6 +1484,14 @@ babel-preset-jest@^25.5.0:
     babel-plugin-jest-hoist "^25.5.0"
     babel-preset-current-node-syntax "^0.1.2"
 
+babel-preset-jest@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-26.0.0.tgz#1eac82f513ad36c4db2e9263d7c485c825b1faa6"
+  integrity sha512-9ce+DatAa31DpR4Uir8g4Ahxs5K4W4L8refzt+qHWQANb6LhGcAEfIFgLUwk67oya2cCUd6t4eUMtO/z64ocNw==
+  dependencies:
+    babel-plugin-jest-hoist "^26.0.0"
+    babel-preset-current-node-syntax "^0.1.2"
+
 balanced-match@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@@ -3089,12 +3140,12 @@ jest-changed-files@^25.5.0:
     execa "^3.2.0"
     throat "^5.0.0"
 
-jest-cli@^25.5.3:
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-25.5.3.tgz#8f33f2aae33a085a7394db8b6f60c2ef47b8a72d"
-  integrity sha512-epjgZ0WeBECVXOQ11pn7Pc3n8SeGAqdWb+X2eSLoyCGieFEBAatB7bVI+UmyH/vsiOxpIb0qwby0QrrGMZMfcQ==
+jest-cli@^25.5.4:
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-25.5.4.tgz#b9f1a84d1301a92c5c217684cb79840831db9f0d"
+  integrity sha512-rG8uJkIiOUpnREh1768/N3n27Cm+xPFkSNFO91tgg+8o2rXeVLStz+vkXkGr4UtzH6t1SNbjwoiswd7p4AhHTw==
   dependencies:
-    "@jest/core" "^25.5.3"
+    "@jest/core" "^25.5.4"
     "@jest/test-result" "^25.5.0"
     "@jest/types" "^25.5.0"
     chalk "^3.0.0"
@@ -3102,20 +3153,20 @@ jest-cli@^25.5.3:
     graceful-fs "^4.2.4"
     import-local "^3.0.2"
     is-ci "^2.0.0"
-    jest-config "^25.5.3"
+    jest-config "^25.5.4"
     jest-util "^25.5.0"
     jest-validate "^25.5.0"
     prompts "^2.0.1"
     realpath-native "^2.0.0"
     yargs "^15.3.1"
 
-jest-config@^25.5.2:
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.5.2.tgz#99319256123df19194da4aa27bb695ace4dfbe6b"
-  integrity sha512-6KVTvhJYyXQVFMDxMCxqf9IgdI0dhdaIKR9WN9U+w3xcvNEWCgwzK5LaSx6hvthgh/sukJb3bC4jMnIUXkWu+A==
+jest-config@^25.5.4:
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.5.4.tgz#38e2057b3f976ef7309b2b2c8dcd2a708a67f02c"
+  integrity sha512-SZwR91SwcdK6bz7Gco8qL7YY2sx8tFJYzvg216DLihTWf+LKY/DoJXpM9nTzYakSyfblbqeU48p/p7Jzy05Atg==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^25.5.2"
+    "@jest/test-sequencer" "^25.5.4"
     "@jest/types" "^25.5.0"
     babel-jest "^25.5.1"
     chalk "^3.0.0"
@@ -3125,32 +3176,7 @@ jest-config@^25.5.2:
     jest-environment-jsdom "^25.5.0"
     jest-environment-node "^25.5.0"
     jest-get-type "^25.2.6"
-    jest-jasmine2 "^25.5.2"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
-    micromatch "^4.0.2"
-    pretty-format "^25.5.0"
-    realpath-native "^2.0.0"
-
-jest-config@^25.5.3:
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-25.5.3.tgz#2d0f6deafcaa5a543d97ed978070bdad19f6890c"
-  integrity sha512-PrzL7wCP9XMEmUd+0ArcR37SVL7oF1lnIPxzppfeYvPytOtgTdXa2M/0TKcPYPHaa/T3UvHEpSNiC25yXktfsQ==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^25.5.3"
-    "@jest/types" "^25.5.0"
-    babel-jest "^25.5.1"
-    chalk "^3.0.0"
-    deepmerge "^4.2.2"
-    glob "^7.1.1"
-    graceful-fs "^4.2.4"
-    jest-environment-jsdom "^25.5.0"
-    jest-environment-node "^25.5.0"
-    jest-get-type "^25.2.6"
-    jest-jasmine2 "^25.5.2"
+    jest-jasmine2 "^25.5.4"
     jest-regex-util "^25.2.6"
     jest-resolve "^25.5.1"
     jest-util "^25.5.0"
@@ -3236,10 +3262,30 @@ jest-haste-map@^25.5.1:
   optionalDependencies:
     fsevents "^2.1.2"
 
-jest-jasmine2@^25.5.2:
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-25.5.2.tgz#ea7825e965309ccfa610435f8a23a663339f8e44"
-  integrity sha512-wRtHAy97F4hafJgnh5CwI/N1tDo7z+urteQAyr3rjK7X3TZWX5hSV4cO7WIBKLDV0kPICCmsGiNYs1caeHD/sQ==
+jest-haste-map@^26.0.1:
+  version "26.0.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.0.1.tgz#40dcc03c43ac94d25b8618075804d09cd5d49de7"
+  integrity sha512-J9kBl/EdjmDsvyv7CiyKY5+DsTvVOScenprz/fGqfLg/pm1gdjbwwQ98nW0t+OIt+f+5nAVaElvn/6wP5KO7KA==
+  dependencies:
+    "@jest/types" "^26.0.1"
+    "@types/graceful-fs" "^4.1.2"
+    anymatch "^3.0.3"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.2.4"
+    jest-serializer "^26.0.0"
+    jest-util "^26.0.1"
+    jest-worker "^26.0.0"
+    micromatch "^4.0.2"
+    sane "^4.0.3"
+    walker "^1.0.7"
+    which "^2.0.2"
+  optionalDependencies:
+    fsevents "^2.1.2"
+
+jest-jasmine2@^25.5.4:
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-25.5.4.tgz#66ca8b328fb1a3c5364816f8958f6970a8526968"
+  integrity sha512-9acbWEfbmS8UpdcfqnDO+uBUgKa/9hcRh983IHdM+pKmJPL77G0sWAAK0V0kr5LK3a8cSBfkFSoncXwQlRZfkQ==
   dependencies:
     "@babel/traverse" "^7.1.0"
     "@jest/environment" "^25.5.0"
@@ -3253,7 +3299,7 @@ jest-jasmine2@^25.5.2:
     jest-each "^25.5.0"
     jest-matcher-utils "^25.5.0"
     jest-message-util "^25.5.0"
-    jest-runtime "^25.5.2"
+    jest-runtime "^25.5.4"
     jest-snapshot "^25.5.1"
     jest-util "^25.5.0"
     pretty-format "^25.5.0"
@@ -3308,10 +3354,15 @@ jest-regex-util@^25.2.6:
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-25.2.6.tgz#d847d38ba15d2118d3b06390056028d0f2fd3964"
   integrity sha512-KQqf7a0NrtCkYmZZzodPftn7fL1cq3GQAFVMn5Hg8uKx/fIenLEobNanUxb7abQ1sjADHBseG/2FGpsv/wr+Qw==
 
-jest-resolve-dependencies@^25.5.2:
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-25.5.2.tgz#7409d14437497339e0acb88575408f2265c9a58d"
-  integrity sha512-4xlPp6/SFFZj7g7WkhoKEEWsYqmAK6WcmFFRfDJ0K4T2f/MCJgFEPqv1F88ro6ZJdpOti08CxGku4gBwau/RjQ==
+jest-regex-util@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
+  integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==
+
+jest-resolve-dependencies@^25.5.4:
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-25.5.4.tgz#85501f53957c8e3be446e863a74777b5a17397a7"
+  integrity sha512-yFmbPd+DAQjJQg88HveObcGBA32nqNZ02fjYmtL16t1xw9bAttSn5UGRRhzMHIQbsep7znWvAvnD4kDqOFM0Uw==
   dependencies:
     "@jest/types" "^25.5.0"
     jest-regex-util "^25.2.6"
@@ -3332,10 +3383,10 @@ jest-resolve@^25.5.1:
     resolve "^1.17.0"
     slash "^3.0.0"
 
-jest-runner@^25.5.2:
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.5.2.tgz#af9b50736d834b9892fd240e89c984712cf53dd6"
-  integrity sha512-GvaM0AWSfyer46BEranPSmKoNNW9RqLGnjKftE6I5Ia6cfjdHHeTHAus7Mh9PdjWzGqrXsLSGdErX+4wMvN3rQ==
+jest-runner@^25.5.4:
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.5.4.tgz#ffec5df3875da5f5c878ae6d0a17b8e4ecd7c71d"
+  integrity sha512-V/2R7fKZo6blP8E9BL9vJ8aTU4TH2beuqGNxHbxi6t14XzTb+x90B3FRgdvuHm41GY8ch4xxvf0ATH4hdpjTqg==
   dependencies:
     "@jest/console" "^25.5.0"
     "@jest/environment" "^25.5.0"
@@ -3344,80 +3395,23 @@ jest-runner@^25.5.2:
     chalk "^3.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-config "^25.5.2"
+    jest-config "^25.5.4"
     jest-docblock "^25.3.0"
     jest-haste-map "^25.5.1"
-    jest-jasmine2 "^25.5.2"
+    jest-jasmine2 "^25.5.4"
     jest-leak-detector "^25.5.0"
     jest-message-util "^25.5.0"
     jest-resolve "^25.5.1"
-    jest-runtime "^25.5.2"
+    jest-runtime "^25.5.4"
     jest-util "^25.5.0"
     jest-worker "^25.5.0"
     source-map-support "^0.5.6"
     throat "^5.0.0"
 
-jest-runner@^25.5.3:
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-25.5.3.tgz#c233b505e8ed5055f7a54471c68f4b8be477d610"
-  integrity sha512-g4DyOG9hXdFhYL57bzVKWT6AuakcwDgvkB1RIie17mzF1EK4FFLSq9D/5hglgWtlhh6IH3CRDePIFetMHzLmCw==
-  dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/types" "^25.5.0"
-    chalk "^3.0.0"
-    exit "^0.1.2"
-    graceful-fs "^4.2.4"
-    jest-config "^25.5.3"
-    jest-docblock "^25.3.0"
-    jest-haste-map "^25.5.1"
-    jest-jasmine2 "^25.5.2"
-    jest-leak-detector "^25.5.0"
-    jest-message-util "^25.5.0"
-    jest-resolve "^25.5.1"
-    jest-runtime "^25.5.3"
-    jest-util "^25.5.0"
-    jest-worker "^25.5.0"
-    source-map-support "^0.5.6"
-    throat "^5.0.0"
-
-jest-runtime@^25.5.2:
-  version "25.5.2"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.5.2.tgz#cf98a455e15f86120a0bf4dbf494b2e54a0a20dc"
-  integrity sha512-UQTPBnE73qpGMKAXYB2agoC+6hMyT3dWXVL+cYibCFRm0tx2A+0+8wceoivRCtxQGaQr52c+qMRIOIRqmhAgHQ==
-  dependencies:
-    "@jest/console" "^25.5.0"
-    "@jest/environment" "^25.5.0"
-    "@jest/globals" "^25.5.2"
-    "@jest/source-map" "^25.5.0"
-    "@jest/test-result" "^25.5.0"
-    "@jest/transform" "^25.5.1"
-    "@jest/types" "^25.5.0"
-    "@types/yargs" "^15.0.0"
-    chalk "^3.0.0"
-    collect-v8-coverage "^1.0.0"
-    exit "^0.1.2"
-    glob "^7.1.3"
-    graceful-fs "^4.2.4"
-    jest-config "^25.5.2"
-    jest-haste-map "^25.5.1"
-    jest-message-util "^25.5.0"
-    jest-mock "^25.5.0"
-    jest-regex-util "^25.2.6"
-    jest-resolve "^25.5.1"
-    jest-snapshot "^25.5.1"
-    jest-util "^25.5.0"
-    jest-validate "^25.5.0"
-    realpath-native "^2.0.0"
-    slash "^3.0.0"
-    strip-bom "^4.0.0"
-    yargs "^15.3.1"
-
-jest-runtime@^25.5.3:
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.5.3.tgz#c0e2c0a9734a5d46d4307d19e4173532b2f3d066"
-  integrity sha512-q6ajy2rtRDjIzSJm7J0g1kYG4MLlgfBeMNdaEKOa7z/JHLxEBz0ija67C9UioO1L0oWxiulH3Zt7iFhE8r3ITg==
+jest-runtime@^25.5.4:
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-25.5.4.tgz#dc981fe2cb2137abcd319e74ccae7f7eeffbfaab"
+  integrity sha512-RWTt8LeWh3GvjYtASH2eezkc8AehVoWKK20udV6n3/gC87wlTbE1kIA+opCvNWyyPeBs6ptYsc6nyHUb1GlUVQ==
   dependencies:
     "@jest/console" "^25.5.0"
     "@jest/environment" "^25.5.0"
@@ -3432,7 +3426,7 @@ jest-runtime@^25.5.3:
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.2.4"
-    jest-config "^25.5.3"
+    jest-config "^25.5.4"
     jest-haste-map "^25.5.1"
     jest-message-util "^25.5.0"
     jest-mock "^25.5.0"
@@ -3453,6 +3447,13 @@ jest-serializer@^25.5.0:
   dependencies:
     graceful-fs "^4.2.4"
 
+jest-serializer@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.0.0.tgz#f6c521ddb976943b93e662c0d4d79245abec72a3"
+  integrity sha512-sQGXLdEGWFAE4wIJ2ZaIDb+ikETlUirEOBsLXdoBbeLhTHkZUJwgk3+M8eyFizhM6le43PDCCKPA1hzkSDo4cQ==
+  dependencies:
+    graceful-fs "^4.2.4"
+
 jest-snapshot@^25.5.1:
   version "25.5.1"
   resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-25.5.1.tgz#1a2a576491f9961eb8d00c2e5fd479bc28e5ff7f"
@@ -3485,6 +3486,17 @@ jest-util@^25.5.0:
     is-ci "^2.0.0"
     make-dir "^3.0.0"
 
+jest-util@^26.0.1:
+  version "26.0.1"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.0.1.tgz#72c4c51177b695fdd795ca072a6f94e3d7cef00a"
+  integrity sha512-byQ3n7ad1BO/WyFkYvlWQHTsomB6GIewBh8tlGtusiylAlaxQ1UpS0XYH0ngOyhZuHVLN79Qvl6/pMiDMSSG1g==
+  dependencies:
+    "@jest/types" "^26.0.1"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.4"
+    is-ci "^2.0.0"
+    make-dir "^3.0.0"
+
 jest-validate@^25.5.0:
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-25.5.0.tgz#fb4c93f332c2e4cf70151a628e58a35e459a413a"
@@ -3517,14 +3529,22 @@ jest-worker@^25.5.0:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
+jest-worker@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.0.0.tgz#4920c7714f0a96c6412464718d0c58a3df3fb066"
+  integrity sha512-pPaYa2+JnwmiZjK9x7p9BoZht+47ecFCDFA/CJxspHzeDvQcfVBLWzCiWyo+EGrSiQMWZtCFo9iSvMZnAAo8vw==
+  dependencies:
+    merge-stream "^2.0.0"
+    supports-color "^7.0.0"
+
 jest@^25.1.0:
-  version "25.5.3"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-25.5.3.tgz#2b1aeca5c7818fb75c6406430267f058b202b9d8"
-  integrity sha512-YImNJIOcQ5pguFpzZ14FQ+v2rannjrFP3R+SU/Wi2TyLQE5hZXcAbg9+WVl+lnEZHAZ99Jyh+tjhW59iMiI0pg==
+  version "25.5.4"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-25.5.4.tgz#f21107b6489cfe32b076ce2adcadee3587acb9db"
+  integrity sha512-hHFJROBTqZahnO+X+PMtT6G2/ztqAZJveGqz//FnWWHurizkD05PQGzRZOhF3XP6z7SJmL+5tCfW8qV06JypwQ==
   dependencies:
-    "@jest/core" "^25.5.3"
+    "@jest/core" "^25.5.4"
     import-local "^3.0.2"
-    jest-cli "^25.5.3"
+    jest-cli "^25.5.4"
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
@@ -4413,10 +4433,10 @@ postcss-value-parser@^4.0.3:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz#651ff4593aa9eda8d5d0d66593a2417aeaeb325d"
   integrity sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==
 
-postcss@7.0.27, postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.21, postcss@^7.0.27:
-  version "7.0.27"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.27.tgz#cc67cdc6b0daa375105b7c424a85567345fc54d9"
-  integrity sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==
+postcss@7.0.28:
+  version "7.0.28"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.28.tgz#d349ced7743475717ba91f6810efb58c51fb5dbb"
+  integrity sha512-YU6nVhyWIsVtlNlnAj1fHTsUKW5qxm3KEgzq2Jj6KTEFOTK8QWR12eIDvrlWhiSTK8WIBFTBhOJV4DY6dUuEbw==
   dependencies:
     chalk "^2.4.2"
     source-map "^0.6.1"
@@ -4431,6 +4451,15 @@ postcss@^6.0.9:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
+postcss@^7.0.11, postcss@^7.0.18, postcss@^7.0.21, postcss@^7.0.27:
+  version "7.0.29"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.29.tgz#d3a903872bd52280b83bce38cdc83ce55c06129e"
+  integrity sha512-ba0ApvR3LxGvRMMiUa9n0WR4HjzcYm7tS+ht4/2Nd0NLtHpPIH77fuB9Xh1/yJVz9O/E/95Y/dn8ygWsyffXtw==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -4509,14 +4538,14 @@ punycode@^2.1.0, punycode@^2.1.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
-purgecss@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-2.1.2.tgz#96f666d04c56705208aaa1a544b5f22e13828955"
-  integrity sha512-5oDBxiT9VonwKmEMohPFRFZrj8fdSVKxHPwq7G5Rx/2pXicZFJu+D4m5bb3NuV0sSK3ooNxq5jFIwwHzifP5FA==
+purgecss@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-2.2.1.tgz#aa3bdf23370f7539df6154f5e25df2da311cd018"
+  integrity sha512-wngRSLW1dpNr8kr3TL9nTJMyTFI5BiRiaUUEys5M1CA4zEHLF25fRHoshEeDqmhstaNTOddmpYM34zRrUtEGbQ==
   dependencies:
     commander "^5.0.0"
     glob "^7.0.0"
-    postcss "7.0.27"
+    postcss "7.0.28"
     postcss-selector-parser "^6.0.2"
 
 qs@~6.5.2: